/*
Theme Name: Chomok
Theme URI: http://themewar.com/wp/chomok/
Author: ThemeWar
Author URI: http://themewar.com/
Description: Chomok - Modern Architecture & Interior WordPress Theme
Version: 1.0
License:
License URI:
*/


/*==================================
    [Table of contents]
===================================
01. Header Sections
02. Slider Sections
03. Services Sections
04. About Sections
05. Projects Sections
06. Team Sections
07. Video Sections
08. Testimonials Sections
09. Blog Sections
10. Clients Sections
11. Footer Sections
12. Copyright Sections
13. Contact Pages
14. Fun Fact
15. Pages Bannar
16. Page Sidebar Widgets
17. Shop Page
18. FAQ Page
19. Package Page
20. Cart page
21. Back to Top
22. Back to Top
23. Popup Menu
*/


/*------------------------------------------------------
/  01. Header Sections
/------------------------------------------------------*/

/* Header Section Class */
.header-01{
    position: relative;
    background: #f8f8f8;
    padding: 0 85px;
}
.header-02{
    position: absolute;
    background: transparent;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3;
}
.header-03{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    background: transparent;
    padding: 40px 0 59px;
}
.header-03 .container{
    position: relative;
    z-index: 2;
}
.header-04{
    position: absolute;
    background: transparent;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3;
}
.isDark{
    position: relative;
    background: #f8f8f8;
    width: 100%;
    border-bottom: 1px solid #ececec;
}
.header-06{
    position: relative;
    background: #f8f8f8;
    width: 100%;
}
.fixedHeader{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    border-bottom: none;
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, .15);
    z-index: 99;
}
.fixedHeader.header-04,
.fixedHeader.header-03,
.fixedHeader.header-02{
    border-color: transparent;
    padding: 0;
    background: #141414;
    box-shadow: 0 0 35px 0 rgba(255, 255, 255, .15);
}
.dRight .main-menu {
    justify-content: flex-end;
    margin-left: auto;
}
.dRight .main-menu ul li:nth-last-child(1) ul li ul,
.dRight .main-menu ul li:nth-last-child(2) ul li ul,
.dRight .main-menu ul li:nth-last-child(3) ul li ul {
    left: auto;
    right: 100%;
}

