/*
Theme Name: Boozy
Theme URI: https://themewar.com/wp/boozy
Author: themewar
Author URI: https://themeforest.net/user/themewar
Description: Boozy - Creative Agency WordPress Theme
Version: 1.0
License: 
License URI: 
*/


/*==================================
    [Table of contents]
===================================
    01. Home One
    02. Home Two
    03. Home Three
    04. About Page
    05. Service Page
        05.1. Service Single Page
    06. Career Page
    07. Case Study Page
    08. Blog Page
        08.1. Blog Single Page
    09. Portfolio 01 Page
    10. Portfolio 02 Page
    11. Contact Page
    12. FOF/404 Page
*/

/*------------------------------------------------------
/  01. Home One
/------------------------------------------------------*/
.header01,
.header02,
.header03{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    z-index: 9999;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.headerInner01,
.headerInner02,
.headerInner03 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.header01.isSticky.fixedHeader,
.header02.isSticky.fixedHeader,
.header03.isSticky.fixedHeader {
    position:fixed;
    width: 100%;
    top:0;
    left:0;
    background: #ff5100;
    z-index: 99991;
    border: none;
}
.header02.isSticky.fixedHeader{
    background: #111111;
}
.header03.isSticky.fixedHeader{
    background: #070707;
}
.logo{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 13%;
    padding: 34px 0 35px;
    margin-right: 57px;
}
.logo a{
    display: inline-block;
    line-height: 1;
}
.logo a.textLogo{
    font-size: 25px;
    font-family: var(--secondary-font);
    font-weight: 600;
    color: #FFF;
}
.mainMenu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 41px 0 0;
}
.mainMenu ul{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0;
    padding: 0;
}
.mainMenu ul li {
    position: relative;
    list-style-type: none;
    padding: 0 0 44px;
    margin-right: 49px;
}
.mainMenu ul li:last-child{
    margin-right: 0;
}
.mainMenu ul li a {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    display: block;
    color: #FFF;
    text-transform: uppercase;
    font-family: var(--secondary-font);
    position: relative;
    overflow: hidden;
}
.mainMenu > ul > li > a{
    line-height: 1;
}
.mainMenu ul li a span{
    position: relative;
    z-index: 1;
    display: inline-block;
    transition: all ease 250ms;
    -moz-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
}
.mainMenu > ul > li > a:before{
    content: attr(data-title);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    color: var(--dark-color);
    transition: all ease 250ms;
    -moz-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;

    transform: translateY(-110%);
    -moz-transform: translateY(-110%);
    -webkit-transform: translateY(-110%);
}
.mainMenu > ul > li:hover > a:before,
.mainMenu > ul > li.current-menu-item > a:before{
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
}
.mainMenu > ul > li:hover > a span,
.mainMenu > ul > li.current-menu-item > a span{
    transform: translateY(110%);
    -moz-transform: translateY(110%);
    -webkit-transform: translateY(110%);
}
.mainMenu ul li.menu-item-has-children > a:after {
    content: '\eb9b';
    font-family: 'Boozy';
    color: inherit;
    font-weight: 400;
    font-size: 9px;
    margin-left: 5px;
    position: relative;
    top: -1.5px;
    padding-right: 1.5px;
    display: inline-block;
    transition: all ease 250ms;
    -moz-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
}
.mainMenu ul li.menu-item-has-children:hover > a:after,
.mainMenu ul li.menu-item-has-children.current-menu-item > a:after {
    color: var(--dark-color);
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    top: -2.5px;
}
.headerInner02 .mainMenu ul li.menu-item-has-children:hover > a:after,
.headerInner02 .mainMenu ul li.menu-item-has-children.current-menu-item > a:after {
    color: var(--primary-color);
}

.page-404 .mainMenu > ul > li:hover > a:before,
.page-404 .mainMenu > ul > li.current-menu-item > a:before,
.page-404 .mainMenu ul li.menu-item-has-children:hover > a:after,
.page-404 .mainMenu ul li.menu-item-has-children.current-menu-item > a:after {
    color: var(--primary-color);
}
/* Sub Menu */
.mainMenu > ul > li > ul, 
.mainMenu > ul > li > ul > li > ul,
.mainMenu > ul > li > ul > li > ul >li > ul{
    padding: 17px 0 17px;
    position: absolute;
    top: calc(100% + 1px);
    left: -30px;
    pointer-events: none;
    display: block;
    min-width: 220px;
    border-radius: 0;
    margin: 0;
    background: #111111;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 30px 60px 0px rgb(2 24 93 / 8%);
    z-index: 10;
    -webkit-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;
}
.mainMenu > ul > li > ul > li > ul >li > ul{
    left: 30px;
    border:1px solid rgba(255,255,255,0.1);
}
.mainMenu > ul > li > ul:before {
    content: '';
    width: 10px;
    height: 7px;
    border-style: solid;
    border-width: 0 5px 7px 5px;
    border-color: transparent transparent #111111 transparent;
    position: absolute;
    left: 30px;
    top: -7px;
}
.mainMenu > ul li:hover > ul{
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
.mainMenu > ul > li > ul li,
.mainMenu> ul > li > ul li > ul li{
    margin: 0;
    padding: 0px 30px 0px;
    width: 100%;
    
    transition: all ease 250ms;
    -moz-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
}

.mainMenu > ul > li > ul li a,
.mainMenu > ul > li > ul li > ul li a{
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    display: inline;
    padding-bottom: 3px;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(98%, #FFFFFF));
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 98%);
    background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%;
}
.mainMenu > ul > li > ul li:hover, 
.mainMenu > ul > li > ul li.current-menu-item{
    padding-left: 37px;
}
.mainMenu > ul > li > ul li:hover > a, 
.mainMenu > ul > li > ul li.current-menu-item > a{
    background-size: 100% 1px;
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 98%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 98%);
}
.mainMenu ul li ul li.menu-item-has-children > a:after{
    display: none;
}
.mainMenu ul li ul li.menu-item-has-children:after,
.mainMenu ul li ul li ul li.menu-item-has-children:after{
    content: '\eb9b';
    font-family: 'boozy';
    color: inherit;
    font-weight: 400;
    font-size: 9px;
    position: absolute;
    top: 0px;
    right: 25px;
    padding-right: 1.5px;
    display: inline-block;
    transition: all ease 250ms;
    -moz-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
}
.mainMenu ul li ul li.menu-item-has-children:hover:after,
.mainMenu ul li ul li ul li.menu-item-has-children:hover:after{
    color: inherit;
}
.mainMenu > ul > li > ul > li > ul{
    left: calc(100% + 1px);
    top: 0;
    margin: 0;
}
.headerOniAccess{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.defaultHeader .headerOniAccess{
    display: none;
}
.hdOniSocial{
    position: relative;
}
.hdOniSocial ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding:0;
    margin:0;
    position: relative;
    top: 2px;
}
.hdOniSocial ul li{
    list-style: none;
}

.menu_btn{
    display: none;
}
.headerOniAccess{
    position: relative;
}
.hdOniSocial {
    position: relative;
}
.hdOniSocial ul li:not(:first-child){
    margin-left: 14px;
}
.hdOniSocial ul li a{
    font-size: 14px;
    color: #FFF;
    display: inline-block;
}
.hdOniSocial ul li a:hover{
    color: var(--dark-color);
}
.page-404 .oniSearch a:hover i,
.page-404 .oniCart > a:hover i,
.page-404 .hdOniSocial ul li a:hover{
    color: var(--primary-color);
}

