@font-face {
    font-family: 'Roboto Thin';
    src: url('../fonts/Roboto-Thin.eot');
    src: url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Thin.woff2') format('woff2'),
        url('../fonts/Roboto-Thin.woff') format('woff'),
        url('../fonts/Roboto-Thin.ttf') format('truetype'),
        url('../fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Light';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto-Light.ttf') format('truetype'),
        url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Regular';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Medium';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype'),
        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Bold';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype'),
        url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Black';
    src: url('../fonts/Roboto-Black.eot');
    src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto-Black.woff') format('woff'),
        url('../fonts/Roboto-Black.ttf') format('truetype'),
        url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/*======SCROLL BAR STYLE BEGIN ========*/

::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #000000; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #39e38d; 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #39e38d; 
}

/*======SCROLL BAR STYLE END ========*/


/*====== GENERAL STYLE BEGIN =======*/

.text-center {
    text-align: center;
}

.text-white {
    color: #ffffff;
}

.text-uppercase {
    text-transform: uppercase;
}

.accent-color {
    color: #39e38d;
}

.radius-img img {
    border-radius: 10px;
}

.border-img img {
    border: 1px solid #444;
}

 /*====== GENERAL STYLE END =======*/



/*======== HEADER BEGIN =======*/

.contact-header, .contact-header:hover {
    display: block;
    color: #fff;
    text-decoration: none !important;
    border: 1px solid #39E38D;
    border-radius: 10px;
    padding: 9px 50px 9px 25px;
    margin: 0 20px 0 30px;
    position: relative;
    white-space: nowrap;
}

@media screen and (max-width:1250px) and (min-width:1100px) {
    .contact-header, .contact-header:hover {
        margin: 0 0 0 10px;
    }

    .masthead:not(.side-header):not(.side-header-v-stroke):not(.side-header-menu-icon) .header-bar, .ph-wrap {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }

    .main-nav > li > a {
        margin: 18px 6px 18px 6px !important;
        padding: 4px 2px 4px 2px !important;
    }
}

@media screen and (max-width:778px) {
    .contact-header, .contact-header:hover {
        margin: 0 0 10px 0;
    }
}

.contact-header:before {
    content: "";
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    background: url(../images/contac-header-arrow.svg) scroll center center;
    width: 21px;
    height: 18px;
}

.mini-login {
    position: relative;
}

.mini-login:before {
    content: "";
    position: absolute;
    top: calc(50% - 20px);
    right: -12px;
    background: #808080;
    height: 40px;
    width: 1px;
}

.mini-login:hover, a.wc-ico-cart:hover {
    opacity: 1 !important;
}

/*======== HEADER END =======*/


/*======== SLIDESHOW BEGIN =======*/

.contact-us-slideshow i:before {
    color: #000 !important;
    position: relative;
    top: 6px;
}

/*======== SLIDESHOW END =======*/

#main>.wf-wrap {
    z-index: 1;
}

#main>.wf-wrap:before {
    content: "";
    z-index: -1;
    position: absolute;
    left: -100px;
    top: 0;
    background: url(../images/line-top-bottom.svg) no-repeat scroll center center;
    width: 94px;
    height: 3810px;
}

#main>.wf-wrap:after {
    content: "";
    z-index: -1;
    position: absolute;
    right: -100px;
    top: 0;
    background: url(../images/line-top-bottom.svg) no-repeat scroll center center;
    width: 94px;
    height: 3810px;
}

/*====== HOME WHY RE ECHO BEGIN =====*/

.why-re-echo-row {
    z-index: 1;
}

.why-re-echo-row:before {
    content: "";
    position: absolute;
    top: 15px;
    left: -30px;
    background: url(../images/point-emblem.svg)no-repeat scroll center center;
    width: 103px;
    height: 281px;
    z-index: -1;
}