/* Header Inner */
.header-inner{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.header-inner-02{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: -25px;
}
.header-inner-03{
    display: block;
}
.fixedHeader.header-03 .header-inner-03{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-inner-04{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 55px;
}
/* Logo & Logo Image*/
.logo{
    display: inline-flex;
    align-items: center;
    padding: 33px 0 33px;
    width: 16%;
}
.logo .text{
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    letter-spacing: 0;
    line-height: 1;
    position: relative;
    top: -2px;
    color: #141414;
}
.logo .text:hover{
    color: var(--theme-color);
}
.logo-02{
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    padding: 33px 0 33px 70px;
    margin-right: auto;
    width: auto;
}
.logo-03{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 41px;
    margin-right: 0;
    width: auto;
}
.fixedHeader.header-03 .logo-03{
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    padding: 33px 0 33px;
    width: auto;
}
.logo-04{
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    padding: 33px 0 33px;
    margin-right: auto;
    width: auto;
}
.logo-05{
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    padding: 33px 0 33px;
    margin-right: auto;
    width: auto;
}
.logoError{
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    padding: 33px 0 33px;
    width: auto;
}
.logo img{
    height: 44px;
    width: auto;
    max-width: 100%;
}
.logo-02 img{
    height: 44px;
    width: auto;
    max-width: 100%;
}
.logo-03 img{
    height: 44px;
    width: auto;
    max-width: 100%;
}
.logo-04 img{
    height: 44px;
    width: auto;
    max-width: 100%;
}
.logo-05 img{
    height: 44px;
    width: auto;
    max-width: 100%;
}
.logoError img {
    height: 44px;
    width: auto;
    max-width: 100%;
}
/* Header Main Menu */
.main-menu{
    position: relative;
    display: inline-flex;
    justify-content: flex-start;
}
.main-menu-02{
    position: relative;
    display: inline-flex;
    justify-content: flex-start;
    margin-right: 60px;
}
.main-menu-03{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    position: relative;
}
.fixedHeader.header-03 .main-menu-03{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    position: relative;
}
.main-menu-04{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-right: 164px;
}
.main-menu-05{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-right: 164px;
}
/* Main Menu ul */
.main-menu ul{
    display: inline-flex;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}
.main-menu-02 ul{
    display: inline-flex;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}
.main-menu-03 ul{
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
}
.fixedHeader.header-03 .main-menu-03{
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 0;
    position: relative;
}
.main-menu-04 ul{
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
}
.main-menu-05 ul{
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
}
/* Main Menu ul li */
.main-menu ul li{
    margin-right: 5px;
    padding: 30px 0 30px;
    position: relative;
}
.main-menu-02 ul li{
    margin-right: 5px;
    padding: 30px 0 30px;
    position: relative;
}
.main-menu-03 ul li{
    margin-right: 41px;
    padding: 0 0 15px;
    position: relative;
}
.fixedHeader.header-03 .main-menu-03 ul li{
    padding: 40px 0;
}
.main-menu-04 ul li{
    margin-right: 41px;
    padding: 15px 0 15px;
    position: relative;
}
.fixedHeader.header-04 .main-menu-04 ul li{
    padding: 40px 0;
}
.main-menu-05 ul li{
    margin-right: 41px;
    padding: 40px 0;
    position: relative;
}
.main-menu ul li:last-child{
    margin-right: 0;
}
.main-menu-02 ul li:last-child{
    margin-right: 0;
}
.main-menu-03 ul li:first-child{
    margin-left: 0;
}
.main-menu-03 ul li:last-child{
    margin-right: 0;
}
.main-menu-04 ul li:last-child{
    margin-right: 0;
}
.main-menu-05 ul li:last-child{
    margin-right: 0;
}
/* Main Menu ul li a */
.main-menu ul li a{
    font-family: 'Bebas Neue', cursive;
    text-transform: uppercase;
    font-size: 16px;
    color: #141414;
    display: inline-block;
    padding: 12px 18px 10px 19px;
}
.main-menu-02 ul li a{
    color: #ffffff;
    font-family: 'Bebas Neue', cursive;
    text-transform: uppercase;
    font-size: 16px;
    display: inline-block;
    padding: 12px 18px 10px 19px;
}
.main-menu-03 ul li a{
    font-family: 'Bebas Neue', cursive;
    text-transform: uppercase;
    font-size: 16px;
    color: #ffffff;
    display: inline-block;
    background: transparent;
    padding: 0;
}
.main-menu-04 ul li a{
    font-family: 'Bebas Neue', cursive;
    text-transform: uppercase;
    font-size: 16px;
    color: #ffffff;
    display: inline-block;
    background: transparent;
    padding: 0;
}
.isDark .main-menu-04 ul li > a{
    color: #141414;
}
.isDark .main-menu-04 ul li ul li a{
    color: #fff;
}
.isDark .header-social-04 a{
    color: #141414;
}
.isDark .header-social-04 a:hover{
    color: var(--theme-color);
}
.isDark .menuToggler-02{
    color: #141414;
}
.isDark .menuToggler-02:hover{
    color: var(--theme-color);
}
.isDark.fixedHeader {
    background: #f8f8f8;
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, .15);
}

/* Main Menu ul li a hover*/
.main-menu ul li:hover > a,
.main-menu ul li.current-menu-item > a{
    background: var(--theme-color);
    color: #FFF;
}
.main-menu-02 ul li:hover > a,
.main-menu-02 ul li.current-menu-item > a{
    background: var(--theme-color);
    color: #FFF;
}
.main-menu-03 ul li:hover > a,
.main-menu-03 ul li.current-menu-item > a{
    color: var(--theme-color);
    background: transparent;
}
.main-menu-04 ul li:hover > a,
.main-menu-04 ul li.current-menu-item > a{
    color: var(--theme-color);
    background: transparent;
}
.main-menu-05 ul li:hover > a,
.main-menu-05 ul li.current-menu-item > a{
    color: var(--theme-color);
    background: transparent;
}
/* Main Menu Submenu ul li ul */
.main-menu ul li ul{
    position: absolute;
    left: 0;
    top: 100%;
    background: var(--theme-color);
    width: 200px;
    z-index: 2;
    display: block;

    visibility: hidden;
    opacity: 0;
    box-shadow: 0 9px 52px -24px rgb(0 0 0 / 17%);
    z-index: 10;
    -webkit-transform: rotateX(-75deg);
    -moz-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transition: .4s;
    transition: .4s;
}
.main-menu-02 ul li ul{
    position: absolute;
    left: 0;
    top: 100%;
    background: var(--theme-color);
    width: 200px;
    z-index: 2;
    display: block;

    visibility: hidden;
    opacity: 0;
    box-shadow: 0 9px 52px -24px rgb(0 0 0 / 17%);
    z-index: 10;
    -webkit-transform: rotateX(-75deg);
    -moz-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transition: .4s;
    transition: .4s;
}
.main-menu-03 ul li ul{
    position: absolute;
    left: 0;
    top: 100%;
    background: var(--theme-color);
    width: 200px;
    z-index: 2;
    display: block;

    visibility: hidden;
    opacity: 0;
    box-shadow: 0 9px 52px -24px rgb(0 0 0 / 17%);
    z-index: 10;
    -webkit-transform: rotateX(-75deg);
    -moz-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transition: .4s;
    transition: .4s;
}
.main-menu-04 ul li ul{
    position: absolute;
    left: 0;
    top: 100%;
    background: var(--theme-color);
    width: 200px;
    z-index: 2;
    display: block;

    visibility: hidden;
    opacity: 0;
    box-shadow: 0 9px 52px -24px rgb(0 0 0 / 17%);
    z-index: 10;
    -webkit-transform: rotateX(-75deg);
    -moz-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transition: .4s;
    transition: .4s;
}
.main-menu-05 ul li ul{
    position: absolute;
    left: 0;
    top: 100%;
    background: var(--theme-color);
    width: 200px;
    z-index: 2;
    display: block;

    visibility: hidden;
    opacity: 0;
    box-shadow: 0 9px 52px -24px rgb(0 0 0 / 17%);
    z-index: 10;
    -webkit-transform: rotateX(-75deg);
    -moz-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transition: .4s;
    transition: .4s;
}
/* Main Menu Submenu ul li ul li */
.main-menu ul li ul li{
    display: block;
    margin: 0;
    padding: 0;
}
.main-menu-02 ul li ul li{
    display: block;
    margin: 0;
    padding: 0;
}
.main-menu-03 ul li ul li{
    display: block;
    margin: 0;
    padding: 0;
}
.fixedHeader.header-03 .main-menu-03 ul li ul li{
    padding: 0;
}
.main-menu-04 ul li ul li{
    display: block;
    margin: 0;
    padding: 0;
}
.fixedHeader.header-04 .main-menu-04 ul li ul li{
    display: block;
    margin: 0;
    padding: 0;
}
.main-menu-05 ul li ul li{
    display: block;
    margin: 0;
    padding: 0;
}
/* Main Menu Submenu ul li ul li ul  */
.main-menu ul li ul li ul{
    left: 100%;
    top: 0;
}
.main-menu-02 ul li ul li ul{
    left: 100%;
    top: 0;
}
.main-menu-03 ul li ul li ul{
    left: 100%;
    top: 0;
}
.main-menu-04 ul li ul li ul{
    left: 100%;
    top: 0;
}
.main-menu-05 ul li ul li ul{
    left: 100%;
    top: 0;
}
/* Main Menu Submenu ul li ul a */
.main-menu ul li ul li a{
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    color: #FFF;
}
.main-menu-02 ul li ul li a{
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    color: #FFF;
}
.main-menu-03 ul li ul li a{
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    color: #FFF;
    padding: 12px 18px 10px 19px;
}
.main-menu-04 ul li ul li a{
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    color: #FFF;
    padding: 12px 18px 10px 19px;
}
.main-menu-05 ul li ul li a{
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    color: #FFF;
    padding: 12px 18px 10px 19px;
}
/* Main Menu Submenu ul li ul hover */
.main-menu ul li:hover>ul{
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
.main-menu-02 ul li:hover>ul{
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
.main-menu-03 ul li:hover>ul{
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
.main-menu-04 ul li:hover>ul{
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
.main-menu-05 ul li:hover>ul{
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
/* Main Menu Submenu ul li ul li a hover */
.main-menu ul li ul li:hover > a,
.main-menu ul li ul li.current-menu-item > a{
    background: #141414;
    border-bottom-color: #141414;
    color: #FFF;
}
.main-menu-02 ul li ul li:hover > a,
.main-menu-02 ul li ul li.current-menu-item > a{
    background: #141414;
    border-bottom-color: #141414;
    color: #FFF;
}
.main-menu-03 ul li ul li:hover > a,
.main-menu-03 ul li ul li.current-menu-item > a{
    background: #141414;
    border-bottom-color: #141414;
    color: #FFF;
}
.main-menu-04 ul li ul li:hover > a,
.main-menu-04 ul li ul li.current-menu-item > a{
    background: #141414;
    border-bottom-color: #141414;
    color: #FFF;
}
.main-menu-05 ul li ul li:hover > a,
.main-menu-05 ul li ul li.current-menu-item > a{
    background: #141414;
    border-bottom-color: #141414;
    color: #FFF;
}
/* Main Menu Submenu ul li ul li a Last Child */
.main-menu ul li ul li:last-child > a, .main-menu-02 ul li ul li:last-child > a, 
.main-menu-03 ul li ul li:last-child > a, .main-menu-04 ul li ul li:last-child > a, 
.main-menu-05 ul li ul li:last-child > a{
    border-bottom: none;
}
/* Mobile Menu */
.menuToggler{
    display: none;
    color: #141414;
    font-size: 16px;
    background: #ececec;
    height: 50px;
    text-align: center;
    letter-spacing: 1.6px;
    padding: 0 15px;
    line-height: 51px;
    align-items: center;
}
.menuToggler-02{
    display: inline-flex;
    color: #FFF;
    font-size: 16px;
    background: transparent;
    text-align: center;
    letter-spacing: 1.6px;
    line-height: 51px;
    align-items: center;
}
.menuToggler-03{

}
.menuToggler-02Reverse{
    color: #141414;
    background: transparent;
}
.menuToggler i{
    color: var(--theme-color);
    margin-right: 9px;
    position: relative;
    top: -1px;
}
.menuToggler-02 i{
    margin-left: 9px;
    position: relative;
    top: -1px;
}
.menuToggler:hover,
.menuToggler.active{
    background: var(--theme-color);
    color: #FFF;
}
.menuToggler-02:hover,
.menuToggler-02.active{
    color: var(--theme-color);
}
.menuToggler:hover i,
.menuToggler.active i{
    color: #FFF;
}

/* Header Access Area */
.headerAccessArea{
    display: inline-flex;
    justify-content: flex-end;
    margin-left: auto;
    align-items: center;
}
.headerAccessArea-02{
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    padding: 26px 0 25px;
    margin-left: 0;
}
/* Header Access Area Social */
.header-social{
    position: relative;
    display: inline-flex;
    justify-content: flex-start;
    padding: 30px 0;
    margin-right: 145px;
}
.header-social-03{
    position: relative;
    display: flex;
    justify-content: center;
    margin: 6px 0 0;
}
.headerSocialError{
    margin: 0;
}
.fixedHeader.header-03 .header-social-03{
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0;
    align-items: center;
}
.header-social-03::after{
    position: absolute;
    content: '';
    background: rgba(204, 204, 204, .06);
    height: 1px;
    width: 370px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 59px;
}
.fixedHeader.header-03 .header-social-03::after{
    display: none;
}
.header-social-04{
    position: relative;
    display: inline-flex;
    justify-content: center;
    margin-right: 342px;
    align-items: center;
}
.header-social-05{
    position: relative;
    display: inline-flex;
    justify-content: center;
    margin-right: 342px;
    align-items: center;
}
.header-social a{
    color: #878787;
    font-size: 14px;
    background: #ececec;
    margin-right: 9px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 1;
    letter-spacing: 0;
    padding: 18px 0;
}
.header-social-03 a{
    color: #878787;
    font-size: 14px;
    background: transparent;
    margin: 0 23px 0;
    text-align: center;
    line-height: 1;
    letter-spacing: 0;
    padding: 0;
}
.header-social-04 a{
    color: #FFF;
    font-size: 14px;
    background: transparent;
    margin: 0 22px 0;
    width: 0;
    height: 0;
    text-align: center;
    line-height: 1;
    letter-spacing: 0;
    padding: 0;
}
.header-social-05 a{
    color: #141414;
    font-size: 14px;
    background: transparent;
    margin: 0 22px 0;
    width: 0;
    height: 0;
    text-align: center;
    line-height: 1;
    letter-spacing: 0;
    padding: 0;
}
.header-social-03 a:first-child{
    margin-left: 0;
}
.header-social-03 a:last-child{
    margin-right: 0;
}
.header-social-04 a:first-child{
    margin-left: 0;
}
.header-social-04 a:last-child{
    margin-right: 0;
}
.header-social-05 a:first-child{
    margin-left: 0;
}
.header-social-05 a:last-child{
    margin-right: 0;
}
.header-social a:hover{
    background: #141414;
    color: var(--theme-color);
}
.header-social-03 a:hover{
    background: transparent;
    color: var(--theme-color);
}
.header-social-04 a:hover{
    color: var(--theme-color);
}
.header-social-05 a:hover{
    color: var(--theme-color);
}
.headerAccessArea .chmk-link{
    padding: 48px 0 45px;
}
.fixedHeader02 .headerAccessArea-02 .chmk-btn{
    background: var(--theme-color);
}
.fixedHeader02 .headerAccessArea-02 .chmk-btn::after{
    border-color: #FFF;
}
.fixedHeader02 .headerAccessArea-02 .chmk-btn::before{
    border-color: #FFF;
}
.fixedHeader02 .headerAccessArea-02 .chmk-btn:hover{
    background: #FFF;
    color: #141414;
}
.fixedHeader02 .headerAccessArea-02 .chmk-btn:hover:after{
    border-color: var(--theme-color);
}
.fixedHeader02 .headerAccessArea-02 .chmk-btn:hover:before{
    border-color: var(--theme-color);
}


/*------------------------------------------------------
/  02. Slider Sections
/------------------------------------------------------*/
/* Slider Section Inner */
.slider02 .slotholder:before{
    content: '';
    position: absolute;
    left: 20.07356805044666%;
    top: 0;
    width: 270px;
    height: 100%;
    background: rgba(20, 20, 20, .4);
    z-index: 25;
}
.slider02VerticalOverlay{
    position: absolute;
    background: #141414;
    content: '';
    width: 29.6875%;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
}
.slider03::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgb(20, 20, 20);
    background: linear-gradient(360deg, rgba(20, 20, 20, 1) 0%, rgba(20, 20, 20, 0.4) 100%);
}

.slider03::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(20, 20, 20, .8);
}
/* Home 01 Slider Button */
.slider01 .chmk-btn{
    width: 220px;
    height: 70px;
    justify-content: center;
    letter-spacing: 1.6px !important;
    transition: all ease 300ms !important;
    -moz-transition: all ease 300ms !important;
    -webkit-transition: all ease 300ms !important;
}
.slider01 .chmk-btn i{
    top: -1px;
}
/* Home 01 Slider Dots & Indicators */
.tp-bannertimer{
    display: none !important;
}
.custom .tp-bullet{
    width: 30px;
    height: 30px;
    background: transparent;
    position: relative;
}
.custom .tp-bullet span.bl{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #FFF;
    border-radius: 50%;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;

    transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
}
.custom .tp-bullet.selected span.bl{
    background: var(--theme-color);
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.custom .tp-bullet .blCount{
    font-family: 'Bebas Neue', cursive;
    font-size: 48px;
    line-height: 1;
    color: var(--theme-color);
    letter-spacing: 4.8px;
    position: absolute;
    right: -67px;
    top: -6px;
    opacity: 0;
    visibility: hidden;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    transform: translateX(20px);
    -moz-transform: translateX(20px);
    -webkit-transform: translateX(20px);
}
.custom .tp-bullet.selected .blCount{
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
}
.tparrows.custom{
    width: 90px;
    height: 99px;
    background: #FFF;
    padding: 39px 0 36px;
}
.tparrows.custom.tp-leftarrow:before{
    content: '\e952';
    font-family: 'Chomok';
    font-size: 24px;
    line-height: 1;
    color: rgba(20, 20, 20, .4);
    text-align: right;
    padding-right: 20px;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.tparrows.custom.tp-rightarrow:before{
    content: '\e953';
    font-family: 'Chomok';
    font-size: 24px;
    line-height: 1;
    color: rgba(20, 20, 20, .4);
    text-align: left;
    padding-left: 21px;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.tparrows.custom.tp-leftarrow:hover:before,
.tparrows.custom.tp-rightarrow:hover:before{
    color: var(--theme-color);
}
.tparrows.custom.tp-rightarrow:after{
    content: '';
    width: 1px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background: rgba(20, 20, 20, .18);
}
/* Home 03 Slider Contents */
.singleSlider03{
    position: relative;
    z-index: 5;
    text-align: center;
}
.singleSlider03Image{
    position: relative;
    display: inline-block;
    margin: 30px 0;
    background: #141414;
}
.singleSlider03Image img{
    width: 100%;
    height: auto;
    opacity: .5;
}
.singleSlider03Image::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 5px solid;
    border-color: rgba(204, 204, 204, 0.2);
    transform: rotate(10deg);
}
.singleSlider03 h3{
    color: rgb(255, 255, 255, .2);
    font-size: 42px;
    letter-spacing: 4.2px;
    line-height: 51px;
    margin: 34px 0 0;
    padding: 0 60px 0;
}
.singleSlider03 h3 a{
    color: inherit;
}
.singleSlider03 h3 a:hover{
    color: var(--theme-color);
}
/* Home 03 Slider Dots & Indicators */
.homeBannarSlider03 .active.center .singleSlider03Image i{
    display: none;
}
.homeBannarSlider03 .active.center .singleSlider03Image img{
    opacity: 1;
}
.homeBannarSlider03 .active.center .singleSlider03Image::before{
    border-color: var(--theme-color);
}
.homeBannarSlider03 .active.center .singleSlider03 h3{
    color: #FFF;
}
.homeBannarSlider03 .owl-nav button.owl-prev{
    position: absolute;
    top: 30px;
    left: 244px;
    transform: scaleX(-1);
}
.homeBannarSlider03 .owl-nav button.owl-next{
    position: absolute;
    top: 30px;
    right: 244px;
}
.homeBannarSlider03 .owl-nav button i{
    color: #FFF;
    position: absolute;
    top: 155px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 48px;
    z-index: 4;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.homeBannarSlider03 .owl-nav button i:hover{
    color: var(--theme-color);
}
.homeBannarSlider03.owl-carousel .owl-dots {
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0 0;
    padding: 0;
}
.homeBannarSlider03.owl-carousel .owl-dots .owl-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: transparent;
    margin: 0 5px 0 5px;
    padding: 5px;
    position: relative;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.homeBannarSlider03.owl-carousel .owl-dots .owl-dot span {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background: #fff;
    display: block;
    opacity: 1;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.homeBannarSlider03.owl-carousel .owl-dots .owl-dot:hover span, 
.homeBannarSlider03.owl-carousel .owl-dots .owl-dot.active span{
    background: var(--theme-color);
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}

/*------------------------------------------------------
/  03. Services Sections
/------------------------------------------------------*/

/* Service Single Items */
.single-services{
    background: #ffffff;
    padding: 50px 0 42px 49px;
    position: relative;
}
.single-service-02{
    position: relative;
    background: #ffffff;
    padding: 49px 0 38px 26px;
    border: 3px solid transparent;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.single-service-03{
    padding: 0;
    border: 0;
}
.single-services .single-service-title{
    display: flex;
    padding: 0 175px 0 0;
    margin: 0 0 21px;
}
.single-service-title i{
    color: #141414;
    font-size: 70px;
    position: relative;
    z-index: 2;
}
.single-service-02 .ibMeta i{
    position: relative;
    color: #141414;
    font-size: 70px;
}
.single-service-03 .ibMeta i{
    color: #777777;
    font-size: 70px;
    position: relative;
}
.singleServiceIconOpacity > i{
    opacity: .2;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.single-service-title h3{
    color: #141414;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 2.4px;
    margin: 4px 0 0 25px;
    position: relative;
    z-index: 2;
}
.single-service-02 h3{
    position: relative;
    color: #141414;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 2.4px;
    margin: 23px 0 36px 0;
}
.single-service-03 h3{
    color: #ffffff;
    font-size: 24px;
    letter-spacing: 2.4px;
    line-height: 36px;
    margin: 19px 30px 0 0;
}
.single-service-02 h3::after{
    position: absolute;
    content: '';
    width: 29px;
    height: 3px;
    background: var(--theme-color);
    bottom: -14px;
    left: 0;
}
.single-service-title h3 a{
    color: inherit;
}

.single-service-02 h3 a{
    color: inherit;
}
.single-service-03 h3 a{
    color: inherit;
}
.single-service-title h3 a:hover{
    color: var(--theme-color);
}

.single-service-02 h3 a:hover{
    color: var(--theme-color);
}
.single-service-03 h3 a:hover{
    color: var(--theme-color);
}
.single-services .hidden-lebel{
    font-family: 'Bebas Neue', cursive;
    font-size: 72px;
    color: #f8f8f8;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    position: absolute;
    top: 43px;
    right: 49px;
}
.single-service-02 .hidden-lebel{
    font-family: 'Bebas Neue', cursive;
    font-size: 72px;
    color: #f8f8f8;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    position: absolute;
    top: 3px;
    right: 3px;
}
.single-service-03 .hidden-lebel{
    font-family: 'Bebas Neue', cursive;
    font-size: 90px;
    color: #cccccc;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    position: absolute;
    top: -7px;
    right: 56px;
    color: transparent;
    text-stroke: .5px rgba(255, 255, 225, .15);
    -webkit-text-stroke: .5px rgba(255, 255, 255, .15);
    text-shadow: none;
    height: 100%;
    word-break: break-all;
}
.single-services p{
    font-size: 14px;
    color: #777777;
    letter-spacing: 1.4px;
    margin-bottom: 32px;
    padding-right: 30px;
}
.single-service-02 p{
    font-size: 14px;
    color: #777777;
    letter-spacing: 1.4px;
    margin-bottom: 32px;
    padding-right: 30px;
}
.single-service-02:hover{
    border: 3px solid var(--theme-color);
}
.single-service-02:hover .ibMeta i{
    opacity: 1;
}
.single-service-02:hover a.chmk-link{
    color: #141414;
}
.serviceSlider_wrap .owl-carousel .owl-dots{
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0 0;
    padding: 0;
}
.serviceSlider_wrap .owl-carousel .owl-dots .owl-dot{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: transparent;
    margin: 0 5px 0 5px;
    padding: 5px;
    position: relative;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.serviceSlider_wrap .owl-carousel .owl-dots .owl-dot span{
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background: #141414;
    display: block;
    opacity: 1;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.serviceSlider_wrap .owl-carousel .owl-dots .owl-dot:hover span,
.serviceSlider_wrap .owl-carousel .owl-dots .owl-dot.active span{
    background: var(--theme-color);
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.serviceSlider.owl-carousel .owl-nav button{
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #fff;
    color: rgba(20, 20, 20, .4);
    font-size: 20px;
    text-align: center;
    position: absolute;
    left: -80px;
    top: 47%;
}
.serviceSlider.owl-carousel .owl-nav button.owl-next{
    left: auto;
    right: -80px;
}
.serviceSlider.owl-carousel .owl-nav button:hover{
    color: var(--theme-color);
}

/* Service Pages Version 2 */
.service_details_page_elemantor{
    position: relative;
}
.singleServiceV2{
    position: relative;
    background: #FFF;
    margin: 0 0 30px;
}
.serviceDetailsBanner img {
    width: 100%;
    height: auto;
}
.singleServiceV2 img{
    width: 100%;
    height: auto;
}
.singleServiceV2Content{
    padding: 21px 0 41px 29px;
}
.singleServiceV2Content span{
    color: var(--theme-color);
    font-family: 'Bebas Neue', cursive;
    line-height: 32px;
}
.singleServiceV2Content h3{
    line-height: 1.3;
    font-size: 24px;
    margin: 2px 0 16px;
    letter-spacing: 2.4px;
}
.singleServiceV2Content h3 a{
    color: inherit;
}
.singleServiceV2Content h3 a:hover{
    color: var(--theme-color);
}
.singleServiceV2Content p{
    font-size: 14px;
    letter-spacing: 1.4px;
    padding-right: 25px;
    margin: 0 0 32px;
}
/* Service Page Details */
.serviceDetails{
    border-bottom: 1px solid #e8e8e8;
    padding: 116px 0 46px;
}
.serviceDetailsTitle{
    position: relative;
    padding-left: 71px;
    margin: 0 0 34px;
}
.serviceDetailsTitle i{
    font-size: 50px;
    color: var(--theme-color);
    position: absolute;
    left: 0;
    top: 4px;
}
.serviceDetailsTitle h2{
    font-size: 48px;
    line-height: 1;
    letter-spacing: 4.8px;
    margin: 0 0 4px;
}
.serviceDetailsTitle>span{
    font-size: 18px;
    color: #141414;
}
.serviceDetailsContent p{
    margin: 0 0 28px;
}
.serviceDetailsContent h5{
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 1.8px;
    margin: 57px 0 27px;
}
.serviceDetailsContent ul{
    padding: 0;
    margin-left: 54px;
}
.serviceDetailsContent ul li{
    list-style: disc;
}
.serviceDetailsContent ul li span{
    margin-left: 13px;
}


/*------------------------------------------------------
/  04. About Sections
/------------------------------------------------------*/

.about-image{
    position: relative;
    overflow: hidden;
}
.about-content p{
    font-size: 14px;
    letter-spacing: 1.4px;
    margin-bottom: 41px;
}
.chmkTabVertical{
    position: relative;
    padding-left: 185px;
}
.chmkTab{
    position: absolute;
    left: 0;
    top: -5px;
    margin: 0;
    padding: 0 30px 0 0;
    max-width: 185px;
}
.chmkTab02{
    background: #ffffff;
    padding: 110px 115px 79px 100px;
    position: relative;
    max-width: 100%;
    margin: 0;
    top: 10px;
}
.chmkTab li{
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
}
.chmkTab li:last-child{
    margin: 0;
}
.chmkTab li a{
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 1.8px;
    color: #141414;
    display: block;
    margin: 0;
    padding: 0 0 0 35px;
    position: relative;
}
.chmkTab li a:hover,
.chmkTab li a.active{
    color: var(--theme-color);
}
.chmkTab li a:before{
    content: '';
    position: absolute;
    width: 5px;
    height: 50px;
    background: #ececec;
    left: 0;
    top: 5px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.chmkTab li a:hover:before,
.chmkTab li a.active:before{
    background: var(--theme-color);
}
.chmkTabVertical .tab-content{
    position: relative;
}
.tab-content>.tab-pane.show.active{
    transform: scale(1) translateY(0px);
}
.anim-right.tab-content>.tab-pane.show.active{
    transform: none;
}
.anim-right.tab-content>.tab-pane{
    transform: none;
}
.tab-content>.tab-pane{
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    transform: scale(.9, .9) translate(0px);
}
.chmkTabContent{
    position: relative;
}
.chmkTabContent02{
    position: relative;
    margin: -15px 0 0;
}
.chmkTabContent img{
    max-width: 100%;
    height: auto;
    margin: 0 0 22px;
}
.chmkTabContent02 img{
    margin: 0;
    height: auto;
    width: 100%;
}
.chmkTabContent p{
    font-size: 14px;
    letter-spacing: 1.4px;
}
.chmkTabContent02>p{
    padding: 0 180px 0 0;
    margin: 0 0 41px;
}
.chmkTabContent>p:last-of-type{
    margin: 0;
}
.chmkTabContent02>p:last-of-type{
    margin: 0 0 41px;
}
.section-title-dark .sub-heading{
    display: inline-flex;
    color: #ffff;
    margin: 0 0 24px;
}
.section-title-dark .sub-heading-des{
    padding: 0;
    margin: 0;
}
.sectionDarkAbout p{
    font-size: 16px;
    line-height: 28px;
    margin: 32px 0 0;
}
/* About Count Number */
.experienceCount{
    position: absolute;
    right: -69px;
    bottom: 69px;
    width: 370px;
    min-height: 196px;
    background: #141414;
    z-index: 2;
}
.experienceCountDark{
    min-height: 266px;
    right: 15px;
    top: 0;
    background: #0f0f0f;
}
.experienceCount:after{
    content: '';
    width: calc(100% - 22px);
    height: calc(100% - 22px);
    position: absolute;
    left: 11px;
    top: 11px;
    border: 10px solid transparent;
    border-image: url('../images/bg/9.jpg');
    opacity: .5;
    border-image-slice: 10;
    border-image-repeat: stretch;
}
.experienceCount h2{
    font-size: 112px;
    color: #ffffff;
    line-height: 1;
    letter-spacing: 11.2px;
    margin: 32px 0 5px 0;
}
.experienceCountDark h2{
    color: var(--theme-color);
    margin: 62px 0 5px 0;
}
.experienceCount p{
    font-size: 18px;
    color: #ffffff;
    line-height: 0;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    padding: 0;
}
.darkAboutImage{
    position: relative;
    overflow: hidden;
}
/* About Page */
.chmkTabContentAbPage{
    margin-top: 0;
}
.chmkTabAbPage{
    top: 0;
}
.aboutDescription{
    border-bottom: 1px solid #e8e8e8;
    padding: 0 0 34px;
    margin: 63px -200px 0 200px;
}
.aboutDescription h2{
    font-size: 60px;
    letter-spacing: 6px;
    margin: 0 0 27px;
}
.aboutDescription p{
    margin: 0 0 28px;
}


/*------------------------------------------------------
/  05. Projects Sections
/------------------------------------------------------*/
.filterUL{
    margin: -67px 0 65px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.text-center.filterUL{
    justify-content: center;
}
.text-left.filterUL{
    justify-content: flex-start;
}
.filterUL li{
    font-size: 16px;
    font-family: 'Bebas Neue', cursive;
    text-transform: uppercase;
    line-height: 1;
    margin: 0;
    padding: 10px 24px 8px 26px;
    background: transparent;
    cursor: pointer;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.filterUL li:hover,
.filterUL li.active{
    background: #eeebe4;
    color: var(--theme-color);
}
.tabUL{
    margin: -53px 0 71px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.text-center.tabUL{
    justify-content: center;
}
.text-left.tabUL{
    justify-content: flex-start;
}
.filterULPJTPage{
    justify-content: flex-start;
}
.tabUL li{
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabUL li a{
    font-size: 16px;
    color: #777777;
    text-transform: uppercase;
    line-height: 1;
    margin: 0;
    padding: 10px 24px 8px 26px;
    background: transparent;
    cursor: pointer;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.tabUL li a:hover,
.tabUL li a.active{
    background: #eeebe4;
    color: var(--theme-color);
}
.project_slider_wrap .owl-carousel .owl-dots {
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0 0;
    padding: 0;
}
.project_slider_wrap .owl-carousel .owl-dots .owl-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: transparent;
    margin: 0 5px 0 5px;
    padding: 5px;
    position: relative;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.project_slider_wrap .owl-carousel .owl-dots .owl-dot span {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background: #141414;
    display: block;
    opacity: 1;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.project_slider_wrap .owl-carousel .owl-dots .owl-dot:hover span, 
.project_slider_wrap .owl-carousel .owl-dots .owl-dot.active span{
    background: var(--theme-color);
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.project_slider_wrap .owl-nav{
    background: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 180px;
    height: 99px;
    display: flex;
    justify-content: center;
}
.project_slider_wrap .owl-nav button i{
    font-size: 24px;
    display: block;
    padding: 39px 0 36px;
    color: rgba(20, 20, 20, .4);

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.project_slider_wrap .owl-nav button i.Chmk-angel-left::after{
    content: '';
    width: 1px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(20, 20, 20, .18);
}
.project_slider_wrap .owl-nav button i.Chmk-angel-left{
    padding-right: 20px;
}
.project_slider_wrap .owl-nav button i.Chmk-angel-right{
    padding-left: 21px;
}
.project_slider_wrap .owl-nav button i:hover{
    color: var(--theme-color);
}
/* the parent */
.projectSliderPJT02 .slick-list{
    margin: 0 -30px 0 0 !important;
}
.projectContainer{
    padding: 0 100px;
    margin-top: 5px;
}
.projectContainerPJTPage{
    padding: 0 100px;
}
.shafSizer{
    z-index: -1;
}
.project01{
    position: relative;
    overflow: hidden;
    margin: 0 0 30px;
}
.project01 img{
    width: 100%;
    height: auto;
}
.project01:after{
    content: '';
    background: rgb(20, 20, 20);
    background: linear-gradient(0deg, rgba(20, 20, 20, 0.8) 0%, rgba(20, 20, 20, 0) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.project01:hover:after{
    opacity: 1;
    visibility: visible;
}
.project01:before{
    content: '';
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    position: absolute;
    left: 20px;
    top: 20px;
    border: 5px solid var(--theme-color);
    z-index: 2;
    opacity: 0;
    visibility: hidden;

    transform: scale(1.04, 1.08);
    -moz-transform: scale(1.04, 1.08);
    -webkit-transform: scale(1.04, 1.08);

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.project01:hover:before{
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    opacity: 1;
    visibility: visible;
}
.pro01Content{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    padding: 0 50px 42px;
    max-width: 50%;
}
.pro02Content{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    padding: 0 0 42px 50px;
    max-width: 61%;
}
.pro02ContentSm{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    padding: 0 49px 42px;
    max-width: 100%;
}
.pro02ContentPJTPage{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    padding: 0 0 42px 50px;
    max-width: 36%;
}
.p01SM .pro01Content{
    max-width: 100%;
}
.p01SM .pro02Content{
    max-width: 100%;
    padding: 0 42px 50px 42px;
}
.pro01Content h3{
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 3.2px;
    color: #FFF;
    margin: 0 0 29px;
    opacity: 0;
    visibility: hidden;

    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;

    transform: translate3d(0, 25px, 0);
    -webkit-transform: translate3d(0, 25px, 0);
    -moz-transform: translate3d(0, 25px, 0);
}
.pro02Content h3{
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 3.2px;
    color: #FFF;
    margin: 0 0 29px;
    opacity: 0;
    visibility: hidden;

    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;

    transform: translate3d(0, 25px, 0);
    -webkit-transform: translate3d(0, 25px, 0);
    -moz-transform: translate3d(0, 25px, 0);
}
.project01:hover .pro01Content h3{
    opacity: 1;
    visibility: visible;

    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}
.project01:hover .pro02Content h3{
    opacity: 1;
    visibility: visible;

    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}
.pro01Content h3 a{
    color: inherit;
}
.pro02Content h3 a{
    color: inherit;
}
.pro01Content h3 a:hover{
    color: var(--theme-color);
}
.pro02Content h3 a:hover{
    color: var(--theme-color);
}
.pro01Content a.chmk-link{
    display: inline-block;
    color: #a2a2a2;
    opacity: 0;
    visibility: hidden;

    transform: translate3d(0, 25px, 0);
    -webkit-transform: translate3d(0, 25px, 0);
    -moz-transform: translate3d(0, 25px, 0);

    transition: all ease 550ms;
    -moz-transition: all ease 550ms;
    -webkit-transition: all ease 550ms;
}
.pro02Content a.chmk-link{
    display: inline-block;
    color: #a2a2a2;
    opacity: 0;
    visibility: hidden;

    transform: translate3d(0, 25px, 0);
    -webkit-transform: translate3d(0, 25px, 0);
    -moz-transform: translate3d(0, 25px, 0);

    transition: all ease 550ms;
    -moz-transition: all ease 550ms;
    -webkit-transition: all ease 550ms;
}
.pro02Content a.chmk-link:hover{
    color: var(--theme-color);
}
.project01:hover .pro01Content a.chmk-link{
    opacity: 1;
    visibility: visible;

    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}
.project01:hover .pro02Content a.chmk-link{
    opacity: 1;
    visibility: visible;

    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}
.projectSliderWrapPJT03 .owl-carousel .owl-dots{
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0 0;
    padding: 0;
}
.projectSliderWrapPJT03 .owl-carousel .owl-dots .owl-dot{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: transparent;
    margin: 0 5px 0 5px;
    padding: 5px;
    position: relative;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.projectSliderWrapPJT03 .owl-carousel .owl-dots .owl-dot span{
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background: #141414;
    display: block;
    opacity: 1;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.projectSliderWrapPJT03 .owl-carousel .owl-dots .owl-dot:hover span,
.projectSliderWrapPJT03 .owl-carousel .owl-dots .owl-dot.active span{
    background: var(--theme-color);
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.projectSliderWrapPJT03 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
/* Discount Offer */
.discountOffer{
    background: url('../images/bg/6.jpg') no-repeat center center;
    position: relative;
    padding: 104px 0 0 46px;
    width: 470px;
    height: 481px;
}
.discountOffer .specialOffer{
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: #fff;
    background: #5ebed3;
    margin: 0;
    display: inline-block;
    padding: 12px 9px;
    position: absolute;
    top: 0;
    left: 0;
}
.discountOffer .specialOffer::after{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 12px 0 0;
    border-color: #5ebed3 transparent transparent transparent;
    top: 0;
    right: -12px;
}
.discountOffer h2{
    font-size: 176px;
    letter-spacing: 17.6px;
    line-height: 1;
    color: var(--theme-color);
    margin: 0 0 11px 0;
}
.discountOffer h3{
    font-size: 60px;
    letter-spacing: 6px;
    line-height: 1;
    color: #141414;
    margin: 0;
}
.discountDescription h3{
    font-size: 60px;
    letter-spacing: 6px;
    line-height: 1;
    color: #141414;
    margin: 0 0 30px 0;
}
.discountDescription p{
    margin: 0 0 10px 0;
}
.discountDescription p:last-of-type{
    margin: 0;
}
.discountDescription p span{
    color: #141414;
}
.projectSliderWrap{
    margin-left: -97px !important;
    overflow: hidden;
}
/* Project 05 page */
.projectSlider{
    position: relative;
}
.pfwsItem{
    position: relative;
    background-color: #000000;
    width: 100%;
    min-height: 1000px;
    display: flex;
    align-items: end;
}
.projecetFullWidthSlider .pfwsItem img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.project_slider_wrap .owl-carousel .owl-dots.disabled{
    margin: 0;
    line-height: .8;
}
/* Project Slider Card */
.projectSliderCard{
    background: #f8f8f8;
    padding: 62px 48px 115px 49px;
}
.projectSliderCard h2{
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 3.2px;
    margin: 0 0 36px;
}
.projectSliderCard h2 a{
    color: inherit;
}
.projectSliderCard h2 a:hover{
    color: var(--theme-color);
}
.projectSliderCard ul{
    padding: 0;
    margin: 0;
}
.projectSliderCard ul li{
    line-height: 1;
    margin: 0 0 24px;
}
.projectSliderCard ul li:last-child{
    line-height: 1;
    margin-bottom: 0;
}
.projectSliderCard ul li span{
    font-family: 'Bebas Neue', cursive;
    color: #141414;
    line-height: 1;
}
.projecetFullWidthSlider .owl-nav{
    background: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 180px;
    height: 99px;
    display: flex;
    justify-content: center;
}
.projecetFullWidthSlider .owl-nav button i{
    font-size: 24px;
    display: block;
    padding: 39px 0 36px;
    color: rgba(20, 20, 20, .4);

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.projecetFullWidthSlider .owl-nav button i.Chmk-angel-left::after{
    content: '';
    width: 1px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(20, 20, 20, .18);
}
.projecetFullWidthSlider .owl-nav button i.Chmk-angel-left{
    padding-right: 20px;
}
.projecetFullWidthSlider .owl-nav button i.Chmk-angel-right{
    padding-left: 21px;
}
.projecetFullWidthSlider .owl-nav button i:hover{
    color: var(--theme-color);
}
/* Project Details Page */
.projectDetailsInPJTD01 {
  background: #f8f8f8;
  padding: 104px 0 108px;
}
.projectDetails{
    position: relative;
}
.projectDetails h2.ptojetDetailsTitle{
    font-size: 48px;
    line-height: 1.5;
    letter-spacing: 4.8px;
    margin: 0 0 20px;
}
.projectDetails p{
    margin: 0 0 28px;
}
.ptojetDetailsImages .ptojetDetailsSingleImage{
    position: relative;
    margin-top: 34px;
}
.ptojetDetailsImages .ptojetDetailsSingleImage img{
    width: 100%;
    height: auto;
}
.ptojetDetailsImages .ptojetDetailsFullImage{
    position: relative;
    margin: 30px 0 62px;
}
.ptojetDetailsImages .ptojetDetailsFullImage img{
    width: 100%;
    height: auto;
}
.projectQuite{
    margin: 51px 0 54px;
}
.projectQuite p{
    font-family: 'Bebas Neue', cursive;
    font-size: 32px;
    line-height: 48px;
    letter-spacing: 3.2px;
    color: #141414;
    margin-bottom: 20px;
    padding-left: 48px;
    position: relative;
}
.projectQuite p::after{
    position: absolute;
    content: '';
    background: #ececec;
    width: 5px;
    height: 118px;
    left: 0;
    top: 11px;
}
.projectQuite cite{
    display: block;
    font-family: 'Bebas Neue', cursive;
    color: var(--theme-color);
    font-style: normal;
    padding-left: 56px;
}
.projectQuite span{
    margin: 0;
    font-size: 15px;
    padding-left: 56px;
}
.relatedPostTitle{
    margin-bottom: 68px;
}
.singleRelatedPost{
    position: relative;
    overflow: hidden;
}
.singleRelatedPost::before{
    position: absolute;
    content: '';
    border: 5px solid var(--theme-color);
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    top: 20px;
    left: 20px;
    z-index: 2;
    opacity: 0;
    visibility: hidden;

    transform: scale(1.04, 1.08);
    -moz-transform: scale(1.04, 1.08);
    -webkit-transform: scale(1.04, 1.08);

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.singleRelatedPost:hover:before{
    opacity: 1;
    visibility: visible;

    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}
.singleRelatedPost::after{
    position: absolute;
    content: '';
    background: rgb(20, 20, 20);
    background: linear-gradient(0deg, rgba(20, 20, 20, 0.8) 0%, rgba(20, 20, 20, 0) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.relatedPostContent{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 50px 41px 50px;
    z-index: 3;
    max-width: 100%;
}
.relatedPostContent h3{
    color: #FFF;
    font-size: 32px;
    letter-spacing: 3.2px;
    line-height: 42px;
    margin: 0 0 29px;
}
.relatedPostContent h3 a{
    color: inherit;
}
.relatedPostContent h3 a:hover{
    color: var(--theme-color);
}
.relatedPostContent .chmk-link{
    display: inline-block;
    color: rgba(255, 255, 255, .6);
}
.relatedPostContent .chmk-link:hover{
    color: var(--theme-color)
}
.projectDetailsCard{
    background: #FFF;
    padding: 62px 48px 65px 49px;
}
.projectDetailsCard h2{
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 3.2px;
    margin: 0 0 36px;
}
.projectDetailsCard ul{
    padding: 0;
    margin: 0;
}
.projectDetailsCard ul li{
    line-height: 1;
    margin: 0 0 24px;
}
.projectDetailsCard ul li:last-child{
    line-height: 1;
    margin-bottom: 0;
}
.projectDetailsCard ul li span{
    font-family: 'Bebas Neue', cursive;
    color: #141414;
    font-size: 18px;
    line-height: 1;
}
.projectDetailsBannarImageVideo{
    background: #f8f8f8;
    padding: 0 55px;
}
.projectDetailsBannarContent{
    position: relative;
}
.projectDetailsBannarContent img{
    width: 100%;
    height: auto;
}

/*------------------------------------------------------
/  06. Team Sections
/------------------------------------------------------*/
.teamSinglePage{
    position: relative;
    padding: 120px 0 91px;
}
.single-teams{
    position: relative;
}
.single-teams::after{
    position: absolute;
    content: '';
    background: rgb(20, 20, 20);
    background: linear-gradient(0deg, rgba(20, 20, 20, 0.8) 0%, rgba(20, 20, 20, 0) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.single-teams::before{
    position: absolute;
    content: '';
    border: 5px solid var(--theme-color);
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    top: 20px;
    left: 20px;
    z-index: 4;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.04, 1.08);
    -moz-transform: scale(1.04, 1.08);
    -webkit-transform: scale(1.04, 1.08);
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.single-teams:hover:after{
    opacity: .80;
    visibility: visible;
}
.single-teams:hover:before{
    opacity: 1;
    visibility: visible;
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}
.stImage{
    position: relative;
    overflow: hidden;
}
.stImage:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/bg/2.png) no-repeat left top;
}
.single-team-03 .stImage:after{
    opacity: .13;
}
.stImage img{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
}
.team-content{
    background: #f8f8f8;
    border-bottom: 10px solid #e8e8e8;
    padding: 31px 40px 45px 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.single-team-03 .team-content{
    background: #0f0f0f;
    border-bottom: 0;
}
.single-teams:hover .team-content{
    background: transparent;
    border-bottom: 10px solid transparent;
}
.single-team-03:hover .team-content{
    background: transparent;
    border-bottom: 0;
}
.team-content .team-social{
    position: relative;
    display: inline-flex;
    justify-content: flex-start;
    margin: 0 0 13px 0;
}
.team-content .team-social a{
    position: relative;
    color: #777777;
    background: #fff;
    font-size: 14px;
    padding: 17px 0;
    letter-spacing: 0;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 1;
    display: inline-block;
    border-radius: 50%;
    margin: 0 5px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.team-content .team-social a::after{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    margin: auto;
    width: 0;
    height: 0;
    z-index: -1;
    content: '';
    background: var(--theme-color);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.single-team-03 .team-content .team-social a{
    background: #202020;
}
.single-team-03 .team-content .team-social a::after{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    margin: auto;
    width: 0;
    height: 0;
    z-index: -1;
    content: '';
    background: var(--theme-color);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.single-teams:hover .team-social a{
    background: rgba(255, 255, 255, .2);
    color: #ffffff;
}
.team-content .team-social a:hover:after{
    width: 100%;
    height: 100%;
}
.team-content p{
    font-size: 14px;
    letter-spacing: 1.4px;
    margin: 0 0 19px 0;
}
.single-teams:hover .team-content p{
    color: #ffffff;
    opacity: .7;
}
.team-content h3{
    color: #141414;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 2.4px;
    margin: 0;
}
.team-content h3 a{
    color: inherit;
}
.team-content h3 a:hover{
    color: var(--theme-color);
}
.single-team-03 .team-content h3{
    color: #FFF;
}
.single-team-03 .team-content h3 a{
    color: inherit;
}
.single-team-03 .team-content h3 a:hover{
    color: var(--theme-color);
}
.tmSlider_wrap .owl-carousel .owl-dots{
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0 0;
    padding: 0;
}
.tmSlider_wrap .owl-carousel .owl-dots .owl-dot{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: transparent;
    margin: 0 5px 0 5px;
    padding: 5px;
    position: relative;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.tmSlider_wrap .owl-carousel .owl-dots .owl-dot span{
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background: #141414;
    display: block;
    opacity: 1;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.tmSlider_wrap .owl-carousel .owl-dots .owl-dot:hover span,
.tmSlider_wrap .owl-carousel .owl-dots .owl-dot.active span{
    background: var(--theme-color);
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.tmSlider_wrap .owl-carousel .owl-nav{
    position: relative;
    margin: 30px 0 0;
    text-align: center;
}
.tmSlider_wrap .owl-carousel .owl-nav button{
    width: 50px;
    height: 50px;
    background: #e8e8e8;
    margin: 0 10px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.tmSlider_wrap .owl-carousel .owl-nav button:hover{
    background: var(--theme-color);
    color: #fff;
}

/* Single Team Page */
.team_details_page_elemantor{
    position: relative;
}
.team_thumb{
    position: relative;
    background: url(../images/bg/2.png) repeat left top / cover;
    margin: 0 0 44px;
}
.team_thumb img{
    width: 100%;
    height: auto;
}
.single_skill{
    position: relative;
    margin: 0 0 29px;
}
.single_skill h4{
    font-size: 18px;
    line-height: 1;
    margin: 0 0 11px;
    letter-spacing: 1.4px;
}
.ss_parent{
    position: relative;
    background: #ececec;
    height: 12px;
    width: 100%;
}
.ss_parent h4{
    position: absolute;
    font-size: 18px;
    letter-spacing: 1.4px;
    line-height: 1;
    margin: 0;
    right: 0;
    top: -29px;
}
.ss_child{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: var(--theme-color);
}
.team_content{
    position: relative;
    padding: 0;
}
.team_content .tm_designation{
    font-family: 'Bebas Neue', cursive;
    color: var(--theme-color);
    line-height: 1;
    font-size: 13px;
    margin: 0 0 9px;
    display: block;
}
.team_content h4{
    font-size: 30px;
    margin: 0 0 17px;
}
.team_content .tm_social{
    position: relative;
    margin: 0 0 40px;
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
}
.tm_social a{
    margin: 0 5px 0 0;
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
    z-index: 2;
    background: #fff;
    color: #141414;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0;
    font-size: 14px;
    border-radius: 50%;
    -webkit-filter: drop-shadow(-2px 1px 8px rgba(226, 225, 225, 1));
    -moz-filter: drop-shadow(-2px 1px 8px rgba(226, 225, 225, 1));
    filter: drop-shadow(-2px 1px 8px rgba(226, 225, 225, 1));
}
.tm_social a:after{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    margin: auto;
    width: 0;
    height: 0;
    z-index: -1;
    content: '';
    background: var(--theme-color);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.tm_social a:hover:after{
    width: 104%;
    height: 104%;
}
.tm_social a:hover{
    color: #FFF;
}
.team_content p{
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 1.4px;
    margin: 0 0 19px;
}
.team_content p.tmb22{
    margin: 0 0 22px;
}
.tm_meta{
    margin: 0 0 21px;
    padding: 0;
}
.tm_meta li{
    list-style: none;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 35px;
    margin: 0;
}
.tm_meta li span{
    display: inline-block;
    color: #141414;
    font-family: 'Bebas Neue', cursive;
}
.tm_meta li i{
    color: var(--theme-color);
    font-size: 17px;
    line-height: inherit;
    margin-right: 15px;
}
.listItem i{
    position: relative;
    top: 2px;
    display: inline-block;
}
.lidisc{
    padding: 0;
    margin-left: 14px;
}
.lidisc li {
    list-style: disc;
    text-transform: capitalize;
    padding-left: 13px;
}

/*------------------------------------------------------
/  07. Video Sections
/------------------------------------------------------*/

.video-01{
    position: relative;
}
.video-02{
    position: relative;
}
.video-03{
    position: relative;
}
.video-01::after{
    position: absolute;
    content: '';
    background: #141414;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .30;
    z-index: 1;
}
.video-02::after{
    position: absolute;
    content: '';
    background: #141414;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .30;
    z-index: 1;
}
.video-03::after{
    position: absolute;
    content: '';
    background: #141414;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .30;
    z-index: 1;
}
.video-content{
    position: relative;
    z-index: 2;
    margin-top: 131px;
}
.video-content h2{
    color: #fff;
    font-size: 72px;
    line-height: 1.2;
    margin-top: 36px;
}
.videoText{
    z-index: 2;
    position: relative;
}
.videoText h2{
    color: #ffffff;
    font-size: 72px;
    line-height: 1.2;
    margin: 0 42px 47px 0;
}


/*------------------------------------------------------
/  08. Testimonials Sections
/------------------------------------------------------*/

.testimonials-01{
    position: relative;
}
.testimonials-02{
    position: relative;
}
.testimonials-03{
    position: relative;
}
.testimonials-01 .testimonialSlider{
    position: relative;
    z-index: 3;
    margin: 0 0 2px;
}

/* Single Testimonial */
.single-testimonial{
    padding: 0 0 51px;
}
.single-testimonial-03{
    padding: 0 0 51px;
}
.single-testimonial-02{
    position: relative;
    padding: 45px 43px 55px;
    margin: 3px 0 0;

    overflow: hidden;
    background: transparent;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.single-testimonial-02:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(.99);
    opacity: 0;
    border: 5px solid var(--theme-color);
    visibility: hidden;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.single-testimonial-02:hover:after,
.active.center .single-testimonial-02:after{
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}
.single-testimonial-02:hover,
.active.center .single-testimonial-02{
    background: #FFF;
}
.single-testimonial i{
    color: var(--theme-color);
    font-size: 70px;
    display: inline-block;
    margin: 0 0 27px 0;
}
.single-testimonial-02 i{
    color: var(--theme-color);
    font-size: 70px;
    display: inline-block;
    margin: 0 0 27px 0;
    opacity: .2;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.single-testimonial-02:hover i,
.active.center .single-testimonial-02 i{
    opacity: 1;
}
.single-testimonial-03 i{
    color: var(--theme-color);
    font-size: 70px;
    display: inline-block;
    margin: 0 0 29px;
}
.single-testimonial h4{
    font-size: 24px;
    letter-spacing: 2.4px;
    line-height: 1;
    margin: 0 0 7px 0;
}
.single-testimonial-02 h4{
    font-size: 24px;
    letter-spacing: 2.4px;
    line-height: 1;
    margin: 0 0 7px 0;
}
.single-testimonial-03 h4{
    color: #ffffff;
    font-size: 24px;
    letter-spacing: 2.4px;
    line-height: 1;
    margin: 0 0 7px 0;
}
.single-testimonial>span{
    color: #777777;
    font-size: 14px;
    letter-spacing: 1.4px;
    margin: 0;
    text-transform: uppercase;
}
.single-testimonial-02>span{
    color: var(--theme-color);
    font-size: 14px;
    letter-spacing: 1.4px;
    margin: 0;
    text-transform: uppercase;
}
.single-testimonial-03>span{
    color: var(--theme-color);
    font-size: 14px;
    letter-spacing: 1.4px;
    margin: 0;
    text-transform: uppercase;
}
.single-testimonial h2{
    font-size: 42px;
    line-height: 62px;
    letter-spacing: 4.2px;
    margin-top: 27px;
}
.single-testimonial-03 h2{
    color: #ffffff;
    font-size: 42px;
    line-height: 62px;
    letter-spacing: 4.2px;
    margin: 29px 0 0;
}
.single-testimonial-02 p{
    font-size: 18px;
    color: #777777;
    letter-spacing: 1.8px;
    line-height: 30px;
    font-family: 'Bebas Neue', cursive;
    margin: 34px 0 0;
}
.shape-testimonial{
    position: absolute;
    bottom: -77px;
    left: 0;
    right: 0;
    z-index: 1;
}
.shape-testimonial img{
    max-width: 100%;
    height: auto;
}
.shape-testimonial-stroke{
    position: absolute;
    bottom: -153px;
    left: 0;
    right: 0;
    z-index: 1;
}
.shape-testimonial-stroke h1{
    color: #f8f8f8;
    font-size: 310px;
    letter-spacing: 31px;
    margin: 0;
    color: transparent;
    text-stroke: .5px rgba(255, 255, 225, .15);
    -webkit-text-stroke: .5px rgba(255, 255, 255, .15);
    text-shadow: none;
    height: 100%;
    word-break: break-all;
}
.testimonialSlider.owl-carousel .owl-dots{
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}
.testimonialSlider.owl-carousel .owl-dots .owl-dot{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: transparent;
    margin: 0 5px 0 5px;
    padding: 5px;
    position: relative;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.testimonialSlider.owl-carousel .owl-dots .owl-dot span{
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background: #141414;
    display: block;
    opacity: 1;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.testimonialSlider.owl-carousel .owl-dots .owl-dot:hover span,
.testimonialSlider.owl-carousel .owl-dots .owl-dot.active span{
    background: var(--theme-color);
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);

}
.testimonialSlider02.owl-carousel .owl-dots{
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -87px;
    right: 0;
}
.testimonialSlider02.owl-carousel .owl-dots .owl-dot{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: transparent;
    margin: 0 5px 0 5px;
    padding: 5px;
    position: relative;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.testimonialSlider02.owl-carousel .owl-dots .owl-dot span{
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background: #141414;
    display: block;
    opacity: 1;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.testimonialSlider02.owl-carousel .owl-dots .owl-dot:hover span,
.testimonialSlider02.owl-carousel .owl-dots .owl-dot.active span{
    background: var(--theme-color);
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.lb_slider_wrap .owl-carousel .owl-nav,
.testi_wrap .owl-carousel .owl-nav{
    position: relative;
    margin: 30px 0 0;
    text-align: center;
}
.lb_slider_wrap .owl-carousel .owl-nav button,
.testi_wrap .owl-carousel .owl-nav button{
    width: 50px;
    height: 50px;
    background: #e8e8e8;
    margin: 0 10px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.lb_slider_wrap .owl-carousel .owl-nav button:hover,
.testi_wrap .owl-carousel .owl-nav button:hover{
    background: var(--theme-color);
    color: #fff;
}
.lb_slider_wrap .owl-carousel .owl-dots{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0 0;
    padding: 0;
}
.lb_slider_wrap .owl-carousel .owl-dots .owl-dot{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: transparent;
    margin: 0 5px 0 5px;
    padding: 5px;
    position: relative;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.lb_slider_wrap .owl-carousel .owl-dots .owl-dot span{
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background: #141414;
    display: block;
    opacity: 1;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.lb_slider_wrap .owl-carousel .owl-dots .owl-dot:hover span,
.lb_slider_wrap .owl-carousel .owl-dots .owl-dot.active span{
    background: var(--theme-color);
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
/*------------------------------------------------------
/  09. Blog Sections
/------------------------------------------------------*/

.blog-01{
    position: relative;
    z-index: 2;
}
.blog-03{
    position: relative;
    z-index: 2;
}
.single-blog{
    position: relative;
    overflow: hidden;
}
.single-blog-02{
    position: relative;
    overflow: hidden;
}
.single-blog img{
    width: 100%;
    height: auto;
}
.single-blog-02 img{
    width: 100%;
    height: auto;
}
.single-blog-03{
    position: relative;
    overflow: hidden;
}
.single-blog::after{
    position: absolute;
    content: '';
    background: rgb(20, 20, 20);
    background: linear-gradient(0deg, rgba(20, 20, 20, 0.8) 0%, rgba(20, 20, 20, 0) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.single-blog-02::after{
    position: relative;
}
.single-blog-03::after{
    position: relative;
}
.single-blog::before{
    position: absolute;
    content: '';
    border: 5px solid var(--theme-color);
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    top: 20px;
    left: 20px;
    z-index: 2;
    opacity: 0;
    visibility: hidden;

    transform: scale(1.04, 1.08);
    -moz-transform: scale(1.04, 1.08);
    -webkit-transform: scale(1.04, 1.08);

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.single-blog-02::before{
    position: relative;
}
.single-blog-03::before{
    position: relative;
}
.single-blog:hover:before{
    opacity: 1;
    visibility: visible;
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}
.blog-content{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 50px 46px;
    z-index: 3;
}
.blog-content-02{
    position: relative;
    padding: 27px 0 0 27px;
}
.blog-content-03{
    position: relative;
    padding: 27px 0 0 27px;
}
.blog-content .blog-date{
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1.4px;
    color: #fff;
    background: var(--theme-color);
    margin: 0;
    display: inline-block;
    padding: 5px 10px 8px 9px;
    min-height: 27px;
    position: relative;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, -30px, 0);
    -moz-transform: translate3d(0, -30px, 0);
    -webkit-transform: translate3d(0, -30px, 0);
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.blog-content-02 .blog-date{
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1.4px;
    color: #777777;
    background: #f8f8f8;
    margin: 0;
    display: inline-block;
    padding: 5px 10px 8px 9px;
    min-height: 27px;
    position: relative;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.blog-content-03 .blog-date{
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1.4px;
    color: #777777;
    background: #0f0f0f;
    margin: 0;
    display: inline-block;
    padding: 5px 10px 8px 9px;
    min-height: 27px;
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.single-blog:hover .blog-date{
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.single-blog-02:hover .blog-date{
    color: #ffffff;
    background: var(--theme-color);
}
.single-blog-03:hover .blog-date{
    color: #ffffff;
    background: var(--theme-color);
}
.blog-content .blog-date::after{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 12px 0 0;
    border-color: var(--theme-color) transparent transparent transparent;
    top: 0;
    right: -12px;
}
.blog-content-02 .blog-date::after{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 12px 0 0;
    border-color: #f8f8f8 transparent transparent transparent;
    top: 0;
    right: -12px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.blog-content-03 .blog-date::after{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 12px 0 0;
    border-color: #0f0f0f transparent transparent transparent;
    top: 0;
    right: -12px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.single-blog-02:hover .blog-date::after{
    border-color: var(--theme-color) transparent transparent transparent;
}
.single-blog-03:hover .blog-date::after{
    border-color: var(--theme-color) transparent transparent transparent;
}
.blog-content h3{
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 2.4px;
    color: #fff;
    margin: 12px 0 30px 0;
}
.blog-content-02 h3{
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 2.4px;
    color: #141414;
    margin: 12px 0 30px 0;
}
.blog-content-03 h3{
    color: #ffffff;
    margin: 12px 0 30px 0;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 2.4px;
}
.blog-content h3 a{
    color: inherit;
}
.blog-content-02 h3 a{
    color: inherit;
}
.blog-content-03 h3 a{
    color: inherit;
}
.blog-content h3 a:hover{
    color: var(--theme-color);
}
.blog-content-02 h3 a:hover{
    color: var(--theme-color);
}
.blog-content-03 h3 a:hover{
    color: var(--theme-color);
}
.blog-content .chmk-link{
    display: inline-block;
    color: rgba(255, 255, 255, .6);
}
.blog-content .chmk-link:hover{
    color: var(--theme-color);
}
.blog-content-02 .chmk-link{
    color: #777777;
}
.blog-content-03 a.chmk-link{
    color: #777777;
}
.blog-content-02 .chmk-link:hover{
    color: #141414;
}
.blog-content-03 a.chmk-link:hover{
    color: var(--theme-color);
}
/* Blog Details Page */
.blogDetailsBannarImageVideo{
    background: #f8f8f8;
    padding: 0 55px;
}
.blogDetailsBannarContent{
    position: relative;
}
.blogDetailsBannarContent img{
    width: auto;
    height: auto;
    max-width: 100%;
}
.blogDetailsHeader{
    margin-bottom: 14px;
}
.blogDetailsHeader span{
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1.4px;
    color: #FFF;
    background: var(--theme-color);
    margin: 0;
    display: inline-block;
    padding: 5px 10px 8px 9px;
    min-height: 27px;
    position: relative;
}
.blogDetailsHeader span::after{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 12px 0 0;
    border-color: var(--theme-color) transparent transparent transparent;
    top: 0;
    right: -12px;
}
.Heading{
    font-size: 48px;
    letter-spacing: 4.8px;
    line-height: 1.5;
    margin: 0 0 18px;
}
.leadParagraph{
    font-family: 'Bebas Neue', cursive;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 1.8px;
    color: #141414;
    margin-bottom: 29px;
}
.sbPtMeta{
    border-top: 1px solid #e8e8e8;
    padding-top: 23px;
    margin-top: 60px;
}
.bsSocial{
    margin-top: 0;
    justify-content: flex-end;
}
.bsSocial a:last-child{
    margin-right: 0;
}
.blogContent{
    position: relative;
}
.blogContent > p{
    margin-bottom: 28px;
}
.sic_the_content .wp-block-image {
    margin: 56px 0 50px;
    position: relative;
}
.sic_the_content .wp-block-image img {
    max-width: 100%;
    height: auto;
    border-radius: 0;
}
.blogContent .list{
    padding: 0;
    margin-left: 14px;
    margin-bottom: 51px;
}
.blogContent .list li{
    list-style: disc;
    text-transform: capitalize;
    padding-left: 13px;
}
.sic_the_content blockquote, .sic_the_content blockquote.wp-block-quote{
    margin: 50px 0 54px;
    background: transparent;
}
.sic_the_content blockquote p, .sic_the_content blockquote.wp-block-quote p{
    font-family: 'Bebas Neue', cursive;
    font-size: 32px;
    line-height: 1.5;
    letter-spacing: 3.2px;
    color: #141414;
    margin-bottom: 20px;
    padding-left: 48px;
    position: relative;
}
.sic_the_content blockquote p::after, .sic_the_content blockquote.wp-block-quote p::after{
    position: absolute;
    content: '';
    background: #ececec;
    width: 5px;
    height: 118px;
    left: 0;
    top: 11px;
}
.sic_the_content blockquote cite, .sic_the_content blockquote.wp-block-quote cite{
    display: block;
    font-family: 'Bebas Neue', cursive;
    color: var(--theme-color);
    font-style: normal;
    padding-left: 56px;
}
.sic_the_content blockquote cite em, .sic_the_content blockquote.wp-block-quote cite em{
    margin: 0;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #777777;
    letter-spacing: 1.6px;
    font-style: normal;
}

/* Comments Section*/
.commentsArea{
    margin-top: 110px;
    margin-left: -97.5px;
    margin-right: -97.5px;
}
.commentsAreaWithSidebar{
    margin-left: 0;
    margin-right: 0;
}
.commentsArea #comments{
    background: #FFF;
    padding: 68px 99px 45px 99px;
}
.commentsAreaWithSidebar #comments{
    padding: 68px 49px 45px 49px;
}
.commentHeading{
    font-size: 24px;
    letter-spacing: 2.4px;
    line-height: 1;
    margin-bottom: 42px;
}
.sicc_list {
    margin: 0;
    padding: 0;
}
.sicc_list li {
    list-style: none;
    position: relative;
}
.sicc_list li .children {
    margin: 0 0 0;
    padding: 0;
}
.singleComment{
    position: relative;
    padding-left: 129px;
    min-height: 110px;
    margin-bottom: 30px;
}
.singleComment > img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 0;
}
.singleComment .cm_author{
    font-size: 18px;
    letter-spacing: 1.8px;
    line-height: 32px;
    margin-bottom: 13px;
}
.commentContent{
    font-size: 14px;
    letter-spacing: 1.4px;
    line-height: 24px;
    margin-bottom: 13px;
    padding-right: 0;
}
.commentContent > p:last-of-type {
   margin: 0;
}
.commentDetails a{
    font-family: 'Bebas Neue', cursive;
    font-size: 13px;
    letter-spacing: 1.3px;
    line-height: 1;
    color: #777777;
    margin-right: 16px;
}
.commentDetails a:hover{
    font-family: 'Bebas Neue', cursive;
    font-size: 13px;
    letter-spacing: 1.3px;
    line-height: 1;
    color: var(--theme-color);
}
.commentDetails i{
    font-size: 13px;
    display: inline-block;
    margin-right: 5px;
}
.commentDetails span{
    font-family: 'Bebas Neue', cursive;
    font-size: 13px;
    letter-spacing: 1.3px;
    line-height: 1;
    color: #777777;
}
/* Comment Form */
.commentsLists{
    position: relative;
    margin: 0 0 100px;
}
.commentFrom{
    position: relative;
}
.sicc_list .comment-respond{
    margin-top: 36px;
}
.comment-respond .commentFrom{
    margin-top: 0;
    margin-bottom: 39px;
}
.comment-respond .cnotes{
    margin-top: -17px;
}
.comment-respond .commentFormTitle{
    margin-bottom: 32px;
}
.commentFormTitle{
    font-size: 24px;
    letter-spacing: 2.4px;
    line-height: 1;
    margin-bottom: 13px;
}
.cancel_reply_btn {
    font-size: 13px;
    text-transform: uppercase;
    color: var(--theme-color);
    letter-spacing: 1.4px;
    display: block;
    float: right;
    font-weight: 700;
    margin-top: 5px;
}
.cancel_reply_btn a {
    color: inherit;
}
.cancel_reply_btn a:hover {
    color: #777777;
}
.cnotes{
    padding-right: 200px;
    margin-bottom: 35px;
    margin-left: 15px;
}
.commentsAreaWithSidebar .cnotes{
    padding-right: 140px;
}
.commentFrom input,
.commentFrom textarea{
    width: 100%;
    height: 55px;
    border: 1px solid #ececec;
    font-size: 14px;
    letter-spacing: 1.4px;
    color: #777777;
    padding-left: 27px;
    margin-bottom: 25px;
}
.commentFrom label{
    display: block;
    font-size: 16px;
    font-family: 'Bebas Neue', cursive;
    color: #141414;
    margin: 0 0 8px;
}
.commentFrom textarea::-moz-placeholder,
.commentFrom input::-moz-placeholder{
    color: #777777;
    opacity: 1;
}
.commentFrom textarea::-ms-input-placeholder,
.commentFrom input::-ms-input-placeholder{
    color: #777777;
    opacity: 1;
}
.commentFrom textarea::-webkit-input-placeholder,
.commentFrom input::-webkit-input-placeholder{
    color: #777777;
    opacity: 1;
}
.commentFrom textarea{
    width: 100%;
    height: 128px;
    border: 1px solid #ececec;
    color: #777777;
    padding: 20px 0 0 27px;
    margin: 11px 0 58px;
}

/*------------------------------------------------------
/  10. Clients Sections
/------------------------------------------------------*/

.client-sec h2{
    line-height: 1.2;
    margin: 0 30px;
    margin-bottom: 4px;
}
.single-client{
    position: relative;
}


/*------------------------------------------------------
/  11. Footer Sections
/------------------------------------------------------*/
.footer-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 29px 0;
    border-bottom: 1px solid #1a1a1a;
    position: relative;
    margin: 0 0 18px;
}
.footer-header-light{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 29px 0;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
    margin: 0 0 48px;
}
.footer-header .footer-logo img{
    height: 44px;
    width: auto;
    max-width: 100%;
}
.footer-header::after{
    position: absolute;
    content: '';
    background: var(--theme-color);
    width: 70px;
    height: 2px;
    left: 0;
    bottom: -1px;
}
.footer-header-light::after{
    position: absolute;
    content: '';
    background: var(--theme-color);
    width: 70px;
    height: 2px;
    left: 0;
    bottom: -1px;
}
/* Footer Social Area */
ul.footer-social{
    padding: 0;
    margin: 3px 0 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
ul.footer-social-light{
    padding: 0;
    margin: 3px 0 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
ul.footer-social li{
    margin-left: 20px;
}
ul.footer-social-light li{
    margin-left: 20px;
}
ul.footer-social li a{
    color: #fff;
    font-size: 16px;
    display: block;
    letter-spacing: 1.6px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
ul.footer-social li a i{
    display: inline-block;
    font-size: 15px;
    margin-right: 7px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
ul.footer-social-light li a{
    color: #141414;
    font-size: 16px;
    display: block;
    letter-spacing: 1.6px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
ul.footer-social li a:hover,
ul.footer-social li a:active{
    color: var(--theme-color);
}
ul.footer-social li a:hover i{
    color: var(--theme-color);
}
ul.footer-social-light li a:hover,
ul.footer-social-light li a:active{
    color: var(--theme-color);
}
/* Footer Widget Area */
.footerWidget{
    position: relative;
    margin: 0;
}
.abwContent{
    position: relative;
}
.abwContent-light{
    position: relative;
}
.abwContent p{
    font-size: 14px;
    letter-spacing: 1.4px;
    color: rgba(255, 255, 255, .4);
    margin: 0 0 32px 0;
}
.abwContent-light p{
    font-size: 14px;
    letter-spacing: 1.4px;
    color: #777777;
    margin: 0 0 32px 0;
}
.abwContent p:first-of-type{
    margin-top: -7px;
}
.abwContent-light p:first-of-type{
    margin-top: -7px;
}
.abwContent span{
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1.4px;
    color: #fff;
    margin: 0;
}
.abwContent-light span{
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1.4px;
    color: #777777;
    margin: 0;
}
.abwContent span > a{
    font-family: 'Open Sans', sans-serif;
    color: var(--theme-color);
}
.abwContent-light span > a{
    font-family: 'Open Sans', sans-serif;
    color: var(--theme-color);
}
.abwContent span>a:hover{
    color: #FFF;
}

.abwContent-light span>a:hover{
    color: #141414;
}
/* Widget Title */
.widgetTitle, .sidebar .widget .wp-block-group__inner-container > h2, .sidebar .widget .wp-block-search__label{
    color: #fff;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 1.8px;
    margin: 0 0 18px;
}
.sidebar .widgetTitle, .sidebar .widget .wp-block-group__inner-container > h2, .sidebar .widget .wp-block-search__label{
    color: #141414;
    margin: 0 0 36px;
}
.sidebar .widget .wp-block-search__label{
    font-family: 'Bebas Neue', cursive;
}
.footerWidget ul{
    padding: 0;
    margin: 0;
}
.footerWidget ul li{
    width: 50%;
    float: left;
    margin: 0 0 20px;
}
.footerWidget ul li a{
    color: rgba(255, 255, 255, .4);
    font-size: 14px;
    letter-spacing: 1.4px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding: 0;
    display: block;
    padding-left: 17px;
    position: relative;
}
.footerWidget ul li a:after{
    content: "\ef2f";
    font-family: 'themewar' !important;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
}
.footerWidgetLight ul li a{
    color: #777777;
}
.footerWidget ul li a:hover{
    color: var(--theme-color);
    padding-left: 13px;
}
.footerWidgetLight ul li a:hover{
    color: var(--theme-color);
}
.contactInfos{
    position: relative;
    margin: -7px 0 0;
}
.contactInfosLight{
    position: relative;
    margin: -7px 0 0;
}
.contactInfo{
    display: table-row;
}
.contactInfoLight{
    display: table-row;
}
.contactInfo > span{
    display: table-cell;
    vertical-align: top;
}
.contactInfo span:first-child{
    font-size: 16px;
    letter-spacing: 1.6px;
    color: #fff;
    line-height: 1;
    font-family: 'Bebas Neue', cursive;
    padding: 8px 0 0;
    width: 81px;
}
.contactInfo span:nth-child(2){
    font-size: 16px;
    letter-spacing: 1.6px;
    color: #fff;
    line-height: 1;
    padding: 7px 0 0;
}
.contactInfo span:last-child{
    font-size: 14px;
    letter-spacing: 1.4px;
    color: rgba(255, 255, 255, .4);
    padding: 0 0 33px 15px;
}
.contactInfo span a{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: var(--theme-color);
    letter-spacing: 1.4px;
    text-decoration: underline;
}
.contactInfoLight span a{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: var(--theme-color);
    letter-spacing: 1.4px;
    text-decoration: underline;
}
.contactInfo span a:hover{
    color: #FFF;
}
.contactInfoLight span a:hover{
    color: #141414;
}
.defaultFooter{
    background: #191919;
    padding: 30px 0;
}
.defaultFooter p {
    line-height: 24px;
    font-family: 'Bebas Neue', cursive;
    letter-spacing: 1.2px;
    margin: 0;
}

/*------------------------------------------------------
/  13. Contact Page
/------------------------------------------------------*/
.google_map{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 874px;
    line-height: .8;
}
.iframe_map{
    position: relative;
    overflow: hidden;
}
.iframe_map iframe{
    display: block;
    width: 100%;
    height: 874px;
    border: none;
}
.iframe_map.grayscale iframe{
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    filter: grayscale(100%);
}
.contact{
    background: #f8f8f8;
    margin: -119px 0;
}
.contactBox{
    background: #FFF;
    padding: 117px 99px 119px 99px;
}
.contactBox h2.contactBigTitle{
    font-size: 32px;
    line-height: 1;
    letter-spacing: 3.2px;
    margin: 0 0 0;
}
.contactBox h2.contactBigTitle>span{
    color: #b4b4b4;
}
.information h4{
    font-size: 18px;
    letter-spacing: 1.8px;
    margin-bottom: 43px;
}
.information p{
    margin: 16px 0 0;
}
.flowUsSocial{
    display: flex;
    align-items: center;
    margin: 13px 0 0;
}
.flowUsSocial span{
    color: #141414;
    font-family: 'Bebas Neue', cursive;
    margin-right: 26px;
}
.flowUsSocial a{
    color: #b4b4b4;
    font-size: 15px;
    margin-right: 24px;
}
.flowUsSocial a:last-child{
    margin-right: 0;
}
.flowUsSocial a:hover{
    color: var(--theme-color);
}
.sayHello h4{
    color: var(--theme-color);
    font-size: 18px;
    letter-spacing: 1.8px;
    margin-bottom: 43px;
}
.sayHello ul{
    padding: 0;
    margin-top: 36px;
}
.sayHello ul li{
    font-family: 'Bebas Neue', cursive;
    color: #141414;
    font-size: 16px;
    margin-bottom: 8px;
}
.sayHello ul li:last-child{
    margin-bottom: 0;
}
.sayHello ul li span{
    color: #777777;
}
.leaveAComment{
    position: relative;
    margin: 108px 0 0;
}
.leaveAComment h2{
    font-size: 24px;
    letter-spacing: 2.4px;
    line-height: 1;
    margin: 0 0 13px;
}
.leaveAComment p{
    margin: 0;
    padding-right: 30%;
}
/* Contact From */
.contactFrom label{
    display: block;
    font-size: 16px;
    font-family: 'Bebas Neue', cursive;
    color: #141414;
    margin: 0 0 11px;
}
.contactFrom input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
.contactFrom select{
    width: 100%;
    height: 55px;
    border: 1px solid #ececec;
    font-size: 14px;
    letter-spacing: 1.4px;
    color: #777777;
    padding-left: 27px;
    margin: 0 0 24px;
}
.contactFrom textarea{
    width: 100%;
    height: 128px;
    border: 1px solid #ececec;
    color: #777777;
    padding: 20px 0 0 27px;
    margin: 10px 0 62px;
}
.contactFrom input::-moz-placeholder,
.contactFrom textarea::-moz-placeholder{
    color: #777777;
    opacity: 1;
}
.contactFrom input::-ms-input-placeholder,
.contactFrom textarea::-ms-input-placeholder{
    color: #777777;
    opacity: 1;
}
.contactFrom input::-webkit-input-placeholder,
.contactFrom textarea::-webkit-input-placeholder{
    color: #777777;
    opacity: 1;
}
.contactFrom .wpcf7-not-valid, .contactFrom .wpcf7-not-valid {
    border-bottom: 1px solid #f00 !important;
}
.contactFrom .wpcf7-not-valid-tip {
    display: none;
}
.wpcf7-list-item{
    margin: 0;
}
.contactForm form input[type="file"]{
    line-height: 52px;
}
input[type="radio"],
input[type="checkbox"]{
    visibility: hidden;
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    display: none !important;
}
input[type="radio"] ~ span,
input[type="checkbox"] ~ span{
    position: relative;
    padding-left: 28px;
    color: #777777;
    font-size: 18px;
    line-height: 29px;
    font-style: italic;
    cursor: pointer;
    display: block;
    margin: 0 0 13px;
}
input[type="radio"] ~ span{
    margin-right: 20px;
    font-style: normal;
}
input[type="radio"] ~ span::before,
input[type="checkbox"] ~ span:before {
    content: '';
    font-family: 'themewar' !important;
    position: absolute;
    left: 0;
    top: 7px;
    background: transparent;
    border: 1px solid #ececec;
    height: 16px;
    width: 16px;
    line-height: 16px;
    font-style: normal;
    text-align: center;
    font-size: 10px;
    border-radius: 5px;
}
input[type="radio"]:checked ~ span:before,
input[type="checkbox"]:checked ~ span:before {
    content: "\f63a";
    color: var(--theme-color);
}
.wpcf7 form .wpcf7-response-output{
    margin: 30px 0 0;
}

/*------------------------------------------------------
/  14. Fun Fact
/------------------------------------------------------*/

.single-counter{
    margin-top: 90px;
    position: relative;
    padding: 23px 0 14px 0;
}
.single-counter-dark{
    margin-top: 120px;
    position: relative;
    padding: 23px 0 14px 0;
}
.single-counter::after{
    position: absolute;
    content: '';
    width: calc(100% - 60px);
    height: 100%;
    border: 5px solid #ececec;
    left: 35px;
    top: 0;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.single-counter-dark::after{
    position: absolute;
    content: '';
    width: calc(100% - 60px);
    height: 100%;
    border: 5px solid #202020;
    left: 35px;
    top: 0;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.single-counter:hover:after{
    border-color: #d0c8b9;
}
.single-counter-dark:hover:after{
    border-color: #5f5747;
}
.single-counter h3{
    font-size: 72px;
    line-height: 1;
    letter-spacing: 7.2px;
    margin: 0;
    position: relative;
    z-index: 2;
}
.single-counter-dark h3{
    color: #ffffff;
    font-size: 72px;
    line-height: 1;
    letter-spacing: 7.2px;
    margin: 0;
    position: relative;
    z-index: 2;
}
.single-counter p{
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin-top: 5px;
    position: relative;
    z-index: 2;
}
.single-counter-dark p{
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin-top: 5px;
    position: relative;
    z-index: 2;
}


/*------------------------------------------------------
/  15. Pages Bannar
/------------------------------------------------------*/

.pageBannar{
    width: 100%;
    position: relative;
    min-height: 628px;
    padding: 279px 0 0;
    background-color: #141414;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.pageBannar02{
    background: #f8f8f8;
    padding: 168px 0 186px;
}
.pageBannar03{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #141414;
    width: 100%;
    position: relative;
    padding: 409px 0 425px;
}
.pageBannarAfter{
    position: absolute;
    content: '';
    background: #141414;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .4;
    z-index: 0;
}
.pageBannar03After{
    position: absolute;
    content: '';
    background: #141414;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .4;
    z-index: 0;
}
.pageBannarContent, .pageBannarContent02{
    position: relative;
}
.justify-content-center .pageBannarContent03, .justify-content-center .pageBannarContent, .justify-content-center .pageBannarContent02{
    text-align: center;
}
.justify-content-right .pageBannarContent03, .justify-content-end .pageBannarContent, .justify-content-right .pageBannarContent02, .justify-content-right .pageBannarContent{
    text-align: right;
}
.justify-content-right .pageBannarContent02 h2::after{
    left: auto;
    right: 0;
}
.justify-content-right .col-xl-5.col-lg-6.col-md-8.col-sm-12{
    margin-left: auto;
}
.pageBannarContent h5{
    font-size: 24px;
    color: #FFF;
    line-height: 1;
    letter-spacing: 2.4px;
    margin: 0 0 21px;
}
.pageBannarContent02 h5{
    color: #141414;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 2.4px;
    margin: 0 0 38px;
}
.pageBannarContent03 h5{
    color: #FFF;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 2.4px;
    margin: 0 0 38px;
}
.pageBannarContent h2{
    font-size: 60px;
    color: #FFF;
    line-height: 1.2;
    letter-spacing: 0;
    margin: 0;
    position: relative;
    z-index: 2;
}
.pageBannarContent02 h2{
    color: #141414;
    font-size: 42px;
    line-height: 1.2;
    letter-spacing: 0;
    margin: 0;
    position: relative;
    z-index: 2;
}
.pageBannarContent03 h2{
    color: #FFF;
    font-size: 42px;
    line-height: 1.2;
    letter-spacing: 0;
    margin: 0;
    position: relative;
    z-index: 2;
}
.pageBannarContent h2::after{
    position: absolute;
    content: '';
    background: var(--theme-color);
    width: 327PX;
    height: 50px;
    left: 0;
    bottom: 10px;
    z-index: -1;
}
.justify-content-center .pageBannarContent h2::after{
    left: 0;
    right: 0;
    margin: 0 auto;
}
.justify-content-end .pageBannarContent h2::after{
    left: auto;
    right: 0;
}
.pageBannarContent02 h2::after{
    position: absolute;
    content: '';
    background: var(--theme-color);
    width: 327PX;
    height: 50px;
    left: 0;
    bottom: -15px;
    z-index: -1;
}
.justify-content-center .pageBannarContent02 h2::after{
    left: 0;
    right: 0;
    margin: 0 auto;
}
.justify-content-end .pageBannarContent02 h2::after{
    left: auto;
    right: 0;
}
.pageBannarContent03 h2::after{
    position: absolute;
    content: '';
    background: var(--theme-color);
    width: 327PX;
    height: 50px;
    left: 0;
    bottom: -15px;
    z-index: -1;
}


/*------------------------------------------------------
/  16. Page Sidebar Widgets
/------------------------------------------------------*/

.sidebar{
    padding-left: 85px;
}
.sidebarLeft{
    padding: 0 85px 0 0;
}
.sidebarBlogDetails{
    margin-top: 2px;
}
.widget{
    margin-bottom: 69px;
}
.widget:last-of-type{
    margin-bottom: 0;
}
.widget .widgetTitleLight{
    margin: 0 0 36px;
}
.popularPosts {
    margin-top: 40px;
}
.popularPosts .popularPost {
    position: relative;
    min-height: 50px;
    padding: 0 0 12px 86px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ececec;
}
.popularPosts .popularPost img {
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 0;
}
.popularPosts .popularPost h5 {
    font-size: 14px;
    letter-spacing: 1.4px;
    line-height: 24px;
    margin-bottom: 3px;
}
.popularPosts .popularPost h5 a {
    color: inherit;
}
.popularPosts .popularPost h5 a:hover {
    color: #a9997a;
}
.popularPosts .popularPost span {
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0;
}
.wp-block-woocommerce-product-search, .wp-block-search__inside-wrapper, .searchForm{
    position: relative;
    margin: 0;
    padding: 0;
}
.wp-block-woocommerce-product-search input[type="search"], 
.woocommerce-product-search input[type="search"], 
.wp-block-search .wp-block-search__input, 
.searchForm input[type="search"]{
    width: 100%;
    height: 55px;
    border: 1px solid #ececec;
    font-size: 13px;
    letter-spacing: 1.3px;
    color: #777777;
    padding-left: 17px;
    margin-top: 10px;
}
.wp-block-woocommerce-product-search input[type="search"]::-moz-placeholder, 
.woocommerce-product-search input[type="search"]::-moz-placeholder, 
.wp-block-search .wp-block-search__input::-moz-placeholder, 
.searchForm input[type="search"]::-moz-placeholder{
    opacity: 1;
    color: #777777;
}
.wp-block-woocommerce-product-search input[type="search"]::-ms-input-placeholder, 
.woocommerce-product-search input[type="search"]::-ms-input-placeholder, 
.wp-block-search .wp-block-search__input::-ms-input-placeholder, 
.searchForm input[type="search"]::-ms-input-placeholder{
    opacity: 1;
    color: #777777;
}
.wp-block-woocommerce-product-search input[type="search"]::-webkit-input-placeholder, 
.woocommerce-product-search input[type="search"]::-webkit-input-placeholder, 
.wp-block-search .wp-block-search__input::-webkit-input-placeholder, 
.searchForm input[type="search"]::-webkit-input-placeholder{
    opacity: 1;
    color: #777777;
}
.wc-block-product-search .wc-block-product-search__button, 
.woocommerce-product-search button, 
.wp-block-search .wp-block-search__button, 
.searchForm button{
    border: none;
    padding: 0;
    margin: 0;
    line-height: 0;
    background: none;
    outline: none;
    position: absolute;
    right: 19px;
    top: 29px;
    color: #141414;
    font-size: 18px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.wp-block-search .wp-block-search__button{
    top: 37px;
}
.wc-block-product-search .wc-block-product-search__button:hover, 
.woocommerce-product-search button:hover, 
.wp-block-search .wp-block-search__button:hover, 
.searchForm button:hover{
    color: var(--theme-color);
}
.sidebar .widget ol, .sidebar .widget ul{
    padding: 0;
    margin: 0;
}
.sidebar ol li, .sidebar ul li{
    margin-bottom: 23px;
    font-family: 'Bebas Neue', cursive;
    color: #777777;
    font-size: 16px;
    letter-spacing: 1.6px;
    line-height: 1.3;
}
.sidebar ol li:last-child, .sidebar ul li:last-child{
    margin-bottom: 0;
}
.sidebar ol li a, .sidebar ul li a{
    display: inline-block;
    color: inherit;
    line-height: inherit;
}
.sidebar ol li a:hover, .sidebar ul li a:hover{
    color: var(--theme-color);
}
.sidebar ol li a, .sidebar .widget_recent_comments ul li a {
    display: contents;
}
.sidebar ul ul, .sidebar ol ol, .sidebar ol .sub-menu, .sidebar ol .children, .sidebar ul .sub-menu, .sidebar ul .children {
    padding: 22px 0 0;
    margin: 0 0 0;
}
.sidebar ul li li, .sidebar ol ol li, .sidebar ol .sub-menu li, .sidebar ol .children li, .sidebar ul .sub-menu li, .sidebar ul .children li {
    padding: 0 0 0 15px;
}
.woocommerce .widget ul.product_list_widget {
    margin: 0;
    padding: 0;
    position: relative;
    clear: both;
}
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce ul.product_list_widget li {
    list-style: none;
    padding: 0;
    margin: 0 0 25px;
    line-height: inherit;
}
.woocommerce .widget_shopping_cart .cart_list li .mc_item, 
.woocommerce ul.product_list_widget li .popularPost {
    position: relative;
    min-height: 56px;
    padding: 10px 0 35px 86px;
    margin-bottom: 0;
    border-bottom: 1px solid #ececec;
}
.woocommerce .widget_shopping_cart .cart_list li .mc_item img, 
.woocommerce ul.product_list_widget li .popularPost img{
    border-radius: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 56px;
    margin: 0;
    float: none;
}
.woocommerce .widget_shopping_cart .cart_list li .mc_item h4, 
.woocommerce ul.product_list_widget li .popularPost h5{
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 1.4px;
    margin-bottom: 6px;
}
.woocommerce .widget_shopping_cart .cart_list li .mc_item h4 a, 
.woocommerce ul.product_list_widget li .popularPost h5 a{
    color: inherit;
    font-weight: inherit;
}
.woocommerce .widget_shopping_cart .cart_list li .mc_item h4 a:hover, 
.woocommerce ul.product_list_widget li .popularPost h5 a:hover{
    color: var(--theme-color);
}
.woocommerce .widget_shopping_cart .cart_list li .mc_item .loop_price, 
.woocommerce .widget_shopping_cart .cart_list li .mc_item .pi01Price, 
.woocommerce ul.product_list_widget li .popularPost .loop_price{
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0;
    font-weight: 600;
    position: relative;
    color: #777777;
    font-family: 'Open Sans', sans-serif;
    top: 0;
}
.woocommerce .widget_shopping_cart .cart_list li .mc_item .loop_price del, 
.woocommerce ul.product_list_widget li .popularPost .loop_price del{
    font-size: 12px;
    opacity: .7;
    margin-right: 8px;
}
.woocommerce .widget_shopping_cart .cart_list li .mc_item .loop_price ins, 
.woocommerce ul.product_list_widget li .popularPost .loop_price ins{
    text-decoration: none;
}
.woocommerce .widget_shopping_cart .cart_list li .mc_item .remove{
    margin: 0;
    padding: 0;
    text-align: center;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 11px;
    color: #fff !important;
    text-decoration: none;
    background: #141414;
    border-radius: 50%;
    position: absolute;
    left: -5px;
    top: -5px;
}
.woocommerce .widget_shopping_cart .cart_list li .mc_item .remove i{
    position: relative;
    left: 1px;
    top: .5px;
}
.woocommerce .widget_shopping_cart .cart_list li .mc_item .remove:hover{
    background: var(--theme-color);
}
.woocommerce .widget_shopping_cart .total{
    border: none;
    padding: 0;
    margin: -2px 0 22px;
    font-size: 16px;
    line-height: 1;
    color: #1e1e1e;
    font-family: 'Bebas Neue', cursive;
    text-align: right;
}
.woocommerce .widget_shopping_cart .total strong{
    font-weight: 400;
    float: left;
}
.woocommerce .widget_shopping_cart .buttons .button{
    position: relative;
    top: -3px;
    height: 32px;
    background: #141414;
    color: #fff;
    border-radius: 0;
    padding: 0 18px;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 34px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.woocommerce .widget_shopping_cart .buttons .button.checkout{
    float: right;
}
.woocommerce .widget_shopping_cart .buttons .button:hover{
    background: var(--theme-color);
    color: #fff;
}

.widget .tagcloud{
    margin-top: -2px;
}
.widget .tagcloud a{
    color: #141414;
    color: #777777;
    font-size: 16px !important;
    letter-spacing: 1.6px !important;
    line-height: 35px;
}
.widget .tagcloud a:after{
    content: ',';
}
.widget .tagcloud a:last-child:after{
    display: none;
}
.widget .tagcloud a:hover{
    color: var(--theme-color);
}
.sic_the_content blockquote, .sic_the_content blockquote.wp-block-quote{
    min-height: 118px;
}
/*-- Unit Test --*/
.single-blog-02.sb2Large.featured_post{
    background: #fff;
}
.single-blog-02.sb2Large.featured_post .blog-content-02{
    padding: 30px;
}
.single-blog-02.sb2Large  img {
    width: auto;
    max-width: 100%;
    height: auto;
}
.sidebar select {
    background: url(../images/select_arrow.png) no-repeat calc(100% - 25px) center #fff;
    border-radius: 0;
    color: #777777;
    font-size: 15px;
    height: 55px;
    border: none;
    padding: 0 25px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    line-height: 55px;
    cursor: pointer;
    width: 100%;
}
.widget table {
    width: 100%;
    border: 1px solid #ececec;
    margin: -1px 0 0;
}
.sidebar .widget h2 a, .sidebar .widget .widgetTitle a{
    color: inherit;
}
.commentContent table, .sic_the_content table {
    width: 100%;
    border: 1px solid #ececec;
    background: transparent;
    margin: 30px 0 30px;
}
.commentContent table caption, 
.sic_the_content table caption, 
.widget table caption {
    font-size: 14px;
    color: #141414;
    font-weight: 600;
    line-height: .8;
    caption-side: top;
    padding: 16px 5px;
    text-align: center;
    border: 1px solid #ececec;
    border-bottom: none;
    text-transform: uppercase;
}
.sic_the_content table thead, 
.commentContent table tbody, 
.widget table thead, 
.widget table tbody {
    border-left: 1px solid #ececec;
}
.commentContent table tbody tr th, 
.sic_the_content table thead tr th, 
.widget table thead tr th {
    font-size: 14px;
    color: #141414;
    font-weight: 600;
    background: transparent;
    text-align: center;
    border-bottom: 1px solid #ececec;
    padding: 3px 2px;
    border-right: 1px solid #ececec;
    border-top: 1px solid #ececec;
}
.commentContent table tbody tr td, 
.sic_the_content table tbody tr th, 
.sic_the_content table tbody tr td, 
.widget table tbody tr td {
    font-size: 14px;
    color: #777777;
    font-weight: 400;
    text-align: center;
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
    padding: 3px 2px;
}
.commentContent table tbody tr td a, 
.sic_the_content table tbody tr th a, 
.sic_the_content table tbody tr td a, 
.widget table tbody tr td a{
    color: inherit;
    font-family: inherit;
    text-decoration: none;
}
.commentContent table tbody tr td a:hover, 
.sic_the_content table tbody tr th a:hover, 
.sic_the_content table tbody tr td a:hover, 
.widget table tbody tr td a:hover{
    color: var(--theme-color);
}
.commentContent ol, .commentContent ul, .sic_the_content ol, .sic_the_content ul {
    margin: 27px 0 25px;
    padding: 0;
}
.commentContent ol li, .commentContent ul li, .sic_the_content ol li, .sic_the_content ul li {
    list-style: inherit;
    list-style-position: inside;
    margin: 0 0 10px;
    border: none;
}
.commentContent ol li a, .commentContent ul li a, .sic_the_content ol li a, .sic_the_content ul li a {
    color: #141414;
}
.commentContent ol li a:hover, .commentContent ul li a:hover, .sic_the_content ol li a:hover, .sic_the_content ul li a:hover{
    color: var(--theme-color);
}
.commentContent ol ol, .commentContent ul ul, .sic_the_content ol ul, .sic_the_content ul ol, .sic_the_content ol ol, .sic_the_content ul ul {
    padding-left: 15px;
    margin: 10px 0 0;
}
.commentContent code, .sic_the_content code {
    color: var(--theme-color);
}
.sic_the_content .wp-calendar-nav {
    margin-bottom: 15px;
    margin-top: 0px;
}
.wp-calendar-nav {
    margin-top: 10px;
}
.wp-calendar-nav .wp-calendar-nav-prev {
    float: left;
}
.wp-calendar-nav .wp-calendar-nav-next {
    float: right;
}
.wp-calendar-nav a {
    color: #141414;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}
.wp-calendar-nav a:hover{
    color: var(--theme-color);
}
.rss-date {
    display: block;
    color: #141414;
    font-size: 14px;
    margin: 10px 0;
}
.widget_rss ul li cite {
    display: block;
    color: #141414;
    margin: 8px 0 0;
}
.textwidget p{
    margin: 0;
}
.textwidget img {
    max-width: 100%;
    height: auto;
    margin: 15px 0;
}
.textwidget select{
    margin-top: 20px;
}
.commentContent a,
.sic_the_content a{
    color: #141414;
    font-family: inherit;
}
.commentContent a:hover,
.sic_the_content a:hover{
    color: var(--theme-color);
}
.sic_the_content .alignnone, .sic_the_content .aligncenter {
    margin: auto;
    text-align: center;
    display: block;
    width: auto !important;
}
.sic_the_content img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.sic_the_content .alignleft {
    margin: 0 20px 10px 0;
    float: left;
    clear: both;
}
.sic_the_content .alignleft.wp-block-cover.has-background-dim{
    margin-right: 30px;
}
.sic_the_content .alignright {
    margin: 10px 0 10px 15px;
    float: right;
    clear: both;
    width: auto !important;
}
.wp-block-image .aligncenter>figcaption {
    display: block;
}
.wp-block-image figcaption{
     font-size: 15px;
    font-style: italic;
}
.sic_the_content .wp-block-button__link {
    color: #fff;
}
.sic_the_content .wp-block-button__link:hover {
    color: var(--theme-color);
}
.sic_the_content .wp-block-button.aligncenter, .wp-block-button {
    margin-bottom: 30px;
}
.wp-block-button.is-style-squared a {
    border-radius: 0;
}
.sic_the_content .wp-block-cover .wp-block-cover-text, .sic_the_content .wp-block-cover-text {
    color: #fff;
    position: relative;
    z-index: 3;
}
.sic_the_content .wp-block-cover-text a{
    color: #fff;
}
.sic_the_content .wp-block-cover .wp-block-cover-text:last-of-type {
    margin: 0;
}
.sic_the_content figcaption.blocks-gallery-caption {
    margin-bottom: 30px;
}
.sic_the_content .wp-block-cover {
    margin-bottom: 20px;
}
.sic_the_content .wp-block-cover.aligncenter {
    display: flex;
}
.wp-block-pullquote.is-style-solid-color blockquote cite{
    color: #1c2035;
}
.wp-block-pullquote.is-style-solid-color blockquote.has-very-dark-gray-color {
    background: transparent;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
}
.sic_the_content .blocks-gallery-grid .blocks-gallery-item img {
    margin: 0;
}
.sic_the_content .wp-block-gallery ul {
    margin-top: 0;
    margin-bottom: 0;
}
.wp-block-audio audio{
    min-width: 100%;
}
.sic_the_content iframe, .sic_the_content .twitter-tweet {
    max-width: 100% !important;
}
.wp-block-archives-dropdown label{
    margin-bottom: 10px;
}
.sic_the_content select{
    background: url(../images/select_arrow.png) no-repeat calc(100% - 25px) center;
    width: 100%;
    border-radius: 0;
    color: #141414;
    font-size: 16px;
    height: 60px;
    border: 1px solid #ececec;
    padding: 0 30px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    line-height: 60px;
    cursor: pointer;
    margin: 3px 0 30px;
}
.sic_the_content .wp-block-latest-comments article, .sic_the_content .wp-block-rss div.wp-block-rss__item-title {
    display: inline-block;
}
.sic_the_content .has-avatars.wp-block-latest-comments article{
    display: block;
}
.wp-block-search .wp-block-search__inside-wrapper {
    position: relative;
    margin-bottom: 30px;
}
.sic_the_content .wp-block-search__label {
    display: none;
}
.sic_the_content .wp-block-media-text img {
    margin-bottom: 0;
}
.sic_the_content .wp-block-media-text.alignfull {
    margin-bottom: 30px;
}
.sic_the_content .wp-block-search .wp-block-search__input{
    border: 1px solid #ececec;
}
.sic_the_content .wp-block-tag-cloud a{
    float: none;
}
.PaginInner {
    margin-top: 20px;
}
.PaginInner strong {
    color: #141414;
}
.comentPaginations .page-numbers, .PaginInner .post-page-numbers{
    width: 32px;
    height: 32px;
    background: #ececec;
    border-radius: 0%;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    line-height: 32px;
    padding: 0 3px;
    font-weight: 500;
    color: #141414;
    margin: 0 2.5px;
    font-family: 'Bebas Neue', cursive;
    letter-spacing: 0;
}
.comentPaginations .page-numbers:hover, .comentPaginations .page-numbers.current, 
.PaginInner .post-page-numbers:hover, .PaginInner .post-page-numbers.current{
    color: #fff;
    border-color: var(--theme-color);
    background: var(--theme-color);
}
.commentContent pre, .sic_the_content pre {
    max-height: 300px;
    overflow: scroll;
    max-width: 100%;
    background: #ececec;
    color: #777;
    padding: 25px;
    margin: 25px 0 32px;
}
.commentContent dt, .sic_the_content dt {
    color: #141414;
}
.commentContent dd, .sic_the_content dd {
    margin-bottom: 20px;
}
.orbito_pagination.comentPaginations{
    background: transparent;
    padding: 0;
    margin-bottom: 15px;
    justify-content: flex-end;
}
.orbito_pagination.comentPaginations a.prev,
.orbito_pagination.comentPaginations a.next{
    color: var(--theme-color);
}
.orbito_pagination.comentPaginations a.prev:hover,
.orbito_pagination.comentPaginations a.next:hover{
    color: #fff;
}
.sic_the_content .wp-block-columns {
    margin-bottom: 13px;
    margin-top: 23px;
}
.commentContent img{
    margin: 10px 0;
}
.sic_the_content input[type="password"]{
    display: block;
    width: 100%;
    height: 50px;
    background: transparent;
    padding: 0 20px;
    border: 1px solid #ececec;
    border-radius: 0;
    font-size: 14px;
    margin: 10px 0 0;
    color: rgba(28, 32, 53);
}
.sic_the_content input[type="submit"]{
    font-size: 16px;
    border: none;
    outline: none;
    height: 100%;
    padding: 0 20px;
    margin: 0 0 0 -5px;
    background: #141414;
    color: #fff;
    line-height: 50px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.sic_the_content input[type="submit"]:hover{
    background: var(--theme-color);
    color: #fff;
}
.singleComment.pingbackcomments {
    padding-left: 0;
}
.sic_the_content blockquote cite a{
    color: inherit;
}
.single-blog-02.sb2Large .blog-content-02 h3,
.pageBannarContent h2{
    word-break: break-word;
}
.Posttags{
    display: block;
    margin-top: 0;
}
.Posttags a{
    letter-spacing: 0;
    text-transform: capitalize;
}
.shareDetailsOnSocial span, .Posttags span{
    font-weight: 500;
    color: #141414;
    font-family: 'Bebas Neue', cursive;
}
.Posttags span{
    margin-right: 15px;
}

/*------------------------------------------------------
/  17. Shop Page
/------------------------------------------------------*/

.shopSection{
    position: relative;
    padding: 120px 0;
}
.loop_product{
    position: relative;
    margin: 0 0 31px;
}
.lp_thumb{
    position: relative;
    overflow: hidden;
    background: #f7f7f7;
}
.lp_thumb img{
    width: 100%;
    height: auto;
}
.lp_details{
    position: relative;
    padding: 34px 0 0;
    padding-right: 0;
}
.lp_details p{
    margin: 0 0 12px;
    color: var(--theme-color);
    line-height: 1;
    font-size: 13px;
}
.lp_details p a{
    color: inherit;
}
.lp_details p a:hover{
    color: #141414;
}
.lp_details h4{
    font-size: 24px;
    line-height: 32px;
    margin: 0;
    letter-spacing: 1px;
}
.lp_details h4 a{
    color: inherit;
}
.lp_details h4 a:hover{
    color: var(--theme-color);
}
.loop_price{
    position: absolute;
    font-size: 18px;
    line-height: 1;
    color: #1e1e1e;
    right: 0;
    top: 34px;
    font-family: 'Bebas Neue', cursive;
}
.loop_price ins{
    text-decoration: none;
}
.loop_price del{
    color: #777;
    margin-right: 8px;
    font-size: 14px;
}
.lp_thumb_hover{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    opacity: 0;
    visibility: hidden;

    -webkit-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.loop_product:hover .lp_thumb_hover{
    opacity: 1;
    visibility: visible;
}
.lth_btns{
    position: absolute;
    left: 0;
    bottom: 35px;
    width: 100%;
    display: flex;
    padding: 0 30px;
    justify-content: center;
}
.chomok_product_wrapper .lth_btns a{
    margin: 0;
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    background: #FFF;
    color: var(--theme-color);
    font-size: 18px;
    line-height: 60px;
    padding: 0;
    border-radius: 0;
    font-weight: normal;
    text-align: center;
    margin-right: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .04);
}
.chomok_product_wrapper .lth_btns .chomok-add-to-cart {
    font-size: 0px;
}
.chomok_product_wrapper .lth_btns a.added_to_cart.wc-forward {
    font-size: 0;
    line-height: 60px;
}
.chomok_product_wrapper .lth_btns .chomok-add-to-cart::after, 
.chomok_product_wrapper .lth_btns a.button.add_to_cart_button::after {
    content: "\f627";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    text-align: center;
    font-size: 18px;
    color: inherit;
    font-family: 'themewar' !important;
    line-height: 60px;
}
.chomok_product_wrapper .lth_btns a.added_to_cart.wc-forward::after {
    font-family: WooCommerce;
    content: "\e017";
    margin: auto;
    font-size: 18px;
    text-align: center;
    z-index: 99;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.chomok_product_wrapper .lth_btns a.button.added{
    display: none;
}
.chomok_product_wrapper .lth_btns a.button.loading i{
    opacity: 0;
}
.chomok_product_wrapper .lth_btns a.button.added:after{
    display: none;
}
.chomok_product_wrapper .lth_btns a.button.loading{
    opacity: 1;
    padding: 0;
}
.chomok_product_wrapper .lth_btns a.button.loading::after{
    font-family: WooCommerce !important;
    content: "\e01c";
    top: 0;
    right: 0;
    padding: 0;
    margin: 0 auto;
    left: 0;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.chomok_product_wrapper .lth_btns a:hover{
    color: #FFF;
    background: var(--theme-color);
}
.chomok_product_wrapper .lth_btns .added_to_cart.wc-forward,
.chomok_product_wrapper .lth_btns .chomok-add-to-cart{
    -webkit-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), color ease 300ms, background ease 300ms;
    -moz-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), color ease 300ms, background ease 300ms;
    -ms-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), color ease 300ms, background ease 300ms;
    -o-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), color ease 300ms, background ease 300ms;
    transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), color ease 300ms, background ease 300ms;

    transform: translate3d(0, 100px, 0);
    -moz-transform: translate3d(0, 100px, 0);
    -webkit-transform: translate3d(0, 100px, 0);
    -ms-transform: translate3d(0, 100px, 0);
    -o-transform: translate3d(0, 100px, 0);
}
.chomok_product_wrapper .lth_btns .view{
    -webkit-transition: transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95), color ease 300ms, background ease 300ms;
    -moz-transition: transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95), color ease 300ms, background ease 300ms;
    -ms-transition: transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95), color ease 300ms, background ease 300ms;
    -o-transition: transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95), color ease 300ms, background ease 300ms;
    transition: transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95), color ease 300ms, background ease 300ms;

    transform: translate3d(0, 100px, 0);
    -moz-transform: translate3d(0, 100px, 0);
    -webkit-transform: translate3d(0, 100px, 0);
    -ms-transform: translate3d(0, 100px, 0);
    -o-transform: translate3d(0, 100px, 0);
}
.loop_product:hover .lth_btns .added_to_cart.wc-forward,
.loop_product:hover .lth_btns .chomok-add-to-cart,
.loop_product:hover .lth_btns .view{
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.chmk_pagination{
    position: relative;
    display: flex;
    margin: 30px 0 0;
    justify-content: center;
}
.text-center .chmk_pagination{
    justify-content: center;
}
.text-left .chmk_pagination{
    justify-content: flex-start;
}
.text-right .chmk_pagination{
    justify-content: flex-end;
}
.chmk_pagination .nav-links{
    display: flex;
}
.chmk_pagination a, .chmk_pagination span{
    width: 60px;
    height: 60px;
    background: #ececec;
    border-radius: 0%;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    line-height: 60px;
    padding: 0 5px;
    font-weight: 500;
    color: #1e1e1e;
    margin: 0 7.5px;
    font-family: 'Bebas Neue', cursive;
    letter-spacing: 0;
}
.chmk_pagination a i{
    position: relative;
    top: 3px;
}
.chmk_pagination a:hover,
.chmk_pagination span.current{
    background: var(--theme-color);
    color: #FFF;
}
.chmk_pagination span.empties{
    font-weight: 400;
    line-height: .8;
    padding: 18px 5px;
    text-align: center;
    left: 0;
}
.chmk_pagination.shop_pagination a, .chmk_pagination.shop_pagination span{
    margin: 0 5px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
    width: 100%;
    height: 5px;
    background: #ebebeb;
    position: relative;
    margin-bottom: 22px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
    height: 5px;
    background: var(--theme-color);
    border-radius: 0;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    height: 10px;
    width: 10px;
    background: var(--theme-color);
    border-radius: 50%;
    top: -3px;
    cursor: pointer;
}
.woocommerce .widget_price_filter .price_slider_amount{
    font-size: 14px;
}
.woocommerce .widget_price_filter .price_slider_amount .button{
    position: relative;
    top: -3px;
    height: 40px;
    background: var(--theme-color);
    color: #fff;
    border-radius: 0;
    padding: 0 25px;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 42px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.woocommerce .widget_price_filter .price_slider_amount .button:hover{
    background: #141414;
    color: #fff;
}

/* Featured Products */
.fds_content{
    position: relative;
}
.fds_content h2{
    font-size: 40px;
    line-height: 50px;
    text-transform: uppercase;
    color: #FFF;
    margin: 0;
    letter-spacing: 2.4px;
}
.featured_product_slider_section{
    background: transparent;
    position: relative;
    z-index: 2;
    padding: 0 0 120px;
    margin: -120px 0 0;
}
.product_carousel.owl-carousel .owl-nav button{
    position: absolute;
    top: 195px;
    bottom: auto;
    margin: 0;
    height: 60px;
    width: 60px;
    border-radius: 0%;
    background: #FFF;
    font-size: 18px;
    color: var(--theme-color);
    line-height: 60px;
    border: none;
    box-shadow: 0 21px 68.6px 1.4px rgba(218, 218, 218, 0.45);
    text-align: center;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
}
.product_carousel.owl-carousel .owl-nav button.owl-prev{
    right: auto;
    left: -30px;
}
.product_carousel.owl-carousel .owl-nav button.owl-next{
    right: -30px;
    left: auto;
}
.product_carousel.owl-carousel .owl-nav button:hover{
    background: var(--theme-color);
    color: #FFF;
}
/* Shop Details Page */
.shopDetailsPageSection {
    position: relative;
    padding: 120px 0 120px;
}
.product_gallery{
    position: relative;
}
.pg_item{
    position: relative;
    overflow: hidden;
}
.pg_item img{
    width: 100%;
    height: auto;
}
.gallery_sliders{
    margin: 0 0 10px;
}
.product_gallery .lSPager li img{
    width: 100%;
    height: auto;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
}
.product_gallery .lSPager li.active,
.product_gallery .lSPager li:hover{
    border-radius: 0 !important;
}

.product_gallery .lSPager li.active img,
.product_gallery .lSPager li:hover img{
    opacity: .6;
    border-radius: 0 !important;
}
.product_details{
    position: relative;
    padding: 105px 0 0 90px;
}
.product_details.pdRight{
    padding-left: 0;
    padding-right: 90px;
}
.pd_cates{
    margin: 0 0 12px;
    line-height: 1;
    font-size: 13px;
}
.pd_cates a{
    color: inherit;
}
.pd_cates a:hover{
    color: var(--theme-color);
}
.pd_cates a:hover{
    color: var(--theme-color);
}
.product_details h3{
    font-size: 24px;
    line-height: 32px;
    color: #141414;
    letter-spacing: 1px;
    margin: 0 0 2px;
}
.woocommerce div.product .product_details .woocommerce-product-rating{
    margin: 0 0 16px;
}
.woocommerce div.product .product_details .woocommerce-product-rating .star-rating{
    margin: 9px 21px 0 0;
}
.product_details .woocommerce-review-link{
    margin: 3px 0 0;
    line-height: 1;
    font-size: 13px;
    color: #777777;
}
.product_details .woocommerce-review-link:hover{
    color: var(--theme-color);
}
.pd_price{
    font-family: 'Bebas Neue', cursive;
    font-size: 30px;
    line-height: 32px;
    color: #141414;
    font-weight: 400;
    margin: 0 0 34px;
}
.pd_price *{
    margin: 0;
    padding: 0;
}
.woocommerce div.product .pd_price p.price, .woocommerce div.product .pd_price span.price{
    color: inherit;
    font-size: inherit;
}
.woocommerce div.product .pd_price p.price del{
    opacity: 1;
    color: #777;
    margin-right: 10px;
    font-size: 24px;
}
.woocommerce div.product .pd_price p.price ins{
    text-decoration: none;
    font-weight: inherit;
}
.pd_excrpt{
    margin: 0 0 42px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 1.4px;
}
.pd_button_area{
    position: relative;
    display: flex;
    align-items: flex-start;
}
.pd_qty{
    display: inline-block;
    height: 57px;
    border: 1px solid #ececec;
    padding: 0 20px 0 15px;
    margin: 0 18px 0 0 !important;
}
.pd_qty label{
    float: left;
    margin: 0 53px 0 0;
    padding: 24px 0 18px;
    line-height: .8;
    color: #141414;
    font-size: 16px;
    font-family: 'Bebas Neue', cursive;
}
.grouped_form .pd_qty label{
    display: none;
}
.woocommerce div.product form.cart.grouped_form table.group_table .pdq_main{
    top: 15px;
    margin-left: 4px;
}
.woocommerce div.product form.cart.grouped_form .group_table td:first-child{
    text-align: left;
}
.individualcheck{
    position: relative;
}
.individualcheck input[type="checkbox"]{
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
}
.individualcheck label{
    position: relative;
    width: 19px;
    height: 19px;
    border: 1px solid #ececec;
    background: transparent;
    margin: 0;
    cursor: pointer;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.individualcheck input[type='checkbox']:checked + label{
    border-color: var(--theme-color);
    background: var(--theme-color);
}
.individualcheck input[type='checkbox']:checked + label::after{
    font-family: 'themewar' !important;
    content: "\f63a";
    color: #FFF;
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 0;
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 18px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.pdq_main{
    float: right;
    width: 53px;
    position: relative;
    top: 15px;
    display: inline-flex;
}
.pdq_main input{
    width: 100% !important;
    font-size: 14px;
    color: #141414;
    line-height: 12px;
    border: none;
    background: transparent;
    text-align: center;
    margin-top: 4px;
    font-family: 'Bebas Neue', cursive;
}
.pdq_main input[type="number"]::-webkit-outer-spin-button,
.pdq_main input[type="number"]::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}
.pdq_main input[type="number"]{
    -moz-appearance: textfield;
}
.pdq_main button{
    font-size: 14px;
    line-height: 12px;
    color: #777;
    border: none;
    background: transparent;
    border-radius: 0;
    padding: 0;
    position: absolute;
    top: 7px;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
}
.pdq_main button:hover{
    color: var(--theme-color);
}
.pdq_main button.minus{
    left: -4px;
    right: auto;
}
.pdq_main button.plus{
    right: -5px;
    left: auto;
}
.woocommerce div.product .pd_btns form.cart {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.woocommerce div.product form.cart .variations {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    margin: -2px 0px 30px;
}
.variationItem {
    width: 38%;
    padding-right: 20px;
    margin: 0 0 18px;
}
.variationItem .label {
    font-size: 16px;
    line-height: 1;
    color: #141414;
    font-weight: 400;
    font-family: 'Bebas Neue', cursive;
    margin: 0 0 8px;
}
.woocommerce div.product form.cart .variations label {
    display: block;
    font-weight: 400;
    margin: 0;
}
.variationItem .value {
    position: relative;
    display: block;
}
.woocommerce div.product form.cart .reset_variations{
    background: #141414;
    color: #fff;
    font-size: 15px;
    line-height: 55px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    height: 55px;
    padding: 0 30px;
    display: inline-flex;
    align-items: center;
    border: 0;
    border-radius: 0;
    font-weight: 400;
    position: absolute;
    left: 112%;
    top: 0;
}
.woocommerce div.product form.cart .reset_variations:hover{
    background: var(--theme-color);
    color: #FFF;
}
.woocommerce-variation-description{
    margin: 0;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 1.4px;
}
.woocommerce-variation-price{
    position: relative;
    font-size: 18px;
    line-height: 1;
    color: #1e1e1e;
    font-weight: 400;
    font-family: 'Bebas Neue', cursive;
}
.woocommerce-variation-price del {
    color: #777;
    margin-right: 8px;
    font-size: 14px;
    opacity: 1;
}
.woocommerce-variation-price ins{
    font-weight: 400 !important;
    text-decoration: none;
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}
.single_variation_wrap .woocommerce-variation{
    position: relative;
    margin: 30px 0 45px;
}
.woocommerce div.product p.stock{
    margin-top: 8px;
}
.variationItem .nice-select {
    border-radius: 0;
    border: 1px solid #ececec;
    background: transparent;
    color: #141414;
    font-size: 15px;
    width: 100%;
    height: 55px;
    line-height: 55px;
    float: none;
    padding: 0 15px;
    font-weight: 400;
    font-family: 'Bebas Neue', cursive;
}
.variationItem .nice-select .list {
    min-width: calc(100% + 2px);
    background-color: #ececec;
    border-radius: 0;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    margin-top: 1px;
    left: -1px;
}
.variationItem .nice-select:after {
    border: none;
    transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    content: "\ef2d";
    font-family: 'themewar' !important;
    color: #1c2035;
    font-size: 12px;
    width: 9px;
    height: 12px;
    line-height: 1;
    text-align: center;
    margin: auto 0;
    top: 1px;
    bottom: 0;
    right: 14px;
}
.variationItem .nice-select .option {
    font-size: 14px;
    color: #1c2035;
    font-weight: 400;
}
.variationItem .nice-select .option:hover, .variationItem .nice-select .option.focus, .variationItem .nice-select .option.selected.focus {
    background: var(--theme-color) !important;
    color: #FFF;
}
.variationItem .nice-select.open::after {
    content: "\ef30";
}
.woocommerce div.product form.cart .chmk-btn-02 {
    background: #141414;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    height: 57px;
    padding: 12px 32px 11px 34px;
    display: inline-flex;
    align-items: center;
    border: 0;
    border-radius: 0;
    font-weight: 400;
}
.woocommerce div.product form.cart .chmk-btn-02:hover{
    background: var(--theme-color);
    color: #FFF;
}
.woocommerce div.product form.cart .group_table td{
    vertical-align: middle;
    padding-left: 0 !important;
}
.woocommerce div.product form.cart .group_table td a{
    color: inherit;
    letter-spacing: 1px;
}
.woocommerce div.product form.cart .group_table td .amount{
    letter-spacing: 0;
}
.woocommerce div.product form.cart .group_table td a:hover{
    color: var(--theme-color);
}
.woocommerce div.product form.cart .group_table td ins{
    text-decoration: none;
}
.woocommerce div.product form.cart table.group_table .pdq_main{
    width: 40px;
    top: 36px;
}

.product_details_tab{
    position: relative;
    margin: 120px 0 0;
    padding: 0;
    border-bottom: none;
}
.product_details_tab li{
    list-style: none;
    padding: 0;
    margin: 0 9px 0 0;
}
.product_details_tab li:last-child{
    margin-right: 0;
}
.product_details_tab li a{
    background: #141414;
    border: 1px solid #141414;
    color: #FFF;
    font-size: 16px;
    display: block;
    height: 57px;
    line-height: 57px;
    text-align: center;
    padding: 0 30px;
}
.product_details_tab li a:hover,
.product_details_tab li a.active{
    border-color: var(--theme-color);
    background: var(--theme-color);
    color: #FFF;
}
.pdtc_inner{
    position: relative;
    padding: 70px 0 0;
}
.pdtc_inner p{
    margin: 0 0 20px;
}
.pdtc_inner p:last-of-type{
    margin: 0;
}
.pdtc_title{
    font-size: 24px;
    letter-spacing: 2.4px;
    line-height: 1;
    margin-bottom: 42px;
}
.woocommerce .pdtci_content table{
    width: 100%;
    border: none;
}
.woocommerce .pdtci_content table tr th{
    color: #141414;
    font-family: 'Bebas Neue', cursive;
    font-weight: normal !important;
    background: transparent !important;
    font-style: normal;
}
.woocommerce .pdtci_content table tr>td{
    font-size: 14px;
}
.woocommerce .pdtci_content table tr th,
.woocommerce .pdtci_content table tr td{
    line-height: 28px;
    padding: 10px 0;
    border-bottom: 1px solid #ececec;
    font-weight: normal !important;
    background: transparent !important;
    font-style: normal;
}
.woocommerce .pdtci_content table tr td p{
    margin: 0;
    padding: 0;
}
.woocommerce .pdtci_content table tr:first-child th,
.woocommerce .pdtci_content table tr:first-child td{
    padding-top: 0;
}
.woocommerce .pdtci_content table tr:last-child th,
.woocommerce .pdtci_content table tr:last-child td{
    padding-bottom: 0;
    border-bottom: none;
}
.woocommerce-Reviews{
    position: relative;
    margin: 70px 0 0;
}
.woocommerce #reviews h3.productCommentTitle {
    font-size: 24px;
    letter-spacing: 2.4px;
    line-height: 1;
    margin-bottom: 42px;
}
.product_reviews_list{
    margin: 0;
    padding: 0 0 68px;
}
.product_reviews_list li{
    list-style: none;
}
.product_reviews_list li:last-child .single_comment{
    margin: 0;
}
.pdtci_content_description{
    margin: 0 0 -8px;
}
.pdtci_content_description p{
    margin: 0 0 32px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 1.4px;
}
/* Single Comment */
.single_comment{
    position: relative;
    border: 1px solid #ececec;
    padding: 27px 35px 34px 174px;
    margin: 0 0 30px;
}
.single_comment>img{
    width: 100px;
    height: 100px;
    position: absolute;
    left: 46px;
    top: 31px;
    border-radius: 50%;
}
.single_comment h3{
    font-size: 18px;
    letter-spacing: 1.8px;
    line-height: 32px;
    margin-bottom: 13px;
}
.woocommerce #reviews .single_comment h3{
    margin-bottom: 13px;
}
.single_comment h3 a{
    color: inherit;
}
.single_comment h3 a:hover{
    color: var(--theme-color);
}
.productCommentFooter{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.productCommentFooter .reviewTime{
    font-family: 'Bebas Neue', cursive;
    font-size: 13px;
    letter-spacing: 1.3px;
    line-height: 1;
    color: #777777;
    margin: 0;
    position: relative;
    top: 2px;
}
.productCommentFooter .reviewTime i{
    display: inline-block;
}
.sc_content{
    font-size: 14px;
    letter-spacing: 1.4px;
    line-height: 24px;
    margin: 0 0 22px;
}
.sc_content>p:last-of-type{
    margin: 0;
}
.reply-link{
    font-size: 18px;
    color: #01d85f;
    display: inline-block;
    line-height: .8;
}
.reply-link i{
    margin-right: 10px;
}
.reply-link:hover{
    color: #7635f5;
}
.sicc_list {
    margin: 0;
    padding: 0;
}
.sicc_list li {
    list-style: none;
    position: relative;
}
.sicc_list li .children {
    margin: 0 0 0;
    padding: 0;
}
.sicc_list li .children li{
    margin-left: 50px;
}
/* Review From */
.product_comment_form .sicc_title,
.reviewFrom .reviewFormTitle{
    font-size: 24px;
    letter-spacing: 2.4px;
    line-height: 1;
    margin-bottom: 35px;
}
.product_comment_form{
    margin-top: 67px;
}
.product_comment_form .product_comment_form{
    margin-top: 0;
}
.product_comment_form label{
    display: block;
    font-size: 16px;
    font-family: 'Bebas Neue', cursive;
    color: #141414;
    margin: 0 0 20px;
}
.product_comment_form textarea,
.product_comment_form input{
    width: 100%;
    height: 55px;
    border: 1px solid #ececec;
    font-size: 14px;
    letter-spacing: 1.4px;
    color: #777777;
    padding-left: 27px;
    margin: 0 0 11px;
}
.product_comment_form textarea::-moz-placeholder,
.product_comment_form input::-moz-placeholder{
    color: #777777;
    opacity: 1;
}
.product_comment_form textarea::-ms-input-placeholder,
.product_comment_form input::-ms-input-placeholder{
    color: #ffffff;
    opacity: 1;
}
.product_comment_form textarea::-webkit-input-placeholder,
.product_comment_form input::-webkit-input-placeholder{
    color: #ffffff;
    opacity: 1;
}
.woocommerce #review_form #respond .product_comment_form textarea{
    width: 100%;
    height: 128px;
    border: 1px solid #ececec;
    color: #777777;
    padding: 20px 0 0 27px;
    margin: 0 0 11px;
}
.product_comment_form .chmk-btn-02 {
    margin: 58px 0 0;
}
.comment-form-rating {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 15px;
}
.comment-form-rating label {
    text-transform: capitalize;
    font-size: 15px;
    color: #141414;
    margin: 3px 15px 0 0;
}
.comment-form-rating p.stars a{
    color: var(--theme-color);
}
.comment-form-rating p.stars a:hover{
    color: var(--theme-color);
}
.comment-form-rating p.stars {
    margin: 0 !important;
    display: inline-flex;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 5px;
}
.pd_rating{
    display: flex;
    position: relative;
}
.woocommerce .star-rating {
    float: none;
    overflow: hidden;
    position: relative;
    height: 15px;
    line-height: 1.4;
    font-size: 12px;
    width: 78px;
    font-family: star;
    letter-spacing: 3.8px;
    margin: 0;
}
.woocommerce .star-rating:before{
    color: var(--theme-color);
}
.woocommerce .star-rating span::before {
    color: var(--theme-color);
    top: 0;
}
.productCommentFooter .pd_rating{
    margin-right: 21px;
}

.chm_heading i{
    display: inline-block;
}

/*------------------------------------------------------
/  18. FAQ Page
/------------------------------------------------------*/
.singleFaq{
    position: relative;
    padding: 0;
    border: 1px solid #ececec;
    margin: 0 0 30px;
    border-radius: 0;
}
.singleFaq .card-header{
    position: relative;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    border-radius: 0;
}
.singleFaq .card-header .btn{
    text-decoration: none;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 1.6px;
    color: #141414;
    border: none;
    outline: none;
    width: 100%;
    text-align: left;
    padding: 24px 50px 20px 35px;
    margin: 0;
    position: relative;
    background: #fff;
    border-radius: 0;
}
.singleFaq .card-header .btn span{
    position: absolute;
    right: 35px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 12px;
    height: 12px;
}
.singleFaq .card-header .btn span:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 100%;
    height: 2px;
    background: #141414;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.singleFaq .card-header .btn span:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2px;
    height: 0%;
    background: #141414;
    opacity: 0;
    visibility: hidden;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.singleFaq .card-header .btn.collapsed span:before{
    opacity: 1;
    visibility: visible;
    height: 100%;
}
.singleFaq .card-body{
    border-top: 1px solid #ececec;
    background: #fff;
    padding: 24px 35px 24px;
    font-size: 14px;
    letter-spacing: 1.4px;
    line-height: 24px;
    margin: 0;
}

/*------------------------------------------------------------------------------
/ 19. Package Page
/-----------------------------------------------------------------------------*/
.pricingTable{
    position: relative;
    padding: 56px 20px 58px;
    border: 5px solid transparent;
    background: #fff6f4;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin: 0 0 30px;
}
.pricingTable h3{
    font-size: 24px;
    line-height: 48px;
    margin: 0 0 13px;
}
.pt_price{
    display: flex;
    justify-content: center;
    font-size: 48px;
    color: var(--theme-color);
    font-weight: 400;
    margin: 0 0 39px;
    font-family: 'Bebas Neue';
    line-height: .8;
    align-items: baseline;
}
.pt_price i{
    font-size: 30px;
    font-weight: 400;
    font-style: normal;
    margin: 0 5px 0 0;
    position: relative;
    top: -2px;
}
.pt_price span{
    color: #707070;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin: 13px 0 0;
}
.pricingTable ul{
    margin: 0 0 53px;
    padding: 0;
}
.pricingTable ul li{
    margin: 0 0 15px;
    list-style: none;
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 24px;
}
.pricingTable ul li i{
    display: inline-block;
    position: relative;
    top: 2px;
    color: var(--theme-color);
    font-size: 15px;
    margin-right: 2px;
}
.pricingTable ul li.disable i{
    color: #adadad;
}
.pricingTable .chmk-btn{
    min-width: 160px;
    justify-content: center;
}
.pT2{
    background: #fcfaee;
}
.pT3{
    background: #f2fafd;
}
.pricingTable:hover{
    background: #fff;
    border-color: rgba(169, 153, 122, 1);
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -mozi-transform: translateY(-30px);
}

/*------------------------------------------------------------------------------
/ 20. Cart page
/-----------------------------------------------------------------------------*/
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background: rgba(169, 153, 122, .15);
    color: #141414;
    border-color: var(--theme-color);
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
    color: var(--theme-color);
}
.woocommerce .woocommerce-message .button{
    position: relative;
    height: 32px;
    background: #141414;
    color: #fff;
    border-radius: 0;
    padding: 0 18px;
    text-align: center;
    font-family: 'Bebas Neue', cursive;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 32px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.woocommerce .woocommerce-message .button:hover {
    background: var(--theme-color);
    color: #fff;
}
.woocommerce table.shop_table{
    width: 100%;
    border: none;
    margin: 0 0;
    position: relative;
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
    border-radius: 0;
}
.woocommerce table.shop_table thead tr th{
    font-size: 16px;
    font-weight: 400;
    color: #141414;
    text-transform: capitalize;
    background: rgba(169, 153, 122, .15);
    font-family: 'Bebas Neue', cursive;
    padding: 23px 15px 20px 30px;
    text-align: left;
    border: none;
}
.woocommerce table.shop_table tbody tr td{
    vertical-align: middle;
    padding: 30px;
    border: none;
    color: #777777;
    border-bottom: 1px solid #ececec;
    font-size: 14px;
    line-height: 1.1;
    text-align: left;
}
.product-name-container{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.woocommerce table.shop_table tr td.product-name img{
    width: 90px;
    height: auto;
    margin-right: 15px;
    margin-bottom: 0;
}
.woocommerce table.shop_table tbody tr td a,
.woocommerce table.shop_table tbody tr td.product-name>b{
    color: #141414;
    font-size: 18px;
    line-height: 26px;
}
.woocommerce table.shop_table tbody tr td a{
    font-family: 'Bebas Neue', cursive;
}
.woocommerce table.shop_table tbody tr td a:hover{
    color: var(--theme-color);
}
.woocommerce table.shop_table tbody tr td.product-subtotal,
.woocommerce table.shop_table tbody tr td.product-price{
    font-size: 18px;
    line-height: 1;
    color: #1e1e1e;
    font-family: 'Bebas Neue', cursive;
}
.woocommerce table.shop_table tbody tr td.product-quantity .pd_qty{
    margin: 0 !important;
    height: 37px;
}
.woocommerce table.shop_table tbody tr td.product-quantity .pd_qty label{
    display: none;
}
.woocommerce table.shop_table tbody tr td.product-quantity .pd_qty .pdq_main{
    top: 5px;
}
.woocommerce table.shop_table tbody tr td.product-quantity .pd_qty .pdq_main input{
    line-height: 25px;
}
.woocommerce table.shop_table tbody tr td.product-remove{
    padding-left: 15px;
    padding-right: 30px;
    text-align: right;
}
.woocommerce table.shop_table tbody tr td.product-remove a{
    letter-spacing: 0;
    line-height: 1;
    display: inline-flex;
    font-size: 22px;
    color: #141414 !important;
    font-weight: 300;
    background: transparent;
    width: auto;
    height: auto;
}
.woocommerce table.shop_table tbody tr td.product-remove a:hover{
    color: var(--theme-color) !important;
}
.woocommerce table.shop_table td.actions .coupon{
    display: inline-flex;
    float: left;
}
.woocommerce table.shop_table td.actions .coupon label{
    display: none;
}
.woocommerce table.shop_table td.actions .coupon input[type="text"]{
    display: block;
    width: 250px;
    height: 57px;
    border: 1px solid #ececec;
    font-size: 14px;
    letter-spacing: 0;
    color: #777777;
    padding-left: 27px;
    margin: 0;
    border-radius: 0;
}
.woocommerce table.shop_table td.actions .coupon input::placeholder,
.woocommerce table.shop_table td.actions .coupon input::-moz-placeholder{
    opacity: 1;
    color: #777777;
}
.woocommerce table.shop_table td.actions .button{
    background: #141414;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    border-radius: 0;
    font-weight: 400;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    height: 57px;
    padding: 12px 32px 11px 34px;
    display: inline-block;
    text-align: center;
    border: 0;
}
.woocommerce table.shop_table td.actions .button:hover{
    background: var(--theme-color);
}
.woocommerce table.shop_table td.actions > .button{
    float: right;
}
.woocommerce table.shop_table td.actions{
    padding: 30px 0 0 0;
    border: none;
}
.cart-collaterals{
    margin: 50px 0 0;
    display: flex;
    justify-content: flex-end;
}
.woocommerce .cart-collaterals .cart_totals{
    width: 50%;
}
.cart-collaterals h2{
    background: rgba(169, 153, 122, .15);
    position: relative;
    margin: 0;
    height: 60px;
    padding: 23px 30px 20px 30px;
    font-size: 16px;
    line-height: 1;
    text-transform: capitalize;
}
.woocommerce .cart-collaterals .cart_totals table.shop_table{
    width: 100%;
    border: none;
    margin: 0 0;
    position: relative;
    border-spacing: 0;
    border-collapse: collapse;
    border-radius: 0;
}
.woocommerce .cart-collaterals .cart_totals table.shop_table tr th{
    width: 40%;
    padding: 30px;
    font-size: 16px;
    line-height: 1.1;
    color: #141414;
    text-transform: capitalize;
    font-family: 'Bebas Neue', cursive;
    font-weight: 400;
    border: none;
    vertical-align: middle;
    border-bottom: 1px solid #ececec;
    text-align: left;
}
.woocommerce .cart-collaterals .cart_totals table.shop_table tr td{
    line-height: 1.1;
}
.woocommerce .cart-collaterals .cart_totals table.shop_table tr.order-total td,
.woocommerce .cart-collaterals .cart_totals table.shop_table tr.cart-subtotal td{
    font-size: 18px;
    line-height: 1;
    color: #1e1e1e;
    font-weight: 400;
    font-family: 'Bebas Neue', cursive;
}
.woocommerce .cart-collaterals .cart_totals table.shop_table tr.order-total td strong{
    font-weight: 400;
}
.woocommerce ul#shipping_method{
    margin: 0;
    padding: 0;
    line-height: 1;
}
.woocommerce ul#shipping_method li{
    margin: 0 0 13px;
    list-style: none;
    line-height: 1.1;
}
.woocommerce ul#shipping_method li input[type="radio"]{
    visibility: hidden;
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    display: none;
}
.woocommerce ul#shipping_method li input[type="radio"]~label{
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    color: #777;
    font-size: 16px;
    letter-spacing: 1.6px;
    font-weight: 400;
    display: block;
    font-family: 'Bebas Neue', cursive;
    margin: 0;
}
.woocommerce ul#shipping_method li input[type="radio"]~label .productPrice{
    font-size: inherit;
}
.woocommerce ul#shipping_method li input[type="radio"]~label:before{
    content: '';
    font-family: 'themewar' !important;
    position: absolute;
    left: 0;
    top: 1px;
    background-color: transparent;
    border: 1px solid #d1d1d1;
    height: 14px;
    width: 14px;
    line-height: 12px;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
    padding-left: 2px;
}
.woocommerce ul#shipping_method li input[type="radio"]:checked~label:before{
    content: "\f63a";
    border-color: var(--theme-color);
    background: var(--theme-color);
    color: #FFF;
}
.woocommerce ul#shipping_method li label .amount{
    font-weight: 400;
}
.cart-collaterals .wc-proceed-to-checkout{
    padding: 30px 0 0;
}
.woocommerce .cart-collaterals .wc-proceed-to-checkout .button{
    background: #141414;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 0;
    height: 57px;
    padding: 12px 34px 11px 34px;
    display: inline-flex;
    align-items: center;
    border: 0;
    margin: 0;
}
.woocommerce .cart-collaterals .wc-proceed-to-checkout .button:hover{
    background: var(--theme-color);
    color: #FFF;
}
#add_payment_method .cart-collaterals .shipping-calculator-button, 
.woocommerce-cart .cart-collaterals .shipping-calculator-button, 
.woocommerce-checkout .cart-collaterals .shipping-calculator-button {
    text-decoration: underline;
    display: inline-flex;
    margin: 8px 0 0;
    color: #141414;
    font-size: 16px;
    font-weight: 400;
}
#add_payment_method .cart-collaterals .shipping-calculator-button::after, 
.woocommerce-cart .cart-collaterals .shipping-calculator-button::after, 
.woocommerce-checkout .cart-collaterals .shipping-calculator-button::after {
    margin-top: 5px;
    font-size: 16px;
}
.woocommerce-cart .cart-collaterals .shipping-calculator-form {
    margin: 15px 0 0;
}
.woocommerce .cart-collaterals form .form-row {
    margin: 0 0 10px;
    padding: 0;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    display: block;
    width: 100%;
    height: 55px;
    line-height: 55px;
    padding: 0 20px;
    outline: none;
    border: 1px solid #ececec;
    background: transparent;
    margin: 0;
    font-size: 14px;
    color: #777777;
    font-weight: 400;
    letter-spacing: 0;
    border-radius: 0;
}
.woocommerce form .form-row input.input-text::-moz-placeholder, .woocommerce form .form-row textarea::-moz-placeholder{
    color: #777777;
    opacity: 1;
}
.woocommerce form .form-row input.input-text::-ms-input-placeholder, .woocommerce form .form-row textarea::-ms-input-placeholder{
    color: #777777;
    opacity: 1;
}
.woocommerce form .form-row input.input-text::-webkit-input-placeholder, .woocommerce form .form-row textarea::-webkit-input-placeholder{
    color: #777777;
    opacity: 1;
}
.woocommerce form .form-row .select2-container {
    height: 55px;
    width: 100%;
    line-height: 55px;
    position: relative;
}
.woocommerce form .form-row .select2-container .selection {
    line-height: inherit;
}
.woocommerce .select2-container--default .select2-selection--single {
    width: 100%;
    height: 55px;
    border: none;
    background: transparent;
    border-radius: 0;
    margin: 0;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 20px;
    font-size: 14px;
    color: #777777;
    font-weight: 400;
    line-height: 55px;
    border: 1px solid #ececec;
    background: transparent;
    border-radius: 0;
    letter-spacing: 0;
    width: 100%;
    text-align: left;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 8px;
    height: 5px;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin: 0;
    top: 0;
    left: 0;
}
.woocommerce form .form-row .select2-container {
    line-height: 55px;
}
.woocommerce form .form-row span{
    width: 100%;
}
.woocommerce .cart_totals .shop_table .woocommerce-shipping-calculator .button {
    background: #141414;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 0;
    height: 55px;
    padding: 12px 34px 11px 34px;
    display: inline-flex;
    align-items: center;
    border: 0;
    margin: 0;
}
.woocommerce .cart_totals .shop_table .woocommerce-shipping-calculator .button:hover{
    background: var(--theme-color);
    color: #fff;
}
body .select2-search--dropdown {
    padding: 0;
}
body .select2-container--default .select2-search--dropdown .select2-search__field {
    border: none;
    background: #f9f9fb;
    height: 55px;
    border-radius: 0;
    margin: 0;
    padding: 0 15px;
    box-shadow: none;
    filter: none;
    color: #777777;
    letter-spacing: 0;
}
body .select2-dropdown {
    border: none;
    box-shadow: 0px 10px 24px rgba(0, 0, 0, .15);
    background: #FFF;
    border-radius: 0;
}
body .select2-results__option {
    font-size: 14px;
    color: #777777;
    border-top: 1px solid #ececec;
    padding: 5px 20px;
    min-height: 38px;
    line-height: 37px;
    letter-spacing: 0;
    font-weight: 400;
    margin: 0;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}
.select2-container--default .select2-results__option[aria-selected="true"], 
.select2-container--default .select2-results__option[data-selected="true"] {
    background: var(--theme-color);
    color: #FFF;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
  background-color: transparent;
}
.woocommerce-error a,
.woocommerce-message a,
.woocommerce-info a{
    color: var(--theme-color);
    font-family: inherit;
}
.woocommerce-error a:hover,
.woocommerce-message a:hover,
.woocommerce-info a:hover{
    color: #141414;
}
.woocommerce a.button.wc-backward{
    background: #141414;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 0;
    height: 57px;
    padding: 12px 34px 11px 34px;
    display: inline-flex;
    align-items: center;
    border: 0;
    margin: 0;
}
.woocommerce a.button.wc-backward:hover{
    background: var(--theme-color);
    color: #fff;
}
.sic_the_content a.button{
    font-family: 'Bebas Neue', cursive;
}
.noPadding{
    padding: 0;
}
#order_review_heading, .woocommerce-billing-fields h3{
    font-size: 24px;
    margin-bottom: 22px;
}
.woocommerce form.woocommerce-checkout .form-row{
    margin-bottom: 20px;
}
.woocommerce-billing-fields textarea, .woocommerce form #order_comments_field.form-row textarea {
    filter: none;
    border: 1px solid #ececec;
    border-radius: 0;
    height: 130px;
    line-height: 26px;
    font-size: 14px;
    font-weight: 400;
    padding: 15px 20px 0;
    background: transparent;
    margin: 0 0 30px;
    float: none;
    border-radius: 0;
    letter-spacing: 0;
}
.woocommerce form.woocommerce-checkout .form-row.create-account.woocommerce-validated {
    margin: 10px 0 0;
}
.woocommerce form.woocommerce-checkout input[type="checkbox"] ~ span{
    font-family: 'Open Sans', sans-serif;
    color: #141414;
    font-style: normal;
    font-size: 15px;
    letter-spacing: 0;
    font-weight: 400;
    margin: 0;
}
.woocommerce form.woocommerce-checkout input[type="checkbox"] ~ span:before{
    border-radius: 0;
    border-color: #ececec;
    padding-left: 2px;
    top: 6px;
    line-height: 15px;
}
.woocommerce form.register, .woocommerce form.login, .woocommerce form.checkout_coupon {
    border: 1px solid #ececec;
    border-radius: 0;
    letter-spacing: 0;
    padding: 30px;
    margin: 0 0 30px;
    font-size: 16px;
    line-height: 28px;
}
.woocommerce .authRegister form.woocommerce-form-register input[type=email], 
.woocommerce .authRegister form.woocommerce-form-register input[type=password], 
.woocommerce form.login input[type="email"], 
.woocommerce form.login input[type="text"], 
.woocommerce form.login input[type="password"], 
.woocommerce form.checkout_coupon input[type="text"] {
    border: 1px solid #ececec;
    background: transparent;
    border-radius: 0;
    width: 100%;
    height: 55px;
    line-height: 55px;
    padding: 0 25px;
    background: transparent;
    margin: 0;
    font-size: 14px;
    color: #777777;
    font-weight: 400;
    letter-spacing: 0;
}
.woocommerce .checkout_coupon .button, .woocommerce .login .button, .woocommerce .lost_reset_password .button{
    background: #141414;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 0;
    height: 55px;
    padding: 12px 32px;
    display: inline-flex;
    align-items: center;
    border: 0;
    margin: 0;
}
.woocommerce .checkout_coupon .button:hover, .woocommerce .login .button:hover, .woocommerce .lost_reset_password .button:hover{
    background: var(--theme-color);
    color: #fff;
}
.woocommerce .lost_reset_password .form-row label {
    color: #141414;
    line-height: .8;
    font-weight: 500;
    display: block;
    margin: 7px 0 15px;
}
.woocommerce .lost_reset_password .form-row label .required {
    color: var(--theme-color);
}
.loginMetaActions {
    margin: 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.woocommerce form.woocommerce-form-login .button {
    text-align: center;
    margin-right: 22px;
}
.loginMetaActions input[type="checkbox"] ~ span{
    color: #141414;
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    margin: 8px 25px 0 0;
}
.loginMetaActions input[type="checkbox"] ~ span:before{
    border-radius: 0;
    border-color: #ececec;
    padding-left: 2px;
    top: 6px;
    line-height: 15px;
}
.lost_password {
    margin: -5px 0 0;
    color: #777;
    letter-spacing: 0;
}
.lost_password a {
    font-family: inherit;
    color: inherit;
}
.lost_password a:hover{
    color: var(--theme-color);
}
.woocommerce-form.woocommerce-form-login label {
    color: #141414;
    line-height: .8;
    font-weight: 500;
    display: block;
    margin: 7px 0 15px;
}
.woocommerce-form.woocommerce-form-login label .required{
    color: var(--theme-color);
}
.woocommerce .checkout_page_only table.shop_table tbody tr td{
    line-height: 1.3;
}
.woocommerce .checkout_page_only table.shop_table tfoot tr th,
.woocommerce .checkout_page_only table.shop_table tfoot tr td,
.woocommerce .checkout_page_only table.shop_table tbody tr td.product-total{
    font-size: 18px;
    color: #1e1e1e;
    font-weight: 400;
    font-family: 'Bebas Neue', cursive;
    line-height: 1.1;
    padding: 30px;
    border: none;
    border-top: 1px solid #ececec;
}
.woocommerce .checkout_page_only table.shop_table tfoot tr td strong{
    font-weight: 400;
}
.woocommerce-checkout .checkout_page_only #payment{
    border-radius: 0;
    background: rgba(169, 153, 122, .15);
    padding: 30px;
    border-collapse: inherit;
    width: 100%;
}
.woocommerce-checkout #payment ul.payment_methods {
    padding: 0 0 23px;
    margin: 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #ddd;
}
.woocommerce-checkout #payment ul.payment_methods li {
    line-height: 2;
    text-align: left;
    margin: 0;
    font-weight: 400;
}
.woocommerce .woocommerce-checkout-payment ul li input[type="radio"] ~ label {
    position: relative;
    font-size: 15px;
    font-weight: 600;
    color: #141414;
    margin: 0 0 15px;
    padding-left: 30px;
    letter-spacing: 1px;
    cursor: pointer;
    display: block;
    line-height: 20px;
}
.woocommerce .woocommerce-checkout-payment ul li input[type="radio"] ~ label:before {
    content: '';
    font-family: 'themewar' !important;
    position: absolute;
    left: 0;
    top: 3px;
    background-color: transparent;
    border: 2px solid #ddd;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    line-height: 12px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
}
.woocommerce-checkout-payment ul li input[type="radio"]:checked ~ label:after {
    content: '';
    width: 5px;
    height: 5px;
    background: #FFF;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 8px;
}
.woocommerce .woocommerce-checkout-payment ul li input[type="radio"]:checked ~ label:before {
    border-color: var(--theme-color);
    background: var(--theme-color);
    color: #fff;
}
.woocommerce-checkout #payment div.payment_box {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    margin: 15px 0 19px;
    font-size: 14px;
    border-radius: 0;
    line-height: 24px;
    background-color: #ececec;
    color: #777;
}
.woocommerce-checkout #payment div.payment_box::before {
    content: "";
    display: block;
    border: 10px solid #ececec;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    position: absolute;
    top: -20px;
    left: 21px;
    margin: 0;
}
.woocommerce-checkout #payment div.payment_box p:last-child {
    margin-bottom: 0;
}
#payment.woocommerce-checkout-payment div.form-row.place-order {
    margin: 0;
    padding: 0;
}
.woocommerce .woocommerce-checkout-review-order .place-order .button{
    background: #141414;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    height: 57px;
    padding: 12px 40px 11px;
    border-radius: 0;
    display: inline-block;
    line-height: 12px;
    text-align: center;
    border: 0;
}
.woocommerce .woocommerce-checkout-review-order .place-order .button:hover{
    background: var(--theme-color);
    color: #fff;
}
.woocommerce .woocommerce-checkout-review-order .place-order .woocommerce-privacy-policy-text {
    margin: 29px 0 33px;
    font-size: 15px;
}
.woocommerce-privacy-policy-text p {
    margin: 0;
}
.woocommerce-privacy-policy-text p a{
    color: #141414;
    font-family: inherit;
}
.woocommerce-privacy-policy-text p a:hover{
    color: var(--theme-color);
}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout{
    width: 100%;
    margin: 0 15px;
}
.woocommerce-thankyou-order-received {
    background: rgba(169, 153, 122, .15);
    padding: 8px 25px;
    margin: 0;
}
.woocommerce ul.order_details {
    margin: 0 0 10px;
    background: var(--theme-color);
    position: relative;
    display: block;
    padding: 0;
}
.woocommerce ul.order_details li {
    width: calc(20% - 1px);
    padding: 35px 25px 32px;
    border-right: 1px solid rgba(255, 255, 255, .25);
    font-size: 13px;
    font-weight: 600;
    color: #FFF;
    line-height: .8;
    letter-spacing: 0;
    margin: 0;
}
.woocommerce ul.order_details li.order {
    width: calc(15% - 1px);
}
.woocommerce ul.order_details li.total {
    width: calc(15% - 1px);
}
.woocommerce ul.order_details li.method {
    width: calc(25% - 1px);
}
.woocommerce ul.order_details li:last-of-type {
    border: none;
}
.woocommerce ul.order_details li strong {
    display: block;
    font-size: 19px;
    text-transform: none;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: 'Bebas Neue', cursive;
    padding: 8px 0 0;
    word-break: break-all;
    white-space: normal;
}
.woocommerce .woocommerce-order-details {
    margin: 0;
    padding: 50px 0;
}
.woocommerce .woocommerce-order-details h2 {
    font-size: 24px;
    margin-bottom: 22px;
}
.woocommerce table.shop_table.order_details tbody tr td{
    font-family: 'Bebas Neue', cursive;
    font-size: 18px;
    color: #1e1e1e;
    font-weight: 400;
}
.woocommerce table.shop_table.order_details tbody tr td.product-name{
    color: #777777;
    border-bottom: 1px solid #ececec;
    font-size: 16px;
    line-height: 1.3;
    text-align: left;
    font-family: inherit;
    min-width: 380px;
}
.woocommerce table.shop_table.order_details tbody tr td.product-name a{
    color: inherit;
    font-family: inherit;
    font-size: 16px;
}
.woocommerce table.shop_table.order_details tbody tr td.product-name a:hover{
    color: var(--theme-color);
}
.woocommerce table.shop_table.order_details tbody tr td ul{
    margin: 0;
    padding: 0;
    display: flex;
}
.woocommerce table.shop_table.order_details tbody tr td ul li{
    list-style: none;
    margin: 5px 10px 0 0;
    display: block;
    font-family: 'Bebas Neue', cursive;
    font-size: 14px;
    color: #1e1e1e;
    display: inherit;
}
.woocommerce table.shop_table.order_details tbody tr td ul li strong{
    font-weight: 400;
}
.woocommerce table.shop_table.order_details tbody tr td ul li p{
    color: var(--theme-color);
}
.woocommerce table.shop_table.order_details tbody th, .woocommerce table.shop_table.order_details tfoot td, .woocommerce table.shop_table.order_details tfoot th{
    font-family: 'Bebas Neue', cursive;
    font-size: 18px;
    color: #1e1e1e;
    font-weight: 400;
    padding: 30px;
    border: none;
    border-bottom: 1px solid #ececec;
}
.addressTitle {
    font-size: 24px;
    margin-bottom: 22px;
}
.woocommerce .woocommerce-customer-details address{
    border: 1px solid #ececec;
    border-radius: 0;
    margin: 0;
    padding: 30px;
}
.authTitle{
    font-size: 24px;
    margin-bottom: 22px;
}
.woocommerce .authRegister form.woocommerce-form-register input[type=email],
.woocommerce .authLogin form.login input[type="text"]{
    margin-bottom: 15px;
}
.woocommerce-email-note {
    margin: 0 0 10px;
}
.woocommerce .authRegister form.woocommerce-form-register .woocommerce-privacy-policy-text{
    padding: 0 15px 0;
    margin: 0 0 20px;
}
.woocommerce .authRegister form.woocommerce-form-register .button {
    background: #141414;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 0;
    height: 55px;
    padding: 12px 32px;
    display: inline-flex;
    align-items: center;
    border: 0;
    margin: 0;
}
.woocommerce .authRegister form.woocommerce-form-register .button:hover {
    background: var(--theme-color);
    color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 30%;
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 68%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
    font-family: 'Bebas Neue', cursive;
    line-height: .8;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    list-style: none;
    line-height: .8;
    margin: 0 0 2px;
    background: rgba(169, 153, 122, .15);
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover, .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active {
    background: var(--theme-color);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block;
    line-height: .8;
    font-size: 15px;
    color: #141414;
    padding: 20px 20px;
    position: relative;
    font-weight: 400;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a, .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    color: #FFF;
}
.woocommerce-account .woocommerce-MyAccount-content p{
    letter-spacing: 0;
}
.woocommerce-account .woocommerce-MyAccount-content p strong,
.woocommerce-account .woocommerce-MyAccount-content p a{
    color: #141414;
    font-family: inherit;
    font-weight: 700;
}
.woocommerce-account .woocommerce-MyAccount-content p a:hover{
    color: var(--theme-color);
}
.woocommerce-account .woocommerce-MyAccount-content .addresses .title .edit,
.woocommerce-account .woocommerce-MyAccount-content .button{
    position: relative;
    height: 32px;
    background: #141414;
    color: #fff;
    border-radius: 0;
    padding: 0 18px;
    text-align: center;
    font-family: 'Bebas Neue', cursive;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 32px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.woocommerce-account .woocommerce-MyAccount-content .addresses .title .edit{
    margin-top: -4px;
}
.woocommerce-account .woocommerce-MyAccount-content .addresses .title .edit:hover,
.woocommerce-account .woocommerce-MyAccount-content .button:hover {
    background: var(--theme-color);
    color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details{
    padding: 0 0 40px;
}
.woocommerce-account .woocommerce-MyAccount-content address{
    border: 1px solid #ececec;
    border-radius: 0;
    margin: 0;
    padding: 30px;
}
.woocommerce-account .woocommerce-MyAccount-content .form-row{
    margin-bottom: 15px;
}
.woocommerce-account .woocommerce-MyAccount-content .edit-account .button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .button{
    height: 55px;
    font-size: 16px;
    letter-spacing: 1.6px;
    padding: 0 32px;
    line-height: 57px;
}
.woocommerce-account .woocommerce-MyAccount-content .show-password-input {
    position: absolute;
    right: 20px;
    top: 18px;
    cursor: pointer;
}
.woocommerce-account .woocommerce-MyAccount-content .show-password-input:after{
    float: right;
}
.woocommerce-account .woocommerce-MyAccount-content .edit-account label {
    color: #141414;
    line-height: .8;
    font-weight: 500;
    display: block;
    margin: 7px 0 15px;
}
.woocommerce-account .woocommerce-MyAccount-content .edit-account label .required{
    color: var(--theme-color);
}
.woocommerce form.edit-account .form-row span em {
    font-size: 14px;
    display: block;
    padding: 5px 0 0;
}
.woocommerce form.edit-account legend {
    font-size: 24px;
    margin: 8px 0 13px;
    font-family: 'Bebas Neue', cursive;
    color: #141414;
}
.woocommerce-password-strength {
    text-align: center;
    padding: 3px 20px;
    font-size: 14px;
    color: #777777;
    font-weight: 500;
    margin: 0;
}
.woocommerce form.edit-account .woocommerce-password-strength {
    position: relative;
    z-index: 9;
    margin-top: 15px;
}

/*------------------------------------------------------
/  21. 404 Page
/------------------------------------------------------*/
.errorPageBanner{
    position: relative;
    width: 100%;
    height: 100vh;
    background: url('../images/bg/13.jpg') no-repeat center center / cover;
    display: flex;
    align-items: center;
}
.errorPageBannerAfter{
    position: absolute;
    content: '';
    background: #141414;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .4;
    z-index: 0;
}
.ePgBnContent h1{
    font-size: 112px;
    line-height: 1;
    color: var(--theme-color);
    letter-spacing: 11.2px;
    margin: 31px 0 25px;

    -moz-text-stroke: 5px var(--theme-color);
    -webkit-text-stroke: 5px var(--theme-color);

    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}
.ePgBnContent h1 span{
    -moz-text-stroke: 5px #FFF;
    -webkit-text-stroke: 5px #FFF;

    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}
.ePgBnContent h2{
    font-family: 'Bebas Neue', cursive;
    font-size: 60px;
    line-height: 1;
    letter-spacing: 6px;
    margin: 0;

    -moz-text-stroke: 2px #FFF;
    -webkit-text-stroke: 2px #FFF;

    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}
.ePgBnContent h2 > span{
    -moz-text-stroke: 2px var(--theme-color);
    -webkit-text-stroke: 2px var(--theme-color);

    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}
.ePgBnContent p{
    color: #FFF;
    line-height: 1.5;
    margin: 31px 0 64px;
}
.ePgBnContent p span{
    text-decoration: underline;
    color: var(--theme-color);
}
.errorPageBanner p.copyRightText{
    line-height: 24px;
    color: #FFF;
    font-family: 'Bebas Neue', cursive;
    letter-spacing: 1.2px;
    position: absolute;
    bottom: 37px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.errorPageBanner p.copyRightText a{
    color: var(--theme-color);
}
.errorPageBanner p.copyRightText a:hover{
    color: #FFF;
}
.NoFooter, .NoHeader{
    display: none;
}

/*------------------------------------------------------
/  22. Back to Top
/------------------------------------------------------*/
#backtotop{
    position: fixed;
    letter-spacing: 0;
    right: 25px;
    bottom: -25px;
    width: 45px;
    height: 45px;
    background: var(--theme-color);
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 45px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    border-radius: 0;
}
#backtotop:hover{
    background: #141414;
    color: var(--theme-color);
}

/*------------------------------------------------------------------------------
/ 23. Popup Menu
/------------------------------------------------------------------------------*/
body.menu_open{
    overflow: hidden;
}
.menu_pop_logo{
    z-index: 99;
    position: absolute;
    left: 0;
    top: 20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-90px);
    -moz-transform: translateY(-90px);
    -ms-transform: translateY(-90px);
    -o-transform: translateY(-90px);
    transform: translateY(-90px);
    -webkit-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.popup_menu.active .menu_pop_logo{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.menu_pop_logo img{
    max-height: 100%;
    width: auto;
}
.menu-close{
    position: absolute;
    right: 15px;
    top: 20px;
    font-size: 20px;
    width: 45px;
    height: 45px;
    border: 2px solid #fff;
    text-align: center;
    border-radius: 50%;
    z-index: 99;
    color: #fff;
    line-height: 41px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-90px);
    -moz-transform: translateY(-90px);
    -ms-transform: translateY(-90px);
    -o-transform: translateY(-90px);
    transform: translateY(-90px);
    -webkit-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.menu-close i{
    position: relative;
    left: 2px;
}
.popup_menu.active .menu-close{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.menu-close:hover{
    color: var(--theme-color);
    border-color: var(--theme-color);
}
.popup_menu .menu_top{
    position: relative;
    width: 100%;
    z-index: 99;
}
.popup_menu {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #252525;
    display: none;
}
.menu_middle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
    z-index: -1;
}
.popup_menu.active .menu_middle{
    z-index: 99;
}
.menu_popup {
    position: relative;
    text-align: center;
}
.menu_popup ul {
    margin: 0;
    padding: 0;
}
.menu_popup ul li {
    list-style: none;
    margin: 20px 0;
    position: relative;
}
.menu_popup ul li a {
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
    line-height: .8;
    letter-spacing: 1.6px;
    font-weight: 500;
    font-family: 'Bebas Neue', cursive;
    padding: 0 15px;
    position: relative;
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
    transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}
.menu_popup ul li.active > a,
.menu_popup ul li:hover > a{
    color: var(--theme-color);
}
.menu_popup ul li.menu-item-has-children > a{
    position: relative;
}
.menu_popup ul li.menu-item-has-children > a::before {
    content: "\f543";
    font-family: 'themewar' !important;
    border: none;
    position: absolute;
    right: -7px;
    top: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: inherit;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.menu_popup ul li.menu-item-has-children.active > a:before,
.menu_popup ul li.menu-item-has-children > a:hover:before{
    transform: rotate(-180deg);
    color: inherit;
}
.menu_popup > ul > li {
    opacity: 0;
    -webkit-transition: translateY(80px);
    transform: translateY(80px);
}
.menu_popup ul li ul.sub-menu {
    display: none;
    padding: 10px 0 0px;
    transform: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.menu_popup ul li .sub-menu li{
    margin: 9px 0;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.menu_popup ul li ul.sub-menu li a{
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: capitalize;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.bottom_menu{
    position: absolute;
    left: 0;
    bottom: 26px;
    z-index: -1;
    width: 100%
}
.f_copy{
    position: relative;
}
.bottom_menu .f_copy{
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(90px);
    -moz-transform: translateY(90px);
    -ms-transform: translateY(90px);
    -o-transform: translateY(90px);
    transform: translateY(90px);
    -webkit-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.popup_menu.active .bottom_menu .f_copy{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.f_copy p{
    font-size: 13px;
    color: #fdfcfb;
    font-family: 'Bebas Neue', cursive;
    margin: 0;
}
.f_copy p a{
    color: inherit;
}
.f_copy p a:hover{
    color: var(--theme-color);
}
.foo_social {
    position: relative;
}
.bottom_menu .foo_social{
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(90px);
    -moz-transform: translateY(90px);
    -ms-transform: translateY(90px);
    -o-transform: translateY(90px);
    transform: translateY(90px);
    -webkit-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.popup_menu.active .bottom_menu .foo_social{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.foo_social a {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: .8;
    color: #fdfcfb;
    text-align: center;
    margin: 0 0 0 21px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}
.foo_social a:hover{
    color: var(--theme-color);
}
.popup_menu.active .bottom_menu{
    z-index: 99;
}
.mCSB_inside > .mCSB_container {
    margin-right: 0;
}

/*-- WP Dev CSS --*/
.blogPage{
    background: #f8f8f8;
    padding: 0 0 119px;
}
.blogPage.blogPageBannerStyle_1{
    padding: 119px 0 119px;
}
.blogPage .single-blog {
    margin-bottom: 30px;
}
.blogPage .chmk_pagination{
    margin: 40px 0 0;
}
.blogPage .single-blog-02 {
    margin-bottom: 22px;
}
.blogPage .single-blog-02.sb2Large {
    margin-bottom: 32px;
}
.single-blog-02.sb2Large .blog-content-02 h3{
    margin-bottom: 10px;
    font-size: 30px;
}
.blogPage .single-blog-02 .blog-date {
    color: #ffffff;
    background: var(--theme-color);
    padding: 7px 10px 6px 9px;
    margin-bottom: 3px;
}
.blogPage .single-blog-02 .blog-date::after {
    border-color: var(--theme-color) transparent transparent transparent;
}
.blog-excerpt {
    position: relative;
    margin: 0 0 33px;
}
.pageBannar.blog_srcs_banner h2:after{
    display: none;
}
.pageBannar.blog_srcs_banner2 h2:after{
    display: none;
}
.blogSecInBlogDetails {
    background: #f8f8f8;
    padding: 117px 0 112px;
}
.pbcMeta{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.pbcMeta span.blog-date {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1.4px;
    color: #FFF;
    background: var(--theme-color);
    margin: 0;
    display: inline-block;
    padding: 5px 10px 8px 9px;
    min-height: 27px;
    position: relative;
}
.pbcMeta span.blog-date::after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 12px 0 0;
    border-color: var(--theme-color) transparent transparent transparent;
    top: 0;
    right: -12px;
}
.pbcMeta a {
    font-family: 'Bebas Neue', cursive;
    font-size: 13px;
    letter-spacing: 1.3px;
    line-height: 1;
    color: #FFF;
    margin-right: 16px;
}
.pbcMeta a i {
    font-size: 13px;
    color: var(--theme-color);
}
.blog_single_banner2 .pageBannarContent02 h2::after,
.blog_single_banner .pageBannarContent h2::after{
    display: none;
}
.shopOthersPage{
    padding: 120px 0;
    background: transparent;
}