.oniSearch {
    margin-left: 40px;
    margin-right: 21px;
    padding: 34px 0 31px;
}
.oniSearch a{
    font-size: 19px;
    color: #FFF;
    display: inline-block;
}
.oniSearch a i,
.oniCart > a i{
    transition: 0.2s ease-in;
    -webkit-transition: 0.2s ease-in;
    position: relative;
    display:inline-block;
    top:3px
}
.oniCart > a i{
    top:2px
}
.oniSearch a:hover i{
    color: var(--dark-color);
}
.oniCart {
    padding: 0px 0 28px;
    margin: 33px 0 0;
}
.oniCart > a {
    color: #FFF;
    font-size: 20px;
    padding: 2px 9px 2px 19px;
    position: relative;
    display: inline-block;
    border-left: 1px solid rgba(255,255,255,0.3);
}
.oniCart > a:hover i{
    color: var(--dark-color);
}
.oniCart > a span {
    position: absolute;
    top: -12px;
    right: 1px;
    color: #FFF;
    font-size: 12px;
    width: auto;
    height: auto;
    display: inline-block;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.oniCart:hover .cartWidgetArea{
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
.cartWidgetArea {
    position: absolute;
    display: block;
    top: 100%;
    right: 0px;
    width: 300px;
    background: #fff;
    text-align: left;
    box-shadow: 0 0 50px 0 rgba(29, 35, 58, .08);
    padding: 30px 30px;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    border-radius: 10px;
    -webkit-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;
}
.cartWidgetProduct{
    position: relative;
    min-height: 60px;
    text-align: left;
    padding-left: 74px;
    margin-bottom: 25px;
    padding-right: 15px;
}
.cartWidgetArea .cartWidgetProduct:last-of-type{
    margin-bottom: 19px;
}
.cartWidgetProduct img{
    width: 60px;
    height: 70px;
    position: absolute;
    border-radius: 3px;
    left: 0;
    top: 0;
}
.cartWidgetProduct a{
    font-family: var(--primary-font);
    display: block;
    font-size: 16px;
    line-height: 20px;
    position: relative;
    bottom: auto;
    color: var(--dark-color);
    margin: 0 0 6px;
    top: -2px;
    text-transform: capitalize;
    opacity: .8;
}
.cartWidgetProduct a:hover{
    color: var(--primary-color);
}
.cartWidgetProduct .cartProductPrice{
    font-family: var(--primary-font);
    font-size: 14px;
    font-weight: 500;
    color: var(--dark-color);
    line-height: 1;
}
.cartWidgetProduct .cartRemoveProducts{
    font-size: 10px;
    color: var(--dark-color);
    position: absolute;
    right: -8px;
    top: 0px;
    margin: 0;
    width: 19px;
    height: 19px;
    border: 1px solid rgba(0,0,0,0.4);
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    padding: 0px 0 0 1px;
}
.cartWidgetProduct .cartRemoveProducts:hover{
    color: var(--primary-color);
    border-color: var(--primary-color);
    background: transparent;
}



/*------------------------------------------------------------------------------------
/ 8. Popup Menu
/-------------------------------------------------------------------------------------*/
.menu_pop_logo{
    z-index: 99;
    position: absolute;
    left: 0;
    top: 40px;
    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;
}
.popup_menu .rightsidebarCloser{
    right: 0;
    top: 38px;
    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 .rightsidebarCloser{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.popup_menu .menu_top{
    position: relative;
    width: 100%;
    z-index: 99;
}
.popup_menu .menu_top .row{
    position: relative;
}
.popup_menu {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(23, 25, 27, .98);
    display: none;
    padding: 0 12px;
}
.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{
    max-height: calc(100vh - 160px);
}
.menu_popup ul li {
    list-style: none;
    margin: 23px 0;
    position: relative;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
}
.menu_popup ul li a {
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--secondary-font);
    color: #FFF;
    letter-spacing: 0; 
    padding: 0 15px;
    position: relative;
    text-decoration: none;
    transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}
.menu_popup>ul>li>a{
    overflow: hidden;
}
.menu_popup>ul>li>a:before {
    content: attr(data-title);
    position: absolute;
    left: 15px;
    top: 0;
    z-index: 2;
    color: var(--dark-color);
    transition: all ease 250ms;
    -moz-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    transform: translateY(-110%);
    -moz-transform: translateY(-110%);
    -webkit-transform: translateY(-110%);
}
.menu_popup>ul>li.menu-item-has-children>a:after {
    content: '\eb9d';
    position: relative;
    top: -6px;
    left: 14px;
    font-family: 'boozy';
    font-weight: 400;
    font-size: 16px;
    padding: 0 0 0;
}.menu_popup>ul>li.menu-item-has-children>a:hover:after,
.menu_popup>ul>li.menu-item-has-children.active>a:after{
    color: var(--primary-color);
}
.menu_popup>ul>li> a span{
    position: relative;
    z-index: 1;
    display: inline-block;
    transition: all ease 250ms;
    -moz-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
}
.menu_popup ul li.active > a,
.menu_popup ul li > ul li.active > a,
.menu_popup ul li > ul li:hover > a
.menu_popup ul li:hover > a{
    color: var(--primary-color);
}
.menu_popup ul li.menu-item-has-children > a{
    position: relative;
}
.menu_popup ul li.menu-item-has-children.active > a:before,
.menu_popup ul li.menu-item-has-children > a:hover:before{
    color: var(--primary-color);
}
.menu_popup ul> li > a:hover:before,
.menu_popup ul> li.active > a:before{
    color: var(--primary-color);
    top:0;
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
}
.menu_popup ul> li > a:hover > span,
.menu_popup ul> li.active > a > span{
    top:0;
    transform: translateY(110%);
    -moz-transform: translateY(110%);
    -webkit-transform: translateY(110%);
}
.menu_popup ul li ul.sub-menu {
    position: absolute;
    left: 105%;
    pointer-events: none;
    top: -18px;
    width: 250px;
    border-radius: 5px;
    z-index: 100;
    text-align: left;
    margin: 0;
    padding: 25px 0;
    visibility: hidden;
    opacity: 0;
    background: #353535;
    -ms-box-shadow: 0 3px 0 0 rgba(0,0,0,.2);
    -o-box-shadow: 0 3px 0 0 rgba(0,0,0,.2);
    box-shadow: 0 3px 0 0 rgba(0,0,0,.2);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: inherit;
    font-size: inherit
}
.menu_popup ul li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: inherit;
    left: 100%
}
.menu_popup ul li ul.sub-menu::after {
    content: '';
    position: absolute;
    left: -7px;
    top: 29px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 7px 4.5px 0;
    border-color: transparent #353535 transparent transparent;
    transition: none;
}
.menu_popup ul li .sub-menu li {
    padding: 0;
    margin: 0;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms
}
.menu_popup ul .sub-menu li.menu-item-has-children>a{
    position: relative;
}
.menu_popup ul .sub-menu li.menu-item-has-children>a::after {
    position: absolute;
    right: 25px;
    content: '..';
    font-family: fira sans,sans-serif!important;
    font-size: 25px;
    letter-spacing: 3px;
    top: calc(50% - 15px);
}
.menu_popup ul li ul.sub-menu li a {
    font-size: 20px;
    font-weight: 400;
    padding: 14px 32px;
    width: 100%;
    display: block;
    border-radius: 3px;
    text-transform: capitalize;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.menu_popup ul li .sub-menu li.active>a,.menu_popup ul li .sub-menu li.current-menu-item>a,.menu_popup ul li .sub-menu li:hover>a {
    color: var(--primary-color)
}
.menu_popup ul li:nth-last-child(1) .sub-menu, .menu_popup ul li:nth-last-child(2) .sub-menu {
    top: auto !important;
    bottom: 0;
}
.menu_popup ul li:nth-last-child(1) .sub-menu li:nth-last-child(1) .sub-menu, .menu_popup ul li:nth-last-child(2) .sub-menu:nth-last-child(1) .sub-menu{
    top: auto !important;
    bottom: 0;
}
.menu_popup ul li .sub-menu .sub-menu{
    margin-top: -15px;
}

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

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

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

.menu_popup ul li:nth-last-child(1) .sub-menu li,.menu_popup ul li:nth-last-child(2) .sub-menu li {
    position: static
}
.menu_popup ul li > ul li > a:hover,
.menu_popup ul li > ul li.active > a 
.menu_popup ul li > ul li > ul li.active > a {
    color: var(--primary-color);
}
.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: 14px;
    color: #c4c5c7;
    letter-spacing: -0.35px;
    line-height: 18px;
    font-weight: 400;
}
.f_copy p a{
    color: #fff;
}
.f_copy p a:hover{
    color: var(--primary-color);
}
.popup_menu .social_item {
    position: relative;
}
.bottom_menu .social_item{
    opacity: 0;
    visibility: hidden;
    margin: 0;
    justify-content: flex-end;
    -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 .social_item{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.popup_menu.active .bottom_menu .social_item li{
    line-height: 1;
}
.popup_menu .social_item a {
    text-align: center;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #c4c5c7;
    letter-spacing: -0.35px;
    line-height: 18px;
    font-weight: 400;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    margin: 0 ;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}
.popup_menu .social_item a:hover{
    color: var(--primary-color);
}
.popup_menu.active .bottom_menu{
    z-index: 99;
}



/*------------------------------------------------------
/ SearchPopup 
/------------------------------------------------------*/
.popup_search_sec {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999999;
}
.popup_search_overlay {
    position: fixed;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background: rgba(28, 32, 52, 0.6);
    z-index: 9991;
    opacity: 0;
    visibility: hidden;
    cursor: url(../images/close.png), auto;
    -webkit-transition: all 0.3s ease-in 0.7s;
    transition: all 0.3s ease-in 0.7s;
}
.popup_search_sec.active .popup_search_overlay {
    visibility: visible;
    -webkit-transition: all 0.7s ease-out 0s;
    transition: all 0.7s ease-out 0s;
    top: 0;
    opacity: 1;
}
.pop_search_background {
    background: #1c2035;
    width: 100%;
    height: 400px;
    top: -100%;
    z-index: 9992;
    position: fixed;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
}
.popup_search_sec.active .pop_search_background {
    opacity: 1;
    visibility: visible;
    top: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
    transition: all 0.4s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}
.popup_search_form {
    position: relative;
}
.popup_search_form:after {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    position: absolute;
    content: "";
    height: 1px;
    background: var(--primary-color);
    width: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
}
.popup_search_sec.active .popup_search_form:after {
    -webkit-animation-name: fadeInGo;
    animation-name: fadeInGo;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    opacity: 1;
    width: 100%;
}
.popup_search_form input[type="search"] {
    font-family: var(--primary-font);
    width: 100%;
    height: 70px;
    border: none;
    background: transparent;
    outline: none;
    font-size: 22px;
    line-height: 50px;
    color: #ffffff;
    font-weight: 300;
    padding-right: 40px;
}
.popup_search_form input[type="search"]::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}
.popup_search_form input[type="search"]::-ms-input-placeholder {
    color: #ffffff;
    opacity: 1;
}
.popup_search_form input[type="search"]::-webkit-input-placeholder {
    color: #ffffff;
    opacity: 1;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

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

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

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

@-webkit-keyframes fadeOutGo2 {
    0% {
        opacity: 0.8;
        width: 100%;
    }
    100% {
        opacity: 0.14;
        width: 0;
    }
}
@keyframes fadeOutGo2 {
    0% {
        opacity: 0.8;
        width: 100%;
    }
    100% {
        opacity: 0.14;
        width: 0;
    }
}
.popup_search_form button[type="submit"] {
    position: absolute;
    right: 0;
    top: 23px;
    border: none;
    outline: none;
    z-index: 2;
    font-size: 16px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    background: transparent;
    color: #ffffff;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.popup_search_form button[type="submit"]:hover {
    color: var(--primary-color);
}
.middle_search {
    position: relative;
    top: 43%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
    z-index: 2;
}
.search_Closer {
    float: right;
    height: 22px;
    width: 22px;
    background: url(../images/close.png) no-repeat center center;
    margin: 30px 0 0;
}
.popup_logo {
    position: relative;
    margin: 30px 0 0;
}
.popup_logo img {
    height: 42px;
    width: auto;
}

/*------------------------------------------------------
/ Home One Slider
/------------------------------------------------------*/
.themewar_rev_slider rs-layer a.boozyBTN{
    width: inherit;
    height: inherit;
}
rs-layer h1.typeHeading {
    font-size: inherit;
    letter-spacing: inherit !important;
    font-weight: inherit;
    line-height: inherit;
}
.tp-bannertimer{
    display:none !important;
}
.slider01{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    background-color: var(--primary-color);
}
.tp-bgimg.defaultimg{
    position: relative;
}
#rev_slider_1 li:first-child .tp-bgimg.defaultimg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--primary-color);
    mix-blend-mode: overlay;
}
.boozyBH1.textLayer{
    text-transform: uppercase;
    letter-spacing: -1.5px !important;
}
.boozyBH1.textLayer span{
    padding-left: 103px;
}
.tp-caption.textPLayer{
    white-space: normal !important;
}
.bn_btnORdesc{
    padding-left: 109px;
}
.bn_btnORdesc > a {
    float: left;
    margin-right: 65px;
}
.bn_btnORdesc > p {
    font-size: 24px;
    line-height: 40px;
    color: #FFF;
    padding-top: 12px;
    letter-spacing: -0.24px;
}

/*------------------------------------------------------
/ Service Section STyle
/------------------------------------------------------*/
.serviceHeading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #FFF;
    padding-bottom: 37px;
}
.serviceHeading h3 {
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: -0.1px;
    line-height: 1;
    margin-bottom: 0px;
}
.serviceHeading a {
    font-size: 16px;
    font-family: var(--secondary-font);
    text-transform: uppercase;
    color: var(--heading-color);
}
.serviceHeading a img {
    width: 18px;
    margin-left: 12px;
}
.serviceBrand_area {
    padding-top: 73px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.serviceBrand_hading h2 {
    font-size: 150px;
    line-height: 164px;
    text-transform: uppercase;
    margin-top: -22px;
}
.serviceBrand_hading h2 span {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #FFF;
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 200% 100%;
    background-position-x: 100%;    
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    top: 1px;
    left: -8px;
}
.serviceBrand_list {
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 520px;
            flex: 0 520px;
}
.serviceBrand_list ul {
    padding: 0;
    margin: 0;
}
.serviceBrand_list ul li {
    list-style: none;
    padding: 29px 0 30px;
    border-bottom: 1px solid #414141;
}
.serviceBrand_list ul li:first-child{
    padding-top: 0px;
}
.serviceBrand_list ul li a {
    display: block;
    padding: 0 0 0 125px;
    position: relative;
    min-height: 100px;
    line-height: 96px;
    font-size: 30px;
    font-family: var(--secondary-font);
    text-transform: uppercase;
    color: #FFF;
    letter-spacing: 0.3px;
    font-weight: 700;
}
.serviceBrand_list ul li a > span {
    margin-right: 39px;
    display: inline-block;
}
.serviceBrand_list ul li a:hover{
    color:var(--primary-color);
}
.serviceBrand_list ul li a:hover span,
.serviceBrand_list ul li a:hover i{
    color: inherit;
}
.serviceBrand_list ul li a i {
    -webkit-text-stroke-color: var(--primary-color);
    font-size: 48px;
    position: relative;
    display: inline-block;
    -webkit-transform: rotate(-131.37deg);
            transform: rotate(-131.37deg);
    top: 7px;
}
.serviceBrand_list .serviceList_lsIcon {
    position: absolute;
    left: 0;
    top: 50%;
    opacity: .3;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    transition: ease all 350ms;
    -webkit-transition: ease all 350ms;
    -moz-transition: ease all 350ms;
}
.serviceBrand_list .service_arrowLi {
    width: 40px;
    height:auto;
    position: relative;
    top: -2px;
}
.serviceBrand_list ul li a:hover .serviceList_lsIcon {
    opacity: 1;;
}

/*------------------------------------------------------
/  Project Section STyle
/------------------------------------------------------*/
.projectHeading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #FFF;
    padding-bottom: 31px;
}
.projectHeading h3 {
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: -0.3px;
    line-height: 1;
    margin-bottom: 0px;
}
.projectHeading a {
    font-size: 16px;
    font-family: var(--secondary-font);
    text-transform: uppercase;
    color: var(--heading-color);
}
.projectHeading a img {
    width: 18px;
    margin-left: 12px;
}
.projectCat_area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding:0;
    margin:0;
    max-width: 910px;
}
.projectCat_area ul li {
    list-style: none;
}
.projectCat_area ul li{
    margin-right: 128px;
    font-family: var(--secondary-font);
    font-size: 72px;
    line-height: 90px;
    letter-spacing: 0.72px;
    color: var(--heading-color);
    text-transform: uppercase;
    position: relative;
    font-weight: 400;
}
.projectCat_area ul li.pjFilterItem.current a,
.projectCat_area ul li.filterBTN.active a,
.projectCat_area ul li.active a{
    color: var(--primary-color);
}
.projectCat_area ul li:last-child{
    margin-right: 0px;
}
.projectCat_area ul li a {
    font-family: inherit;
    color:inherit;
    line-height: inherit;
    font-weight: inherit;
}
.projectCat_area ul li a:hover{
    color: var(--primary-color);
}
.projectCat_area ul li:not(:last-child):after {
    content: "/";
    position: absolute;
    background: var(--secondary-color);
    width: 0;
    height: 0;
    right: -51px;
    cursor: default;
}
/* project Slider  */
.project_item{
    position: relative;
    overflow:hidden;
    margin-bottom: 30px;
}
.project_item_thumb{
    position: relative;
}
.project_item_thumb img{
    max-width: 100%;
    width:100%;
    height: auto;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}
.project_item:hover .project_item_thumb img{
    -webkit-transform: scale(1.06);
            transform: scale(1.06);
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
	opacity: 1;
	-webkit-animation: bzflash 1.5s;
	animation: bzflash 1.5s;
}
a.project_item_dtls {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    top: 0;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 44px 45px 47px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
}
.projectInfoContent{
    position: relative;
    overflow: hidden;
}
a.project_item_dtls .projectInfoContent {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-bottom: 9px;
}
a.project_item_dtls .projectInfoContent i {
    -webkit-text-stroke-color: var(--primary-color);
    font-size: 48px;
    position: relative;
    display: inline-block;
    margin: 0 0 17px -3px;
}
.projectInfoContent i{
    -webkit-transform: rotate(-131.37deg) translateY(-30px);
            transform: rotate(-131.37deg) translateY(-30px);
}
a.project_item_dtls .projectInfoContent > img{
    display: block;
    margin-bottom: 22px;
    width: 40px !important;

}
h3.ps_item_name {
    min-height: 48px;
    background: #FFF;
    padding: 4px 12px;
    color: #000;
    font-weight: 500;
    text-transform: capitalize;
    display: inline-block;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 2px;
    letter-spacing: -0.3px;
    -webkit-transition: ease 350ms;
    transition: ease 350ms;
    opacity:0;
    position:relative;
    z-index: 3;
}
h4.ps_auth_name {
    min-height: 30px;
    background: #FFF;
    padding: 0px 13px;
    color: #000;
    text-transform: capitalize;
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0px;
    letter-spacing: -0.2px;
    font-family: var(--primary-font);
    font-weight: 400;
    -webkit-transition: ease 350ms;
    transition: ease 350ms;
    opacity:0;
    position:relative;
    z-index: 2;
}
.portfolioCarItam:hover a.portFolioInfo,
.project_item:hover a.project_item_dtls{
    opacity: 1;
    visibility: visible;
}
.projectInfoContent i,
.projectInfoContent img{
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    -webkit-transition: ease 350ms;
    transition: ease 350ms;
}
.project_item:hover .projectInfoContent i, 
.project_item:hover .projectInfoContent img {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.project_item:hover .projectInfoContent i{
    -webkit-transform: translateY(0) rotate(-131.37deg);
            transform: translateY(0) rotate(-131.37deg);
}
h3.ps_item_name {
    -webkit-transition: opacity ease 350ms, visibility ease-in-out 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 350ms, visibility ease-in-out 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease-in-out 350ms, background ease 350ms, color ease 350ms, color ease 350ms;
    transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease-in-out 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transform: translate3d(0, -60px, 0);
    -moz-transform: translate3d(0, -60px, 0);
    -webkit-transform: translate3d(0, -60px, 0);
    -ms-transform: translate3d(0, -60px, 0);
    -o-transform: translate3d(0, -60px, 0);
}
h4.ps_auth_name {
    -webkit-transition: transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms;
    -webkit-transition: opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms;
    transition: transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms,
        -webkit-transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    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);
}
.portfolioCarItam:hover h3.ps_item_name,
.portfolioCarItam:hover h4.ps_auth_name,
.project_item_dtls:hover h3.ps_item_name,
.project_item_dtls:hover h4.ps_auth_name {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.folioMetaTitle {
    font-size: 30px;
    line-height: 48px;
    font-weight: 700;
    letter-spacing: -.3px;
    text-transform: uppercase;
    margin: 0 0 4px;
}
.folioMeta_cat span{
    position:relative;
    display: inline-block;
}
.folioMeta_cat a,
.folioMeta_df span {
    position: relative;
    display: inline-block;
    color: #D0D0D0;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.18px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.folioMeta_df span a{
    color: inherit;
}
.folioMeta_cat a:hover,
.folioMeta_df span a:hover{
    color: var(--primary-color);
}


/* projects owl nav  */
.projectCarousel.owl-carousel .owl-nav button,
.protfolioCarousel01.owl-carousel .owl-nav button,
.folioSlider04.owl-carousel .owl-nav button,
.projectCarousel02.owl-carousel .owl-nav button {
    position: absolute;
    left: 0;
    top: 45%;
    width: 60px;
    height: 65px;
    border: none;
    outline: none;
    background: rgba(0,0,0,0.3);
    text-align: center;
    z-index: 10;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.projectCarousel.owl-carousel .owl-nav button.owl-prev,
.protfolioCarousel01.owl-carousel .owl-nav button.owl-prev,
.folioSlider04.owl-carousel .owl-nav button.owl-prev,
.projectCarousel02.owl-carousel .owl-nav button.owl-prev {
    right: auto;
    left: 0;
}
.projectCarousel.owl-carousel .owl-nav button.owl-next,
.protfolioCarousel01.owl-carousel .owl-nav button.owl-next,
.folioSlider04.owl-carousel .owl-nav button.owl-next,
.projectCarousel02.owl-carousel .owl-nav button.owl-next {
    right: 0;
    left: auto;
}
.projectCarousel.owl-carousel .owl-nav button i,
.protfolioCarousel01.owl-carousel .owl-nav button i,
.folioSlider04.owl-carousel .owl-nav button i,
.projectCarousel02.owl-carousel .owl-nav button i {
    font-size: 31px;
    color: #FFF;
    opacity: 1;
    line-height: 50px;
    text-align: center;
}
.projectCarousel.owl-carousel .owl-nav button.owl-prev i,
.protfolioCarousel01.owl-carousel .owl-nav button.owl-prev i,
.folioSlider04.owl-carousel .owl-nav button.owl-prev i,
.projectCarousel02.owl-carousel .owl-nav button.owl-prev i {
    top: 2px;
    position: relative;
}
.projectCarousel.owl-carousel .owl-nav button.owl-next i,
.protfolioCarousel01.owl-carousel .owl-nav button.owl-next i,
.folioSlider04.owl-carousel .owl-nav button.owl-next i,
.projectCarousel02.owl-carousel .owl-nav button.owl-next i {
    position: relative;
    right: -2px;
}
.projectCarousel.owl-carousel .owl-nav button:hover,
.protfolioCarousel01.owl-carousel .owl-nav button:hover,
.folioSlider04.owl-carousel .owl-nav button:hover,
.projectCarousel02.owl-carousel .owl-nav button:hover {
    background: rgba(0,0,0,0.7);
}
.projectCarousel.owl-carousel .owl-nav button:hover i,
.protfolioCarousel01.owl-carousel .owl-nav button:hover i,
.folioSlider04.owl-carousel .owl-nav button:hover i,
.projectCarousel02.owl-carousel .owl-nav button:hover i {
    color: var(--primary-color);
}

.folioSlider04.owl-carousel .owl-nav button:hover i,
.folioSlider04.owl-carousel .owl-nav button:hover span{
    color: inherit;
}
.projectCarousel.owl-carousel .owl-dots,
.projectCarousel02.owl-carousel .owl-dots,
.folioSlider04.owl-carousel .owl-dots,
.protfolioCarousel01.owl-carousel .owl-dots,
.folioSlider04.owl-carousel .owl-dots{
    text-align: center;
    margin-top: 14px;
}
.projectCarousel.owl-carousel .owl-dots button.owl-dot,
.projectCarousel02.owl-carousel .owl-dots button.owl-dot,
.folioSlider04.owl-carousel .owl-dots button.owl-dot,
.protfolioCarousel01.owl-carousel .owl-dots button.owl-dot,
.folioSlider04.owl-carousel .owl-dots button.owl-dot {
    width: 47px;
    height: 11px;
    border: 1px solid #Fff;
    display: inline-block;
    position: relative;
}
.projectCarousel.owl-carousel .owl-dots button.owl-dot span,
.projectCarousel02.owl-carousel .owl-dots button.owl-dot span,
.folioSlider04.owl-carousel .owl-dots button.owl-dot span,
.protfolioCarousel01.owl-carousel .owl-dots button.owl-dot span,
.folioSlider04.owl-carousel .owl-dots button.owl-dot span {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: transparent;
    position: absolute;
    border-radius: 0;
    top: 0;
    left: 0;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    margin: 0;
}
.projectCarousel.owl-carousel .owl-dots button.owl-dot.active span,
.projectCarousel02.owl-carousel .owl-dots button.owl-dot.active span,
.folioSlider04.owl-carousel .owl-dots button.owl-dot.active span,
.protfolioCarousel01.owl-carousel .owl-dots button.owl-dot.active span,
.folioSlider04.owl-carousel .owl-dots button.owl-dot.active span {
    background: #FFF;
}
.projectCarousel.owl-carousel .owl-dots button.owl-dot:not(:last-child),
.projectCarousel02.owl-carousel .owl-dots button.owl-dot:not(:last-child),
.folioSlider04.owl-carousel .owl-dots button.owl-dot:not(:last-child),
.protfolioCarousel01.owl-carousel .owl-dots button.owl-dot:not(:last-child),
.folioSlider04.owl-carousel .owl-dots button.owl-dot:not(:last-child){
    margin-right:18px;
}
/**** default owl nav ****/
.owl-carousel .owl-nav button {
    width: 50px;
    height: 50px;
    border: unset;
    outline: unset;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: rgba(0,0,0,0.3);
}
.owl-carousel .owl-nav button.owl-prev{
    left:0;
    right:auto;
    background-color: rgba(0,0,0,0.3);
    display: flex;
    flex-wrap: nowrap;
    justify-content:center;
    align-items: center;
}
.owl-carousel .owl-nav button.owl-next{
    left:auto;
    right: 0px;
    background-color: rgba(0,0,0,0.3);
    display: flex;
    flex-wrap: nowrap;
    justify-content:center;
    align-items: center;
}
.owl-carousel .owl-nav button span, .owl-carousel .owl-nav button i {
    font-size: 35px;
    color: #FFF;
    display: inline-block;
    position: relative;
}
.folioSlider04.owl-carousel .owl-nav button span{
    top: -5px;
}

/*------------------------------------------------------
/ default owl dots 
/------------------------------------------------------*/
.owl-carousel .owl-dots {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
}
.owl-carousel .owl-dots button{
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.owl-carousel .owl-dots button span{
    font-size: 30px;
    background: #FFF;
    border-radius: 50%;
    text-align: center;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
}
.owl-carousel .owl-dots button.owl-dot.active span{
    background: var(--primary-color);
}
/*------------------------------------------------------
/ Project Section STyle
/------------------------------------------------------*/
.project_counter{
    text-align: center;
}
h2.oni-counter {
    font-size: 110px;
    font-weight: 700;
    line-height: 150px;
    letter-spacing: -1.1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 3px;
}
h2.oni-counter span{
    opacity: 0.2;
}
.OniCounter,
.counterSuffix {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFF;
    float:left;
}

.project_counter h3 {
    text-transform: capitalize;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    font-family: var(--primary-font);
    text-align: center;
    letter-spacing: -0.2px;
}
.conunterColumn{
    position: relative;
}
.oniCounerDot{
    position: relative;
}

.oniCounerDot:before{
    position: absolute;
    content:"";
    top:50%;
    left:-16px;
    width:13px;
    height:13px;
    background: #ff5100;
    border-radius: 50%;
}


/*------------------------------------------------------
/ Awwards Section STyle
/------------------------------------------------------*/
.awwardsContent{
    position: relative;
    padding: 68px 0 73px;
    border-bottom: 1px solid rgba(208,208,208,0.2);
}
.awwardsContent:last-child{
    border-bottom: none;
}
.awwardsHeading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #FFF;
    padding-bottom: 40px;
}
.awwardsHeading h3 {
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: -0.3px;
    line-height: 1;
    margin-bottom: 0px;
}
.awwardTitle h3 {
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    color: #ff5100;
    letter-spacing: -0.16px;
    font-family: var(--primary-font);
}
.awwardsContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.awwardTitle {
    max-width: 222px;
    width: 100%;
}
.awwardCompany {
    max-width: 189px;
    width:100%;
    line-height: 1;
}
.awwardedTime {
    max-width: 360px;
    width: 100%;
}
.awwardedDesc{
    max-width: 405px;
    width:100%;
}
.awwardedTime h4{
    font-size: 18px;
    line-height: 1;
    color: #555555;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.18px;
    margin-bottom: 10px;
    margin-top: -2px;
}
.awwardedTime h2 {
    font-size: 30px;
    line-height: 48px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.3px;
    margin-bottom: 0px;
}
.awwardedDesc p {
    font-size: 18px;
    line-height: 36px;
    color: #d0d0d0;
    font-weight: 400;
    letter-spacing: -0.18px;
    margin-top: 6px;
}

/*------------------------------------------------------
/ Team Section STyle
/------------------------------------------------------*/
.team_Item {
    position: relative;
    padding: 42px 0 0;
    width: 100%;
    text-align: center;
}
.teamItemInner {
    max-width: 280px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    z-index: 2;
    display: block;
}
.team_Item:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/shape/item-bg.png)no-repeat scroll;
    background-size: contain;
    background-position: center;
    -webkit-animation: pulse 5s infinite both;
    animation: pulse 5s infinite both;
}
.team_thumbnail {
    margin-bottom: 35px;
    position:relative;
    z-index: 1;
    overflow: hidden;
    height:310px;
}
.elementor .team_thumbnail img ,
.team_thumbnail img {
    max-width: unset;
    width: calc(100% + 8px);
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.25,.46,.35,.94);
    transition: -webkit-transform .5s cubic-bezier(.25,.46,.35,.94);
    transition: transform .5s cubic-bezier(.25,.46,.35,.94);
    transition: transform .5s cubic-bezier(.25,.46,.35,.94), -webkit-transform .5s cubic-bezier(.25,.46,.35,.94);
    -o-object-fit: cover;
       object-fit: cover;
}
.team_thumbnail:after{
    position: absolute;
    content: "";
    bottom:-120px;
    left:-120px;
    width:100%;
    height: 100%;
    background: url(../images/shape/shape1.png)no-repeat scroll;
    background-size: cover;
    background-position: left bottom;
    opacity: 0;
    visibility: hidden;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.team_thumbnail:hover:after{
    left:0;
    bottom:0;
    opacity: 1;
    visibility: visible;
}
.team_desc{
    position: relative;
    z-index: 1;
}
.team_desc h2 {
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.24px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.team_desc h2 > a{
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    font-family: inherit;
}
.team_desc a {
    font-size: 14px;
    line-height: 24px;
    color: #9a9a9a;
    font-family: var(--primary-font);
    text-transform: capitalize;
}
.team_desc a:hover{
    color: var(--primary-color);
}
.tm01Social {
    position: absolute;
    bottom: 41px;
    left: 33px;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    z-index: 2;
}
.tm01Social a{
    display: inline-block;
    margin-right: 16px;
    color: #FFF;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
}
.tm01Social a:hover{
    opacity: .8;
}
.tm01Social a:last-child{
    margin-right: 0px;
}

.tm01Social a:nth-child(1) {
    -webkit-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms;
    -webkit-transition: opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms;
    transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms,
        -webkit-transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
}
.tm01Social a:nth-child(2) {
    -webkit-transition: transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms;
    -webkit-transition: opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms;
    transition: transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms,
        -webkit-transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
}
.tm01Social a:nth-child(3) {
    -webkit-transition: transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms;
    -webkit-transition: opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms;
    transition: transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms,
        -webkit-transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
}
.tm01Social a:nth-child(4) {
    -webkit-transition: transform 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms;
    -webkit-transition: opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms;
    transition: transform 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms,
        -webkit-transform 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
}
.tm01Social a:nth-child(5) {
    -webkit-transition: transform 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms;
    -webkit-transition: opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms;
    transition: transform 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms, -webkit-transform 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, color ease 350ms,
        -webkit-transform 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
}
.team_thumbnail:hover .tm01Social a:nth-child(1),
.team_thumbnail:hover .tm01Social a:nth-child(2),
.team_thumbnail:hover .tm01Social a:nth-child(3),
.team_thumbnail:hover .tm01Social a:nth-child(4),
.team_thumbnail:hover .tm01Social a:nth-child(5) {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.teamItemInner:hover .team_thumbnail img {
   transform: translateX(0);
   -webkit-transform: translateX(0);
}


/*------------------------------------------------------
/ Testimonial Section STyle
/------------------------------------------------------*/
.testimonial01{
    text-align: center;
}

.testimonial_items h2{
    font-size: 60px;
    line-height: 72px;
    text-transform: uppercase;
    letter-spacing: -0.6px;
    font-weight: 400;
    font-family: var(--secondary-font);
    margin: 0 0 48px;
}
.testimonialAuthor h3{
    font-size: 18px;
    line-height: 1;
    font-family: var(--secondary-font);
    color: var(--heading-color);
    letter-spacing: -0.18px;
    font-weight: 400;
    text-transform: uppercase;
    margin:0px;
}
.testimonialQuoat1{
    position: relative;
    display: block;
    margin:0 0 28px;
}
span.testimonialQuoat1 i {
    font-size: 76px;
    color: var(--primary-color);
}
.testimonialQuoat1 img {
    max-width: 76px;
    height: 54px;
    text-align: center;
    margin:0 auto;
}
.testimonial01.owl-carousel .owl-nav button{
    position: absolute;
    left:0;
    top:50%;
    width: 55px;
    height: 55px;
    border:none;
    outline:none;
    background: transparent;
}
.testimonial01.owl-carousel .owl-nav button i{
    font-size: 50px;
    color: #FFF;
    opacity: 0.3;
    position: relative;
    top: 2px;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
}
.testimonial01.owl-carousel .owl-nav button i:hover{
    opacity: 1;
}
.testimonial01.owl-carousel .owl-nav button.owl-prev{
    right: auto;
    left: -65px;
}
.testimonial01.owl-carousel .owl-nav button.owl-next{
    right: -65px;
    left: auto;
}

/*------------------------------------------------------
/ ClientTestimonial Section STyle
/------------------------------------------------------*/
.client_content h3 {
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
    color: var(--heading-color);
    letter-spacing: -0.24px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 66px;
    position: relative;
    z-index: 9;
}
a.cleintLogo {
    text-align: center;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 90px;
    opacity: 0.3;
    cursor: pointer;
}
.clientTestimonial01 .owl-item{
    line-height: 1;
}
a.cleintLogo:hover{
    opacity: 1;
}

/*------------------------------------------------------
/ Blog Section STyle
/------------------------------------------------------*/
.blogItem01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 69px;
}
.blogItem01:last-child{
    margin: 0;
}
.blogPostDate{
    -webkit-box-flex: 0;
        -ms-flex: 0 25.6%;
            flex: 0 25.6%;
    width: 100%;
    display:block;
}
.blogThumb{
    -webkit-box-flex: 0;
        -ms-flex: 0 32%;
            flex: 0 32%;
    position: relative;
}
.blogThumb img{
    width: 100%;
    height: auto;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.blogThumb:hover img{
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
}
.blgsvg_1,
.blgsvg_2{
    position: absolute;
}
.blogContent{
    -webkit-box-flex: 0;
        -ms-flex: 0 42.4%;
            flex: 0 42.4%;
    padding-left: 29px;
}
.blDateDay {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #5d5d5d;
    font-size: 60px;
    line-height: 1;
    font-weight: 700;
    font-family: var(--secondary-font);
    letter-spacing: -0.6px;
    float: left;
    position: relative;
    top:-7px;
    margin-right: 8px;
}
span.blpMY {
    display: inline-block;
}
.blogPostDate > span {
    display: block;
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
    font-family: var(--secondary-font);
    color: #FFF;
    letter-spacing: -0.24px;
}
.blogThumb img{
    max-width: 100%;
    width:auto;
}
.blogMata {
    position: relative;
    line-height: 1;
    top: -2px;
    margin: 0 0 14px;
}
span.blogCcat {
    font-size: 14px;
    line-height: 1;
    color: var(--primary-color);
    font-weight: 700;
    font-family: var(--secondary-font);
    text-transform: uppercase;
    display: inline-block;
    margin:0 14px 0 0px;
}
span.blogCcat a{
    font-size: inherit;
    font-weight: inherit;
    color:inherit;
    font-family: inherit;
}
span.blogCcat a:hover{
    color: #FFF;
}
span.blogAuth {
    font-size: 14px;
    line-height: 1;
    color: #555555;
    font-weight: 700;
    font-family: var(--secondary-font);
    text-transform: uppercase;
    display: inline-block;
}
span.blogAuth a{
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
}
span.blogAuth a:hover{
    color: var(--primary-color);
}
.blogContent h2{
    font-size: 24px;
    font-weight: 700;
    color: var(--heading-color);
    line-height: 36px;
    letter-spacing: -0.24px;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.blogContent a{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color: inherit;
    display: inline-block;
}
.blogContent a:hover{
    color:var(--primary-color);
}
p.blogDesc{
    font-size: 14px;
    line-height: 24px;
    color: #d0d0d0;
    letter-spacing: -0.14px;
}
.boozyPagination {
    margin: 58px 0 0;
}

/*------------------------------------------------------
/ Footer Section STyle
/------------------------------------------------------*/
.about_widgetContent h4,
.fw_contactLabel {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: var(--heading-color);
    margin: 0 0 13px;
}
.about_widgetContent > a,
.fwContactEmail > a{
    position: relative;
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
    color: var(--heading-color);
    font-family: var(--secondary-font);
    text-decoration: none;
}
.about_widgetContent > a::after,
.fwContactEmail > a::after{
    position: absolute;
    content: "";
    bottom:-5px;
    left:0;
    width: 100%;
    height:3px;
    background-color: var(--primary-color);
}
.about_widgetContent > a:hover:after{
    -webkit-animation: borderHv 2s infinite;
            animation: borderHv 2s infinite;
}

@-webkit-keyframes borderHv {
    0% {
        width: 0%;
    }
    50%{
        width:100%;
        left: 0;
    }
    100% {
        width:0;
        left: 100%;
    }
}

@keyframes borderHv {
    0% {
        width: 0%;
    }
    50%{
        width:100%;
        left: 0;
    }
    100% {
        width:0;
        left: 100%;
    }
}
.aboutContent .boozyBTN i {
    font-size: 50px;
    color: #FFF;
}
.about_widgetContent > a:hover,
.fwContactEmail > a:hover{
    color: var(--primary-color);
}
.footer_section{
    background:#070707;
    padding: 105px 0px 85px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.fw_widgetTitle{
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    color: var(--heading-color);
    text-transform: capitalize;
    margin-bottom: 37px;
}
.aboutBoozy{
    position: relative;
}
.footer_logo {
    margin-bottom: 41px;
}
aside.aboutFooterNav{
    position: relative;
    padding-left: 5px;
}
.aboutFooterNav ul{
    margin:0;
    padding:0;
}
.aboutFooterNav ul li{
    list-style:none;
    line-height: 1;
}
.aboutFooterNav ul li:not(:last-child){
    margin-bottom: 20px;
}
.aboutFooterNav ul li a{
    font-size: 13px;
    line-height: 1;
    color: rgba(255,255,255,0.8);
    display: inline-block;
    font-weight: 400;
}
.aboutFooterNav ul li a:hover{
    color: var(--primary-color);
    margin-left: 3px;
}
aside.getInTouch {
    position: relative;
    padding-left: 5px;
}
.fContact_info {
    position: relative;
    top: 2px;
}
.fContact_info p{
    font-size: 13px;
    line-height: 18px;
    color: rgba(255,255,255,0.8);
    margin: 0 0 20px;
}
.fContact_info p:last-child{
    margin-bottom: 0;
}
.widget.newslatter p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.35px;
    color: rgba(255,255,255,0.8);
    margin: 0 0 24px;
}
aside.newslatter {
    position: relative;
    padding-left: 5.5px;
}
.footer_newslatter{
    position: relative;
}
.footer_newslatter > i {
    position: absolute;
    color: #070812;
    font-size: 16px;
    left: 13px;
    top: 11px;
}
.footer_newslatter input {
    width: 100%;
    height: 38px;
    font-size: 12px;
    line-height: 1;
    color: #707070;
    letter-spacing: -0.12px;
    font-family: var(--secondary-font);
    padding: 8px 39px;
    border: unset;
    outline: unset;
    box-shadow: unset;
}
.footer_newslatter button[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 38px;
    background: #ff5100;
    border: 1px solid transparent;
    outline: unset;
    text-align: center;
    padding: 5px  12px;
    font-size: 15px;
    color: #FFF;
    line-height: 1;
}
.footer_newslatter button[type="submit"]:hover{
    opacity: 0.8;
}

/*------------------------------------------------------
/ Footer SiteInfo STyle
/------------------------------------------------------*/
.siteInfoSection{
    padding: 34px 0 41px;
    background:#070707;
}
.siteInfo{
    margin: 0;
    font-size: 14px;
    color: #c4c5c7;
    letter-spacing: -0.35px;
    line-height: 18px;
}
.aboutFooterNav.inlineMenu > div{
    line-height: 1;
}
.aboutFooterNav.inlineMenu ul,
.footerInfoNav ul{ 
    margin:0;
    padding:0;
    text-align: end;
    line-height: 1;
}
.aboutFooterNav.inlineMenu ul li,
.footerInfoNav ul li{
    list-style: none;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0;
}
.aboutFooterNav.inlineMenu ul li a,
.footerInfoNav ul li a{
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #c4c5c7;
    letter-spacing: -0.35px;
    line-height: 18px;
    font-weight: 400;
    margin: 0 0 0 46px;
}
.aboutFooterNav.inlineMenu ul li:first-child a,
.footerInfoNav ul li:first-child a{
    margin: 0px;
}
.aboutFooterNav.inlineMenu ul li a:hover,
.footerInfoNav ul li a:hover{
    color: var(--primary-color);
}
.siteInfo a{
    color: inherit;
}
.siteInfo a:hover{
    color: var(--primary-color);
}
#backtotop {
    position: fixed;
    letter-spacing: 0;
    right: 35px;
    bottom: 35px;
    width: 48px;
    height: 48px;
    background: var(--primary-color);
    color: #FFF;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
    border-radius: 50%;
    -webkit-transform: scale(0);
    transform: scale(0) ;
    cursor: pointer;
    -webkit-animation: waveBtn 2.5s infinite;
            animation: waveBtn 2.5s infinite;
    overflow: hidden;
}
#backtotop.active {
    -webkit-transform: scale(1);
    transform: scale(1) ;
}
#backtotop.active i{
    position: relative;
    left:2px;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
}
#backtotop.active i {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-animation: updown 2.5s infinite;
            animation: updown 2.5s infinite;
    -webkit-animation-direction: revert;
            animation-direction: revert;
}
#backtotop.active:hover i{
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-animation: unset;
            animation: unset;
}
@-webkit-keyframes waveBtn {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 106, 0, 0.3)
    }
    25%{
        box-shadow: 0 0 0 0 rgba(255, 106, 0, 0.6)
    }
    50% {
        box-shadow: 0 0 0 40px transparent
    }
    100% {
        box-shadow: 0 0 0 0 transparent
    }
}
@keyframes waveBtn {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 106, 0, 0.3)
    }
    25%{
        box-shadow: 0 0 0 0 rgba(255, 106, 0, 0.6)
    }
    50% {
        box-shadow: 0 0 0 40px transparent
    }
    100% {
        box-shadow: 0 0 0 0 transparent
    }
}
@-webkit-keyframes updown{
    0%{
        -webkit-transform: translateY(30px);
                transform: translateY(30px);
    }
    10%{
        -webkit-transform: translateY(24px);
                transform: translateY(24px);
    }
    20%{
        -webkit-transform: translateY(18px);
                transform: translateY(18px);
    }
    30%{
        -webkit-transform: translateY(12px);
                transform: translateY(12px);
    }
    40%{
        -webkit-transform: translateY(6px);
                transform: translateY(6px);
    }
    50%{
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
    60%{
        -webkit-transform: translateY(-6px);
                transform: translateY(-6px);
    }
    70%{
        -webkit-transform: translateY(-12px);
                transform: translateY(-12px);
    }
    80%{
        -webkit-transform: translateY(-18px);
                transform: translateY(-18px);
    }
    90%{
        -webkit-transform: translateY(-24px);
                transform: translateY(-24px);
        opacity: .7;
    }
    100%{
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
        opacity: 0;
    } 
}
@keyframes updown{
    0%{
        -webkit-transform: translateY(30px);
                transform: translateY(30px);
    }
    10%{
        -webkit-transform: translateY(24px);
                transform: translateY(24px);
    }
    20%{
        -webkit-transform: translateY(18px);
                transform: translateY(18px);
    }
    30%{
        -webkit-transform: translateY(12px);
                transform: translateY(12px);
    }
    40%{
        -webkit-transform: translateY(6px);
                transform: translateY(6px);
    }
    50%{
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
    60%{
        -webkit-transform: translateY(-6px);
                transform: translateY(-6px);
    }
    70%{
        -webkit-transform: translateY(-12px);
                transform: translateY(-12px);
    }
    80%{
        -webkit-transform: translateY(-18px);
                transform: translateY(-18px);
    }
    90%{
        -webkit-transform: translateY(-24px);
                transform: translateY(-24px);
        opacity: .7;
    }
    100%{
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
        opacity: 0;
    }
}

/*------------------------------------------------------
/  02. Home 02
/------------------------------------------------------*/
/*--- Header02  ---*/
.header02{
    border: unset;
}
.header02 .logo {
    padding: 48px 0 39px;
}
.header02 .mainMenu {
    padding: 40px 0 0;
}
.headerOniAccess02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.header02 .mainMenu > ul > li > a:before{
    color: var(--primary-color);
}
.hdSupportBtn{
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: #FFF;
    font-family: var(--secondary-font);
    margin:-2px 38px 0 0;
    text-transform: uppercase;
}
.hdSupportBtn i{
    margin-right: 11px;
    font-size: 30px;
    position: relative; 
    top:7px;
    color:var(--primary-color);
}
.hdSupportBtn:hover{
    color: var(--primary-color);
}
.boozyGridMenu {
    position: relative;
    display: inline-block;
    margin: 29px 0 29px;
}
.header01 .boozyGridMenu {
    padding-left: 21px;
    border-left: 1px solid rgba(255,255,255,0.3);
    margin: 19px 0 ;
}
.boozyGridMenu a {
    position: relative;
    width: 63px;
    height: 63px;
    background: #212125;
    border-radius: 50%;
    border: unset;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.boozyGridMenu a span{
    position: relative;
    display: block;
    width: 26px;
    height: 1px;
    background: #FFF;
    border-radius: unset;
    outline:unset;
}
.boozyGridMenu a span:nth-child(1) {
    width: 18px;
    top: -5px;
    margin-right: -8px;
}
.boozyGridMenu a span:nth-child(2){
    top: 5px;
}
.boozyGridMenu a:hover span{
    background: var(--primary-color);
}

/*------------------------------------------------------
/ header02 .rightsidebar  
/------------------------------------------------------*/
.rightsidebar {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 99999;
}
.rightsidebarOverlay {
    position: fixed;
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    background: rgba(28, 32, 53, 0.7);
    z-index: 9994;
    cursor: url(../images/close.png), auto;
    -webkit-transition: all 0.3s ease-in 0.6s;
    -webkit-transition: all 0.3s ease-in 0.86s;
    transition: all 0.3s ease-in 0.86s;
}
.rightsidebar.active .rightsidebarOverlay {
    visibility: visible;
    right: 0;
    opacity: 1;
    -webkit-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}
.rightsidebarContent {
    max-width: 420px;
    height: 100%;
    z-index: 9996;
    padding: 60px 45px 60px 35px;
    overflow-y: auto;
    position: fixed;
    right: -100%;
    top: 0;
    background: #111111;
    opacity: 0;
    visibility: hidden;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
}
.wd_logo{
    margin: 0 0 41px;
}
.rightsidebar.active .rightsidebarContent {
    visibility: visible;
    right: 0;
    opacity: 1;
    -webkit-transition: all 0.3s cubic-bezier(0.9, 0.03, 0, 0.96) 0.3s;
    transition: all 0.3s cubic-bezier(0.9, 0.03, 0, 0.96) 0.3s;
}
.rightsidebarCloser {
    position: absolute;
    right: 45px;
    top: 58px;
    font-size: 20px;
    width: 45px;
    height: 45px;
    border: 2px solid rgba(255,255,255,0.2);
    border-radius: 50%;
    z-index: 99;
    line-height: 48px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
    -webkit-transition: transform 1050ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms;
    -webkit-transition: opacity ease 350ms, visibility ease 350ms, -webkit-transform 1050ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 350ms, visibility ease 350ms, -webkit-transform 1050ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 1050ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms;
    transition: transform 1050ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, -webkit-transform 1050ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.rightsidebarCloser span {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.rightsidebarCloser span:before {
    content: "";
    width: 2px;
    height: 100%;
    background: rgba(255,255,255,0.2);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.rightsidebarCloser span:after {
    content: "";
    width: 100%;
    height: 2px;
    background: rgba(255,255,255,0.2);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.rightsidebar.active .rightsidebarCloser {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.rightsidebarCloser:hover{
    border-color: var(--primary-color);
}
.rightsidebarCloser:hover span:before,
.rightsidebarCloser:hover span:after{
    background: var(--primary-color);
}

.rightsidebarContent::-webkit-scrollbar {
    width: 8px;
}
.rightsidebarContent::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.5);
}
.rightsidebarContent::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
}
.widget_area {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
}
.center_align,
.about_widget_area {
    height: 100%;
    width: 100%;
    position: relative;
}
.boozyBTN i {
    font-size: 53px;
    color: #FFF;
    display: inline-block;
    -webkit-transform: rotate(-46.97deg);
    transform: rotate(-46.97deg);
    top: 2px;
    position: relative;
}
.about_widget_area > p {
    font-size: 18px;
    line-height: 40px;
    font-weight: 400;
    color: #d0d0d0;
    letter-spacing: -0.18px;
    margin-bottom: 51px;
}
ul.social_item {
    position: absolute;
    bottom: 0;
    left: 0;
    list-style: none;
    padding: 0;
    margin: 60px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 30px;
    row-gap: 15px;
    z-index: 3;
}
ul.social_item li a {
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    color: #c4c5c7;
    letter-spacing: -0.35px;
    line-height: 18px;
    font-weight: 400;
    -webkit-column-gap: 6px;
       -moz-column-gap: 6px;
            column-gap: 6px;
}
ul.social_item li a i{
    font-size: 16px;
    color: var(--primary-color);
}
ul.social_item li a:hover {
    -webkit-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
    color: var(--primary-color);
}
.icon_box_2 {
    padding-left: 50px;
    position: relative;
    margin: 0 0 31px;
}
.icon_box_2 i {
    position: absolute;
    top: 6px;
    left: 0;
    font-size: 28px;
    color: var(--primary-color);
}
.icon_box_2 h4 {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: #FFF;
    font-family: var(--secondary-font);
    margin: 0px 38px 8px 0;
    text-transform: uppercase;
}
.icon_box_2 p ,
.icon_box_2 a{
    font-size: 13px;
    line-height: 18px;
    color: rgba(255,255,255,0.8);
    margin: 0 0 20px;
    font-family: var(--primary-font);
    display: inherit;
}
.icon_box_2 a:hover{
    color: var(--primary-color);
}
.icon_box_2 img {
    width: auto;
    height: 30px;
    position: absolute;
    top: 7px;
    left: 0;
}




/* Home Banner01 Static   */
.fiexdBanner_cont h2{
    text-align: left;
    line-height: 150px;
    letter-spacing: -1.5px;
    font-weight: 700;
    font-size: 150px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    margin-left: -1px;
}
.fiexdBanner_cont h2 span {
    padding-left: 103px;
}
.fiexdBanner_cont h2:nth-child(1){
    margin-bottom: 0;
}
.fiexdBanner_cont h2:nth-child(2){
    padding-left: 103px;
}
.fiexdBanner{
    position: relative;
    width: 100%;
    height: auto; 
    padding: 266px 0 263px;
    z-index: 2;
    background: #ff5100 ;
}
.fiexdBannerOverlay{
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/banner1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    z-index: -1;
    animation: shrink 10s infinite alternate;
}
@keyframes shrink {
    0% {
      background-size: 118% 118%;
    }
    100% {
      background-size: 100% 100%;
    }
}
.boozyBannerBtnArea {
    padding: 78px 0 0 108px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.boozyBannerBtnArea p {
    text-align: left;
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 24px;
    color: rgb(255, 255, 255);
    opacity: 1;
    padding: 12px 0 0 65px;
}
.boozyBannerBtnArea > a {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.fiexdBanner_cont {
    padding-left: 1px;
    max-width: 852px;
    width: 100%;
    margin: 0 auto;
}
#rev_slider_1 .boozyBTN span,
#rev_slider_2 .boozyBTN span{
    display: inline-block;
    line-height:1.1;
}
#rev_slider_1 .boozyBTN i,
#rev_slider_2 .boozyBTN i {
    font-size: 53px;
    color: #FFF;
    display: inline-block;
    -webkit-transform: rotate(-46.97deg);
    transform: rotate(-46.97deg);
    top: -6px;
    position: relative;
    left: -1px;
}
.fiexdBanner_cont .boozyBTN{
    row-gap: 3.5px;
}

/* Home Banner02 Static   */
.fiexdBanner02{
    position: relative;
    width: 100%;
    height: auto; 
    padding: 335px 0 243px;
    background: #111111 ;
    z-index: 2;
}
.fiexdBanner02 .fiexdBannerOverlay02{
    position: absolute;
    content:"";
    top:0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/banner2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    z-index: -1;
    animation: shrink 10s infinite alternate;
}
.fiexdBanner_cont02 h2 {
    letter-spacing: -1.5px;
    font-weight: 700;
    font-size: 100px;
    color: rgb(255, 255, 255);
    opacity: 1;
    text-transform: uppercase;
    z-index: 99;
}
.fiexdBanner_cont02 h2:nth-child(1){
    margin-bottom: 0;
}
.fiexdBanner02 h1.typeHeading {
    position: absolute;
    top: 217px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0px;
    padding: 0px;
    letter-spacing: -4.2px;
    font-weight: 500;
    font-size: 420px;
    line-height: 420px;
    color: rgb(255, 255, 255);
    opacity: 1;
    z-index: 1;
}
.boozyBannerBtnArea02 {
    padding: 87px 0 0 259px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.boozyBannerBtnArea02 p {
    text-align: left;
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 24px;
    color: rgb(255, 255, 255);
    opacity: 1;
    padding: 25px 30px 0 66px;
}
.boozyBannerBtnArea02 > a {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.fiexdBanner_cont02 {
    padding-left: 29px;
    max-width: 1071px;
    width: 100%;
    margin-left: auto;
    z-index: 99;
    position: relative;
}
.elementor-align-left .fiexdBanner_cont,
.elementor-align-left .fiexdBanner_cont02{
    margin-right: auto;
    margin-left: 0;
}
.elementor-align-left .fiexdBanner_cont02{
    margin-right: 0;
    margin-left: auto;
}
.elementor-align-center .fiexdBanner_cont,
.elementor-align-center .fiexdBanner_cont02{
    margin-right: auto;
    margin-left: auto;
}
.elementor-align-right .fiexdBanner_cont,
.elementor-align-right .fiexdBanner_cont02{
    margin-right: 0;
    margin-left: auto;
}
.elementor-align-right .fiexdBanner_cont02{
    margin-right: auto;
    margin-left: 0;
}
.boozyBannerBtnArea02 .boozyBTN i{
    top:5px;
}
.boozyBannerBtnArea02 .boozyBTN,
#rev_slider_2 .boozyBTN{
    --btnHoverColor: transparent;
    background: var(--primary-color);
    border-color: var(--primary-color);
}
.boozyBannerBtnArea02 .boozyBTN:hover,
#rev_slider_2 .boozyBTN:hover{
    background: transparent;
    border-color: #FFF;
}
/*--- Home 02 Banner   ---*/
.slider02{
    width: 100%;
    height: auto;
    position: relative;
}
#rev_slider_1.rev_slider audio, 
#rev_slider_1.rev_slider embed, 
#rev_slider_1.rev_slider iframe, 
#rev_slider_1.rev_slider object, 
#rev_slider_1.rev_slider video,
#rev_slider_2.rev_slider audio, 
#rev_slider_2.rev_slider embed, 
#rev_slider_2.rev_slider iframe, 
#rev_slider_2.rev_slider object, 
#rev_slider_2.rev_slider video{
    max-width: 100% !important;
    width: 100%;
    min-height: 100% !important;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
#rev_slider_2 .tp-bgimg.defaultimg:before{
    display:none;
}
.textPLayer,
.textLayer{
    position: relative;
    z-index: 3;
}
.typeHeading {
    text-transform: uppercase;
    letter-spacing: -4.2px !important;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFF;
    opacity: 0.1 !important;
    z-index: 1;
}
.typeHeading .Typewriter__cursor{
    opacity: 0.3;
}
/* client testimonial 02  */
.clientLogoGrid .col-xl-2-4,
.clientLogoGrid .col-lg-2-4,
.clientLogoGrid .col-md-2-4{
    width: 20%;
}
.clientTestimonial02 .owl-item{
    text-align: center;
}
.clientTestimonial02.owl-carousel .owl-stage{
    line-height: 1;
}
.clientTestimonial02.owl-carousel .owl-item{
    line-height: 0;
}
.slider01 li.tp-revslider-slidesli.defaultBg_overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--primary-color);
    z-index: 1;
    mix-blend-mode: multiply;
}
.slider01 li.tp-revslider-slidesli.defaultBg_overlay > *{
    z-index: 3 !important;
}

/*------------------------------------------------------
/ Home two About image  
/------------------------------------------------------*/
.aboutThumb_imges img{
    max-width: 100%;
    height: auto;
}
.abThumbImgcol01{
    margin-top: 118px;
    padding-right: 6.38px;
}
.abThumbImg01{
    position: relative;
    transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    overflow: hidden;
}
.abThumbImg01 img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.abThumbImgcol02 {
    padding-left: 24px;
    padding-right: 13px;
}
.abThumbImg02{
    position: relative;
    overflow: hidden;
    transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.abThumbImg02 img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.abThumbImg01:hover img,
.abThumbImg02:hover img{
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
	opacity: 1;
}
.bzImageFlash:hover Img{
	-webkit-animation:  bzflash 2s;
	animation: bzflash 2s;
}
@-webkit-keyframes bzflash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes bzflash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

/*--- about content  ---*/
.aboutContentColR {
    padding-left: 73px;
    background: #111111;
    z-index: 2;
    position: relative;
}
.aboutContentColR::after{
    content:"";
    position: absolute;
    top:0;
    left:50%;
    width: 100%;
    height: 100%;
    background: #111111;
    z-index: -1;
}
.aboutContent > h2 {
    font-size: 60px;
    line-height: 72px;
    font-weight: 400;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    margin-left: -170px;
    z-index: 5;
    position: relative;
    margin-bottom: 51px;
    padding: 34px 20px 0 0;
}
.abMark{
    color: var(--primary-color);
}
.aboutContent p {
    font-size: 18px;
    line-height: 40px;
    font-weight: 400;
    color: #d0d0d0;
    letter-spacing: -0.18px;
    margin-bottom: 19px;
}
.aboutContent .boozyBTN{
    width: 158px;
    height:158px;
    border-color: rgba(255, 255, 255, 0.2);
}
.serviceHd02Row{
    margin-bottom: 60px;
}
.serviceItem02 {
    padding: 37px 42px 58px 50px;
    background: #111111;
}
.serviceThumb02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.serThumbIim{
    height: 100px;
}
.serviceThumb02 img{
    max-width: 100%;
    height: auto;
    opacity: .3;
    transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    -moz-transition: all ease 350ms;
}
.serviceThumb02 > span{
    color: var(--primary-color);
    -webkit-text-fill-color: transparent; 
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--primary-color);
    display:inline-block;
    font-size: 150px;
    line-height: 1;
    font-weight: 700;
    font-family: var(--secondary-font);
    letter-spacing: -1.5px;
    top: -12px;
    position: relative;
    transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    -moz-transition: all ease 350ms;
}
.serviceItem02:hover img{
    opacity: 1;
}
.serviceItem02:hover .serviceThumb02 > span{
    color: #fff;
    -webkit-text-stroke-color: #fff;
}

.serviceContent02 h3 {
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: -0.3px;
    line-height: 48px;
    font-weight: 700;
    margin: -3px 0 26px;
}
.serviceContent02 a{
    font-size: inherit;
    line-height:inherit;
    font-weight: inherit;
    color: inherit;
    font-family: inherit;
}
.serviceContent02 a:hover{
    color: var(--primary-color);
}
.serviceContent02 p{
    font-size: 18px;
    letter-spacing: -0.18px;
    font-weight: 400;
    color: #d0d0d0;
    line-height:39px;
}



/*--- about preggress bare heading  ---*/
.abProggressHeading {
    font-size: 60px;
    line-height: 72px;
    font-weight: 400;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    padding-right: 50px;
    margin: 0;
}
.singleSkill{
    position: relative;
}
.skillWrap {
    height: 100%;
    position: absolute;
    width: 100%;
    background: transparent;
    overflow: hidden;
    bottom:0;
    left:0;
}
.singleSkill h3 {
    font-size: 24px;
    line-height: 1;
    color: #FFF;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 0 41px;
    position: relative;
    z-index:2;
}
.singleSkill span{
    font-size: 24px;
    line-height: 1;
    color: #FFF;
    font-weight: 400;
    color: #ff5100;
    font-family: var(--secondary-font);
    text-align: right;
    position: absolute;
    left: auto;
    right:0;
    z-index: 3;
}
.skill {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    z-index: 1;
}
.skill:after{
    position: absolute;
    content:"";
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background: #FFF;
}

/*------------------------------------------------------
/ Video play  
/------------------------------------------------------*/
.videoPlayWrapper01{
    padding: 280px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    overflow: hidden;
}
.videoPlayWrapper01:after{
    position: absolute;
    content: "";
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: url(../images/video_bg1.jpg)no-repeat scroll;
    background-size: cover;
    background-position: center center;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    transition: ease all 350ms;
    -moz-transition: ease all 350ms;
    -webkit-transition: ease all 350ms;
    z-index: -1;
}
.videoPlayWrapper01:hover:after{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
}
.videoPlayWrapper01 > span > a {
    display: none !important;
}
.playBTn01{
    width: 223px;
    height: 223px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 500%;
    border:1px solid transparent;
    background: #FFF;
    position: relative;
}
.playBTn01 i {
    font-size: 46px;
    color: var(--primary-color);
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
}
.playBTn01:hover i{
    color: #FFF;
}
.whPlayIcon {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.playBTn01:hover{
    box-shadow:inset 0 0 0 10em var(--primary-color);
    border-color: var(--primary-color);
}
.playBTn01:hover .whPlayIcon{
    z-index: 1;
    opacity: 1;
}
.playBTn01:hover img:first-child{
    opacity: 0;
}
.about_cusWidget h3{
    font-size: 90px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: -0.9px;
    color: var(--heading-color);
    font-family: var(--secondary-font);
    margin-bottom: 28px;
}
.about_cusWidget h3 span{
    color: var(--heading-color);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFF;
    display: inline-block;
    position: relative;
}



/*------------------------------------------------------
/  03. Home 03
/------------------------------------------------------*/
/*--- Header03  ---*/
.header03{
    border: unset;
}
.header03 .logo {
    padding: 48px 0 39px;
}
.headerOniAccess03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

/*--- banner03 ---*/
.banner03 {
    width: 100%;
    height: 1075px;
    position: relative;
    z-index: 2;
    /* background-color: #111111; */
    overflow: hidden;
}
.banner03:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 844px;
    height: 853px;
    background-image: url(../images/shape/pbs2.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: auto;
    background-position: center;
    z-index: -1;
    opacity: .5;
}
.banner03 .banner_content{
    text-align:center;
    padding-top: 268px;
}
.banner03 .banner_content h1 {
    font-size: 250px;
    color: #FFF;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -2.5px;
    margin: 0 0 64px 6px;
}
.banner03 .banner_content h1 span{
    color: #FFF;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #FFF;
    -webkit-text-stroke-width: 1px;
    padding: 0px;
}
.banner3_subHd{
    text-align:center;
    padding: 0 0 0 107px;
}
.banner3_subHd h3 {
    text-transform: uppercase;
    font-size: 100px;
    line-height: 120px;
    font-weight: 700;
    letter-spacing: -1px;
    display: inline-block;
    max-width: 700px;
    float: left;
    text-align: left;
    margin:0 26px 0 0;
}
.banner3_subHd .boozyBTN {
    position: relative;
    top: 40px;
}
.project_items03 {
    margin-bottom: 30px;
    position: relative;
    z-index: 9;
}
.project_thumb03{
    position: relative;
    overflow: hidden;
    padding-right: .5px;
}
.project_thumb03 img{
    max-width: 100%;
    height: auto;
    transition: linear .2s;
    -webkit-transition: linear .2s;
    -moz-transition: linear .2s;
}
.project_thumb03:hover img{
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
}
.project_thumb03 i {
    position: absolute;
    top: 49%;
    left: 50%;
    font-size: 169px;
    text-align: center;
    transform: translate(-50%, -50%) scale(0);
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    z-index: 2;
}
.project_thumb03:hover a i{
    transform: translate(-50%, -50%) scale(1)  rotate(-131deg);
    -webkit-transform: translate(-50%, -50%) scale(1) rotate(-131deg);
    -moz-transform: translate(-50%, -50%) scale(1) rotate(-131deg);
}
.project_thumb03 a{
    display: block;
    overflow: hidden;
    position: relative;
}
.project_thumb03 a:after{
    position: absolute;
    content:"";
    top:50%;
    left:50%;
    width: 101%;
    height:100%;
    background: rgba(255,81,0,0.3);
    z-index: 1;
    transform: translate(-50%, -50%) scale(0);
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.project_thumb03:hover a:after{
    transform:scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
}
.project_desc03{
    padding: 48px 0 0 ;
}
.project_thumb03 a{
    display: block;
    overflow: hidden;
}
.project_desc03 h3{
    font-size: 30px;
    line-height: 36px;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: -0.3px;
    margin: 0 0 9px;
}
.project_desc03 h3 a{
    display: inline-block;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color: inherit;
}
.project_desc03 a:hover{
    color: var(--primary-color);
}
.project_desc03 h4{
    font-size: 20px;
    line-height: 36px;
    font-weight: 400;
    font-family: var(--primary-font);
    color: #FFF;
    letter-spacing: -0.2px;
    text-transform: capitalize;
}
.project_desc03 h4 a{
    display: inline-block;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color: inherit;
}
.clientLogoGrid a.cleintLogo {
    min-height: 154px;
    height: 100%;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #070707;
    opacity: 1;
    position: relative;
    z-index: 9;
}
.clientLogoGrid a.cleintLogo:hover{
    opacity: 0.7;
}
.strokeText{
    color: #FFF;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width:1px;
    -webkit-text-stroke-color: #FFF;
}
.serviceItem03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 69px 0 100px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    position: relative;
    z-index: 9;
    opacity: 1;
    transform: translateZ(0);
    transition-timing-function: ease;
    transition-property: opacity,transform;
}

a.srv_globaLinks{
    display: block;
    width: 100%;
}
.serviceItem03:nth-child(3){
    padding:82px 0 102px;
}
.serviceContent03{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.serviceThumb03{
    -webkit-box-flex:0;
        -ms-flex:0 32%;
            flex:0 32%;
}
.serviceThumb03 img{
    opacity: 0.3;
}
.serviceContent03{
    -webkit-box-flex:0;
        -ms-flex:0 65%;
            flex:0 65%;
}
.serviceContent03 h3{
    -webkit-box-flex: 0;
        -ms-flex: 0 43%;
            flex: 0 43%;
    font-size: 30px;
    line-height: 48px;
    font-weight: 700;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    margin: -12px 0 0 0;
}
.serviceContent03 p {
    -webkit-box-flex: 0;
        -ms-flex: 0 57%;
            flex: 0 57%;
    font-size: 18px;
    line-height: 36px;
    font-weight: 400;
    letter-spacing: -0.18px;
    font-family: var(--primary-font);
    color: #d0d0d0;
    padding: 0 50px 0 0px;
    margin: -11px 0 0 0;
}
.serviceItem03Overlay{
    position: absolute;
    width: 321px;
    height: 221px;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: all linear .1s;
    transition: all linear .1s;
    z-index:-1;
    opacity: 0;
} 
@-webkit-keyframes BzrotateIn {
    0%{
        -webkit-transform: rotate(0) scale(.9);
                transform: rotate(0) scale(.9);
        opacity: 0.75;
    }100% {
        -webkit-transform: scale(1) rotate(360deg);
        transform: scale(1) rotate(360deg);
        opacity: 1;
    }
}
@keyframes BzrotateIn {
    0%{
        -webkit-transform: rotate(0) scale(.9);
                transform: rotate(0) scale(.9);
        opacity: 0.75;
    }100% {
        -webkit-transform:  rotate(360deg) scale(1);
        transform:rotate(360deg) scale(1) ;
        opacity: 1;
    }
}
  
.banner03::after{
    animation: BzrotateIn 30s linear .05s infinite;
}


/*------------------------------------------------------
/  04. About Page
/------------------------------------------------------*/
/*--- acordion ---*/
.boozyAcordion {
    padding: 16px 0 0 20px;
}
button.accordion-button {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
    font-family: var(--secondary-font);
    letter-spacing: -0.24px;
    line-height: 34px;
    padding: 0 0 31px 37px;
    border-bottom: 1px solid rgba(208,208,208,0.1);
    margin: 0px 0 25px;
}
.accordion-item:last-child button.accordion-button.collapsed{
    margin-bottom: 0px;;
}
button.accordion-button:after {
    content: '\e915';
    font-family: "Boozy";
    font-size: 23px;
    color: var(--primary-color);
    position: absolute;
    left: 0;
    top:1px;
    font-weight: 500;
}
.boozyAcordion .accordion-button:not(.collapsed):after{
    content: '\e914';
    font-size: 10px;
}
button.accordion-button:focus{
    border-color: rgba(208,208,208,0.1);
    box-sizing: unset;
}
.accordion-body {
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    font-family: var(--primary-font);
    color: #d0d0d0;
    letter-spacing: -0.14px;
    margin: -11px 0 20px;
}
/*------------------------------------------------------
/  05. Service Page
/------------------------------------------------------*/
.serThumbIim i{
    font-size: 100px;
    color: #FFF;
    opacity: .3;
}
.serviceItem02 .serThumbIim i{
    opacity: 0.3;
    transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    -moz-transition: all ease 350ms;
}
.serviceItem02:hover .serThumbIim i{
    opacity: 1;
}
.serviceAbout01Thumb{
    max-width: 100%;
    height: auto;
}
.elementor .serviceAbout01Thumb img,
.serviceAbout01Thumb img{
    max-width: unset;
    position: relative;
    right: 2px;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    -moz-transition: all ease 350ms;
}
.serviceAbout01Thumb img:hover{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
}

/*------------------------------------------------------
/ service pricing table  
/------------------------------------------------------*/
.srPricingItem {
    margin: 25px 22px 0 0;
    position: relative;
    z-index: 1;
}
.srPricingInnerItem {
    padding: 53px 59px 55px 49px;
    background: #070707;
}
.afOverlay {
    content: "";
    position: absolute;
    top: -25px;
    left: 29px;
    width: 98%;
    height: 100%;
    background: url(../images/2.jpg)no-repeat scroll;
    background-size: cover;
    background-position: center center;
    z-index: -1;
}
.srPricingInnerItem:after{
    position: absolute;
    content:"";
    top:0;
    left:0;
    width: 100%;
    height: 0;
    background: var(--primary-color);
    z-index: 1;
    transition: all ease .38s;
    -webkit-transition: all ease .38s;
    -moz-transition: all ease .38s;
    visibility: hidden
}
.srPricingHeading,
.srPricingBody,
.srPricingFooter{
    position: relative;
    margin:0;
    padding:0;
    z-index: 2;
}
.srPricingHeading {
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin: 0 0 34px;
}
.srPriceCat {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.48px;
    text-transform: uppercase;
    opacity: 0.09;
    margin: 0 0 32px;
}
.srPrice {
    font-size: 60px;
    font-weight: 700;
    color: #FFF;
    line-height: 1;
    letter-spacing: -0.60px;
    text-transform: capitalize;
    margin: 0 0 42px;
}
.srPrice span{
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    color: #FFF;
    line-height: 1;
    letter-spacing: -0.3px;
    font-family: var(--primary-font);
    position: relative;
}
.srPrice span:before {
    position: relative;
    content: "/";
    font-weight: 700;
    font-family: var(--secondary-font);
    margin: 0 6px 0 -4px;
}
ul.srServiceList{
    padding: 0;
    margin:0;
}
ul.srServiceList li {
    list-style: none;
    font-size: 18px;
    letter-spacing: -0.18px;
    font-weight: 400;
    line-height: 28px;
    font-family: var(--primary-font);
    margin-bottom: 17px;
    padding: 0 0 0 29px; 
    color: #FFF;
    position: relative;
}
ul.srServiceList li span{
    font-size: inherit;
    font-family: inherit;
    display: inline-block;
    color:inherit;
}
.srServiceList li i {
    position: absolute;
    top: 5px;
    left: 0;
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 900;
}
.srPricingFooter {
    padding: 25px 0 0;
}

.srPricingItem:hover .srPricingInnerItem:after{
    height: 100%;
    visibility: visible
 }
.srPricingItem:hover .srPricingInnerItem .srPriceCat{
   opacity: 1;
 }

.srPricingItem:hover .srPricingInnerItem .normalBTN{
   border-color: #FFF;
   color: #000;
   background: #FFF;
 }
 .srPricingItem:hover .srPricingInnerItem .srServiceList li i{
    color:#fff;
}
 .srPricingItem:hover .srPricingInnerItem .normalBTN:hover{
    color: var(--primary-color);
}


/*------------------------------------------------------
/  05.1. Service Single Page
/------------------------------------------------------*/
.serviceCat {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--primary-color);
    font-family: var(--secondary-font);
    letter-spacing: -0.24px;
    margin: 0 0 49px;
    line-height: 36px;
}
.serviceCat a{
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    font-family: inherit;
    display: inline-block;
}
.serviceCat a:hover{
    color: #FFF;
}
.srvDetailsAbContent h2 {
    font-size: 60px;
    font-weight: 400;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    line-height: 72px;
    margin: 0 0 54px;
}
.srvDetailsAbContent p{
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.18px;
    line-height: 40px;
    color: #d0d0d0;
}
.srvDetailsAbThumb {
    padding-left: 32px;
    text-align: left;
    position: relative;
    z-index: 1;
}
.srvDetailsAbThumb:after{
    position: absolute;
    content:"";
    width: 569px;
    height: 569px;
    top:-27px;
    right:0;
    left:auto;
    background: url(../images/shape/srv1.png)no-repeat scroll;
    background-position: top right;
    background-size: auto;
    z-index: -1;
    -webkit-animation: myZoomIn 10s infinite both;
            animation: myZoomIn 10s infinite both;
}
@-webkit-keyframes myZoomIn {
    0%{
        opacity: 0;
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        transform: scale3d(0.8, 0.8, 0.8);
        transition: linear .3s;
        -webkit-transition: linear .3s;
        -moz-transition: linear .3s;
      }
      20%{
          opacity: .8;
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
        transition: linear .3s;
        -webkit-transition: linear .3s;
        -moz-transition: linear .3s;
      }
      50% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        transition: linear .3s;
        -webkit-transition: linear .3s;
        -moz-transition: linear .3s;
      }
      70% {
          opacity: .8;
          -webkit-transform: scale3d(0.9, 0.9, 0.9);
          transform: scale3d(0.9, 0.9, 0.9);
          transition: linear .3s;
          -webkit-transition: linear .3s;
          -moz-transition: linear .3s;
      }
      90% {
          opacity: .8;
          -webkit-transform: scale3d(0.8, 0., 0.8);
          transform: scale3d(0.8, 0., 0.8);
          transition: linear .3s;
          -webkit-transition: linear .3s;
          -moz-transition: linear .3s;
      }
      100%{
          
          opacity: .5;
          -webkit-transform: scale3d(0.7, 0.7, 0.7);
          transform: scale3d(0.7, 0.7, 0.7);
          transition: linear .3s;
          -webkit-transition: linear .3s;
          -moz-transition: linear .3s;
      }
  }
  
@keyframes myZoomIn {
    0%{
        opacity: .6;
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        transform: scale3d(0.8, 0.8, 0.8);
        transition: linear .3s;
        -webkit-transition: linear .3s;
        -moz-transition: linear .3s;
      }
      20%{
          opacity: .8;
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
        transition: linear .3s;
        -webkit-transition: linear .3s;
        -moz-transition: linear .3s;
      }
      50% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        transition: linear .3s;
        -webkit-transition: linear .3s;
        -moz-transition: linear .3s;
      }
      70% {
          opacity: .8;
          -webkit-transform: scale3d(0.9, 0.9, 0.9);
          transform: scale3d(0.9, 0.9, 0.9);
          transition: linear .3s;
          -webkit-transition: linear .3s;
          -moz-transition: linear .3s;
      }
      90% {
          opacity: .8;
          -webkit-transform: scale3d(0.8, 0.8, 0.8);
          transform: scale3d(0.8, 0.8, 0.8);
          transition: linear .3s;
          -webkit-transition: linear .3s;
          -moz-transition: linear .3s;
      }
      100%{
          
          opacity: .5;
          -webkit-transform: scale3d(0.7, 0.7, 0.7);
          transform: scale3d(0.7, 0.7, 0.7);
          transition: linear .3s;
          -webkit-transition: linear .3s;
          -moz-transition: linear .3s;
      }
  }
.srvDetailsAbThumb img{
    max-width: 100%;
    height: auto;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    -moz-transition: all ease 350ms;
}
.srvDetailsAbThumb img:hover{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
}
.srvDetailsAbSingleItem{
    text-align: left;
    padding: 0 40px 0 0;
}
.srvDetailsAbSingleItem h3 {
    font-size: 30px;
    line-height: 48px;
    font-weight: 700;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    margin: 0 0 25px;
}
.srvDetailsAbSingleItem h3 a{
    color:inherit;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
}
.srvDetailsAbSingleItem h3 a:hover{
    color: var(--primary-color);
}
.srvDetailsAbSingleItem p,
.csStuInfoContent p {
    font-size: 18px;
    line-height: 40px;
    font-weight: 400;
    letter-spacing: -0.18px;
    color: #d0d0d0;
    margin: 0;
}


/*------------------------------------------------------
/  06. Career Page
/------------------------------------------------------*/
.boozyAcordion02 .accordion-button{
    display: unset;
    width: 100%;
}
.carAchievementList {
    font-size: 100px;
    font-weight: 700;
    line-height: 100px;
    font-family: var(--secondary-font);
    letter-spacing: -1px;
    position: relative;
    left: -4px;
}
.careerAChievementTitle h2 {
    font-size: 30px;
    line-height: 48px;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.careerAChievementTitle ul {
    padding: 0px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.careerAChievementTitle ul li{
    font-size: 16px;
    line-height: 36px;
    letter-spacing: -0.16px;
    font-family: var(--primary-font);
    font-weight: 400;
    color: #d0d0d0;
    padding: 0 26px 0 15px;
    position: relative;
}
.careerAChievementTitle ul li:after {
    position: absolute;
    content: "";
    top: 15px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--primary-color);
}
.careerAchievementDesc {
    font-size: 18px;
    line-height: 36px;
    font-weight: 400;
    letter-spacing: -0.18px;
    color: #d0d0d0;
    margin: -7px 0 0 1px;
    font-family: var(--primary-font);
}
.carAchievement_acordionBody {
    padding: 43px 0 0 2px;
    margin: 0 0 -10px;
}
.carAchievement_acordionBody h3 {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: -0.2px;
    line-height: 48px;
    margin: 0 0 10px;
}
.carAchievement_acordionBody p{
    font-size: 18px;
    line-height: 36px;
    font-weight: 400;
    letter-spacing: -0.18px;
    color: #d0d0d0;
    margin: 0 0 34px;
}
.carAchievement_acordionBody p b
.boozyAcordion02 .accordion-item:first-child{
    border-top: 1px solid rgba(255,255,255,0.2);
}
.boozyAcordion02 .accordion-item {
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding: 48px 0 60px;
}
.carAchievement_acordionBody .boozyLinkBTN{
    padding: 0px;
}
.carAchievement_acordionBody .boozyLinkBTN i {
    font-size: 25px;
    top:0;
}
.boozyAcordion02 .accordion-button:not(.collapsed):after {
    position: absolute;
    content: '\e914';
    font-family: 'Boozy';
    right: 16px;
    left: auto;
    top: 40px;
    font-size: 10px;
    color: var(--primary-color);
    top: 28px;
}
.boozyAcordion02 .accordion-button:after {
    content: '\e915';
    font-family: "Boozy";
    font-size: 23px;
    color: var(--primary-color);
    position: absolute;
    left: auto;
    right: 1px;
    top: 28px;
}

/*------------------------------------------------------
/  07. Case Study Page
/------------------------------------------------------*/
.caseStudyInfoItem{
    position: relative;
}
.caseStudyInfoItem h3,
.csStuInfoContent h2{
    font-size: 30px;
    line-height: 48px;
    font-weight: 700;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    margin: 0 0 4px;
}
.caseStudyInfoItem p {
    font-size: 18px;
    line-height: 36px;
    font-weight: 400;
    letter-spacing: -0.18px;
    color: #d0d0d0;
    margin: 0;
}
.csStuInfoThumb{
    position: relative;
}
.csStuInfoThumb img{
    max-width: 100%;
    height: auto;
}
/*------------------------------------------------------
/  08. Blog Page
/------------------------------------------------------*/
/* blog Widget  */
.widgetTitle{
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    color:#FFF;
    text-transform: capitalize;
}
.searchForm .form-group{
    position: relative;
}
.wp-block-search .wp-block-search__input, 
.searchForm .form-group input {
    position: relative;
    height: 50px;
    background: #1d1d1d;
    border: unset;
    box-shadow: unset;
    outline: unset;
    line-height: 50px;
    color: #FFF;
    padding: 13px 57px 10px 15px;
    font-size: 12px;
    font-weight: 700;
    font-family: var(--secondary-font);
}
.searchForm .form-group input::-webkit-input-placeholder{
    color: #FFF;
}
.searchForm .form-group input::-moz-placeholder{
    color: #FFF;
}
.searchForm .form-group input:-ms-input-placeholder{
    color: #FFF;
}
.searchForm .form-group input::placeholder{
    color: #FFF;
}
.wp-block-search .wp-block-search__button,
.searchForm .form-group button[type="submit"] {
    width: 55px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    border: unset;
    outline: unset;
    background: transparent;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 900;
    z-index: 1;
}
.wp-block-search .wp-block-search__button:after,
.searchForm .form-group button[type="submit"]:after{
    position: absolute;
    content:"";
    top:0;
    right:0;
    width:0;
    height:100%;
    background:var(--primary-color);
    transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    -moz-transition: all ease 250ms;
    z-index: -1;
}
.wp-block-search .wp-block-search__button:hover:after,
.searchForm .form-group button[type="submit"]:hover:after{
    width: 100%;
    border-radius: inherit;
}
.wp-block-search .wp-block-search__button:hover,
.searchForm .form-group button[type="submit"]:hover i{
    color: #FFF;
}
.widget .latestPost {
    padding: 0 35px 0 100px;
    min-height: 80px;
    position: relative;
    line-height: 1;
}
.widget .latestPost img{
    position: absolute;
    max-width: 80px;
    height: auto;
    left:0;
    top:0;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    -moz-transition: all ease 250ms;
}
.widget .latestPost:hover img{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
}
.latestPost h4 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    font-family: var(--secondary-font);
    position: relative;
    top: 2px;
    margin: 0 0 18px;
}
.latestPost h4 a{
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
}
.latestPost h4 a:hover{
    color: var(--primary-color);
}
.latestPost .blDate{
    font-size: 12px;
    line-height: 18px;
    color: #555555;
    font-weight: 700;
    font-family: var(--secondary-font);
    display: inline-block;
}
.latestPost .blDate i {
    font-size: 12px;
    color: var(--primary-color);
    margin: 0 5px 0 0;
}
.latestPost:not(:last-child){
    margin-bottom: 30px;
}
.postCategorys {
    padding: 0;
    margin: 0;
    list-style: none;
}
.postCategorys li{
    position: relative;
}
.boozy_category .postCategorys li{
	padding: 0;
}
.postCategorys li:not(:last-child){
    margin-bottom: 6px;
}
.postCategorys li a {
    padding: 5px 0 6px 31px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--secondary-font);
    font-weight: 400;
    text-transform: capitalize;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    line-height: 1;
    color: #FFF;
}
.postCategorys li a i{
    position: absolute;
    top: 11px;
    left: 1px;
    width: 100%;
    font-size: 10px;
    display: inline-block;
    color: var(--primary-color);
}
.postCategorys li a span {
    display: inline-block;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    font-weight: 700;
    top: 5px;
    position: relative;
    background: rgba(255, 255, 255, 0.1);
    transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    -moz-transition: all ease 350ms;
}
.postCategorys li a:hover{
    color: var(--primary-color);
}
.postCategorys li a:hover span{
    background: var(--primary-color);
    color: #FFF;
}
.latest_post_widget h2 {
    margin-bottom: 34px;
}
.post_category_widget h2 {
    margin-bottom: 33px;
}
.widget.blogTag_widget h2 {
    margin: 0 0 36px;
}
.blogPostStatic .wp-block-tag-cloud,
.widget .blogTagItems,
.tagcloud{
    padding: 0 ;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    row-gap:10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.blogPostStatic .wp-block-tag-cloud a, 
.widget .blogTagItems a,
.tagcloud a {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Manrope', sans-serif;
    text-transform: capitalize;
    color: #fff;
    background: rgba(255,255,255,0.1);
    border-radius: 5px;
    padding: 0 21px;
    height: 32px;
    line-height: 31px;
}
.blogPostStatic .wp-block-tag-cloud a,
.tagcloud a{
    font-size: 14px !important;
}
.blogPostStatic .wp-block-tag-cloud a:hover,
.widget .blogTagItems a:hover,
.tagcloud a:hover{
    background: var(--primary-color);
}
.blogPostStatic .wp-block-tag-cloud a{
    margin:0;
}

/*--- blogcontent ---*/
.blogContent02 {
    position: relative;
    padding: 0 0 0 36px;
}
.blogListViewRow.blogHasNotThumb .blogContent02{
    padding-left: 0;
}
.blogContent02 .blogMata{
    top:-3px;
    margin: 0 0 16px;
}
.blogContent02 .blogCcat{
    margin: 0 11px 0 0px;
}
.blogContent02 h2 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.24px;
    font-weight: 700;
    color: var(--heading-color);
    margin: 0 0 28px;
    text-transform: uppercase;
}
.blogContent02 h2 a{
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    font-family: inherit;
}
.blogContent02 h2 a:hover{
    color: var(--primary-color);
}
.blogContent02 p.blogDesc {
    margin: 0 0 20px;
}
.blogContent02 .boozyLinkBTN i{
    font-size: 17px;
    top:1px;
}