.why-re-echo-block>.vc_column-inner>.wpb_wrapper {
    border-radius: 10px;
    border: 1px solid #444;
    background: linear-gradient(315deg, #111813 0%, rgba(7, 10, 8, 0.68) 46.83%), linear-gradient(143deg, #111813 0%, rgba(7, 10, 8, 0.63) 65.62%);
    padding: 60px 18px 0px;
    margin-bottom: 35px;
/*    transition: all 0.3s ease-in-out;*/
}

.why-re-echo-block>.vc_column-inner>.wpb_wrapper:hover {
    background: #E2F2EA;
}

.why-re-echo-block h3 {
    font: normal 24px/32px "Roboto Medium" !important;
    min-height: 65px;
}

@media screen and (max-width:1195px) and (min-width:1035px) {
    .why-re-echo-block h3 {
        min-height: 97px;
    }
}


@media screen and (max-width:1052px) and (min-width:992px) {
    .why-re-echo-block h3 {
        min-height: 128px;
    }
}

.why-re-echo-block>.vc_column-inner>.wpb_wrapper:hover h3 {
    color: #070A08;
}

.why-re-echo-block .aio-icon-component {
    margin-bottom: 0;
}

.why-re-echo-sound-emblem {
    opacity: 0;
}

.why-re-echo-block>.vc_column-inner>.wpb_wrapper:hover .why-re-echo-sound-emblem {
    opacity: 1;
}



/*====== HOME WHY RE ECHO END =====*/



/*====== HOME SERVICES BEGIN =======*/

.home-service-block>.vc_column-inner>.wpb_wrapper {
    position: relative;
}

.home-service-block .vc_custom_heading {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    padding: 20px;
    box-sizing: border-box;
}

.home-service-block-img {
    overflow: hidden;
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #444;
}

.home-service-block-img img {
    height: 180px !important;
    object-fit: cover;
}

@media screen and (min-width:768px) {
    .home-service-block-img {
        height: 180px;
    }
}

.home-service-block-img img {
    transition: all 0.3s ease-in-out;
}

.home-service-block-img:hover img {
    transform: scale(1.2);
}

/*====== HOME SERVICES END =======*/



/*====== HOME GEAR BEGIN =======*/

.home-gear-row {

}

.home-gear-row  {
    z-index: 1;
}

.home-gear-row:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -30px;
    background: url(../images/point-emblem.svg)no-repeat scroll center center;
    width: 103px;
    height: 281px;
    transform: rotate(180deg);
    z-index: -1;
}

.home-gear-block>.vc_column-inner>.wpb_wrapper {
    border-radius: 10px;
    border: 1px solid #444;
    background: linear-gradient(315deg, #111813 0%, rgba(7, 10, 8, 0.68) 46.83%), linear-gradient(143deg, #111813 0%, rgba(7, 10, 8, 0.63) 65.62%);
    padding: 60px 18px 60px;
    margin-bottom: 35px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-sizing: border-box;
    min-height: 540px;
/*    transition: all 0.3s ease-in-out;*/
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	.home-gear-block>.vc_column-inner>.wpb_wrapper {
		min-height: 730px;
	}
}

@media screen and (max-width: 767px) {
	.home-gear-block>.vc_column-inner>.wpb_wrapper {
		min-height: auto;
	}
}

.home-gear-block>.vc_column-inner>.wpb_wrapper:hover {
    background: #E2F2EA;
}

.home-gear-block>.vc_column-inner>.wpb_wrapper:before {
    content: "";
    background: url(../images/sound-left-dark.svg)no-repeat scroll left center;
    height: 49px;
    width: 678px;
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: -1;
}

.home-gear-block>.vc_column-inner>.wpb_wrapper:hover:before {
    background: url(../images/sound-left-light.svg)no-repeat scroll left center;
}

.home-gear-block>.vc_column-inner>.wpb_wrapper:after {
    content: "";
    width: 20px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    background: #090c0a;
    z-index: -1;
/*    transition: all 0.3s ease-in-out;*/
}

.home-gear-block>.vc_column-inner>.wpb_wrapper:hover:after {
    background: #E2F2EA;
}

.home-gear-block>.vc_column-inner>.wpb_wrapper h4 {
    margin-top: 30px;
}

.home-gear-block>.vc_column-inner>.wpb_wrapper:hover h4 {
    color: #070A08;
}

.learn-more {
    position: absolute;
    bottom: 0;
    left: auto;
}

.learn-more a {
    font: normal 20px/25px "Roboto Regular";
    text-decoration: none;
    position: relative;
    display: inline-block;
    margin-top: 30px;
    white-space: nowrap;
}

.home-gear-block>.vc_column-inner>.wpb_wrapper:hover .learn-more a {
    color: #070A08;
}

.learn-more a:before {
    content: "\e900";
    color: #fff;
    font-family: 'rotate-arrow' !important;
    position: absolute;
    top: 3px;
    right: -30px;
}

.home-gear-block>.vc_column-inner>.wpb_wrapper:hover .learn-more a:before {
    color: #070A08;
}

.gear-seemore {
    text-align: right;
}

@media screen and (max-width:768px) {
    .gear-seemore {
        text-align: left;
    }
}

.gear-seemore a {
    display: inline-block;
    color: #fff;
    text-decoration: none !important;
    border: 1px solid #39E38D;
    border-radius: 10px;
    padding: 6px 47px 6px 22px;
    position: relative;
    white-space: nowrap;
    font: normal 20px/25px "Roboto Regular";
}

.gear-seemore a:before {
    content: "\e900";
    color: #fff;
    font-family: 'rotate-arrow' !important;
    position: absolute;
    top: 10px;
    right: 14px;
    font-size: 18px;
}

.custom-product-carousel .woo-buttons {
    display: none;
}

/*====== HOME GEAR END =======*/



/*====== HOME CLIENTS BEGIN =======*/

.clients-row {
    position: relative;
    z-index: 1;
}

.clients-row:before {
    content: "";
    position: absolute;
    bottom: calc(0% - 264px);
    left: calc(0% - 264px);
    z-index: -1;
    background: url(../images/circle.svg)no-repeat scroll center center;
    width: 528px;
    height: 528px;
}

.clients-row:after {
    content: "";
    position: absolute;
    bottom: calc(50% - 264px);
    right: calc(00% - 264px);
    z-index: -1;
    background: url(../images/circle.svg)no-repeat scroll center center;
    width: 528px;
    height: 528px;
}

/*====== HOME CLIENTS END =======*/




/*====== HOME GALLERY BEGIN ======*/


#all-simplefilter li {
    color: #000;
    border-radius: 10px;
}

