/***************************************

  Theme Name: Compactor
  Theme URI: http://themes.webdevia.com/compactor-heavy-construction-equipment-rentals-machinery-wordpress-theme
  Description: Heavy & Construction Equipment Rentals & Machinery WordPress Theme

  Author: Mymoun
  Author URI: http://www.webdevia.com/
  Version: 1.2
  Text Domain: compactor

  Domain Path: /languages
  License: Envato
  License URI: https://themeforest.net/licenses

  Tags: two-columns, custom-background, threaded-comments, translation-ready, custom-menu
  
***************************************/
/* ----------------------------------------------------------------------------

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops..

  All Sass files are located in the /scss folder.
  Please note that none of your scss files will be compiled to /css/app.css before you run
  'npm run watch', 'npm run build', "compass compile" or "compass watch",

  More info on how to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  For Define a table of contents please check /scss/app.scss.

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */

body {
    padding-top: 148px;
}

p {
    text-align: justify;
}

a.header-info-box__link {
    color: #585B68;
    font-weight: 400;
    background-position: 0px 100%;
}

a.header-info-box__link:hover {
    background-size: calc(100% - 0px) 6px;
}

.wpcf7 .wpcf7-form input:hover[type="submit"] {
    background: #000;
}

.fab.fa {
    font-family: 'Font Awesome 5 Brands';
}

.bitumen-box .text-icon__title{
    min-height: 65px;
}

.text-icon--icon-left_position .text-icon__icon-box {
    min-width: 150px;
}

.more-less-wrapper {
    text-align: center;
}

.more-less-wrapper .collapseomatic {
    background: none;
    height: auto;
    transition: all 0.25s;
}

.more-less-wrapper .collapseomatic:hover {
    background-color: #000 !important;
    font-weight: normal;
}

.header-info-box--whatsapp {
    display: none;
}

main.l-main.row {
    margin-bottom: 0;
}

.post-template-default main.l-main.row {
    margin-top: 0;
    padding-top: 50px;
    padding-bottom: 50px;
}

table tr td {
    border: 1px solid #e9e9e9;
}

table tr:last-child td {
    border-bottom-color: #e9e9e9;
}

table tbody {
    border: none;
}

body .wd-heading .title_a:after {
    pointer-events: none;
}

body .wd-heading .title_a {
    z-index: 0;
}

header.corporate-layout {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff;
}

.second-footer a {
    color: #fdb900;
}

.back-top {
    position: fixed;
    width: 35px;
    height: 35px;
    background: #000000;
    color: #fdb900;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 5px;
    bottom: 5px;
    transition: all 0.3s;
    opacity: 0;
    z-index: 99999;
}

.back-top.active {
    opacity: 1;
}

.back-top:hover {
    background: #fdb900;
    color: #000000;
}

.wd-testimonial_layout_2 .slick-arrow.right {
    display: block !important;
    transform: none;
    width: 20px;
    right: -20px;
    visibility: visible;
}

.wd-testimonial_layout_2 .slick-arrow.left {
    display: block !important;
    transform: none;
    border-right: none;
    left: -20px;
    width: 20px;
    visibility: visible;
}

.wd-testimonial_layout_2 .slick-track {
    display: flex;
}

.wd-testimonial_layout_2 .slick-slide {
    height: inherit;
}

.collapseomatic_excerpt, .collapseomatic_content {
    margin-left: 0;
}

.equal-height {
    display: flex;
    flex-wrap: wrap;
}

.equal-height .vc_column-inner {
    height: 100%;
}

.equal-height .wpb_wrapper {
    height: 100%;
    padding-bottom: 30px;
}

.equal-height .text-icon {
    height: 100%;
    margin-bottom: 0;
}

.related-post .columns:last-child:not(:first-child) {
    float: left;
}

.text-icon__text {
    text-align: left;
}

.download-button a.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    background: rgb(255, 221, 1);
    color: #000;
    border: none;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    transition: all 0.4s;
    padding: 17px 30px;
    text-transform: uppercase;
}

.download-button a.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    color: rgb(255, 221, 1);
    background: #000;
}

.header-info-box--desktop {
    padding-left: 0;
    margin-left: 30px;
}