.blogGridView .blogContent02{
    padding: 33px 33px 0 0;
}
.blogGridRow{
    padding: 0 0 41px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin: 0 0 55px;
}
.blDetailsNoSidebar .singleImgThumb img,
.blGridNoSidebar .blogImgThumbnail img,
.blListNoSidebar .blogImgThumbnail img{
    width: 100%; 
    height: auto;
}
.blogContent02 .iconWrapper.parallax-wrap {
    width: 30px;
    height: 30px;
    margin-left: 4px;
}
.blogContent02 .button-icon.parallax-element {
    width: 30px;
    height: 30px;
}
.blogContent02 .boozyLinkBTN:after{
    bottom: -3px;
}

.blogSidebarCol{
    padding-left: 16.5px;
}

.blogImgThumbnail {
    position: relative;
    text-align: right;
    padding: 0 0 0 0;
}
.blogImgThumbnail img {
    max-width: 100%;
    height: auto;
}
.blPostDate {
    position: absolute;
    top: 23px;
    right:0;
    padding: 0px 15px 1px;
    background: #111111;
    text-align: left;
}
.blPostDay {
    font-size: 60px;
    font-weight: 700;
    font-family: var(--secondary-font);
    line-height: 1;
    opacity: .3;
    letter-spacing: -0.6px;
    position: relative;
    top: 1px;
}
.blPostMonth {
    font-family: var(--secondary-font);
    font-weight: 400;
    font-size: 24px;
    line-height: 26px;
    text-transform: uppercase;
    display: inline-block;
    color: #FFF;
    position: relative;
    top: -2px;
    margin: 0 0 0 2px
}
.blogListViewRow{
    padding: 31px 0 41px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.blogListViewRow:first-child{
    padding-top: 0px;
}
.blogListViewRow:last-child{
    border: none;
    padding-top: 38px;
}
.boozyPagination .nav-links,
.boozyPagination {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
}
.boozyPagination .nav-links a,
.boozyPagination .nav-links span,
.boozyPagination .page-numbers{
    min-width: 41px;
    min-height: 41px;
    padding: 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background:rgba(255,255,255,0.1);
    font-size: 18px;
    font-weight: 400;
    color: #FFF;
}
.boozyPagination .nav-links span.current,
.boozyPagination .nav-links span:hover,
.boozyPagination .nav-links a:hover,
.boozyPagination .page-numbers:hover,
.boozyPagination .page-numbers.current{
    color: #FFF;
    background: var(--primary-color);
}
.boozyPagination .nav-links i,
.boozyPagination i{
    font-size: 10px;
}
.blogGridPagination{
    margin: 45px 0 0;
}
/*------------------------------------------------------
/  08.1. Blog Single Page
/------------------------------------------------------*/
.blogDetails{
    position: relative;
}
.singleImgThumb {
    position: relative;
}
.singleImgThumb img{
    max-width: 100%;
    height: auto;
}
.singleImgThumb .blPostDate{
    right: auto;
    left: -4px;
    top:-7px;
}
.postMeta {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    line-height: 1;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-transform: uppercase;
    font-family: var(--secondary-font);
    font-weight: 700;
    margin: 0 0 25px;
}
.post_cat{
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: var(--primary-color);
    margin: 0 18px 0 0;
    letter-spacing: -0.14px;
}
.post_cat a,
.postAuthor a{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color: inherit;
}
.post_cat span{
    padding: 0 3px;
}
.post_cat a:hover{
    color: #FFF;
}
.postAuthor,
.postComment,
.postDate,
.postMeta .boozyViewCount {
    position: relative;
    font-size: 14px;
    line-height: 28px;
    font-weight: 700;
    color: #555555;
    letter-spacing: -0.14px;
}
.postAuthor a:hover{
    color: var(--primary-color)
}
.postAuthor{
    margin: 0 23px 0 0;
}
.post_title{
    position: relative;
}
.post_title h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.24px;
    margin: 0 0 26px;
}
.post_title h2 a{
    line-height: inherit;
    color:inherit;
    font-weight: inherit;
}
.postContent p {
    font-size: 14px;
    color: #d0d0d0;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.14px;
    font-family: var(--primary-font);
}
blockquote,
.wp_blockQuote {
    margin: 0;
    padding: 35px 60px 30px 120px;
    position: relative;
    display: block;
    min-height: 128px;
}
blockquote:before,
.wp_blockQuote::before {
    position: absolute;
    content: '\e90c';
    font-family: 'Boozy';
    font-size: 81px;
    line-height: 1;
    color: #FFF;
    opacity: .3;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 20px;
    left: 0;
}
blockquote p,
.wp_blockQuote p{
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #FFF;
    letter-spacing: -0.2px;
    font-family: var(--primary-font);
    display: inline-block;
}   
.postTags{
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 13px;
       -moz-column-gap: 13px;
            column-gap: 13px;
    row-gap: 13px;
}
.postTags a {
    display: inline-block;
    border: 1px solid rgba(206,206,206,0.1);
    border-radius: 4px;
    padding: 0px 14px;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Manrope', sans-serif;
    color: #cecece;
    height: 27px;
    line-height: 25px;
    background: transparent;
}
.postTags a:hover{
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: #FFF;
}
.postSocialShare {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 9px;
       -moz-column-gap: 9px;
            column-gap: 9px;
    row-gap: 9px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.postSocialShare a {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: transparent;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    line-height: 34px;
}
.postSocialShare .fac{
    background: rgba(52,82,207,1);
}
.postSocialShare .fac:hover{
    background: rgba(52,82,207,0.7);
}
.postSocialShare .twi{
    background: rgba(57,172,241,1);
}
.postSocialShare .twi:hover{
    background: rgba(57,172,241,0.7);
}
.postSocialShare .pin{
    background: rgba(213,68,67,1);
}
.postSocialShare .pin:hover{
    background: rgba(213,68,67,0.7);
}

.postNavigationRow {
    position: relative;
    padding: 31px 40px;
    background: #1d1d1d;
}
.postNavigationItem {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 8px 55px 3px 0;
}
.postNavigationItem > i {
    font-size: 10px;
    color: var(--primary-color);
    margin: 0 19px 0 0;
    position: relative;
    top: -6px;
}
.elementor .postNavigationItem img,
.postNavigationItem img{
    width: 74px;
    height: 74px;
    border-radius: 50%;
    margin: 0 15px 0 0;
}
.postNavTitleDate {
    position: relative;
    line-height: 1;
}
.postNavTitleDate h3 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    color: var(--heading-color);
    position: relative;
    left: 2px;
    margin: 0 0 7px;
    transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    -moz-transition: all ease 350ms;
}
.postNavTitleDate .blPDate {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    color: #555555;
    display: inline-block;
    font-family: var(--secondary-font);
}
.postNavTitleDate .blPDate i {
    margin: 0px 6px 0 0;
    font-size: 12px;
    color: var(--primary-color);
}
.postNavigationItem:hover h3{
    color: var(--primary-color);
}