#f-simplefilter-238 li {
    background: transparent;
    border: 1px solid #474747;
    border-radius: 10px;
}

#f-simplefilter-238 li:hover, #f-simplefilter-238 li.active {
    color: #000;
}

#f-simplefilter-238 li:hover {
    background-color: transparent !important;
    color: #39e38d !important;
}

.filter_gallery_238 {
    margin-top: 50px;
}

.filter_gallery_238 img {
    border-radius: 10px;
}


/*====== HOME GALLERY END ======*/


/*====== HOME CONTACT BEGIN =======*/


.home-contact-row {
    position: relative;
    z-index: 1;
}

.home-contact-row:before {
    content: "";
    position: absolute;
    top: calc(0% - 264px);
    left: calc(0% - 264px);
    z-index: -1;
    background: url(../images/circle.svg)no-repeat scroll center center;
    width: 528px;
    height: 528px;
}

.home-contact-row:after {
    content: "";
    position: absolute;
    top: calc(0% - 264px);
    right: calc(00% - 264px);
    z-index: -1;
    background: url(../images/circle.svg)no-repeat scroll center center;
    width: 528px;
    height: 528px;
}

.reecho-form input[type=text], .reecho-form input[type=email], .reecho-form input[type=tel], .reecho-form select:not(.elementor-field):not(.elementor-field-textual) {
    border-radius: 10px;
    border: 1px solid #FFF;
    background-color: rgba(7, 10, 8, 0.30);
    backdrop-filter: blur(6.099999904632568px);
    height: 56px;
    font: normal 20px/24px "Roboto Regular" !important;
    color: #fff;
}

.reecho-form textarea {
    border-radius: 10px;
    border: 1px solid #FFF;
    background-color: rgba(7, 10, 8, 0.30);
    backdrop-filter: blur(6.099999904632568px);
    font: normal 20px/24px "Roboto Regular";
    color: #fff;
    resize: none;
}

.form-label {
    font: normal 18px/24px "Roboto Black";
}

.reecho-form input[type=submit], .reecho-form input[type=submit]:hover {
    border: 1px solid #39E38D;
    border-radius: 10px !important;
    padding: 6px 68px 6px 42px !important;
    position: relative;
    font: normal 20px/25px "Roboto Regular" !important;
    background: url(../images/contac-header-arrow.svg)no-repeat scroll 95px 19px !important;
    height: 50px;
}

.reecho-form .wpcf7-spinner {
    display: none;
}

span.wpcf7-not-valid-tip {
    display: block;
}

.reecho-form input:-webkit-autofill,
.reecho-form input:-webkit-autofill:hover, 
.reecho-form input:-webkit-autofill:focus,
.reecho-form textarea:-webkit-autofill,
.reecho-form textarea:-webkit-autofill:hover,
.reecho-form textarea:-webkit-autofill:focus,
.reecho-form select:-webkit-autofill,
.reecho-form select:-webkit-autofill:hover,
.reecho-form select:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
}

@media screen and (min-width:992px) {
    .reecho-form-row {
        display: flex;
        justify-content: space-between;
    }

    .reecho-form-col {
        width: 48%;
    }

    .reecho-form-fullcol {
        width: 100%;
    }
}

/*====== HOME CONTACT END =======*/


/*==== FOOTER BEGIN =====*/

.footer {
    position: relative;
    z-index: 1;
}

.footer:before {
    content: "";
    position: absolute;
    bottom: calc(0% - 264px);
    right: calc(0% - 264px);
    z-index: -1;
    background: url(../images/circle.svg)no-repeat scroll center center;
    width: 528px;
    height: 528px;
}

#footer .wf-container section:nth-child(2), #footer .wf-container section:nth-child(3) {
    width: 13% !important;
}

#footer .wf-container section:nth-child(4) {
    width: 25% !important;
}

#footer .wf-container section:nth-child(5) {
    width: 27% !important;
}

#footer .wf-container section:nth-child(2), #footer .wf-container section:nth-child(3), #footer .wf-container section:nth-child(4), #footer .wf-container section:nth-child(5), #footer .wf-container section:nth-child(6) {
    margin-top: 50px;
}

@media screen and (max-width: 992px) {
    #footer .wf-container section.widget {
        width: 50% !important;
    }

    #footer .wf-container section:nth-child(1), #footer .wf-container section:nth-child(5) {
        width: 100% !important;
    }

    #footer .wf-container section:nth-child(2), #footer .wf-container section:nth-child(3), #footer .wf-container section:nth-child(4), #footer .wf-container section:nth-child(5), #footer .wf-container section:nth-child(6) {
        margin-top: 0px;
    }
}