.header-info-box--desktop .header-info-box__icon {
    position: relative;
    left: 0;
    text-align: center;
}

.header-info-box--desktop .header-info-box__contents {
    position: absolute;
    transform: translateX(-50%) scale(0);
    top: 100%;
    left: 50%;
    text-align: center;
    padding: 10px;
    border: 1px solid #EEE;
    box-shadow: 1px 1px 6px 2px rgba(209,209,209,0.4);
    background: #fff;
    overflow: hidden;
    border-radius: 6px;
    min-width: 180px;
    z-index: 1;
    transition: all 0.2s;
}

.header-info-box--desktop:hover, .header-info-box--desktop {
    background: none;
    color: #585B68;
}

.header-info-box--desktop .header-info-box__link {
    font-weight: 400;
}



.header-info-box--desktop:hover .header-info-box__contents {
    transform: translateX(-50%) scale(1);
}

.image-max-width img {
    max-width: 50px;
}



@media (max-width: 1500px) {
    .header-info-box--last .header-info-box__contents {
        left: auto;
        transform: translateX(0) scale(0);
        right: 0;
    }
    
    .header-info-box--last:hover .header-info-box__contents {
        transform: translateX(0) scale(1);
    }
}


@media (min-width: 1025px) and (max-width: 1500px), screen and (min-width: 64em) and (min-width: 1025px) and (max-width: 1500px) {
    header.l-header .top-bar-container .top-bar .top-bar-right .menu.desktop-menu li.has-dropdown .is-dropdown-submenu .is-dropdown-submenu-parent .is-dropdown-submenu {
        left: calc(100% - 15px);
        min-width: 332px;
    }
}

.desktop-menu .submenu .submenu {
    left: calc(100% - 15px);
    min-width: 180px;
}

.portfolio_style-1 .portfolio_grid--item .info {
    padding: 0;
}

.portfolio_style-1 .portfolio_grid--item .info h4 a {
    display: block;
    padding: 10px 15px;
}

.portfolio_style-1 .portfolio_grid--item:hover .info {
    padding: 0;
}

@media (min-width: 64em) {
  header.l-header .top-bar-container.devia-nav .site-navigation.top-bar .top-bar-left .top-bar-title .logo-wrapper {
    padding-left: 15px;
    }
    
    .header-info-box-wrapper {
        padding-right: 15px;
    }
    
    .top-bar-right .menu {
        padding-left: 15px;
    }
    
    .header-buttons {
        padding-right: 15px;
    }
    
    .blog .titlebar, .single-post .titlebar {
        padding: 100px 0 60px;
    }
    
    .wd-testimonial_layout_2 .wd-testimonial__info .excerpt {
        padding-right: 0;
    }
}

@media (max-width: 1250px) {
    .header-info-box {
        padding-left: 10px;
        margin-left: 30px;
    }
}

@media (max-width: 1023px) {
    .header-info-box--whatsapp {
        display: block;
        margin-left: 19px;
    }
    
    .site-title-bar {
        display: flex;
    }
    
    body {
    padding-top: 64px;
    }

}