.postNavNextItem{
    padding: 8px 0 3px 55px;
}
.postNavNextItem .postNavTitleDate {
    text-align: right;
}
.postNavNextItem i {
    margin: 0 0 0 19px ;
}
.elementor .postNavNextItem img,
.postNavNextItem img {
    margin: 0 0 0 15px;
}
.postNavigationRow .col-md-6{
    position: relative;
}
.postNavigationRow .col-md-6:first-child:after{
    position: absolute;
    content:"";
    position: absolute;
    top:0;
    right:0;
    width:1px;
    height: 100%;
    background: rgba(255,255,255,0.2);
}


/* Postcoment arrea  */
.commentHeading.cm01 {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.6px;
    line-height: 30px;
    margin: 0 0 32px;
}
.sic_comments .sicc_list{
    margin: 0 0 61px;
}
.sicc_list,
.sicc_list .children {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sicc_list .children{
    padding: 0 0 0 100px;
}
.comment-body {
    position: relative;
    padding: 0 0 0 125px;
    margin: 0 0 33px;
}
.elementor .comment-body > img, .comment-body > img {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 4px;
    top: 10px;
    border-radius: 50%;
}
.postCmntAuthor {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin: 0 0 2px;
}
.cm_author {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -0.4px;
    text-transform: capitalize;
    font-weight: 700;
    margin: 0 13px 0 0;
}
.postCmntAuthor span {
    font-size: 11px;
    line-height: 30px;
    letter-spacing: -0.275px;
    text-transform: capitalize;
    font-weight: 400;
    color: #d0d0d0;
    font-family: var(--primary-font);
}
.commentContent p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.14px;
    font-family: var(--primary-font);
    margin: 0;
}
.postCommetnListBox {
    width: 88%;
}
.comment-reply-link {
    font-size: 13px;
    font-weight: 600;
    color: #d54403;
    text-transform: capitalize;
    font-family: var(--primary-font);
    line-height: 1;
    position: relative;
    top: -1px;
}
.commentHeading02 {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.6px;
    line-height: 30px;
    margin: 0 0 15px;
}
p.commentDesc {
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    font-family: 'Manrope', sans-serif;
    margin: 0 0 37px;
    line-height: 1;
}
.commentForm input,
.commentForm textarea{
    border:none;
    outline: none;
    box-shadow: none;
    background: rgba(255,255,255,0.1);
    padding: 0 19px;
    font-size: 13px;
    font-family: var(--primary-font);
    font-weight: 400;
    color: #FFF;
    margin: 0 0 30px;
}
.commentForm input {
    height: 50px;
    line-height: 50px;
}
.commentForm input::-webkit-input-placeholder,
.commentForm textarea::-webkit-input-placeholder{
    color: #FFF;
}
.commentForm input::-moz-placeholder,
.commentForm textarea::-moz-placeholder{
    color: #FFF;
}
.commentForm input:-ms-input-placeholder,
.commentForm textarea:-ms-input-placeholder{
    color: #FFF;
}
.commentForm input::placeholder,
.commentForm textarea::placeholder{
    color: #FFF;
}
.commentForm textarea{
    height: 102px;
    resize: none;
    padding: 9px 19px;
    line-height: 24px;
}
.commentSubmit.solidBTn{
    height: 50px;
    min-width: 168px;
    font-size: 16px;
    color: #FFF;
    font-weight: 700;
    padding: 0 20px;
    margin: 5px 0 0;
}
.commentSubmit.solidBTn:after{
    background-color: var(--primary-color);
}
.commentSubmit.solidBTn:before{
    background-color: #FFF;
}
.commentSubmit.solidBTn:hover{
    color: var(--primary-color);
}
.commentForm .col-md-12{
    line-height: 1;
}
.sicc_list li > ol li> ol.children {
    padding: 0 0 0 50px;
}