#footer .mc4wp-form-fields {
    position: relative;
}

#footer .mc4wp-form-fields input[type=email] {
    border-radius: 5px;
    border: 1px solid var(--stroke, #C2C2C2);
    background: #FFF;
    font: normal 18px/24px "Roboto Regular";
}

#footer .mc4wp-form-fields input[type=submit], #footer .mc4wp-form-fields .mc4wp-form-fields input[type=submit]:hover {
    position: absolute !important;
    right: 0;
    top: 0;
    width: 100px;
    font: normal 18px/24px "Roboto Regular" !important;
    color: #000 !important;
    height: 40px;
    padding: 0 !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    background: #39E38D !important;
}

ul.footer-social-icon {
    text-align: right;
    margin-top: 20px;
    position: relative;
    z-index: 1;
}

ul.footer-social-icon:before {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 36%;
    height: 1px;
    background: #CECFCF;
    z-index: -1;
} 

ul.footer-social-icon li {
    display: inline-block;
    font-size: 32px;
    margin-left: 15px;
}


/*==== FOOTER END =====*/


/*===== ABOUT BEGIN ======*/



.points-bottom-left {
    position: relative;
    z-index: 1;
}

.points-bottom-left:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: -30px;
    background: url(../images/point-emblem.svg)no-repeat scroll center center;
    width: 103px;
    height: 281px;
    z-index: -1;
}

/*===== CONTACT BAGE BEGIN ======*/

.points-bottom-left-contact {
    position: relative;
    z-index: 1;
}

.points-bottom-left-contact:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: -30px;
    background: url(../images/point-emblem.svg)no-repeat scroll center center;
    width: 103px;
    height: 281px;
    z-index: -1;
}

.contact-phone-title {
    display: inline-block;
    background: url(../images/contact-phone-icon.svg) no-repeat scroll left center;
    min-height: 41px;
    padding-left: 60px;
    margin-bottom: 20px;
}

.contact-email-title {
    display: inline-block;
    background: url(../images/contact-email-icon.svg) no-repeat scroll left center;
    min-height: 31px;
    padding-left: 60px;
    margin-bottom: 20px;
}

.contact-social-title {
    display: inline-block;
    background: url(../images/contact-social-icon.svg) no-repeat scroll left center;
    min-height: 41px;
    padding-left: 60px;
    margin-bottom: 20px;
}

.contact-link-item a {
    text-decoration: none;
}

.contact-newsletter-row {
    position: relative;
    z-index: 1;
}

.contact-newsletter-row:before {
    content: "";
    position: absolute;
    bottom: calc(0% - 264px);
    left: calc(0% - 264px);
    z-index: -1;
    background: url(../images/circle.svg)no-repeat scroll center center;
    width: 528px;
    height: 528px;
}

.contact-newsletter-row:after {
    content: "";
    position: absolute;
    top: calc(0% - 264px);
    right: calc(0% - 264px);
    z-index: -1;
    background: url(../images/circle.svg)no-repeat scroll center center;
    width: 528px;
    height: 528px;
}

.newsletter-desc {
    font: normal 16px/24px "Roboto Regular";
}

.contact-newsletter-row .mc4wp-form-fields input[type=email] {
    float: left;
    width: 68%;
    height: 50px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #39e38d;
}

.contact-newsletter-row .mc4wp-form-fields input[type=submit], .contact-newsletter-row .mc4wp-form-fields input[type=submit]:hover {
    float: right;
    width: 30%;
    height: 50px;
    border-radius: 10px !important;
    border: 1px solid #39e38d;
    background: transparent !important;
    font: normal 18px/24px "Roboto Regular" !important;
}

/*===== CONTACT BAGE END ======*/



/*===== SERVICES PAGE BEGIN ======*/

.row-reverse {
    flex-direction: row-reverse;
}

.inner-service-img > .wpb_wrapper {
    position: relative;
}

.inner-service-img > .wpb_wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}

/*===== SERVICES PAGE END ======*/



/*===== INNER PAGE WORK BEGIN ======*/

.single-portfolio .fancy-title {
    text-transform: uppercase;
}

.work-tabs .ult_tabmenu {
    margin-bottom: 60px !important;
    border-bottom: 1px solid #0F1E16;
}

.work-tabs li.ult_tab_li {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-right: 30px !important;
}

.work-tabs li.ult_tab_li a {
    padding: 9px 25px !important;
}

.work-tabs .ult-span-text {
    font: normal 16px/24px "Roboto bold";
    text-transform: uppercase;
}

.custom-tabs-p {
    font: normal 15px/20px "Roboto Regular";
    color: #9f9f9f;
}

.custom-tabs-p li {
    color: #fff;
    margin-bottom: 3px;
}

.custom-tabs-p a.work-rent-it {
    display: inline-block;
    position: relative;
    color: #39e38d;
    text-decoration: none;
    padding-right: 18px;
    margin-left: 10px;
}

