.ht-container,
.ht-slide-caption {
    max-width: 1200px
}

body.ht-boxed #ht-page {
    max-width: 1280px
}


/* p {
    font-family: '';
}

a {
    font-family: '' !important;
} */

.ht-header-five .ht-top-header.ht-container {
    max-width: 1100px
}

#primary {
    width: 67%
}

#secondary {
    width: 30%
}

.ht-site-title-tagline a,
.ht-site-title a,
.ht-site-title-tagline a:hover,
.ht-site-title a:hover,
.ht-site-description {
    color: #333333
}

#ht-preloader-wrap {
    background: #FFFFFF
}

.ball-pulse-sync>div,
.ball-pulse>div,
.ball-scale-random>div,
.ball-scale>div,
.ball-grid-beat>div,
.ball-grid-pulse>div,
.ball-pulse-rise>div,
.total-spin>div,
.ball-rotate>div,
.ball-rotate>div:before,
.ball-rotate>div:after,
.cube-transition>div,
.ball-zig-zag>div,
.line-scale>div,
.ball-scale-multiple>div,
.line-scale-pulse-out>div,
.ball-spin-fade-loader>div,
.pacman>div:nth-child(3),
.pacman>div:nth-child(4),
.pacman>div:nth-child(5),
.pacman>div:nth-child(6) {
    background: #000000
}

.ball-clip-rotate>div,
.ball-clip-rotate-multiple>div,
.ball-scale-ripple-multiple>div,
.pacman>div:first-of-type,
.pacman>div:nth-child(2) {
    border-color: #000000
}

html,
body,
button,
input,
select,
textarea,
.megamenu-category .mega-post-title {
 font-family: 'Calibri';
    font-weight: 300;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.6;
    ;
    color: #333333
}

.ht-menu>ul>li>a,
a.ht-header-bttn {
  font-family: 'Calibri';
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    line-height: 2.5
}

.ht-section-title {
 font-family: 'Calibri';
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 36px;
    line-height: 1.5
}

.ht-main-title {
  font-family: 'Calibri';
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    font-size: 48px;
    line-height: 1.5
}

h1,
.ht-site-title,
.entry-header div.entry-title {
  font-family: 'Calibri';
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    font-size: 38px;
    line-height: 1.3
}

h2 {
 font-family: 'Calibri';
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    font-size: 34px;
    line-height: 1.3
}

h3 {
  font-family: 'Calibri';
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    font-size: 30px;
    line-height: 1.3
}

h4 {
 font-family: 'Calibri';
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    font-size: 26px;
    line-height: 1.3
}

h5 {
  font-family: 'Calibri';
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    font-size: 22px;
    line-height: 1.3
}

h6 {
 font-family: 'Calibri';
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    font-size: 18px;
    line-height: 1.3
}

.ht-main-navigation {
    font-size: 16px;
    font-family: Oswald
}

.ht-main-content h1,
.ht-main-content h2,
.ht-main-content h3,
.ht-main-content h4,
.ht-main-content h5,
.ht-main-content h6 {
    color: #000000
}

.ht-main-content {
    color: #333333
}

a {
    color: #fc8902
}

a:hover {
    color: #000000
}

.widget-area li {
    border-color: rgba(51, 51, 51, 0.05)
}

.ht-sidebar-style2 .widget-area .widget {
    border-color: rgba(51, 51, 51, 0.1)
}

.widget-area .widget-title,
#reply-title,
#comments .comments-title,
.total-plus-related-post .related-post-title {
    color: #000000
}

.ht-sidebar-style1 .widget-area .widget-title:after,
.ht-sidebar-style1 #reply-title:after,
.ht-sidebar-style1 #comments .comments-title:after,
.ht-sidebar-style1 .total-plus-related-post .related-post-title:after,
.ht-sidebar-style2 .widget-area .widget:before {
    background-color: #000000
}

.ht-sidebar-style3 .widget-area .widget-title,
.ht-sidebar-style3 #reply-title,
.ht-sidebar-style3 #comments .comments-title,
.ht-sidebar-style3 .total-plus-related-post .related-post-title {
    border-color: #000000
}

.ht-site-header .ht-top-header {
    background: rgba(0, 0, 0, 1);
    color: #ffffff;
    padding-top: 15px;
    padding-bottom: 15px
}

.ht-site-header .ht-top-header a,
.ht-site-header .ht-top-header a:hover,
.ht-site-header .ht-top-header a i,
.ht-site-header .ht-top-header a:hover i {
    color: #ffffff
}

.ht-header-one .ht-header,
.ht-header-two .ht-header .ht-container,
.ht-header-three .ht-header .ht-container,
.ht-header-four .ht-header .ht-container,
.ht-header-five .ht-header .ht-container,
.ht-sticky-header .ht-header-two .ht-header.headroom.headroom--not-top,
.ht-sticky-header .ht-header-three .ht-header.headroom.headroom--not-top,
.ht-sticky-header .ht-header-four .ht-header.headroom.headroom--not-top,
.ht-sticky-header .ht-header-five .ht-header.headroom.headroom--not-top,
.ht-header-six .ht-main-navigation {
    background: rgba(255, 151, 28, 1)
}

.ht-sticky-header .ht-header-two .ht-header.headroom.headroom--not-top .ht-container,
.ht-sticky-header .ht-header-three .ht-header.headroom.headroom--not-top .ht-container,
.ht-sticky-header .ht-header-four .ht-header.headroom--not-top .ht-container,
.ht-sticky-header .ht-header-five .ht-header.headroom--not-top .ht-container {
    background: none
}

.ht-header-one .ht-header .ht-container,
.ht-header-two .ht-main-navigation,
.ht-header-four .ht-main-navigation,
.ht-header-five .ht-header-wrap,
.ht-header-six .ht-main-navigation .ht-container {
    height: 70px
}

.ht-header-three .ht-header .ht-container {
    height: 74px
}

.hover-style5 .ht-menu>ul>li.menu-item>a,
.hover-style6 .ht-menu>ul>li.menu-item>a,
.hover-style5 .ht-header-bttn,
.hover-style6 .ht-header-bttn {
    line-height: 70px
}

.ht-header-one #ht-site-branding img,
.ht-header-two #ht-site-branding img,
.ht-header-three #ht-site-branding img,
.ht-header-five #ht-site-branding img {
    height: 50px
}

.ht-header-one #ht-site-branding img,
.ht-header-two #ht-site-branding img,
.ht-header-three #ht-site-branding img,
.ht-header-five #ht-site-branding img {
    max-height: 40px
}

.ht-header-four #ht-site-branding img,
.ht-header-six #ht-site-branding img {
    max-height: 50px
}

.ht-menu>ul>li.menu-item>a,
.hover-style1 .ht-menu>ul>li.menu-item.menu-item-social-icon:hover>a>i,
.hover-style1 .ht-menu>ul>li.menu-item.menu-item-search:hover>a>i,
.hover-style1 .ht-menu>ul>li.menu-item.menu-item-ht-cart:hover>a>i,
.hover-style3 .ht-menu>ul>li.menu-item.menu-item-social-icon:hover>a>i,
.hover-style3 .ht-menu>ul>li.menu-item.menu-item-search:hover>a>i,
.hover-style3 .ht-menu>ul>li.menu-item.menu-item-ht-cart:hover>a>i,
.hover-style5 .ht-menu>ul>li.menu-item.menu-item-social-icon:hover>a>i,
.hover-style5 .ht-menu>ul>li.menu-item.menu-item-search:hover>a>i,
.hover-style5 .ht-menu>ul>li.menu-item.menu-item-ht-cart:hover>a>i {
    color: #ffffff
}