/*------------------------------------------------------
/  09. Portfolio 01 Page
/------------------------------------------------------*/
.portfolioCarItam {
    position: relative;
    max-width: 100%;
}
.elementor .portfolioCarItam img,
.portfolioCarItam img {
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: inherit;
}
.portfolioCarItam .portfolioInfoPP_item {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 100px 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.portFolioInfo {
    position: relative;
    opacity: 0;
    visibility: hidden;
    transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    -moz-transition: all ease 350ms;
}
.portFolioInfo i {
    font-size: 55px;
    color: #FFF;
    position: relative;
    display: inline-block;
    margin: 0 0 10px;
    left: -4px;
}
.portfolioCarItam:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fe0000;
    mix-blend-mode: multiply;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: linear .3s;
    transition: linear .3s;
}
.portfolioCarItam:hover:before,
.portfolioCarItam:hover .portFolioInfo{
    opacity: 1;
    visibility:visible;
}
.fInfoCopyright4{
    font-size: 14px;
    font-weight: 400;
    font-family: var(--primary-font);
    letter-spacing: -0.35px;
    color: rgba(196,197,199, 0.4);
    padding-left: 9px;
    margin: 0;
    line-height: 18px;
}
.fInfoCopyright4 a{
    color:rgba(196,197,199, 0.4);
    display: inline-block;
}
.fInfoCopyright4 a:hover{
    color: var(--primary-color);
}
.footerInfoSocial{
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 10px;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
}
.footerInfoSocial a{
    position: relative;
    width: 36px;
    height: 36px;
    background: rgba(196,197,199, 0.1);
    color: #FFF;
    border-radius: 50%;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.footerInfoSocial a:hover{
    background: var(--primary-color);
}


/*------------------------------------------------------
/  10. Portfolio 02 Page
/------------------------------------------------------*/
.portfolio02Link{
    position: relative;
    display: block;
}
.portFolioInfo02{
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    height: auto;
    background: transparent;
    padding: 0 0 147px;
    opacity: 0;
    visibility: hidden;
    transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    -moz-transition: all ease 350ms;
}
.portFolioInfo02 h3 {
    font-size: 48px;
    font-weight: 500;
    color: var(--heading-color);
    line-height: 1.1;
    letter-spacing: -0.48px;
    text-transform: uppercase;
    margin: 0 0 9px;
    transform: translate(80px, 90px);
    transition: all ease-in 0.4s;
    opacity: 0;
    visibility: hidden;
}
.folioSlider04 .owl-item.active.center .portFolioInfo02 h3{
    transform: translate(0, 0);
    transition: all ease-in 0.4s;
    opacity: 1;
    visibility: visible;
}
.portFolioInfo02 h4{
    font-size: 24px;
    font-weight: 400;
    color: #FFF;
    line-height: 36px;
    letter-spacing: -0.24px;
    text-transform: capitalize;
    font-family: var(--primary-font);
    margin:0;
    transform: translate(90px, 110px);
    transition: all ease-in 0.5s;
    opacity: 0;
    visibility: hidden;
}
.folioSlider04 .owl-item.active.center .portFolioInfo02 h4{
    transform: translate(0, 0);
    transition: all ease-in 0.5s;
    opacity: 1;
    visibility: visible;
}
.portFolioInfo02 i {
    text-align: center;
    font-size: 141px;
    color: #FFF;
    display: block;
    padding-left: 132px;
    position: relative;
    top:29px;
    visibility: hidden;
    opacity: 0;
    transform: scale(0.4);
    transition: all ease-in 0.35s;
}
.folioSlider04 .owl-item.active.center .portFolioInfo02 i{
    transform: scale(1);
    transition: all ease-in 0.35s;
    opacity: 1;
    visibility: visible;
}
.portfolioCarItam02.slick-active.slick-center .portFolioInfo02{
    opacity: 1;
    visibility: visible;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.slick-slider div { transition: none; }

/*--- slick slider ---*/
.protfolioCarousel02{
    position: relative;
}
.protfolioCarousel02.slick-slider {
    margin-bottom: 0px;
}
.portfolioCarItam02 {
    position: relative;
}
.portfolioCarItam02.slick-slide{
    margin: 0 89px;
}
.protfolioCarousel02 .slick-slide img{
    width: 100%;
}
.portfolioCarItam02 .portfolio02Link{
    margin: 0 56px;
}
.portfolioCarItam02.slick-active.slick-center .portfolio02Link{
    padding-left: 112px;
    padding-right: 0px;
    margin:0px;
}
.protfolioCarousel02 button.slide-arrow{
    position: absolute;
    top:50%;
    left:0;
    border:none; 
    outline:none;
    box-shadow: none;
    width: 40px;
    height: 40px;
    border-radius: 0;
    background: #111111;
    z-index: 3;
    line-height: 46px;
}
.protfolioCarousel02 button.prev-arrow{
    right:auto;
    left:0;

}
.protfolioCarousel02 button.next-arrow{
    left: auto;
    right: 0;
}
.protfolioCarousel02 button.slide-arrow i{
    font-size: 20px;
    font-weight: 500;
    color: #FFF;
}
.protfolioCarousel02 ul.slick-dots {
    position: absolute;
    left:0;
    bottom: -30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    list-style: none;
    border: none;
    outline: none;
    width: 100%;
    margin: 0px;
    line-height: 1;
    -webkit-column-gap: 18px;
       -moz-column-gap: 18px;
            column-gap: 18px;
}
.protfolioCarousel02 ul.slick-dots li{
    line-height: 1;
}
.protfolioCarousel02 ul.slick-dots li button {
    outline: none;
    font-size: 0;
    width: 47px;
    height: 11px;
    background: transparent;
    margin: 0;
    line-height: 1;
    padding: 0px;
    border: 1px solid #FFF;
}
.protfolioCarousel02 ul.slick-dots li.slick-active button{
    background: #FFF;
}

/*------------------------------------------------------
/  11. Contact Page
/------------------------------------------------------*/
.contactInfoItem{
    position: relative;
}
.contactInfoItem h4 {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: -0.18px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 19px;
}
.contactInfoItem ul{
    padding: 0;
    margin:0;
    list-style: none;
}
.contactInfoItem ul li{
    font-size: 18px;
    letter-spacing: -0.18px;
    color: #d0d0d0;
    font-weight: 400;
    line-height: 30px;
    font-family: var(--primary-font);
}

#contactForm input:not([type="checkboax"], [type="radio"], [type="submit"]), #contactForm textarea, #contactForm select {
    border: 3px solid rgba(255,255,255,0.1);
    width: 100%;
    height: 70px;
    line-height: 64px;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--primary-font);
    color: #FFF;
    background: transparent;
    padding: 0 30px;
    margin: 0 0 28px;
}
#contactForm input::-webkit-input-placeholder, #contactForm textarea::-webkit-input-placeholder{
    color: #FFF;
}
#contactForm input::-moz-placeholder, #contactForm textarea::-moz-placeholder{
    color: #FFF;
}
#contactForm input:-ms-input-placeholder, #contactForm textarea:-ms-input-placeholder{
    color: #FFF;
}
#contactForm select option{
    color: var(--dark-color);
    padding: 0 15px;
}
#contactForm select {
    appearance: none;    
    -moz-appearance: none;
    background-image: url(../images/down-arrow.png);
    background-position: calc(100% - 30px) center;
    background-repeat: no-repeat;
    line-height: 1;
    cursor: pointer;
}
#contactForm input::placeholder, #contactForm textarea::placeholder, #contactForm select::placeholder{
    color: #FFF;
}
#contactForm textarea {
    resize: none;
    height: 260px;
    line-height: 30px;
    padding: 17px 30px;
    margin: 0 0 18px;
}
#contactForm button[type="submit"]{
    min-width: 258px;
    height: 70px;
    font-size: 18px;
    font-weight: 700;
    color: #FFF;
}
#contactForm button[type="submit"]::after{
    background: var(--primary-color);
}

