/*
 * @package Helix Ultimate Framework
 * @author JoomShaper https://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2018 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');


:root{
    --green1: #00722f;
    --green2: #c2cf00;
    --grey1: #576065;
    --grey2: #b1b3b4;
    --teal: #008a93;
    --greyline: #e5e5e5;
    --greyline50: #f2f2f2;
    --orange: #f8b334;
    --cards-corners: 8px;
}

.btn-primary, .sppb-btn-primary {
    border-color: var(--green1) !important;
    background-color: var(--green1) !important;
}


body {
	 font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size:16px;
    line-height: 26px;
 }

h1, h2, h3, h4, h5, h6, a, .sppb-addon-header .sppb-addon-title {
     font-family: 'Ubuntu', sans-serif !important;
}

h1{
 font-size:36px;   
}


a{
 color:var(--teal);
    transition:none;
}

a:hover, a:active{
 color:var(--green2) !important;   
}

.burger-icon span, .close-offcanvas .burger-icon span{
 background-color: var(--orange);   
}



#sp-menu a{
    font-size: 14px;
    color:var(--grey1);
    font-weight:400;
    text-transform: uppercase;
}

#sp-main-body{
 padding:0px;   
}

#sp-left .sp-module, #sp-right .sp-module{
 margin:0px;
    border:none;
    padding:0px;
    border-radius:none;
}
#sp-main-body{
    background: url("../../../images/Generic/routeco_dynamic_pattern_grey2_30.jpg") no-repeat;
    *background-position: -60px -47px;
    background-position: -16px -22px;
    background-size: 500px auto;
}

#sp-component{
    padding:60px;
    
}

#sp-left {
 padding:50px 60px 60px 60px;
 border-right: thin solid #e5e5e5;   
}

#sp-left .mod-articles-category-group, .book-menu-offcanvas .mod-articles-category-group{
    text-transform: uppercase;
    line-height:normal;
    font-weight: 300 !important;
    margin-top:20px;
    margin-bottom:7px;
    color: var(--grey2);
    font-size:16px;
}

#sp-left .sp-module ul>li, #sp-right .sp-module ul>li{
 border:none;   
}
    
#sp-left .sp-module ul>li>a, .book-menu-offcanvas .mod-articles-category-title{
 *text-transform: uppercase;
    line-height:normal;
    font-weight: 400;
    padding-left:10px;
    color:var(--grey1);
    font-size:16px;
}
#sp-left .sp-module ul>li>a:hover{
 *color:var(--grey2) !important;
    font-weight: 600 !important;
}

 a.mod-articles-category-title.active{
 font-weight:600 !important; 
}

/* active caveat
a.mod-articles-category-title.active:before{
    font-family: "Font Awesome 5 Free"; font-weight: thin;
 content: '\f054';
    *content: '\f0da';
    margin-right:4px;
    font-size:14px;
}
*/

.book-menu-offcanvas{
    padding:0px 10px;
        
}

.book-menu-offcanvas ul{
     padding-inline-start: 0px;
        
}