.custom-tabs-p a.work-rent-it:before {
    content: "\e900";
    color: #39e38d;
    font-family: 'rotate-arrow' !important;
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 13px;
}

.explore-more-work-block .post-thumbnail > a {
    border-radius: 10px !important;
}

.explore-more-work-block .entry-title a {
    text-transform: uppercase;
    font: normal 28px/38px "Roboto Bold";
}

.explore-more-work-block .entry-excerpt {
    font: normal 18px/24px "Roboto Light";
}

.explore-more-work-block .post-details {
    color: #39E38D !important;
    font: normal 16px/20px "Roboto Medium" !important;
}

.explore-more-work-block .post-details i:before {
    content: "\e900";
    color: #39e38d;
    font-family: 'rotate-arrow' !important;
    font-size: 12px;
    position: relative;
    top: 2px;
}

.explore-more-work-block .post-details:after {
    display: none !important;
}

/*===== INNER PAGE WORK END ======*/


/*==== MAIN WORK PAGE BEGIN ======*/

.main-work-block .filter-categories a {
    border: 1px solid #474747;
    border-radius: 10px !important;
    font: normal 20px/28px "Roboto Regular";
    padding: 5px 25px;
    margin-bottom: 10px;
}

.main-work-block .filter-categories a.act {
    color: #000 !important;
}

.main-work-block .post-thumbnail > a {
    border-radius: 10px !important;
}

.main-work-block .entry-title a {
    text-transform: uppercase;
    font: normal 28px/38px "Roboto Bold";
}

.main-work-block .entry-excerpt {
    font: normal 18px/24px "Roboto Light";
}

.main-work-block .post-details {
    color: #39E38D !important;
    font: normal 16px/20px "Roboto Medium" !important;
}

.main-work-block .post-details i:before {
    content: "\e900";
    color: #39e38d;
    font-family: 'rotate-arrow' !important;
    font-size: 12px;
    position: relative;
    top: 2px;
}

.main-work-block .post-details:after {
    display: none !important;
}

.main-work-block .wf-cell article .post-entry-content h3 a {
    position: relative;
}


@media screen and (min-width:992px) {
    .main-work-block .wf-cell article {
        flex-flow: initial !important;
        align-items: center !important;
    }

    .main-work-block .wf-cell article .post-thumbnail-wrap  {

        width: 55%;
    }

    .main-work-block .wf-cell article .post-entry-content {
        padding-right: 60px !important;
        padding-left: 60px !important;
        width: 45%;
    }

    .main-work-block .wf-cell:nth-child(odd) article {
        flex-flow: row-reverse !important;
    }

    .main-work-block .wf-cell article .post-entry-content:before {
        display: none;
    }

    .main-work-block .wf-cell:nth-child(odd) article .post-entry-content h3 a:before {
        content: "";
        position: absolute;
        right: calc(0% - 110px);
        top: 50%;
        width: 100px;
        height: 1px;
        background: #33c87d;
    }

    .main-work-block .wf-cell:nth-child(even) article .post-entry-content h3 a:before {
        content: "";
        position: absolute;
        left: calc(0% - 110px);
        top: 50%;
        width: 100px;
        height: 1px;
        background: #33c87d;
    }

    .main-work-block .wf-cell:nth-child(1) article .post-entry-content h3 a:before {
        display: none;
    }
}

@media screen and (max-width:991px) {
    .main-work-block .wf-cell article .post-entry-content:before {
        content: "";
        position: absolute;
        left: 20px;
        top: -15%;
        width: 1px;
        height: 130%;
        background: #33c87d;
    }
}

.main-work-block .wf-cell:nth-child(1) article .post-entry-content:before {
    content: "";
    position: absolute;
    left: 20px;
    top: -15%;
    width: 1px;
    height: 130%;
    background: #33c87d;
    display: block;
}

.main-work-block .wf-cell article {
    margin-bottom: 60px;
}


.main-work-block .wf-cell:nth-child(1) article {
    flex-flow: column nowrap !important;
}

.main-work-block .wf-cell:nth-child(1) article .post-thumbnail-wrap, .main-work-block .wf-cell:nth-child(1) article .post-entry-content {
    width: 100%;
}


/*==== MAIN WORK PAGE END ======*/



/*====== HOME GALLERY BEGIN ======*/

#f-simplefilter-392 li {
    background: transparent;
    border: 1px solid #474747;
    border-radius: 10px;
}

#f-simplefilter-392 li:hover, #f-simplefilter-392 li.active {
    color: #000;
}

#f-simplefilter-392 li:hover {
    background-color: transparent !important;
    color: #39e38d !important;
}

.filter_gallery_392 {
    margin-top: 50px;
}

.filter_gallery_392 img {
    border-radius: 10px;
}


/*====== HOME GALLERY END ======*/



/*===== SINGLE PRODUCT BEGIN ======*/