#contactForm button[type="submit"]:hover{
    color: #000;
}
#contactForm button[type="submit"]:hover:before{
    background: #FFF;
}

.contact-form .wpcf7-list-item {
    margin: 0 28px 0 0;
}
.contact-form .wpcf7-form-control.wpcf7-checkbox,
.contact-form .wpcf7-form-control.wpcf7-radio {
    display: block;
    margin: 0 0 20px;
}

.contact-form .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"],
.contact-form .wpcf7-form-control.wpcf7-radio input[type="radio"] {
    opacity: 0;
    visibility: hidden;
    width: 0 !important;
    height: 0 !important;
    position: absolute;
}

.contact-form .wpcf7-form-control.wpcf7-checkbox label,
.contact-form .wpcf7-form-control.wpcf7-radio label {
    position: relative;
    padding: 0 0 0 24px;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--primary-font);
    color: #FFF;
    line-height: 1;
    cursor: pointer;
}

.contact-form .wpcf7-form-control.wpcf7-checkbox label span:before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 0;
    border: 1px solid rgba(255,255,255,0.1);
    position: absolute;
    left: .5px;
    top: 1px;
    font-size: 12px;
    color: #d4d5d6;
    line-height: 14px;
    text-align: center;
    padding: 0;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.contact-form .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"]:checked+span:before {
    content: "\ec88";
    color: var(--primary-color);
    border-color: var(--primary-color);
    font-family: "Boozy";
    font-weight: 500;
}