.hover-style1 .ht-menu>ul>li.menu-item:hover>a,
.hover-style1 .ht-menu>ul>li.menu-item.current_page_item>a,
.hover-style1 .ht-menu>ul>li.menu-item.current-menu-item>a,
.hover-style1 .ht-menu>ul>li.menu-item.current_page_ancestor>a,
.hover-style1 .ht-menu>ul>li.menu-item.current>a,
.ht-menu>ul>li.menu-item:hover>a,
.ht-menu>ul>li.menu-item:hover>a>i,
.ht-menu>ul>li.menu-item.current_page_item>a,
.ht-menu>ul>li.menu-item.current-menu-item>a,
.ht-menu>ul>li.menu-item.current_page_ancestor>a,
.ht-menu>ul>li.menu-item.current>a {
    color: #ffffff
}

.ht-menu ul ul,
.menu-item-ht-cart .widget_shopping_cart,
#ht-responsive-menu {
    background: rgba(255, 255, 255, 1)
}

.ht-menu .megamenu *,
#ht-responsive-menu .megamenu *,
.ht-menu .megamenu a,
#ht-responsive-menu .megamenu a,
.ht-menu ul ul li.menu-item>a,
.menu-item-ht-cart .widget_shopping_cart a,
.menu-item-ht-cart .widget_shopping_cart,
#ht-responsive-menu li.menu-item>a,
#ht-responsive-menu li.menu-item>a i,
#ht-responsive-menu li .dropdown-nav,
.megamenu-category .mega-post-title a {
    color: #333333
}

.ht-menu>ul>li>ul:not(.megamenu) li.menu-item:hover>a,
.ht-menu ul ul.megamenu li.menu-item>a:hover,
.ht-menu ul ul li.menu-item>a:hover i,
.ht-menu .megamenu-full-width.megamenu-category .cat-megamenu-tab>div.active-tab {
    color: #ff971c
}

.ht-menu>ul>li>ul:not(.megamenu) li.menu-item:hover>a,
.ht-menu ul ul.megamenu li.menu-item>a:hover,
.ht-menu ul ul li.menu-item>a:hover i,
.ht-menu .megamenu-full-width.megamenu-category .cat-megamenu-tab>div.active-tab {
    background-color:
}

.ht-header-three .ht-header .ht-container,
.ht-sticky-header .ht-header-three .ht-header.headroom.headroom--not-top {
    border-bottom: 4px solid rgba(0, 0, 0, 1)
}

.ht-header-four .ht-middle-header {
    padding-bottom: 35px;
    border-color: rgba(255, 151, 28, 1)
}

.ht-hide-titlebar .ht-header-four#ht-masthead {
    padding-bottom: 75px
}

.ht-header-five .ht-top-header+.ht-header .ht-container:before,
.ht-header-five .ht-top-header+.ht-header .ht-container:after {
    border-bottom: 95px solid rgba(255, 151, 28, 1)
}

.hover-style1 .ht-menu>ul>li.menu-item:hover>a,
.hover-style1 .ht-menu>ul>li.menu-item.current_page_item>a,
.hover-style1 .ht-menu>ul>li.menu-item.current-menu-item>a,
.hover-style1 .ht-menu>ul>li.menu-item.current_page_ancestor>a,
.hover-style1 .ht-menu>ul>li.menu-item.current>a,
.hover-style5 .ht-menu>ul>li.menu-item:hover>a,
.hover-style5 .ht-menu>ul>li.menu-item.current_page_item>a,
.hover-style5 .ht-menu>ul>li.menu-item.current-menu-item>a,
.hover-style5 .ht-menu>ul>li.menu-item.current_page_ancestor>a,
.hover-style5 .ht-menu>ul>li.menu-item.current>a {
    background: #000000
}

.hover-style2 .ht-menu>ul>li.menu-item:hover>a,
.hover-style2 .ht-menu>ul>li.menu-item.current_page_item>a,
.hover-style2 .ht-menu>ul>li.menu-item.current-menu-item>a,
.hover-style2 .ht-menu>ul>li.menu-item.current_page_ancestor>a,
.hover-style2 .ht-menu>ul>li.menu-item.current>a,
.hover-style4 .ht-menu>ul>li.menu-item:hover>a,
.hover-style4 .ht-menu>ul>li.menu-item.current_page_item>a,
.hover-style4 .ht-menu>ul>li.menu-item.current-menu-item>a,
.hover-style4 .ht-menu>ul>li.menu-item.current_page_ancestor>a,
.hover-style4 .ht-menu>ul>li.menu-item.current>a {
    color: #ffffff;
    border-color: #ffffff
}

.hover-style3 .ht-menu>ul>li.menu-item:hover>a,
.hover-style3 .ht-menu>ul>li.menu-item.current_page_item>a,
.hover-style3 .ht-menu>ul>li.menu-item.current-menu-item>a,
.hover-style3 .ht-menu>ul>li.menu-item.current_page_ancestor>a,
.hover-style3 .ht-menu>ul>li.menu-item.current>a {
    background: #000000
}

.hover-style6 .ht-menu>ul>li.menu-item:hover>a:before,
.hover-style6 .ht-menu>ul>li.menu-item.current_page_item>a:before,
.hover-style6 .ht-menu>ul>li.menu-item.current-menu-item>a:before,
.hover-style6 .ht-menu>ul>li.menu-item.current_page_ancestor>a:before,
.hover-style6 .ht-menu>ul>li.menu-item.current>a:before {
    background: #ffffff
}

.ht-header-over .ht-slide-caption {
    margin-top: 35px
}

.ht-header-style2 .ht-slide-caption,
.ht-header-style3 .ht-slide-caption,
.ht-header-style5 .ht-slide-caption {
    margin-top: 60px
}

.ht-menu>ul>li.menu-item {
    padding-top: 12px;
    padding-bottom: 12px
}

.ht-service-bg {
    background-image: url();
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-attachment: scroll
}