.single-product .product_title {
    text-transform: uppercase;
    margin-bottom: 5px !important;
}

.prod-type {
    font: normal 30px/40px "Roboto Regular";
    margin-bottom: 25px;
}

.single-product .price * {
    color: #39E38D;
}

.single-product .price {
    padding-bottom: 0 !important;
    margin-bottom: 25px !important;
}

.single-product .price:after {
    display: none;
}

.single-product .woocommerce-product-details__short-description {
    font: normal 18px/26px "Roboto Bold";
}

.single-product .rnb-component-wrapper {
    background: #181A19;
    padding: 40px 35px 35px;
}

.single-product .rnb-pricing-plan a {
    background: #181A19 !important;
    color: #fff !important;
    text-decoration: none;
    font: normal 18px/26px "Roboto Bold" !important;
    text-transform: uppercase;
}

.single-product .price-showing {
    background: #181A19 !important;
    padding: 0px 35px 35px;
}

.single-product .rnb-pricing-plan a {
    background: #181A19 !important;
    color: #fff !important;
    text-decoration: none;
    font: normal 18px/26px "Roboto Bold" !important;
    text-transform: uppercase;
    padding: 40px 26px 10px !important;
}

@media screen and (max-width:768px) {
    .single-product .rnb-component-wrapper {
        padding: 20px 15px 15px;
    }

    .single-product .price-showing {
        padding: 0px 15px 25px;
    }

    .single-product .rnb-pricing-plan a {
        padding: 40px 15px 10px 6px !important;
    }
}

.single-product .rnb-component-wrapper h5 {
    font: normal 18px/26px "Roboto Bold";
    text-transform: uppercase;
    color: #fff;
}

.single-product .custom-block input[type='checkbox']:checked + span:after {
    background: #39E38D;
    border-color: #39E38D;
}

.single-product .date-time-picker, .single-product .redq-quantity {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.single-product #pickup-date, .single-product #dropoff-date {
    border-bottom: 2px solid #39e38d;
    border-radius: 0;
}

.single-product .single_add_to_cart_button, .single-product #main .single_add_to_cart_button:hover  {
    border-radius: 10px !important;
    font: normal 24px/30px "Roboto Bold" !important;
    color: #000;
    min-height: 50px !important;
    background: #39e38d;
}

.single-product .woocommerce-tabs.wc-tabs-wrapper {
    background: #181A19;
    padding: 20px 20px 10px;
}

.single-product .woocommerce-Tabs-panel--description {
    font: normal 15px/20px "Roboto Regular";
    color: #9f9f9f;
}

.single-product .woocommerce-tabs li.description_tab > a {
    font: normal 16px/24px "Roboto Medium" !important;
}

.single-product .woocommerce-tabs li {
    padding-top: 0 !important;
    padding-bottom: 20px;
}

.single-product .woocommerce-tabs .tabs li:after {
    top: auto !important;
    bottom: 0;
}

.single-product #reviews * {
    font: normal 15px/20px "Roboto Regular" !important;
    color: #9f9f9f;
}

.single-product #reviews #comment {
    color: #000;
}

.single-product #reviews .comment-form #submit, .single-product #reviews .comment-form #submit:hover {
    font: normal 18px/24px "Roboto Regular" !important;
    color: #000 !important;
    background: #39E38D !important;
}

.single-product .rnb-pricing-plan, .single-product .price-showing, .single-product .rnb-pricing-plan-button {
    display: none;
}

.booking-pricing-info {
    background: #181a19;
}

.single-product form.cart.rnb-cart {
    margin-top: 10px;
}

.booking-pricing-info span {
    color: #fff;
}

.single-product #resourcePreview .pull-right, .single-product #resourcePreview .pull-right *, .single-product .attributes.categories-attr .pull-right, .single-product .attributes.categories-attr .pull-right * {
    color: #39e38d !important;
}

.booking-pricing-info .price {
    font: normal 18px/24px "Roboto Regular" !important;
}

#categoryPreview, .date-time-picker, .redq-quantity {
    background: transparent !important;
    padding: 0 !important;
}

.single-product .date-time-picker span, .single-product #main .redq-quantity input {
    width: 50% !important;
}

.single-product .date-time-picker span {
    padding-right: 0;
}

.single-product #main .redq-quantity input {
    border-bottom: 2px solid #39e38d;
    border-radius: 0;
}

.single-product a.rnb-pricing-plan-link i {
    opacity: 0;
}

.single-product .product_meta, .single-product .pwb-single-product-brands {
    display: none;
}

.single-product .related.products {
    text-align: center;
    padding-top: 0 !important;
}

.single-product .related.products > h2 {
    display: block;
    margin-bottom: 50px !important;
    z-index: 1;
}

.single-product .related.products > h2:before {
    content: "";
    background: #474747;
    height: 1px;
    width: calc(50% - 5em);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
}

.single-product .related.products > h2:after {
    content: "";
    background: #474747;
    height: 1px;
    width: calc(50% - 5em);
    position: absolute;
    top: 50%;
    right: 0;
    z-index: -1;
}