.book-menu-offcanvas li{
    list-style-type:none;
        
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li{
     border-bottom:none; 
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li>a{
    font-family: 'Ubuntu', sans-serif;
    text-transform: uppercase;
    line-height:normal;
    font-weight: bold !important;
    color: var(--green1);
    font-size:18px;
    padding:10px 0px;
    opacity:1;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color:var(--grey1) !important;
}
 

.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li:last-child{
    border-bottom:thin solid var(--greyline);
    padding-bottom:30px;
    margin-bottom:0px;
}

.article-info .category-name{
 padding:5px 10px;
    background:var(--green2);
    color: var(--grey1);
    font-size:12px;
    font-weight:600;
    text-transform: uppercase;
}

#sp-footer, #sp-bottom{
 background:var(--grey1);
    color:#ffffff;
}

.sppb-row-container{
 margin:0px !important;
    padding:0px !important;
}


.sppb-addon-single-image-container, .sppb-addon-single-image-container img{
 width:100%;   
}

.my-cat-blog{
 float:left;
    padding:10px;
}

.category-list h2, .category-list .category-desc{
 padding-left:10px;   
}

.category-desc-cards{
 padding-left:20px !important;   
margin-bottom:30px;
}

.my-cat-blog-inner{
    border: thin solid var(--greyline);
}

.my-cat-blog-inner .item-title{
    margin:20px 20px 0px 20px;
    color:var(--grey1);
    font-size:22px;
}

.my-cat-blog-inner .item-title img{
    margin:-20px -20px 20px -20px;
}

.my-cat-blog-inner .item-title a, .article-list .article .article-header h1 a, .article-list .article .article-header h2 a{
    color:var(--grey1);
}

.my-cat-blog-main .cat-children, .my-cat-blog-main .article-list{
     margin-top:40px;
}

.article-details .article-full-image{
 display:none;   
}

.article-list .article-header h2{
    margin:0px auto !important;
    padding:0px 8px 0px 8px;
}

.article-list .article {
    margin-bottom: 30px;
    padding: 20px;
    
}

.article-list .article .article-intro-image, .article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img{
    border-radius: 0px !important;
}

.article-list .article, .my-cat-blog-inner, .rounded-corners {
    border-radius: var(--cards-corners) !important;
    overflow:hidden;
    border: 1px solid var(--greyline);
}

.color-card-desc{
 font-size:14px !important;
    margin-bottom:0px !important;
     font-weight:500;
}

.color-card-desc-name{
 font-weight:300;
    float:left;
    width:70px !important;
}

.sppb-col, .sppb-col-auto, .sppb-col-lg, .sppb-col-lg-1, .sppb-col-lg-10, .sppb-col-lg-11, .sppb-col-lg-12, .sppb-col-lg-2, .sppb-col-lg-3, .sppb-col-lg-4, .sppb-col-lg-5, .sppb-col-lg-6, .sppb-col-lg-7, .sppb-col-lg-8, .sppb-col-lg-9, .sppb-col-lg-auto, .sppb-col-md, .sppb-col-md-1, .sppb-col-md-10, .sppb-col-md-11, .sppb-col-md-12, .sppb-col-md-2, .sppb-col-md-3, .sppb-col-md-4, .sppb-col-md-5, .sppb-col-md-6, .sppb-col-md-7, .sppb-col-md-8, .sppb-col-md-9, .sppb-col-md-auto, .sppb-col-sm, .sppb-col-sm-1, .sppb-col-sm-10, .sppb-col-sm-11, .sppb-col-sm-12, .sppb-col-sm-2, .sppb-col-sm-3, .sppb-col-sm-4, .sppb-col-sm-5, .sppb-col-sm-6, .sppb-col-sm-7, .sppb-col-sm-8, .sppb-col-sm-9, .sppb-col-sm-auto, .sppb-col-xl, .sppb-col-xl-1, .sppb-col-xl-10, .sppb-col-xl-11, .sppb-col-xl-12, .sppb-col-xl-2, .sppb-col-xl-3, .sppb-col-xl-4, .sppb-col-xl-5, .sppb-col-xl-6, .sppb-col-xl-7, .sppb-col-xl-8, .sppb-col-xl-9, .sppb-col-xl-auto, .sppb-col-xs-1, .sppb-col-xs-10, .sppb-col-xs-11, .sppb-col-xs-12, .sppb-col-xs-2, .sppb-col-xs-3, .sppb-col-xs-4, .sppb-col-xs-5, .sppb-col-xs-6, .sppb-col-xs-7, .sppb-col-xs-8, .sppb-col-xs-9, .sppb-row-column {
 padding-right:10px;
    padding-left: 10px;
}

@media (max-width: 575px){
    #sp-header{
         height:60px !important;
    }
}