.ht-main-banner {
    background-image: url(https://demo.hashthemes.com/total-plus/construction/wp-content/uploads/sites/9/2018/09/building-construction-site.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed
}

button,
input[type='button'],
input[type='reset'],
input[type='submit'],
.ht-button,
.total-plus-related-post .related-post-title:after,
.comment-navigation .nav-previous a,
.comment-navigation .nav-next a,
.pagination .page-numbers,
.ht-slide-cap-title span,
.ht-progress-bar-length,
.ht-service-section.style1 .ht-service-post:after,
.ht-service-section.style1 .ht-service-icon,
.ht-testimonial-wrap .bx-wrapper .bx-controls-direction a,
.ht-blog-section .ht-blog-read-more a,
#ht-back-top:hover,
.entry-readmore a,
.blog-layout2 .entry-date,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce ul.products li.product:hover .total-product-title-wrap .button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce span.onsale,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce-MyAccount-navigation-link a,
.ht-pricing.style1:hover .ht-pricing-header,
.ht-pricing.style1:hover .ht-pricing-header:before,
.ht-pricing.style1:hover .ht-pricing-header:after,
.ht-pricing.style1:hover .ht-pricing-button a,
.ht-pricing.style1.ht-featured .ht-pricing-header,
.ht-pricing.style1.ht-featured .ht-pricing-header:before,
.ht-pricing.style1.ht-featured .ht-pricing-header:after,
.ht-pricing.style1.ht-featured .ht-pricing-button a,
.ht-pricing.style2 .ht-pricing-button a,
.ht-pricing.style2:hover .ht-pricing-header,
.ht-pricing.style2.ht-featured .ht-pricing-header,
.ht-pricing.style3 .ht-pricing-price,
.ht-pricing.style3 .ht-pricing-main,
.ht-pricing.style4 .ht-pricing-header,
.ht-pricing.style4 .ht-pricing-button a,
.ht-tab-wrap.style2 .ht-tab.ht-active,
.ht-tab-wrap.style1 .ht-tab.ht-active:after,
.ht-portfolio-cat-name-list.style4 .ht-portfolio-cat-wrap,
.ht-portfolio-cat-name-list.style4 .ht-portfolio-switch,
.footer-style3 .ht-top-footer .ht-container,
.ht-logo-section .style2 .flipto-prev,
.ht-logo-section .style2 .flipto-next,
.ht-style2-accordion .ht-accordion-header,
.ht-portfolio-cat-name-list.style2 .ht-portfolio-cat-name.active:after,
.ht-tab-wrap.style4 .ht-tab.ht-active span:before,
.ht-tab-wrap.style5 .ht-tab.ht-active,
.ht-tab-wrap.style5 .ht-tab.ht-active:after,
.ht-contact-detail,
.ht-search-close {
    background: #fc8902
}

.blog-layout1 .ht-post-info .entry-date span.ht-day,
.blog-layout4 .ht-post-info a:hover,
.blog-layout4-first .ht-post-info a:hover,
.blog-layout3 .ht-post-info a:hover,
.no-comments,
.woocommerce .woocommerce-breadcrumb a:hover,
.breadcrumb-trail a:hover span,
.ht-portfolio-cat-name:hover,
.ht-portfolio-cat-name.active,
.ht-portfolio-caption a i,
.ht-counter-icon,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce .product_meta a:hover,
.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before,
.ht-pricing.style3 .ht-pricing-header h5,
.ht-service-section.style2 .ht-service-icon i,
.ht-service-section.style2 .ht-service-excerpt h5,
.ht-portfolio-cat-name-list.style1 .ht-portfolio-cat-name:hover,
.ht-portfolio-cat-name-list.style1 .ht-portfolio-cat-name.active,
.ht-style2-accordion .ht-accordion-header:before,
.ht-contact-section .ht-contact-detail .ht-contact-social-icon a i,
.animated-dot .middle-dot:after {
    color: #fc8902
}

.ht-header-four .ht-main-navigation ul ul,
.ht-counter,
.ht-testimonial-wrap .bx-wrapper img,
.ht-blog-section .style1 .ht-blog-post,
#ht-colophon.footer-style1,
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce ul.products li.product:hover .total-product-title-wrap .button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.ht-pricing.style3,
.ht-service-section.style2 .ht-service-post,
.ht-tab-wrap.style3 .ht-tab.ht-active,
.ht-style2-accordion .ht-accordion-content-wrap,
.ht-tab-wrap.style4 .ht-tab span,
.ht-tab-wrap.style4 .ht-tab:after,
.animated-dot .signal2,
.content-area .entry-content blockquote,
.ht-testimonial-wrap .ht-testimonial img,
blockquote:not(.wp-block-quote) {
    border-color: #fc8902
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    border-top-color: #fc8902
}

.nav-next a:after,
.ht-tab-wrap.style2 .ht-tab.ht-active:after {
    border-left-color: #fc8902
}

.nav-previous a:after {
    border-right-color: #fc8902
}

.ht-service-section.style1 .ht-active .ht-service-icon {
    box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #fc8902
}

.woocommerce ul.products li.product .onsale:after {
    border-color: transparent transparent #e37b02 #e37b02
}

.woocommerce span.onsale:after {
    border-color: transparent #e37b02 #e37b02 transparent
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before {
    border-color: #fc8902 transparent transparent
}

.ht-portfolio-caption,
.ht-team-member.style1 .ht-team-member-excerpt,
.ht-team-member.style1 .ht-title-wrap {
    background: rgba(252, 137, 2, 0.9)
}

.animated-dot .signal {
    border-color: rgba(252, 137, 2, 0.2);
    box-shadow: inset 0 0 35px 10px rgba(252, 137, 2, 0.2)
}

.ht-main-banner:before {
    background-color: rgba(0, 0, 0, 0)
}

.ht-slide:before {
    background-color: rgba(0, 0, 0, 0)
}

.ht-about-section {
    background-color: #FFFFFF;
    background-image: url(https://www.todaymachine.com/wp-content/uploads/2021/03/drilling.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
    background-repeat: no-repeat
}

.ht-about-section .ht-section-wrap {
    background-color: rgba(0, 0, 0, 0.88);
    padding-top: 100px;
    padding-bottom: 0px;
    color: #ffffff
}

.ht-about-section .ht-section-seperator.top-section-seperator {
    height: 60px
}

.ht-about-section .ht-section-seperator.bottom-section-seperator {
    height: 60px
}

.ht-about-section .ht-section-super-title {
    color: #ffffff
}

.ht-about-section .ht-section-title {
    color: #ffffff
}

.ht-about-section .ht-section-title-top-cs .ht-section-title:after,
.ht-about-section .ht-section-title-top-ls .ht-section-title:after,
.ht-about-section .ht-section-title-big .ht-section-title:after {
    background: #ffffff
}

.ht-about-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #ffffff
}

.ht-about-section a,
.ht-about-section a>i {
    color: #ff971c
}

.ht-about-section a:hover,
.ht-about-section a:hover>i {
    color: #ffffff
}

.ht-about-section .ht-section-title-top-ls .ht-section-title:after,
.ht-about-section .ht-section-title-top-cs .ht-section-title:after,
.ht-about-section .ht-section-title-big .ht-section-title:after {
    background: #ffffff
}

.ht-about-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #ffffff
}

.ht-about-section .ht-section-title-single-row .ht-section-title-wrap {
    border-color: #ffffff
}

.ht-highlight-section {
    background-color: #ffffff
}

.ht-highlight-section .ht-section-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
    color: #333333
}

.ht-highlight-section .ht-section-seperator.top-section-seperator {
    height: 60px
}

.ht-highlight-section .ht-section-seperator.bottom-section-seperator {
    height: 60px
}

.ht-highlight-section .top-section-seperator svg {
    fill: #000000
}

.ht-highlight-section .ht-section-super-title {
    color: #fc8902
}

.ht-highlight-section .ht-section-title-top-ls .ht-section-title:after,
.ht-highlight-section .ht-section-title-top-cs .ht-section-title:after,
.ht-highlight-section .ht-section-title-big .ht-section-title:after {
    background: #333333
}

.ht-highlight-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #333333
}

.ht-highlight-section .ht-section-title-single-row .ht-section-title-wrap {
    border-color: #333333
}

.ht-service-section {
    background-color: #ffffff;
    background-image: url(https://www.todaymachine.com/wp-content/uploads/2021/03/helmet-brusgh.jpg);
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
    background-repeat: no-repeat
}

.ht-service-section .ht-section-wrap {
    background-color: rgba(0, 0, 0, 0.88);
    padding-top: 100px;
    padding-bottom: 100px;
    color: #ffffff
}

.ht-service-section .ht-section-seperator.top-section-seperator {
    height: 60px
}

.ht-service-section .ht-section-seperator.bottom-section-seperator {
    height: 60px
}

.ht-service-section .ht-section-super-title {
    color: #000000
}

.ht-service-section .ht-section-title {
    color: #fc8902
}

.ht-service-section .ht-section-title-top-cs .ht-section-title:after,
.ht-service-section .ht-section-title-top-ls .ht-section-title:after,
.ht-service-section .ht-section-title-big .ht-section-title:after {
    background: #fc8902
}

.ht-service-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #fc8902
}

.ht-service-section .ht-section-title-top-ls .ht-section-title:after,
.ht-service-section .ht-section-title-top-cs .ht-section-title:after,
.ht-service-section .ht-section-title-big .ht-section-title:after {
    background: #ffffff
}

.ht-service-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #ffffff
}

.ht-service-section .ht-section-title-single-row .ht-section-title-wrap {
    border-color: #ffffff
}

.ht-cta-section {
    background-color: #ff971c
}

.ht-cta-section .ht-section-wrap {
    padding-top: 59px;
    padding-bottom: 59px;
    color: #333333
}

.ht-cta-section .ht-section-seperator.top-section-seperator {
    height: 60px
}