.single-product .related-product > li {
    display: block;
    text-align: center;
    width: 25%;
}

@media screen and (max-width: 970px) {
    .single-product .related-product > li {
        width: 50%;
    }
}

@media screen and (max-width: 760px) {
    .single-product .related-product > li {
        width: 100%;
    }
}

.single-product .related-product > li .woo-buttons {
    display: none;
}

.single-product .related-product li .price, .single-product .related-product li .price * {
    color: #39e38d;
}

.single-product .related-product > li .product-content {
    padding-top: 30px;
}


/*===== SINGLE PRODUCT END ======*/



/*===== SHOP PAGE BEGIN =======*/

.woof_autohide_wrapper {
    display: none;
}

.woocom-project .woocom-list-content {
    background: rgba(43, 43, 43, 0.48);
    padding: 0px 5px 20px !important;
    border-top: 2px solid #474747;
}

.woocom-project .woocom-list-content .entry-title {
    min-height: 40px;
}

.woocom-project .woocom-list-content .price *, .woocom-project .woocom-list-content .price {
    color: #39e38d;
}

.cart-btn-on-img .woo-buttons {
    top: 10px;
    bottom: auto;
}

.cart-btn-on-img .woo-buttons a {
    background: #1F1B1B !important;
}

form.woocommerce-ordering select {
    background-color: transparent;
    border: 1px solid #D8DCE0;
}

#sidebar .woof_section_tab {
    background: transparent !important;
    color: #fff !important;
    font: normal 16px/24px "Roboto Regular";
}

#sidebar .woof_redraw_zone label.woof_section_tab_label {
    width: calc(100% - 12px);
    box-sizing: border-box;
    background: transparent;
    border: none;
    border-bottom: 1px solid #D8DCE0;
    color: #fff;
    font: normal 20px/25px "Roboto Bold";
    padding-bottom: 15px;
    margin-bottom: 10px;
}

#sidebar .woof_redraw_zone span.woof_label_term {
    background: transparent;
    padding: 5px 10px !important;
    height: auto;
}

#sidebar .woof_redraw_zone span.woof_label_term:hover {
    background: #39E38D !important;
    border-color: #39E38D;
    color: #000;
}

#sidebar .select2-selection.select2-selection--single {
    display: block !important;
    /* : 100%; */
    margin-top: 50px;
}

#sidebar .select2-selection.select2-selection--single {
    display: block !important;
    margin-top: 55px;
    height: 40px;
    width: calc(100% - 20px);
    background: transparent;
    border-radius: 0;
}

#sidebar .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -35px;
}

#sidebar .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    line-height: 40px;
}

#sidebar .button.woof_reset_search_form, #sidebar .button.woof_reset_search_form:hover {
    background: #39e38d;
    color: #000 !important;
    font: normal 18px/24px "Roboto Regular";
    border-radius: 5px;
    padding: 10px 20px;
}

@media screen and (max-width: 992px) {
    .dt-wc-sidebar-collapse .sidebar-left .sidebar .sidebar-content {
        background: #080a09;
    }
}


/*===== SHOP PAGE END  =======*/



/*===== CART AND CHECKOUT PAGE BEGIN ======*/

.wp-block-button__link {
    color: #000;
    background-color: #39e38d;
}

.wc-block-components-sidebar {
    background: #181A19;
    padding: 30px;
    height: fit-content;
}

.wc-block-components-sidebar .wc-block-cart__submit {
    text-align: center;
    margin-top: 30px;
}

.wc-block-components-sidebar .wc-block-cart__submit-container {
    display: inline-block;
}

.wc-block-components-sidebar .wc-block-cart__submit-container a {
    color: #000;
    font: normal 24px/30px "Roboto Regular";
    background: #39E38D;
    border-radius: 10px;
    text-decoration: none;
    min-height: auto !important;
    padding: 10px 20px;
}

.wc-block-components-sidebar .wc-block-cart__totals-title {
    display: none !important;
}

.wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-coupon-form-block:after, .wp-block-woocommerce-checkout-order-summary-cart-items-block:after {
    display: none !important;
}

.wc-block-components-totals-coupon__form label {
    color: #fff;
}

.wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=text]:focus, .wc-block-components-form input[type=text], .wc-block-components-form input[type=tel], .wc-block-components-form input[type=email] {
    border-radius: 10px !important;
    border: 1px solid #fff !important;
    background-color: rgba(7, 10, 8, 0.30) !important;
    backdrop-filter: blur(6.099999904632568px);
    height: 56px;
    font: normal 20px/24px "Roboto Regular" !important;
    color: #fff !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
}


.wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components-text-input label {
    color: #ffffff69 !important;
}

.wc-block-components-totals-coupon__button {
    font: normal 18px/24px "Roboto Regular" !important;
    color: #000 !important;
    background: #39E38D !important;
    padding: 10px;
    height: 50px !important;
    border: none;
    border-radius: 10px;
}