.download-button, .file {
 text-align: left !important; 
    border-radius: var(--cards-corners) !important;
    border: 1px solid var(--greyline) !important;
    font-weight:500;
    display:flex;
    padding:22px 25px 15px 20px;
    color:#000000 !important;
    font-weight:500 !important;
    background-color:var(--greyline50);
    margin-bottom:20px;
    *overflow:hidden;
     transition: all .4s;
    -webkit-transform: scale(1);
}

.download-button:hover, .file:hover{
     transition: all .4s;
    -webkit-transform: scale(1.05);
    background-color:#ffffff;
    
}

.download-heading{
    color:var(--grey1);
    margin-bottom:20px;
}

/*download component */

.file:last-child{
    border:0px !important;
}

.dropfiles-content .breadcrumbs{
 border:none !important;   
}

.dropfiles-content, .dropfiles-content-multi, .dropfiles-files, .dropfiles-content-default{
    overflow:visible !important;    
}

.dropfiles-content.dropfiles-content-default .dropfiles-container-default .dropfiles_list .file .file-right{
 width:auto !important;   
}


.dropfiles-content.dropfiles-content-default .dropfiles-container-default .dropfiles_list .file{
    border-radius:var(--cards-corners) !important;
    margin-left:0px !important;
    margin-right: 0px !important;

}

.dropfiles-container{
 margin-top:0px !important;   
}

.download-header-block{
    width:100%;
    padding-right:20px;
}

@media (max-width: 720px){
    .download-header-block{
        padding-right:0px !important;
    }
}

.download-categories-head{
    display:block;
    float:left;
    margin-bottom:15px;
}

.download-categories-head h5{

}

.download-all-button{
    float:right;
    height:40px;
}

.dwnall{
 color:var(--grey1) !important;
    font-size:16px;
    box-shadow:none !important;
    font-weight:500;
    padding:7px 14px;
    background:var(--greyline50);
}

.download-button .dropfiles_checkbox{
 display:none;   
}

.download-button .file-xinfo{
    padding-top:10px !important;
 font-weight:800 !important;   
}

.download-button .file-xinfo span{
 font-weight:500 !important;   
}

.download-button h3{
 padding-top:14px !important;   
}

.download-button .zip{
 margin-top:10px; 
    margin-left:10px;
}

.download-button .file-right{
    margin-top:32px !important;
}

@media (max-width: 767px){
    .download-button{
     display: block !important;   
    }
    
    .download-button .file-xinfo{
        padding-left:22px !important;
    }
    
    .download-button .file-right{
        margin-top:5px !important;
    }
    
    .download-button .filecontent{
        width: 100% !important;
    }
    
}

.dropfiles-content, .dropfiles-dropblock-content{
 background:transparent !important;
    background-color: transparent !important;
}

.dropfiles-content.dropfiles-content-default .dropfiles-container-default{
 padding:0px !important;   
}

.single-dwnl-btn {
 background-color:var(--orange) !important;  
    padding:10px 20px;
    color:#ffffff;
    box-shadow:none !important;
    border:none !important;
    margin-top:40px;
}
.single-dwnl-btn:hover, .download-all-button a:hover {
    background-color:var(--green2) !important;  
    color:var(--green1) !important;
}

.anchor-link {
 background-color:#ffffff !important;  
    padding:10px 20px;
    color:var(--grey1) !important;
    box-shadow:none !important;
    border:none !important;
    margin-top:20px;
    border:1px solid var(--grey2) !important;
    cursor:pointer;
}
.anchor-link:hover{
    background-color:var(--green2) !important;  
    color:var(--green1) !important;
    border-color:var(--green2) !important;
}

.ba-form-footer{
display:none !important;
}
.my-spacer input[type="text"], .my-spacer input[type="email"]{
 padding-left:26px !important;   
}

.pricelist-left-number{
 font-style:normal !important;
    font-family: "Ubuntu" !important;
}