.ht-cta-section .ht-section-seperator.bottom-section-seperator {
    height: 60px
}

.ht-cta-section .ht-section-title {
    color: #ffffff
}

.ht-cta-section .ht-section-title-top-cs .ht-section-title:after,
.ht-cta-section .ht-section-title-top-ls .ht-section-title:after,
.ht-cta-section .ht-section-title-big .ht-section-title:after {
    background: #ffffff
}

.ht-cta-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #ffffff
}

.ht-cta-section .ht-section-title-top-ls .ht-section-title:after,
.ht-cta-section .ht-section-title-top-cs .ht-section-title:after,
.ht-cta-section .ht-section-title-big .ht-section-title:after {
    background: #333333
}

.ht-cta-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #333333
}

.ht-cta-section .ht-section-title-single-row .ht-section-title-wrap {
    border-color: #333333
}

.ht-featured-section {
    background-color: #ffffff
}

.ht-featured-section .ht-section-wrap {
    padding-top: 100px;
    padding-bottom: 41px;
    color: #333333
}

.ht-featured-section .ht-section-seperator.top-section-seperator {
    height: 60px
}

.ht-featured-section .ht-section-seperator.bottom-section-seperator {
    height: 60px
}

.ht-featured-section .ht-section-super-title {
    color: #ff971c
}

.ht-featured-section a,
.ht-featured-section a>i {
    color: #000000
}

.ht-featured-section a:hover,
.ht-featured-section a:hover>i {
    color: #ff971c
}

.ht-featured-section .ht-section-title-top-ls .ht-section-title:after,
.ht-featured-section .ht-section-title-top-cs .ht-section-title:after,
.ht-featured-section .ht-section-title-big .ht-section-title:after {
    background: #333333
}

.ht-featured-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #333333
}

.ht-featured-section .ht-section-title-single-row .ht-section-title-wrap {
    border-color: #333333
}

.ht-team-section {
    background-color: #e2e2e2;
    background-image: url(https://www.todaymachine.com/wp-content/uploads/2021/03/map-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
    background-repeat: no-repeat
}

.ht-team-section .ht-section-wrap {
    background-color: rgba(255, 255, 255, 0);
    padding-top: 100px;
    padding-bottom: 100px;
    color: #333333
}

.ht-team-section .ht-section-seperator.top-section-seperator {
    height: 60px
}

.ht-team-section .ht-section-seperator.bottom-section-seperator {
    height: 60px
}

.ht-team-section .top-section-seperator svg {
    fill: #000000
}

.ht-team-section .ht-section-super-title {
    color: #fc8902
}

.ht-team-section .ht-section-title {
    color: #000000
}

.ht-team-section .ht-section-title-top-cs .ht-section-title:after,
.ht-team-section .ht-section-title-top-ls .ht-section-title:after,
.ht-team-section .ht-section-title-big .ht-section-title:after {
    background: #000000
}

.ht-team-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #000000
}

.ht-team-section .ht-section-title-top-ls .ht-section-title:after,
.ht-team-section .ht-section-title-top-cs .ht-section-title:after,
.ht-team-section .ht-section-title-big .ht-section-title:after {
    background: #333333
}

.ht-team-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #333333
}

.ht-team-section .ht-section-title-single-row .ht-section-title-wrap {
    border-color: #333333
}

.ht-testimonial-section {
    background-color: #fc8902
}

.ht-testimonial-section .ht-section-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
    color: #ffffff
}

.ht-testimonial-section .ht-section-seperator.top-section-seperator {
    height: 60px
}

.ht-testimonial-section .ht-section-seperator.bottom-section-seperator {
    height: 60px
}

.ht-testimonial-section .ht-section-super-title {
    color: #ffffff
}

.ht-testimonial-section .ht-section-title {
    color: #ffffff
}

.ht-testimonial-section .ht-section-title-top-cs .ht-section-title:after,
.ht-testimonial-section .ht-section-title-top-ls .ht-section-title:after,
.ht-testimonial-section .ht-section-title-big .ht-section-title:after {
    background: #ffffff
}

.ht-testimonial-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #ffffff
}

.ht-testimonial-section .ht-section-title-top-ls .ht-section-title:after,
.ht-testimonial-section .ht-section-title-top-cs .ht-section-title:after,
.ht-testimonial-section .ht-section-title-big .ht-section-title:after {
    background: #ffffff
}

.ht-testimonial-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #ffffff
}

.ht-testimonial-section .ht-section-title-single-row .ht-section-title-wrap {
    border-color: #ffffff
}

.ht-portfolio-section {
    background-color: #eef1f5
}

.ht-portfolio-section .ht-section-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
    color: #000000
}

.ht-portfolio-section .ht-section-seperator.top-section-seperator {
    height: 60px
}

.ht-portfolio-section .ht-section-seperator.bottom-section-seperator {
    height: 60px
}

.ht-portfolio-section .ht-section-super-title {
    color: #fc8902
}

.ht-portfolio-section .ht-section-title {
    color: #000000
}

.ht-portfolio-section .ht-section-title-top-cs .ht-section-title:after,
.ht-portfolio-section .ht-section-title-top-ls .ht-section-title:after,
.ht-portfolio-section .ht-section-title-big .ht-section-title:after {
    background: #000000
}

.ht-portfolio-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #000000
}

.ht-portfolio-section .ht-section-title-top-ls .ht-section-title:after,
.ht-portfolio-section .ht-section-title-top-cs .ht-section-title:after,
.ht-portfolio-section .ht-section-title-big .ht-section-title:after {
    background: #000000
}

.ht-portfolio-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #000000
}

.ht-portfolio-section .ht-section-title-single-row .ht-section-title-wrap {
    border-color: #000000
}

.ht-pricing-section {
    background-color: #ffffff;
    background-image: url(https://www.todaymachine.com/wp-content/uploads/2021/03/highway.jpg);
    background-size: cover;
    background-position: center bottom;
    background-attachment: fixed;
    background-repeat: no-repeat
}

.ht-pricing-section .ht-section-wrap {
    background-color: rgba(255, 255, 255, 0.92);
    padding-top: 100px;
    padding-bottom: 100px;
    color: #000000
}

.ht-pricing-section .ht-section-seperator.top-section-seperator {
    height: 60px
}

.ht-pricing-section .ht-section-seperator.bottom-section-seperator {
    height: 60px
}

.ht-pricing-section .ht-section-super-title {
    color: #fc8902
}

.ht-pricing-section .ht-section-title {
    color: #000000
}

.ht-pricing-section .ht-section-title-top-cs .ht-section-title:after,
.ht-pricing-section .ht-section-title-top-ls .ht-section-title:after,
.ht-pricing-section .ht-section-title-big .ht-section-title:after {
    background: #000000
}

.ht-pricing-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #000000
}

.ht-pricing-section .ht-section-title-top-ls .ht-section-title:after,
.ht-pricing-section .ht-section-title-top-cs .ht-section-title:after,
.ht-pricing-section .ht-section-title-big .ht-section-title:after {
    background: #000000
}

.ht-pricing-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #000000
}

.ht-pricing-section .ht-section-title-single-row .ht-section-title-wrap {
    border-color: #000000
}

.ht-logo-section {
    background-color: #262626
}

.ht-logo-section .ht-section-wrap {
    padding-top: 0px;
    padding-bottom: 0px;
    color: #333333
}

.ht-logo-section .ht-section-seperator.top-section-seperator {
    height: 60px
}

.ht-logo-section .ht-section-seperator.bottom-section-seperator {
    height: 60px
}

.ht-logo-section .style1 .owl-dots .owl-dot {
    background-color: #333333
}

.ht-logo-section .ht-section-title-top-ls .ht-section-title:after,
.ht-logo-section .ht-section-title-top-cs .ht-section-title:after,
.ht-logo-section .ht-section-title-big .ht-section-title:after {
    background: #333333
}