.wc-block-components-checkout-place-order-button {
    background: #39e38d;
    border: none;
    border-radius: 10px;
}

@media screen and (min-width:992px) {
    .wc-block-cart-item__image img {
        height: 250px;
        width: auto !important;
    }
}

.wp-block-woocommerce-checkout-shipping-method-block, .wp-block-woocommerce-checkout-pickup-options-block {
    display: none;
}

.woocommerce-order table.shop_table tr, .woocommerce-order .woocommerce-thankyou-order-details li, .woocommerce-order th, .woocommerce-order table.shop_table td {
    border-color: #fff !important;
}

.woocommerce-order span.woocommerce-Price-amount.amount, .woocommerce-order span.woocommerce-Price-amount.amount * {
    color: #39e38d;
}

.woocommerce-order .wc-side-column {
    background: #181A19;
    padding: 30px;
}

/*===== CART AND CHECKOUT PAGE END ======*/



/*===== MY ACCOUNT LOGIN REGISTER BEGIN =====*/

#customer_login {
    background: #222222;
    border-radius: 20px;
}

#customer_login .u-column1.col-1 {
    padding: 100px;
}

#customer_login .u-column2.col-2 {
    background: #fff;
    padding: 100px;
    margin: 10px auto !important;
    border-radius: 20px;
}

#customer_login .u-column2.col-2 * {
    color: #000;
}

#customer_login h2 {
    text-align: center;
    font: normal 42px/52px "Roboto Bold" !important;
    margin-bottom: 30px;
}

@media screen and (max-width:768px) {
    #customer_login .u-column1.col-1, #customer_login .u-column2.col-2 {
        padding: 30px;
    }

    #customer_login h2 {
        font: normal 30px/40px "Roboto Bold" !important;
    }

    #customer_login .u-column2.col-2 {
        margin: auto !important;
    }
}

.woocommerce-form-login input[type=text], .woocommerce-form-login input[type=password], .woocommerce-form-login input[type=email] {
    border-radius: 8px;
    border: 1px solid rgba(215, 215, 215, 0.10);
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.06);
    height: 50px;
}

.woocommerce-form-register input[type=text], .woocommerce-form-register input[type=password], .woocommerce-form-register input[type=email] {
    border-radius: 8px;
    border: 1px solid rgba(215, 215, 215, 0.10);
    background: rgba(75, 73, 73, 0.10);
    box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.06);
    height: 50px;
}

.woocommerce-form-login__submit, .woocommerce-form-register__submit {
    width: 100%;
    border-radius: 8px !important;
    background: #39E38D !important;
    box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.06) !important;
    color: #000 !important;
    font: normal 20px/25px "Roboto Bold" !important;
}


.woocommerce-EditAccountForm input[type=text], .woocommerce-EditAccountForm input[type=email], .woocommerce-EditAccountForm input[type=password] {
    border-radius: 8px;
    border: 1px solid rgba(215, 215, 215, 0.10);
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.06);
    height: 50px;
}

/*===== MY ACCOUNT LOGIN REGISTER END =====*/



/*===== MY ACCOUNT REGISTERED BEGIN  =====*/

.woocommerce-MyAccount-navigation > ul li.is-active a {
    color: #000 !important;
}

.woocommerce-MyAccount-navigation > ul li:not(.is-active) a {
    background: #181A19 !important;
}

.woocommerce-MyAccount-content table.shop_table td, .woocommerce table.shop_table, .content .woocommerce-MyAccount-content th {
    border-color: #fff !important;
}

.woocommerce-MyAccount-content a.woocommerce-button.button.view, .woocommerce-MyAccount-content a.woocommerce-button.button.view:hover {
    color: #000;
    background: #39e38d;
}

.woocommerce-MyAccount-content .wc-block-components-notice-banner.is-info {
    background: #000 !important;
    color: #fff;
    border-color: #fff !important;
}

.woocommerce-MyAccount-content a.button.wc-forward, .woocommerce-MyAccount-content a.button.wc-forward:hover {
    background: #39e38d;
    padding: 10px !important;
    opacity: 1;
    text-decoration: none;
}

.woocommerce-MyAccount-content .woocommerce-input-wrapper input[type=text], .woocommerce-MyAccount-content .woocommerce-input-wrapper input[type=tel], .woocommerce-MyAccount-content .woocommerce-input-wrapper input[type=email], .woocommerce-MyAccount-content .woocommerce-input-wrapper span.select2-selection.select2-selection--single {
    border-radius: 8px !important;
    border: 1px solid rgba(215, 215, 215, 0.10) !important;
    background: rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.06) !important;
    height: 50px !important;
}

.woocommerce-address-fields .button, .woocommerce-address-fields .button:hover, .woocommerce-MyAccount-content .woocommerce-Button.button, .woocommerce-MyAccount-content .woocommerce-Button.button:hover {
    color: #000;
    background: #39e38d;
    border-radius: 8px;
}

/*===== MY ACCOUNT REGISTERED END  =====*/