@media (max-width: 767px) {
    h1 {
        font-size: 2rem;
    }
    
    .vc_row.responsive-remove-bg  {
        background-image: none !important;
    }
    
    .wptb-table-container-matrix table {
        max-width: 100%;
        min-width: 100% !important;
    }
    
    .vc_row.background-solid-block {
        background-image: none !important;
        background-color: #fdb900;
    }
    
    .submenu .submenu-toggle,
    .submenu .submenu {
        display: none;
    }

    #Testimonial.vc_custom_1622524637229 {
        padding-left: 0 !important;
    }

    .wd-testimonial__item {
        display: block !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .wd-testimonial__thumbnail img {
        margin: auto;
    }

    .wd-testimonial_layout_2 .slick-arrow.left {
        left: -15px;
    }

    .wd-testimonial_layout_2 .slick-arrow.right {
        right: -15px;
    }
    
    .header-info-box__icon--responsive {
        position: relative;
        left: 0;
        min-width: auto;
        margin-right: 15px;
        top: 0;
    }

    .header-info-box--responsive {
        display: flex;
        align-items: center;
    }

    .header-info-box--responsive a {
        display: block;
    }

    .header-info-box--responsive svg {
        height: 25px;
    }


    .page-id-3278 .vc_custom_1583768172159 {
        margin-left: 0 !important;
    }

    .page-id-636 .vc_custom_1622524521598 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .page-id-636 .vc_custom_1622524521598 .vc_column-inner {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 20px;
        padding-top: 0 !important;
    }

    .page-id-636 .vc_custom_1622524521598 .text-icon {
        margin-bottom: 0;
    }

    .page-id-636 .vc_custom_1624625930705 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .page-id-636 .vc_custom_1624625930705 .vc_column-inner {
        padding-top: 0;
    }

    .page-id-636 .vc_custom_1623589599603 {
        padding: 35px 15px !important;
    }

    .page-id-636 .vc_custom_1623589599603 .wpb_content_element {
        margin-bottom: 0;
    }

    .page-id-636 .vc_custom_1622524540982 {
        padding-left: 0 !important;
    }

    .page-id-636 .vc_custom_1622524540982 .wd_empty_space {
        display: none;
    }

    .page-id-636 .vc_custom_1622524597161 .wd_empty_space {
        display: none;
    }

    .page-id-636 .vc_custom_1622524597161 {
        padding-left: 0 !important;
    }

    .page-id-636 .vc_custom_1622524603331 .vc_column-inner{
        padding-left: 0;
        padding-right: 0;
    }

    .page-id-636 .vc_custom_1622741723240 {
        display: none;
    }

    .page-id-636 .vc_custom_1622524625975 {
        display: none;
    }

    .page-id-636 .vc_custom_1622524630240 {
        padding-left: 0 !important;
    }

    .page-id-636 .vc_custom_1622524630240>.vc_column_container>.wpb_wrapper>.wd_empty_space {
        display: none;
    }

    .page-id-636 .vc_custom_1622524637229 .wd_empty_space {
        display: none;
    }

    .page-id-636 .vc_custom_1622806179727 {
        padding-left: 0 !important;
    }

    .page-id-636 .vc_custom_1622806179727 .wd_empty_space {
        display: none;
    }

    .page-id-636 .vc_custom_1622806187024 {
        padding-bottom: 35px;
    }

    .page-id-636 .vc_custom_1622524665398 {
        padding-left: 0 !important;
    }

    .page-id-636 .vc_custom_1622524665398 .wd_empty_space[data-heightmobile="130px"] {
        display: none;
    }

    .page-id-636 .vc_custom_1622524665398 .text-icon {
        padding: 20px 0;
        margin-bottom: 10px;
    }
}

@media (min-width: 40em) and (max-width: 90.625em) {
    .titlebar #page-title {
        padding-left: 0;
    }
}

@media print, screen and (min-width: 64em) {
    .sidebar-first, .sidebar-second {
        padding-left: 15px;
    }
}

.wpcf7-form input[type="submit"] {
    letter-spacing: 1px;
    padding: 17px 50px;
    border: none;
    font-size: 17px;
}

.popup-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999999;
    padding: 40px;
    transition: all 0.4s;
    transform: scale(0);
}

.popup-modal.active {
    transform: scale(1);
}

.popup-modal__content {
    max-width: 768px;
    max-height: 100%;
    overflow: auto;
    margin: auto;
    position: relative;
    background: #fff;
    padding: 40px;
    border-radius: 8px;
}

.popup-modal__content .screen-reader-response {
    display: none;
}

.popup-modal__content .wpcf7 .wpcf7-form input[type="submit"] {
    margin: auto;
    display: block;
}

.popup-modal__content .wpcf7-form {
    margin-left: 0;
    margin-right: 0;
}

.popup-modal__close {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    font-size: 24px;
    color: #000;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.popup-modal__close:hover {
    color: #ffdd01;
}

.white-color,
.white-color h3{
    color: white;
}

.bitumen-grade-box .text-icon__title {
    padding-bottom: 0;
    padding-top: 11px;
}

.underlined-title-column h4 {
    display: inline-block;
    border-bottom: 5px solid #ffdd01;
}