.ht-logo-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #333333
}

.ht-logo-section .ht-section-title-single-row .ht-section-title-wrap {
    border-color: #333333
}

.ht-blog-section {
    background-color: #FFFFFF;
    background-image: url(https://www.todaymachine.com/wp-content/uploads/2021/03/map-bg-1.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
    background-repeat: no-repeat
}

.ht-blog-section .ht-section-wrap {
    background-color: rgba(255, 255, 255, 0);
    padding-top: 100px;
    padding-bottom: 74px;
    color: #333333
}

.ht-blog-section .ht-section-seperator.top-section-seperator {
    height: 60px
}

.ht-blog-section .ht-section-seperator.bottom-section-seperator {
    height: 60px
}

.ht-blog-section .ht-section-title-top-ls .ht-section-title:after,
.ht-blog-section .ht-section-title-top-cs .ht-section-title:after,
.ht-blog-section .ht-section-title-big .ht-section-title:after {
    background: #333333
}

.ht-blog-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #333333
}

.ht-blog-section .ht-section-title-single-row .ht-section-title-wrap {
    border-color: #333333
}

.ht-tab-section {
    background-color: #FFFFFF
}

.ht-tab-section .ht-section-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
    color: #333333
}

.ht-tab-section .ht-section-seperator.top-section-seperator {
    height: 60px
}

.ht-tab-section .ht-section-seperator.bottom-section-seperator {
    height: 60px
}

.ht-tab-section .ht-section-title-top-ls .ht-section-title:after,
.ht-tab-section .ht-section-title-top-cs .ht-section-title:after,
.ht-tab-section .ht-section-title-big .ht-section-title:after {
    background: #333333
}

.ht-tab-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #333333
}

.ht-tab-section .ht-section-title-single-row .ht-section-title-wrap {
    border-color: #333333
}

.ht-news-section {
    background-color: #FFFFFF
}

.ht-news-section .ht-section-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
    color: #333333
}

.ht-news-section .ht-section-seperator.top-section-seperator {
    height: 60px
}

.ht-news-section .ht-section-seperator.bottom-section-seperator {
    height: 60px
}

.ht-news-section .ht-section-title-top-ls .ht-section-title:after,
.ht-news-section .ht-section-title-top-cs .ht-section-title:after,
.ht-news-section .ht-section-title-big .ht-section-title:after {
    background: #333333
}

.ht-news-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #333333
}

.ht-news-section .ht-section-title-single-row .ht-section-title-wrap {
    border-color: #333333
}

.ht-counter-section {
    background-color: #FFFFFF
}

.ht-counter-section .ht-section-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
    color: #333333
}

.ht-counter-section .ht-section-seperator.top-section-seperator {
    height: 60px
}

.ht-counter-section .ht-section-seperator.bottom-section-seperator {
    height: 60px
}

.ht-counter-section .ht-section-title-top-ls .ht-section-title:after,
.ht-counter-section .ht-section-title-top-cs .ht-section-title:after,
.ht-counter-section .ht-section-title-big .ht-section-title:after {
    background: #333333
}

.ht-counter-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #333333
}

.ht-counter-section .ht-section-title-single-row .ht-section-title-wrap {
    border-color: #333333
}

.ht-contact-section {}

.ht-contact-section .ht-section-wrap {
    background-color: rgba(0, 0, 0, 0.68);
    padding-top: 135px;
    padding-bottom: 135px;
    color: #333333
}

.ht-contact-section .ht-section-seperator.top-section-seperator {
    height: 60px
}

.ht-contact-section .ht-section-seperator.bottom-section-seperator {
    height: 60px
}

.ht-contact-section .ht-section-title-top-ls .ht-section-title:after,
.ht-contact-section .ht-section-title-top-cs .ht-section-title:after,
.ht-contact-section .ht-section-title-big .ht-section-title:after {
    background: #333333
}

.ht-contact-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #333333
}

.ht-contact-section .ht-section-title-single-row .ht-section-title-wrap {
    border-color: #333333
}

.ht-customa-section {
    background-color: #FFFFFF
}

.ht-customa-section .ht-section-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
    color: #333333
}

.ht-customa-section .ht-section-seperator.top-section-seperator {
    height: 60px
}

.ht-customa-section .ht-section-seperator.bottom-section-seperator {
    height: 60px
}

.ht-customa-section .ht-section-title-top-ls .ht-section-title:after,
.ht-customa-section .ht-section-title-top-cs .ht-section-title:after,
.ht-customa-section .ht-section-title-big .ht-section-title:after {
    background: #333333
}

.ht-customa-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #333333
}

.ht-customa-section .ht-section-title-single-row .ht-section-title-wrap {
    border-color: #333333
}

.ht-customb-section {
    background-color: #FFFFFF
}

.ht-customb-section .ht-section-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
    color: #333333
}

.ht-customb-section .ht-section-seperator.top-section-seperator {
    height: 60px
}

.ht-customb-section .ht-section-seperator.bottom-section-seperator {
    height: 60px
}

.ht-customb-section .ht-section-title-top-ls .ht-section-title:after,
.ht-customb-section .ht-section-title-top-cs .ht-section-title:after,
.ht-customb-section .ht-section-title-big .ht-section-title:after {
    background: #333333
}

.ht-customb-section .ht-section-title-big .ht-section-title:after {
    box-shadow: -35px -8px 0px 0px #333333
}

.ht-customb-section .ht-section-title-single-row .ht-section-title-wrap {
    border-color: #333333
}

.ht-slide-cap-title span {
    background: #333333
}

.ht-slide-cap-title,
.ht-banner-title {
    color: #FFFFFF
}

.ht-slide-cap-desc,
.ht-banner-subtitle {
    color: #FFFFFF
}

.ht-slide-button a,
.ht-banner-button a.ht-button {
    background: ;
    color: #ffffff;
    border-color: #ffffff
}

.ht-slide-button a:hover,
.ht-banner-button a.ht-button:hover {
    background: #ffffff;
    color: #333333;
    border-color: #ffffff
}

#ht-home-slider-section .owl-nav [class*=owl-] {
    background: #222222
}

#ht-home-slider-section .owl-nav [class*=owl-]:before,
#ht-home-slider-section .owl-nav [class*=owl-]:after {
    background: rgba(255, 255, 255, 1)
}

#ht-home-slider-section .owl-nav [class*=owl-]:hover {
    background: rgba(255, 255, 255, 1)
}

#ht-home-slider-section .owl-nav [class*=owl-]:hover:before,
#ht-home-slider-section .owl-nav [class*=owl-]:hover:after {
    background: #222222
}

#ht-home-slider-section .owl-dots .owl-dot {
    border-color: #222222
}

#ht-home-slider-section .owl-dots .owl-dot.active {
    background: #222222
}

.ht-progress h6,
.ht-progress-bar-length span {
    color: #333333
}

.ht-progress-bar {
    background: #F6F6F6
}

.ht-progress-bar-length {
    background: #000000
}

.ht-featured-icon i {
    color: #ff971c
}

.ht-featured-post h5 {
    color: #111111
}

.ht-featured-post .ht-featured-excerpt {
    color: #333333
}

.ht-featured-section .ht-featured-link a,
.ht-featured-section .ht-featured-link a i,
.ht-featured-section .ht-featured-link a:hover,
.ht-featured-section .ht-featured-link a:hover i {
    color: #fc8902
}

.ht-featured-section .style2 .ht-featured-post,
.ht-featured-section .style7 .ht-featured-post {
    background: #FFFFFF
}

.ht-featured-section .style1 .ht-featured-post,
.ht-featured-section .style2 .ht-featured-post,
.ht-featured-section .style3 .ht-featured-post {
    border-color: #FFC107
}