.contact-form .wpcf7-form-control.wpcf7-radio label span:before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 0;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.contact-form .wpcf7-form-control.wpcf7-radio input[type="radio"]:checked+span:after {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    left: 4px;
    top: 4px;
    background: var(--primary-color);
    border-color: var(--primary-color);
}
.contact-form .wpcf7-form-control.wpcf7-radio input[type="radio"]:checked+span:before{
    border-color: var(--primary-color);
}
.contact-form .wpcf7-not-valid-tip {
    display: none !important;
}
.contact-form input.wpcf7-not-valid:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
.contact-form textarea.wpcf7-not-valid,
.contact-form select.wpcf7-not-valid {
    border-color: #dc3232;
}


.contact-form form input[type="submit"] {
    min-width: 258px;
    height: 70px;
    font-size: 18px;
    font-weight: 700;
    color: #FFF;
    padding: 0 43px;
    text-transform: uppercase;
    font-family: var(--secondary-font);
    position: relative;
    z-index: 1;
    border: none;
    outline: none;
    box-shadow: none;
    background: var(--primary-color);
    transition: .3s linear;
    -webkit-transition: .3s linear;
}
.contact-form form input[type="submit"]:hover {
    background: #FFF;
    color: #000;
}

.mc4wp-response .mc4wp-alert.mc4wp-error p{
    font-size: 15px;
    line-height: 21px;
    margin: 15px 0 0;
    padding: 7px 15px;
    border: 2px solid #ffb900
}
.mc4wp-response .mc4wp-alert.mc4wp-error p a{
    font-size: inherit;
    line-height: inherit;
    color:#3482ff ;
}
.mc4wp-response .mc4wp-alert.mc4wp-error p a:hover{
    color:#3482ff;
    opacity: 0.6;
}
.mc4wp-response .mc4wp-alert.mc4wp-success p {
    border: 2px solid #46b450;
    font-size: 15px;
    line-height: 21px;
    margin: 15px 0 0;
    padding: 7px 15px;
}
/*--- google Map ---*/
.contact-googleMap, .googleMapJS {
    padding: 0;
    margin:0;
    width:100%;
    height: 558px;
}
.contact-googleMap iframe {
    width: 100%;
    height: 100%;
}
.googleMapJS .gmap {
    display: block;
    width: 100%;
    height: 558px;
}
.blackAndWhite iframe {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
}


/*------------------------------------------------------
/  12. FOF/404 Page
/------------------------------------------------------*/
.foferrorContent{
    position: relative;
    z-index: 2;
}
.foferrorContent h2 {
    font-size: 350px;
    font-weight: 700;
    line-height: 1.1;
    color: #FFF;
    position: relative;
    letter-spacing: -3.5px;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    background-color: #ff5100;
    background-image: url(../images/foftextbg.jpg);
    background-position: 26% 61%;
    background-repeat: no-repeat;
    background-size: auto;
    margin: 0 0 25px;
}
.foferrorContent  p {
    font-size: 24px;
    font-family: var(--secondary-font);
    color: #FFF;
    line-height: 42px;
    letter-spacing: -0.24px;
    font-weight: 400;
    margin: 0 0 55px;
}
section.fiexdCirleAllSec {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 0;    
}
section.fiexdCirleAllSec img {
    position: fixed;
    content: "";
    top: 215px;
    right: 26.2%;
    width: 620px;
    height: 629px;
    background-image: url(../images/shape/pbs1.png);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: auto;
    background-position: center;
    z-index: 2;    
    -webkit-animation: BzrotateIn 30s linear infinite;    
            animation: BzrotateIn 30s linear infinite;
}


/*-------------------------------------------------------------------- 
/                            Js Animation all Css  
/--------------------------------------------------------------------*/
body #magicMouseCursor.is-hover{
    border-color: var(--primary-color) !important;
}
.aboutContentDesc{
    position: relative;
}

#serviceUNCursor{
    position: absolute;
    top:0;
    left:0;
    width: 2vw;
    height: 2vw;
    background: purple;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}


/*----------------------------------------------------- 
/                   Magic-mous   
/------------------------------------------------------*/
#magic-mouse {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    pointer-events: none;
    z-index: 999999;
    -webkit-transition: opacity 0.2s ease-in-out 0.5s;
    transition: opacity 0.2s ease-in-out 0.5s;
}
#ball {
    position: fixed;
    width: 80px;
    height: 80px;
    border: 2px solid #999999;
    border-radius: 50%;
    pointer-events: none;
    box-sizing: border-box;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.disable-cursor #ball {
    width: 0;
    height:0;
    opacity: 0;
    visibility: hidden;
    z-index: -5;
}
#ball > .firstLine, #ball > .secondLine {
    font-size: 15px;
    line-height: 19px;
    color: var(--primary-color);
    font-family: var(--secondary-font);
    font-weight: 900;
    text-transform: capitalize;
    position: relative;
    margin: 0;
    padding: 0;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.swipeHvImage img.swipeimage {
    position: fixed;
    top: 0;
    left: 0;
    max-width: 300px;
    width: 100%;
    max-height: 215px;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }


/* Wp modification  */

.error404 .header01 .mainMenu>ul>li>a:before,
.error404 .header01 .mainMenu ul li.menu-item-has-children:hover>a:after{
	color: var(--primary-color);
}
.error404 .header01.isSticky.fixedHeader .mainMenu>ul>li>a:before,
.error404 .header01.isSticky.fixedHeader .mainMenu ul li.menu-item-has-children:hover>a:after{
    color: var(--dark-color);
}
.folioArchivePage,
.ServiceArchivePage{
    padding: 148px 0;
}
.elementor-element.elementor-element-4e37f55 p a,
.elementor-element.elementor-element-39c8843 p a{
    color: inherit
}
.elementor-element.elementor-element-4e37f55 p a:hover,
.elementor-element.elementor-element-39c8843 p a:hover{
    color: var(--primary-color);
    opacity: 1;
}
.ServiceArchivePage{
    background: #070707;
}
.ServiceArchivePage .serviceItem02{
    margin-bottom: 30px;
}
.ServiceArchivePage .serviceBrand_list{
   flex: 0 100%;
}
.ServiceArchivePage .serviceBrand_list ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 30px;
    flex-wrap: wrap;
}
.ServiceArchivePage .serviceBrand_list ul li:first-child{
    padding-top: 29px;
}
.ServiceArchivePage .serviceBrand_list ul li {
    flex: 0 0 calc(50% - 15px);
}
.boozyFactAlign-left h2.oni-counter{
    justify-content: flex-start;
}
.boozyFactAlign-left .project_counter h3{
    text-align: left;
}
.boozyFactAlign-center h2.oni-counter{
    justify-content: center;
}
.boozyFactAlign-center .project_counter h3{
    text-align: center;
}
.boozyFactAlign-right h2.oni-counter{
    justify-content: flex-end;
}
.boozyFactAlign-right .project_counter h3{
    text-align: right;
}
.counterSuffix{
    position: relative;
}
.footer_newslatter{
    margin:0;
}
.inlineMenu .menu {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.clientLogoSliderWrap{
    position: relative;
}
.boozyPagination.comentPaginations{
    display: flex;
    justify-content: flex-start;
}
.themewar-header-content .elementor-column{
    min-height: 0;
}
span.testimonialQuoat1 i{
    position: relative;
    display: inline-block;
}
button.accordion-button{
    margin: 0;
}
.accordion-body {
    margin: 0;
    padding: 13px 0 0px;
}
.accordion-body p{
    margin:0;
}
.accordion-item{
    margin:0 0 20px;
}
.careerAChievementTitle ul{
    flex-wrap: wrap;
}
.boozyAcordion02 .accordion-button{
    display: block;
}
.video_align.elementor-align-left .videoPlayWrapper01{
    justify-content: flex-start;
}
.video_align.elementor-align-center .videoPlayWrapper01{
    justify-content: center;
}
.video_align.elementor-align-right .videoPlayWrapper01{
    justify-content: flex-end;
}
.iconX-align-left .playBTn01{
    justify-content: flex-start;
}
.iconX-align-center .playBTn01{
    justify-content: center;
}
.iconX-align-right .playBTn01{
    justify-content: flex-end;
}
.iconY-align-left .playBTn01{
    align-items: flex-start;
}
.iconY-align-center .playBTn01{
    align-items: center;
}
.iconY-align-right .playBTn01{
    align-items: flex-end;
}
.boozyList {
    list-style: none;
    padding: 0;
    margin: 0; 
}
.boozyList li{
    position: relative;
}
#contactForm p{
    margin:0px;
}
.tm01Social a:hover{
    color: var(--dark-color);
}
.themewar_image{
    position: relative;
    width: auto;
    height: auto;
}
.themewar_image img{
    width: auto;
    height: auto;
}
.catsIndicator {
    margin: 0 3px 0 4px;
    position: relative;
    display: inline-block;
}
.serviceBrand_list ul li a i:first-child{
    position: absolute;
    left: 0;
    top: 50%;
    opacity: .3;
    display: inline-block;
    transform: translateY(-50%);
    transition: ease all 350ms;
    -webkit-transition: ease all 350ms;
    -moz-transition: ease all 350ms;
}
.serviceBrand_list ul li a:hover i:first-child{
    opacity: 1;
    color: #FFF;
}
.serThumbIim i{
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
}
.wp_blockQuote {
    flex-direction: column;
    position: relative;
    padding-left: 120px;
}
.wp_blockQuote cite {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #FFF;
    letter-spacing: -0.2px;
    font-family: var(--primary-font);
    display: inline-block;
    opacity: .7;
}
.pageBanner{
    background: url(../images/abPb.jpg)no-repeat scroll;
    background-size: cover;
    background-position: center center;
    background-color: #111111;
}
.pageBannerContent{
    text-align: center;
}
.boozyBanner.elementor-align-left .pageBannerContent {
    text-align: left;
}
.boozyBanner.elementor-align-center .pageBannerContent {
    text-align: center;
}
.boozyBanner.elementor-align-right .pageBannerContent {
    text-align: right;
}
.postTags a{
    text-align: center;
}
.postSocialShare{
    width:100%;
}
.postShare-left .postSocialShare{
    justify-content: flex-start;
}
.postShare-center .postSocialShare{
    justify-content: center;
}
.postShare-right .postSocialShare{
    justify-content: flex-end;
}
.postComment a, 
.postDate a{
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    font-family: inherit;
}
.postComment a:hover{
    color: var(--primary-color);
}
.postDate,
.postMeta .boozyViewCount{
    margin: 0 0 0 23px ;
}
.singleImgThumb {
    overflow: hidden;
}
.commentHeading02{
    position: relative;
}
.cancel_reply_btn{
    position: absolute;
    top:0;
    right:0;    
    font-size: 15px;
    font-weight: 700;
    color: #d54403;
    font-family: var(--secondary-font);
    text-transform: capitalize;
}
div#respond.comment-respond {
    margin: 0 0 40px 0;
}
.boozyPagination.comentPaginations > *{
    margin: 0px 0 50px;
}
.footerSocial,
.sidebarSocial {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 12px;
    row-gap: 12px;
}
.footerSocial a,
.sidebarSocial a{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display:flex;
    align-items: center;
    font-size: 16px;
    justify-content: center;
    color: #FFF;
    background: #39ADF1;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
}
.sidebarSocial a{
    border-radius: 6px;
    width: 45px;
    height: 45px;
}
.sidebarSocial a i,
.sidebarSocial a:hover i,
.footerSocial a i,
.footerSocial a:hover i{
    color: inherit;
    font-size: inherit;
}
.sidebarSocial a:hover,
.footerSocial a:hover{
    background: var(--primary-color) !important;
}
.fSocial_align.elementor-align-left .footerSocial{
    justify-content: flex-start;
}
.fSocial_align.elementor-align-center .footerSocial{
    justify-content: center;
}
.fSocial_align.elementor-align-right .footerSocial{
    justify-content: flex-end;
}
.headerInner01.noAccessMenu .mainMenu {
    justify-content: flex-end;
    width: 100%;
}
ul.srServiceList {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
}
.ptCard_body-align-left ul.srServiceList{
    align-items: flex-start;
}
.ptCard_body-align-center ul.srServiceList{
    align-items: center;
}
.ptCard_body-align-right ul.srServiceList{
    align-items: flex-end;
}

.blogPageSection{
    padding: 142px 0 132px;
}
.blogDetailsPgSec {
    padding: 142px 0 155px;
}
.boozy_rrPost_widget .latestPost .blDate i{
    margin: 0px 7px 0 0;
}
.blogRightSidebar .widget:not(:last-child),
.blogLeftSidebar .widget:not(:last-child){
    margin-bottom: 62px;
}
.blogRightSidebar .widget .wp-block-heading{
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    color: #FFF;
    text-transform: capitalize;
    margin: 0 0 33px;
}
.paginationAlign-left .boozyPagination{
    justify-content: flex-start;
}
.paginationAlign-center .boozyPagination{
    justify-content: center;
}
.paginationAlign-right .boozyPagination{
    justify-content: flex-end;
}
.blogPagePagination.paginationAlign-left{
    text-align: start;
}
.blogPagePagination.paginationAlign-center{
    text-align: center;
}
.blogPagePagination.paginationAlign-right{
    text-align: end;
}
.blogTitle{
    text-transform: uppercase;
}
.singleImgThumb {
    margin: 0 0 50px;
}
h2.blogTitle {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.24px;
    margin: 0 0 26px;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}
.blogTagWrapper{
    padding: 15px 0 0 0;
    margin: 0 0 62px;
}
.blogPageSection .boozyPagination{
    margin: 44px 0 0;
}
.blogListViewPagin .boozyPagination{
    margin: 67px 0 0;
}
.foferrorContent {
    text-align: center;
}
.singlePageSection{
    padding: 142px 0 132px;
}
.bi01Thumb img{
    margin: 0 0 50px;
}
.boozy_btn_align.elementor-align-left .boozyBTN {
    margin-right: auto;
    margin-left: 0;
}
.boozy_btn_align.elementor-align-center .boozyBTN {
    margin-right: auto;
    margin-left: auto;
}
.boozy_btn_align.elementor-align-right .boozyBTN {
    margin-right: 0;
    margin-left: auto;
}
.serviceBrand_list ul li a i:not(.strokeText){
    font-size: 100px;
}
.serviceThumb03 i{
    font-size: 100px;
    color: #FFF;
    opacity: 0.3;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
}
.serviceItem03:hover img,
.serviceItem03:hover i{
    opacity: 1;
}
.pjCatFilter_area.text-start,
.filterBTN_bare.text-start {
    justify-content: flex-start;
    margin-right: auto;
}
.pjCatFilter_area.text-center,
.filterBTN_bare.text-center {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}
.pjCatFilter_area.text-end,
.filterBTN_bare.text-end {
    justify-content: flex-end;
    margin-left: auto;
}
.projectCat_area ul.filterBTN_bare{
    margin-bottom: 69px;
}
#lightcase-overlay{
    z-index: 99992;
}
#lightcase-loading, #lightcase-loading:focus,
a[class*='lightcase-icon-'].lightcase-icon-close,
#lightcase-case{
    z-index: 99993;
}
a[class*='lightcase-icon-'].lightcase-icon-close:hover{
    color: var(--primary-color);
}