.ht-featured-section .style1 .ht-featured-post:before,
.ht-featured-section .style1 .ht-featured-post:after,
.ht-featured-section .style1 .ht-featured-link a {
    background: #FFC107
}

.ht-featured-section .style7 .ht-featured-icon {
    background: #FFC107
}

.ht-highlight-section .style1 .ht-highlight-title,
.ht-highlight-section .style1 .ht-highlight-hover {
    background: rgba(252, 137, 2, 0.9)
}

.ht-highlight-section .style2 .ht-highlight-icon,
.ht-highlight-section .style3 .ht-highlight-hover {
    background: #fc8902
}

.ht-highlight-icon i {
    color: #FFFFFF
}

.ht-highlight-section .style4 .ht-highlight-icon:before,
.ht-highlight-section .style4 .ht-highlight-icon:after {
    background: #FFFFFF
}

.ht-highlight-post h5 {
    color: #FFFFFF
}

.ht-highlight-excerpt {
    color: #FFFFFF
}

.ht-highlight-link a,
.ht-highlight-link a:hover {
    color: #FFFFFF
}

.ht-team-section .ht-team-member.style1 .ht-title-wrap,
.ht-team-section .ht-team-member.style1 .ht-team-member-excerpt,
.ht-team-section .ht-team-member.style3:hover .ht-team-image-overlay {
    background: rgba(255, 193, 7, 0.9)
}

.ht-team-section .ht-team-member.style2 .ht-team-member-inner,
.ht-team-section .ht-team-member.style3,
.ht-team-section .ht-team-member.style4,
.ht-team-section .ht-team-member.style5 .ht-team-member-content,
.ht-team-section .ht-team-member.style6 .ht-team-member-content {
    background: #FFFFFF
}

.ht-team-section .ht-team-member.style1 .ht-title-wrap h5,
.ht-team-section .ht-team-member.style1 h5,
.ht-team-section .ht-team-member h5 {
    color: #000000
}

.ht-team-section .ht-team-member.style1 .ht-team-member-excerpt h5:after {
    background: #000000
}

.ht-team-section .ht-team-designation {
    color: #444444 !important
}

.ht-team-section .ht-team-member .team-short-content {
    color: #444444
}

.ht-team-section .ht-team-social-id a,
.ht-team-section .ht-team-social-id a i {
    color: #333333 !important;
    border-color: #333333 !important
}

.ht-team-section .ht-team-member a.ht-team-detail {
    color: #000000 !important
}

.ht-team-section .ht-team-member a.ht-team-detail:before,
.ht-team-section .ht-team-member a.ht-team-detail:after {
    background: #000000 !important
}

.ht-team-section .ht-team-carousel.owl-carousel .owl-nav .owl-prev,
.ht-team-section .ht-team-carousel.owl-carousel .owl-nav .owl-next {
    background: rgba(252, 137, 2, 1);
    color: rgba(255, 255, 255, 1);
    border-color: rgba(252, 137, 2, 1)
}

.ht-team-section .ht-team-carousel.owl-carousel .owl-nav .owl-prev:hover,
.ht-team-section .ht-team-carousel.owl-carousel .owl-nav .owl-next:hover {
    background: rgba(255, 255, 255, 1);
    color: #222222;
    border-color: rgba(255, 255, 255, 1)
}

.ht-testimonial-section .style3 .ht-testimonial-box,
.ht-testimonial-section .style4 .ht-testimonial-box {
    background: #FFFFFF
}

.ht-testimonial-section .ht-testimonial-wrap h5 {
    color: #000000
}

.ht-testimonial-section .ht-testimonial-wrap .designation {
    color: #444444
}

.ht-testimonial-section .ht-testimonial-excerpt {
    color: #333333
}

.ht-testimonial-section .style4 .owl-nav [class^='owl-'] {
    color: #ffffff
}

.ht-testimonial-wrap.style2 .slick-dots li {
    border-color: #ffffff
}

.ht-testimonial-wrap.style1 .owl-dots .owl-dot,
.ht-testimonial-wrap.style2 .slick-dots li.slick-active button {
    background: #ffffff
}

.ht-counter-section .style3 .ht-counter {
    background: #FFFFFF
}

.ht-counter-section .style1 .ht-counter,
.ht-counter-section .style3 .ht-counter:before {
    border-color: #333333
}

.ht-counter-section .style1 .ht-counter:after,
.ht-counter-section .style1 .ht-counter:before,
.ht-counter-section .style2 .ht-counter:before,
.ht-counter-section .style2 .ht-counter:after,
.ht-counter-section .style2 .ht-counter>span:before,
.ht-counter-section .style2 .ht-counter>span:after {
    background: #333333
}

.ht-counter-section .ht-counter-icon i {
    color: #333333
}

.ht-counter-section .style2 .ht-counter-icon:after {
    background: #333333
}

.ht-counter-section .ht-counter-title {
    color: #333333
}

.ht-counter-section .ht-counter-count {
    color: #333333
}

.ht-tab-section .ht-tab-wrap .ht-tab,
.ht-tab-section .ht-tab-wrap.style2 .ht-tab * {
    color: #333333
}

.ht-tab-section .ht-tab-wrap.style1 .ht-tabs:after {
    background: #333333
}

.ht-tab-section .ht-tab-wrap.style4 .ht-tab:after,
.ht-tab-section .ht-tab-wrap.style4 .ht-tab span {
    border-color: #333333
}

.ht-tab-section .ht-tab-wrap .ht-tab.ht-active,
.ht-tab-section .ht-tab-wrap.style2 .ht-tab.ht-active *,
.ht-tab-section .ht-tab-wrap.style3 .ht-tab.ht-active *,
.ht-tab-section .ht-tab-wrap.style5 .ht-tab.ht-active * {
    color: #333333
}

body:not(.rtl) .ht-tab-section .ht-tab-wrap.style2 .ht-tab.ht-active:after {
    border-left-color: #FFC107
}

body.rtl .ht-tab-section .ht-tab-wrap.style2 .ht-tab.ht-active:after {
    border-right-color: #FFC107
}

.ht-tab-section .ht-tab-wrap.style3 .ht-tab.ht-active,
.ht-tab-section .ht-tab-wrap.style4 .ht-tab.ht-active span {
    border-color: #FFC107
}

.ht-tab-section .ht-tab-wrap.style2 .ht-tab.ht-active,
.ht-tab-section .ht-tab-wrap.style1 .ht-tab.ht-active:after,
.ht-tab-section .ht-tab-wrap.style4 .ht-tab.ht-active span:before,
.ht-tab-section .ht-tab-wrap.style5 .ht-tab.ht-active,
.ht-tab-section .ht-tab-wrap.style5 .ht-tab.ht-active:after {
    background: #FFC107
}

.ht-tab-section .ht-tab-content h1,
.ht-tab-section .ht-tab-content h2,
.ht-tab-section .ht-tab-content h3,
.ht-tab-section .ht-tab-content h4,
.ht-tab-section .ht-tab-content h5,
.ht-tab-section .ht-tab-content h6 {
    color: #333333
}

.ht-tab-section .ht-tab-content {
    color: #333333
}

.ht-pricing.style4 .ht-pricing-header:before {
    background-image: linear-gradient(-45deg, transparent 14px, #fc8902 0), linear-gradient(45deg, transparent 14px, #fc8902 0)
}

.ht-pricing-section .ht-pricing.style1:hover .ht-pricing-header,
.ht-pricing-section .ht-pricing.style1:hover .ht-pricing-header:before,
.ht-pricing-section .ht-pricing.style1:hover .ht-pricing-header:after,
.ht-pricing-section .ht-pricing.style1:hover .ht-pricing-button a,
.ht-pricing-section .ht-pricing.style1.ht-featured .ht-pricing-header,
.ht-pricing-section .ht-pricing.style1.ht-featured .ht-pricing-header:before,
.ht-pricing-section .ht-pricing.style1.ht-featured .ht-pricing-header:after,
.ht-pricing-section .ht-pricing.style1.ht-featured .ht-pricing-button a,
.ht-pricing-section .ht-pricing.style2:hover .ht-pricing-header,
.ht-pricing-section .ht-pricing.style2.ht-featured .ht-pricing-header,
.ht-pricing-section .ht-pricing.style2 .ht-pricing-button a,
.ht-pricing-section .ht-pricing.style3 .ht-pricing-price,
.ht-pricing-section .ht-pricing.style3 .ht-pricing-main,
.ht-pricing-section .ht-pricing.style4 .ht-pricing-header,
.ht-pricing-section .ht-pricing.style4 .ht-pricing-button a {
    background: #fc8902
}

.ht-pricing-section .ht-pricing.style3 {
    border-color: #fc8902
}

.ht-pricing-section .ht-pricing.style3 .ht-pricing-header h5 {
    color: #fc8902
}

.ht-pricing-section .ht-pricing.style4 .ht-pricing-header:before {
    background-image: linear-gradient(-45deg, transparent 14px, #fc8902 0), linear-gradient(45deg, transparent 14px, #fc8902 0)
}

.ht-pricing-section .ht-pricing.style1:hover .ht-pricing-header *,
.ht-pricing-section .ht-pricing.style1:hover .ht-pricing-button a,
.ht-pricing-section .ht-pricing.style1.ht-featured .ht-pricing-header *,
.ht-pricing-section .ht-pricing.style1.ht-featured .ht-pricing-button a,
.ht-pricing-section .ht-pricing.style2:hover .ht-pricing-header *,
.ht-pricing-section .ht-pricing.style2.ht-featured .ht-pricing-header *,
.ht-pricing-section .ht-pricing.style2 .ht-pricing-button a,
.ht-pricing-section .ht-pricing.style3 .ht-pricing-price *,
.ht-pricing-section .ht-pricing.style3 .ht-pricing-list *,
.ht-pricing-section .ht-pricing.style3 .ht-pricing-button a,
.ht-pricing-section .ht-pricing.style4 .ht-pricing-header *,
.ht-pricing-section .ht-pricing.style4 .ht-pricing-button a {
    color: #FFFFFF
}

.ht-pricing-section .ht-pricing.style3 .ht-pricing-button a {
    border-color: #FFFFFF
}

.ht-blog-post h5 a,
.ht-blog-section .style4 .ht-blog-excerpt h5 a {
    color: #ffffff
}

.ht-blog-post .ht-blog-excerpt-text {
    color: #ffffff
}

.ht-blog-section .style1 .ht-blog-date,
.ht-blog-wrap.style2 .ht-blog-date,
.ht-blog-section .style2 .ht-blog-footer span,
.ht-blog-section .style3 .ht-blog-date,
.ht-blog-section .style4 .ht-blog-date,
.ht-blog-section .style4 .ht-blog-footer *,
.ht-blog-section .style3 .ht-blog-date span {
    color: #ffffff
}

.ht-blog-section .style2 .ht-blog-footer:after {
    background: #ffffff
}

.ht-blog-section .style3 .ht-blog-date {
    background: #FFC107
}

.ht-blog-section .ht-blog-read-more a {
    background: #FFC107;
    color: #FFFFFF
}

.ht-blog-section .style1 .ht-blog-post {
    border-color: #FFC107
}

.ht-contact-detail h1,
.ht-contact-detail h2,
.ht-contact-detail h3,
.ht-contact-detail h4,
.ht-contact-detail h5,
.ht-contact-detail h6 {
    color:
}

.ht-contact-section .ht-contact-detail {
    color: #333333
}

.ht-contact-detail .ht-contact-social-icon a {
    background: #FFFFFF
}

.ht-contact-section .ht-contact-detail .ht-contact-social-icon a i {
    color: #000000
}

.ht-service-section.style1 .ht-service-icon i,
.ht-service-section.style2 .ht-service-icon i,
.ht-service-section.style3 .ht-service-icon i,
.ht-service-section.style4 .ht-service-icon i {
    color: #ffffff
}

.ht-service-section.style1 .ht-service-icon,
.ht-service-section.style1 .ht-service-post:after {
    background: #FFC107
}

.ht-service-section.style1 .ht-active .ht-service-icon {
    box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #FFC107
}

.ht-service-section .ht-service-excerpt h5,
.ht-service-section.style2 .ht-service-excerpt h5 {
    color: #ffffff
}

.ht-service-section .ht-service-text-inner {
    color: #d1d1d1
}

.ht-service-section .ht-service-more,
.ht-service-section .ht-service-more>i {
    color: #333333 !important
}

.ht-news-section .style2 .ht-news-content {
    background: #FFFFFF
}

.ht-news-content h5 {
    color: #333333
}

.ht-news-section .ht-news-text {
    color: #333333
}

.ht-news-section .ht-news-link,
.ht-news-section .ht-news-link>i {
    color: #333333
}

.ht-portfolio-section .ht-portfolio-cat-name-list.style1 .ht-portfolio-cat-name,
.ht-portfolio-section .ht-portfolio-cat-name-list.style2 .ht-portfolio-cat-name,
.ht-portfolio-section .ht-portfolio-cat-name-list.style3 .ht-portfolio-cat-name,
.ht-portfolio-section .ht-portfolio-cat-name-list.style4 .ht-portfolio-cat-name,
.ht-portfolio-section .ht-portfolio-cat-name-list.style4 .ht-portfolio-switch i,
.ht-portfolio-section .ht-portfolio-cat-name-list.style1 .ht-portfolio-switch i {
    color: #333333
}

.ht-portfolio-section .ht-portfolio-cat-name-list.style1 .ht-portfolio-cat-name,
.ht-portfolio-section .ht-portfolio-cat-name-list.style2 .ht-portfolio-cat-name {
    border-color: rgba(51, 51, 51, 0.2)
}

.ht-portfolio-section .ht-portfolio-cat-name-list.style1 .ht-portfolio-cat-name.active,
.ht-portfolio-section .ht-portfolio-cat-name-list.style2 .ht-portfolio-cat-name.active,
.ht-portfolio-section .ht-portfolio-cat-name-list.style3 .ht-portfolio-cat-name.active {
    color: #fc8902
}

.ht-portfolio-section .ht-portfolio-cat-name-list.style2 .ht-portfolio-cat-name.active:after {
    background: #fc8902
}

.ht-portfolio-section .ht-portfolio-cat-name-list.style4 .ht-portfolio-cat-wrap,
.ht-portfolio-section .ht-portfolio-cat-name-list.style4 .ht-portfolio-switch {
    background: #FFC107
}

.ht-portfolio-section .ht-portfolio-caption {
    background: rgba(252, 137, 2, 0.9)
}

.ht-portfolio-section .ht-portfolio-caption h5 {
    color: #FFFFFF
}

.ht-portfolio-section .ht-portfolio-caption a {
    background: #FFFFFF
}

.ht-portfolio-section .ht-portfolio-caption a i {
    color: #000000
}

.ht-cta-buttons a.ht-cta-button1 {
    background: #000000;
    color: #ffffff
}

.ht-cta-buttons a.ht-cta-button2 {
    background: #ffffff;
    color: #000000
}

.ht-cta-buttons a.ht-cta-button1:hover {
    background: #ffffff;
    color: #000000
}

.ht-cta-buttons a.ht-cta-button2:hover {
    background: #000000;
    color: #ffffff
}

#cta-video .video-play-button:after,
#cta-video .video-play-button:before {
    background-color: #e52d27
}

.ht-main-header {
    background-color: #f7f9fd;
    background-image: url(https://www.todaymachine.com/wp-content/uploads/2021/03/construction-worker.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: scroll;
    padding-top: 120px;
    padding-bottom: 120px;
    color: #ffffff
}

.ht-main-header *,
.woocommerce .woocommerce-breadcrumb a,
.breadcrumb-trail a {
    color: #ffffff
}

.ht-main-header:before {
    background-color: rgba(0, 0, 0, 0.86)
}

@media screen and (max-width:1200px) {
    .ht-main-header {
        padding-top: 120px !important
    }
}

#ht-colophon {
    background-image: url();
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: scroll
}

#ht-colophon:before {
    background-color: rgba(0, 0, 0, 0.9)
}