.foferrorSec{
    background: #070707;
    padding: 282px 0 327px;
    background-image: url(../images/fofbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
    position: relative;
}
.foferrorSec:before{
    position: absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.9);
}
.contactInfoSec {
    padding: 126px 0 0;
    background: #111111;
}
.contactInfoRow{
    padding: 0 0 138px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.contactFormSec{
    padding: 134px 0 169px;
    background: #111111;
}
.contactFormSec h2 {
    font-size: 72px;
    font-weight: 400;
    color: #FFF;
    letter-spacing: -0.72px;
    text-transform: uppercase;
    line-height: 90px;
    margin: 0 0 75px;
}
.error404 .siteInfoSection.fof_fEnable,
.error404 .themewar-footer-content.fof_fEnable {
    visibility: hidden;
    display: none;
}
.projectCat_area {
    margin-bottom: 85px;
}
.FolioItem_03GridV{
    margin: 0 0 30px;
}
.folioPagePagination.paginationAlign-left{
    text-align: left;
}
.folioPagePagination.paginationAlign-center{
    text-align: center;
}
.folioPagePagination.paginationAlign-right{
    text-align: right;
}





.portFolioInfo02{
    visibility: visible;
    opacity: 1;
}
.portfolioCarItam02 .portfolio02Link {
    margin: 0;
}

.folioSlider04 .owl-item{
    transition: all ease 0.3s;
}
.folioSlider04 .owl-item:not(.active.activeNext) .portfolioCarItam02{
    margin-left: auto;
    transition: all ease 0.3s;
}
.folioSlider04 .owl-item:not(.active.activeNext) .folioSlideTHumb{
    transition: all ease 0.3s;
    padding-left: 136px;
}
.folioSlider04 .owl-item.active.activeNext .folioSlideTHumb{
    transition: all ease 0.3s;
    padding-right: 136px;
}
.folioSlider04.owl-carousel .owl-item img,
.folioSlider04 .owl-item.activePrev .folioSlideTHumb img{
    width: auto;
    max-width: 100%;
}
.folioSlider04 .owl-item.owlNextAfter .portfolioCarItam02,
.folioSlider04 .owl-item.active.activeNext .portfolioCarItam02,
.folioSlider04 .owl-item.owlNextAfter .portfolioCarItam02 .folioSlideTHumb img{
    margin-left: 0 !important;
    -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1);
}
.folioSlider04 .owl-item.active.center .folioSlideTHumb{
    padding-left: 136px;
}
.folioSlider04 .owl-item.active .folioSlideTHumb{
    padding-right: 0;
}
.folioSlider04 .owl-item.active.activeNext .folioSlideTHumb{
    padding-right: 136px;
}
.folioSlider04 .owl-item.active.center .portfolioCarItam02{
    -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1);
}

.folioSlideTHumb{
-webkit-animation-duration: 1s;
        animation-duration: 1s;
-webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
        animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
        -webkit-animation-name: scaleUp;
                animation-name: scaleUp;
}

.fxSoftScaleOutNext {
-webkit-animation-name: scaleUp;
        animation-name: scaleUp;
}

@-webkit-keyframes scaleUp {
    from {
        opacity: 1;
    }
    to {
        transform: scale(1.1);
        opacity: 0;
    }
}
@keyframes scaleUp {
    from {
        opacity: 1;
    }
    to {
        transform: scale(1.1);
        opacity: 0;
    }
}

.layer_img {
    position: absolute;
    left: 0;
    top: 0;
}

.elementor .layer_img img,
.layer_img img{
    max-width: unset;
}
.left_top{
    left:0;
    right: auto;
}
.right_top {
    left: auto;
    right: 0;
}
.left_bottom {
    top: auto;
    bottom: 0;
}
.right_bottom {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
}

.animation_bounce{
    -webkit-animation: bounce 5s infinite both;
    animation: bounce 5s infinite both;
}
.animation_swing{
    -webkit-animation: swing 5s infinite both;
    animation: swing 5s infinite both;
}
.animation_zoomin{
    -webkit-animation: myZoomIn 18s infinite both;
    animation: myZoomIn 18s infinite both;
}
.animation_rotate{
    animation: BzrotateIn 25s linear infinite both;
    -webkit-animation: BzrotateIn 25s linear infinite both;
}


/*=========================================== 
    Unite Text  
===========================================*/
.blogListView span.stickyBTN {
    position: relative;
    text-transform: uppercase;
    line-height: 25px;
    font-size: 12px;
    color: #FFF;
    background: var(--primary-color);
    font-family: var(--secondary-font);
    font-weight: 500;
    display: inline-block;
    margin: 0 0 24px;
    letter-spacing: .75px;
    padding: 0 10px;
}
.blogDetails h2{
    line-height: 30px;
    margin: 0 0 28px;
}
.blogContent02 h2 a {
    word-break: break-all;
}
.widgetTitle .rss-widget-title{
    font-size: inherit;
}
.widget .widgetTitle{
    margin-bottom: 33px;
}
.widget table {
    width: 100%;
    border: 1px solid rgba(208,208,208,0.2);
}
.widget table caption,
.wp-block-calendar caption {
    font-size: 14px;
    color: #FFF;
    font-weight: 600;
    line-height: .8;
    caption-side: top;
    padding: 16px 5px;
    text-align: center;
    border: 1px solid rgba(208,208,208,0.2);
    border-bottom: none;
    text-transform: uppercase;
}
nav.wp-calendar-nav {
    display: flex;
    justify-content: space-between;
    margin: 8px 0 15px;
}
.widget table thead, 
.widget table tbody {
    border-left: 1px solid rgba(208,208,208,0.2);
}
.widget table tbody{
    background: #1d1d1d;
}
.widget table thead tr th {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid rgba(208,208,208,0.2);
    padding: 3px 2px;
    border-right: 1px solid rgba(208,208,208,0.2);
    border-top: 1px solid rgba(208,208,208,0.2);
}
.widget table tbody tr td {
    font-size: 12px;
    color: #d0d0d0;
    font-weight: 400;
    text-align: center;
    border-bottom: 1px solid rgba(208,208,208,0.2);
    border-right: 1px solid rgba(208,208,208,0.2);
    padding: 3px 2px;
}
.widget table tbody tr td#today{
    color: #FFF;
    background: var(--primary-color);
}
.blogRightSidebar ul,
.blogLeftSidebar ul{
    padding:0;
    margin:0;
}
.blogRightSidebar .wp-block-latest-comments{
    padding:0;
}
.blogRightSidebar .wp-block-latest-comments__comment {
    font-size: 14px;
    line-height: 34px;
    font-family: var(--secondary-font);
    font-weight: 400;
    color: #FFF;
    margin: 0;
}
.blogRightSidebar .wp-block-latest-comments__comment a{
    color: inherit;
}
.blogRightSidebar .wp-block-latest-comments__comment a:hover{
    color: var(--primary-color);
}
.blogRightSidebar ul li,
.blogLeftSidebar ul li{
    position: relative;
}
.blogRightSidebar ul li,
.blogLeftSidebar ul li{
    font-size: 14px;
    line-height: 34px;
    font-family: var(--secondary-font);
    font-weight: 400;
    text-transform: capitalize;
    padding: 0px 0 0px 31px;
    color: #FFF;
}
.blogRightSidebar ul li a,
.blogLeftSidebar ul li a{
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}
.blogRightSidebar ul li a:hover,
.blogLeftSidebar ul li a:hover{
    color: var(--primary-color);
}
.blogRightSidebar ul > li:before,
.blogLeftSidebar ul > li:before{
    position: absolute;
    content: "\e928";
    top: 0px;
    left: 1px;
    font-family: 'Boozy';
    width: 100%;
    font-size: 10px;
    display: inline-block;
    color: var(--primary-color);
    text-align: left;
    z-index: -1;
}
.blogRightSidebar ul ul.sub-menu li,
.blogLeftSidebar ul ul.sub-menu li {
    padding-left: 20px;
}
.widget_categories ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.widget_categories ul li {
    position: relative;
    font-size: 14px;
    line-height: 34px;
    font-family: var(--secondary-font);
    font-weight: 400;
    text-transform: capitalize;
    padding: 0px 0 0px 31px;
    color: #FFF;
    text-align: right;
    width: 100%;
    display: inline-block;
    margin-bottom: 6px;
}
.widget_categories ul li a {
    display: inline-block;
    color: inherit;
    line-height: inherit;
    float: left;
    text-transform: uppercase;
}
.widget_categories ul li::before {
    position: absolute;
    content: "\e928";
    top: 0px;
    left: 1px;
    font-family: 'Boozy';
    width: 100%;
    font-size: 10px;
    display: inline-block;
    color: var(--primary-color);
    text-align: left;
    z-index: -1;
}
.widget_categories ul li ul.children li:last-child{
    margin: 0;
}
.sidebar ul {
    list-style: none;
    padding:0 ;
    margin:0;
}
.blogPostStatic .wp-block-rss{
    padding: 0;
}
.widget_rss ul li{
    margin-bottom: 23px;
    font-size: 16px;
    line-height: 24px;
    color: #FFF;
    padding: unset;
    font-family: var(--primary-font);
}
.widget_rss ul li::before{
    content: unset;
}
.widget_rss ul li cite{
    padding: 8px 0 0;
    display: block;
}
ul li .rssSummary {
    font-size: 14px;
    line-height: 24px;
    color: #d0d0d0;
    letter-spacing: -0.14px;
}
.rss-date {
    font-size: 16px;
    line-height: 24px;
    color: #d0d0d0;
    margin: 0 0 8px;
    display: block;
}
.rsswidget {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    font-family: var(--secondary-font);
    position: relative;
    top: 2px;
    color: #FFF ;
    margin: 0 0 6px;
    text-transform: uppercase;
}
.rsswidget:hover{
    color: var(--primary-color) !important;
}
.textwidget img {
    max-width: 100%;
    height: auto;
    margin: 15px 0;
}
.textwidget p,
.wp-caption .wp-caption-text{
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    color: #d0d0d0;
}
.widget_categories select,
.widget_archive select,
.textwidget select ,
.wp-block-archives-dropdown select,
.wp-block-categories select{
    max-width: 100%;
    width: 100%;
    position: relative;
    height: 50px;
    background: #1d1d1d;
    border: unset;
    border-radius: 0;
    padding: 13px 57px 10px 15px;
    color: #FFF;
    font-size: 12px;
    line-height: 25px;
    font-weight: 700;
    font-family: var(--secondary-font);
    background-image: url(../images/select.png);
    background-position-x: 93%;
    background-repeat: no-repeat;
    background-position-y: center;
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin-top: 15px;
}
.widgetTitle a{
    color: #FFF !important;
}
.widgetTitle a:Hover{
    color: var(--primary-color) !important;
}
.widget_archive ul li{
    text-align: right;
}
.widget_archive ul li a{
    float:left;
}
span.blogCcat{
    line-height: 17px;
}
.blogPostStatic p {
    margin-bottom: 36px;
}
.postContent .wp-block-button__link:hover {
    color: var(--primary-color);
}
.blogPostStatic ol li, .blogPostStatic ul li {
    font-size: 14px;
    color: #d0d0d0;
    font-weight: 400;
    line-height: 24px;
    font-family: var(--primary-font);
    margin-bottom: 10px;
}
.blogPostStatic ol li a, .blogPostStatic ul li a{
    color: inherit;
}
.blogPostStatic ol li a:hover, .blogPostStatic ul li a:hover{
    color: var(--primary-color);
}
.blogPostStatic ol li code, 
.blogPostStatic ul li code{
    color: var(--primary-color);
}
.blogPostStatic .wp-block-image {
    margin-bottom: 33px;
}
.wp-block-image figcaption{
    font-size: 14px;
    color: #d0d0d0;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.14px;
    font-family: var(--primary-font);
    margin-top: 18px;
}
.blogPostStatic  .alignleft {
    margin: 0 15px 10px 0;
    float: left;
    clear: both;
}
.wp-block-button,
.wp-block-button{
    margin-bottom: 40px;
}
.blogPostStatic .is-style-outline>.wp-block-button__link:hover {
    color: #FFF;
}
.wp-block-button.is-style-squared a {
    border-radius: 0;
}
.blogPostStatic .alignright {
    margin: 10px 0 10px 15px;
    float: right;
    clear: both;
    width: auto !important;
}
.blogPostStatic .wp-block-cover {
    margin-bottom: 30px;
}
.blogPostStatic blockquote,
.blogPostStatic blockquote.wp-block-quote {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #FFF;
    letter-spacing: -0.2px;
    font-family: var(--primary-font);
    display: block;
    padding:  35px 20px 30px 120px;
}
.blogPostStatic blockquote p, 
.blogPostStatic blockquote.wp-block-quote p{
    margin: 0 0 15px;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    font-family: inherit;
    display: block;
}
.blogPostStatic blockquote cite, 
.blogPostStatic blockquote.wp-block-quote cite{
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #FFF;
    letter-spacing: -0.2px;
    font-family: var(--primary-font);
    display: inline-block;
    opacity: .7;
}
.blogPostStatic blockquote cite a, 
.blogPostStatic blockquote.wp-block-quote cite a{
    color: inherit;
}
.blogPostStatic blockquote cite a:hover, 
.blogPostStatic blockquote.wp-block-quote cite a:hover{
    color: var(--primary-color);
}
.wp-block-cover-image.is-light .wp-block-cover__inner-container, .wp-block-cover.is-light .wp-block-cover__inner-container {
    color: #fff;
}
.wp-block-image .aligncenter>figcaption{
    display: inherit;
}
.wp-block-cover.has-pale-pink-background-color.has-background-dim.aligncenter {
    color: #FFF;
    margin-bottom: 30px;
}
p.has-large-font-size {
    line-height: 1.2;
}
p[style|="font-size:46px"]{
    line-height: 1.2;
}
.blogPostStatic h3 {
    font-size: 20px;
    line-height: 26px;
}
.blogPostStatic ol ol, 
.blogPostStatic ul ul {
    padding-left: 15px;
    margin: 14px 0 0;
}
.wp-block-gallery figcaption {
    margin-bottom: 30px;
    text-align: center;
}
#gallery-1 .gallery-caption {
    font-size: 14px;
    color: #d0d0d0;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.14px;
    font-family: var(--primary-font);
    margin: 12px 0 20px;
}

.wp-block-archives-dropdown select,
.wp-block-categories select{
    background-position-x: 97%;
    margin-bottom: 50px;
}
.wp-block-calendar table:where(:not(.has-text-color)) {
    color: #d0d0d0;
}
.wp-block-calendar table:where(:not(.has-text-color)) td, 
.wp-block-calendar table:where(:not(.has-text-color)) th {
    border-color: rgba(208,208,208,0.2);
}
.wp-block-calendar table:where(:not(.has-text-color)) th{
    background: transparent;
}
.wp-block-calendar table:where(:not(.has-text-color)) td{
    background: rgba(255,255,255,0.1);
}
.blogPostStatic .wp-block-media-text.alignfull {
    margin-bottom: 30px;
}
p.has-text-color{
    color: var(--primary-color);
}
.PaginInner{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 10px;
    margin-bottom: 20px;
}
.PaginInner .post-page-numbers {
    min-width: 41px;
    min-height: 41px;
    padding: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255,0.1);
    font-size: 18px;
    font-weight: 400;
    color: #FFF;
}
.PaginInner .post-page-numbers.current,
.PaginInner .post-page-numbers:hover{
    color: #FFF;
    background: var(--primary-color);
}
.commentContent table{
    width: 100%;
}
.commentContent table,
.blogPostStatic table {
    margin: 30px 0 30px;
}
.blogPostStatic table th,
.commentContent table th,
.commentContent table td,
.blogPostStatic table td{
    border: 1px solid rgba(208,208,208,0.2);
    padding: 3px 15px;
    font-size: 14px;
}
a.wp-block-button__link {
    line-height: 20px;
}
.blogPostStatic pre,
.commentContent pre{
    max-height: 300px;
    overflow: scroll;
    max-width: 100%;
    background: #e1e1e1;
    color: #333333;
    padding: 20px;
    margin: 25px 0 32px;
}
.blogPostStatic code {
    font-size: 14px;
    line-height: 26px;
    color: #7635f5;
}
.blogPostStatic pre.wp-block-preformatted,
.blogPostStatic pre.wp-block-verse {
    max-height: 300px;
    overflow: scroll;
    max-width: 100%;
    background: #e1e1e1;
    color: #b64646;
    padding: 20px;
    margin: 25px 0 32px;
}
.blogPostStatic .wp-block-table td, 
.blogPostStatic .wp-block-table th{
    border: 1px solid rgba(208,208,208,0.2);
}
.blogPostStatic .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: rgba(255,255,255,0.1);
}
.blogPostStatic .wp-block-table table {
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 32px;
}
.blogPostStatic .wp-block-table.is-style-stripes {
    border-bottom: 1px solid rgba(208,208,208,0.2);
    margin-bottom: 48px;
}
.blogPostStatic .wp-block-table.is-style-stripes > table {
    margin-bottom: 48px;
}
.blogPostStatic dt {
    color: #FFFFFF;
}
.blogPostStatic dt, 
.blogPostStatic dd{
    font-size: 14px;
    line-height: 26px;
}
.blogPostStatic dd{
    margin-bottom: 20px;
}
.blogPostStatic ol, 
.blogPostStatic > ul {
    margin: 15px 0 25px;
    padding-left: 17px;
}
.blogPostStatic address,
.commentContent address{
    max-width: 100%;
    background:  rgba(255,255,255,0.1);
    color: #e1e1e1;
    padding: 20px;
    margin: 27px 0;
    font-size: 14px;
}
.blogPostStatic img {
    margin: 0 0 10px;
}
.blogPostStatic .protected-post-form p{
    position: relative;
}
.blogPostStatic .protected-post-form p br{
    display:none;
}
.blogPostStatic .protected-post-form input {
    max-width: 280px;
    width: 100%;
    font-size: 12px;
    line-height: 1;
    color: #707070;
    letter-spacing: -0.12px;
    font-family: var(--secondary-font);
    padding: 8px 10px;
    border: unset;
    outline: unset;
    box-shadow: unset;
    background: #1d1d1d;
}.blogPostStatic .protected-post-form input[type="submit"] {
    max-width: 60px;
    width: 100%;
    background: var(--primary-color);
    border-radius: unset;
    border: unset;
    height: 32px;
    position: relative;
    top: -3px;
    left: -4px;
    color: #FFF;
}
.blogPostStatic .protected-post-form input[type="submit"]:hover{
    background: rgb(255 81 0 / 80%);
}
.pingback .comment-body,
.trackback .comment-body{
    padding: 0;
}
.commentContent p:not(:last-child){
    margin: 0 0 15px;
}
.commentContent dd {
    margin-bottom: 20px;
}
.comment-body p > img{
    margin: 10px 0;
    max-width: 100%;
}
.sicc_list li.comment, .sicc_list .children  li.comment,
.sicc_list li.comment > article, .sicc_list .children  li.comment > article{
    min-height: 121px;
}
.postCmntAuthor{
    width: 100%;
}
.postCmntAuthor span {
    flex: 0 0 100px;
}
.blogPostStatic .gallery img{
    margin:0;
}
.blogPostStatic p iframe {
    max-width: 100%;
    width: 100%;
}
.blogPostStatic table {
    width: 100%;
    text-align: center;
}
.wp-block-search .wp-block-search__inside-wrapper{
    position: relative;
    margin: 0 0 36px;
}
.wp-block-search .wp-block-search__button.wp-element-button {
    width: auto;
    padding: 0 15px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
}
.blogPostStatic .alignnone, .blogPostStatic .aligncenter {
    margin: auto;
    text-align: center;
    display: block;
    width: auto !important;
}