.ht-site-footer * {
    color: #ffffff
}

#ht-colophon a {
    color: #eeeeee
}

.ht-header-six .ht-main-navigation:before {
    right: calc( 50% + 600px - 300px)
}

body.rtl .ht-header-six .ht-main-navigation:before {
    left: calc( 50% + 600px - 300px);
    right: 0
}

.ht-header-six .ht-main-navigation:after {
    right: calc( 30% + 600px - 50px)
}

body.rtl .ht-header-six .ht-main-navigation:after {
    left: calc( 30% + 600px - 50px);
    right: auto
}

@media screen and (max-width:1200px) {
    .ht-menu {
        display: none
    }
    #ht-mobile-menu {
        display: block
    }
    .ht-header-one .ht-header,
    .ht-header-two .ht-header .ht-container,
    .ht-header-three .ht-header .ht-container,
    .ht-header-four .ht-header .ht-container,
    .ht-header-five .ht-header .ht-container,
    .ht-header-six .ht-main-navigation {
        background: #ff971c
    }
    #ht-site-branding,
    .ht-header-two #ht-site-branding,
    .ht-header-two .ht-header-nav-wrap,
    .ht-header-three .ht-main-navigation,
    .ht-header-five .ht-main-navigation {
        float: none;
        width: auto
    }
    .ht-header-two #ht-site-branding {
        padding-left: 0;
        max-width: none
    }
    body.rtl .ht-header-two #ht-site-branding {
        padding-right: 0;
        padding-left: 15px
    }
    .ht-header-two .ht-main-navigation {
        padding-right: 0
    }
    body.rtl .ht-header-two .ht-main-navigation {
        padding-left: 0
    }
    .ht-header-five .ht-top-header.ht-container,
    .ht-header-two .ht-header .ht-container {
        padding-left: 5%;
        padding-right: 5%
    }
    .ht-header-two .ht-top-header {
        display: none
    }
    .ht-header-two .ht-main-navigation {
        justify-content: flex-end
    }
    #ht-masthead.ht-header-two {
        position: relative;
        margin: 0
    }
    #ht-masthead.ht-header-two .ht-header .ht-container {
        padding: 0 5% !important
    }
    .ht-boxed #ht-masthead.ht-header-two,
    .ht-boxed #ht-masthead.ht-header-five {
        left: 0;
        right: 0
    }
    .ht-header-style2 .ht-slide-caption,
    .ht-header-style3 .ht-slide-caption,
    .ht-header-style5 .ht-slide-caption,
    .ht-header-over .ht-slide-caption {
        margin-top: 0
    }
    .ht-header-three .ht-header,
    .ht-header-five .ht-header-wrap {
        justify-content: space-between
    }
    .ht-header-three .ht-top-header {
        margin-bottom: 0
    }
    #ht-masthead.ht-header-three {
        position: relative
    }
    .ht-header-four .ht-header-wrap {
        position: relative
    }
    .ht-header-four .ht-header,
    .ht-header-five .ht-top-header,
    .ht-header-six #ht-site-branding {
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0)
    }
    .ht-header-four .ht-middle-header {
        padding-bottom: 0
    }
    .ht-header-over #ht-masthead {
        position: relative
    }
    .ht-header-five .ht-top-header+.ht-header .ht-container {
        padding-top: 0
    }
    .ht-header-five .ht-header-wrap {
        padding: 0
    }
    .ht-header-five .ht-header {
        margin-top: 0
    }
    .ht-header-six #ht-site-branding {
        width: auto
    }
    .ht-header-six .ht-main-navigation:before,
    .ht-header-six .ht-main-navigation:after {
        display: none
    }
    .ht-header-widget {
        display: none
    }
    .ht-header-two .ht-mobile-top-header {
        display: block;
        padding-left: 0;
        padding-right: 0
    }
    .megamenu-full-width.megamenu-category .cat-megamenu-tab {
        width: 100%;
        padding: 0
    }
    .megamenu-full-width.megamenu-category .cat-megamenu-content {
        display: none
    }
    .megamenu-full-width.megamenu-category .cat-megamenu-tab>div {
        padding: 15px 40px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05)
    }
    .megamenu-full-width.megamenu-category .cat-megamenu-tab>div:after {
        display: none
    }
    .megamenu-full-width.megamenu-category .cat-megamenu-content-full {
        display: none
    }
    #ht-content {
        padding-top: 0 !important
    }
    .ht-sticky-header .headroom.headroom--not-top {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        z-index: 9999;
        width: auto;
        box-shadow: none;
        -webkit-animation: none;
        animation: none
    }
    .admin-bar.ht-sticky-header .headroom.headroom--not-top {
        top: auto
    }
    .ht-header-one #ht-site-branding img,
    .ht-header-two #ht-site-branding img,
    .ht-header-three #ht-site-branding img,
    .ht-header-five #ht-site-branding img {
        height: auto;
        max-height: 40px
    }
}

@media screen and (max-width:1200px) {
    .elementor-section.elementor-section-boxed>.elementor-container,
    .ht-container {
        padding-left: 5% !important;
        padding-right: 5% !important
    }
    .ht-header-two .ht-header .ht-container {
        padding: 0 !important
    }
    .ht-header-five .ht-top-header.ht-container {
        max-width: none;
        clip-path: none
    }
    .ht-header-five .ht-header .ht-container {
        clip-path: none
    }
    .ht-header-six .ht-menu {
        margin-left: 0
    }
    .ht-header-six .ht-main-navigation:before {
        display: none
    }
    .ht-header-six #ht-site-branding {
        transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0)
    }
}

@media screen and (min-width:1280px) {
    body.ht-no-sidebar.ht-boxed .alignfull,
    body.ht-no-sidebar-narrow.ht-boxed .alignfull {
        margin-left: calc(50% - 1280px / 2);
        margin-right: calc(50% - 1280px / 2)
    }
    body.ht-right-sidebar.ht-boxed .alignfull {
        margin-left: calc(50% / .7 - 1280px / 2);
        margin-right: 0
    }
    body.ht-left-sidebar.ht-boxed .alignfull {
        margin-right: calc(50% / .7 - 1280px / 2);
        margin-left: 0
    }
}

a.ht-header-bttn {
    color: #ffffff;
    background: rgba(0, 0, 0, 1);
    border-radius: 0px
}

a.ht-header-bttn:hover {
    color: #000000;
    background: rgba(255, 255, 255, 1)
}

.total-plus-privacy-policy {
    color: #FFFFFF;
    background: #333333
}

.policy-text a {
    color: #FFFFFF
}

.policy-buttons a,
.policy-buttons a:hover {
    color: #FFFFFF;
    background: #FFC107
}

.collapse-button {
    background: #ffffff
}

.collapse-button .icon-bar {
    background: #000000
}

@media screen and (max-width:768px) {}

@media screen and (max-width:480px) {}

@supports (-webkit-touch-callout:none) {
    .ht-main-banner {
        background-attachment: scroll
    }
    .ht-service-section {
        background-attachment: scroll
    }
    .ht-pricing-section {
        background-attachment: scroll
    }
    [data-stellar-background-ratio] {
        background-attachment: scroll !important;
        background-position: center !important
    }
}

#bbpress-forums li.bbp-footer,
#bbpress-forums li.bbp-header {
    background: #fc8902
}