/*Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
	h1{ font-size: 42px; line-height: 1.4; font-family: Navigo, navigo, Arial, sans-serif; font-weight: 500;}
	h2{ font-size: 30px; line-height: 1.4; font-family: Navigo, navigo, Arial, sans-serif; font-weight: 500;}
	h3{ font-size: 28px; line-height: 1.4; font-family: Navigo, navigo, Arial, sans-serif; font-weight: 500;}
	h4{ font-size: 24px; line-height: 1.4; font-family: Navigo, navigo, Arial, sans-serif; font-weight: 500;}
	h5{ font-size: 22px; line-height: 1.4; font-family: Navigo, navigo, Arial, sans-serif; font-weight: 500;}
	h6{ font-size: 20px; line-height: 1.4; font-family: Navigo, navigo, Arial, sans-serif; font-weight: 500;}
	p{ font-size: 17px; line-height: 1.65; font-family: Navigo, navigo, Arial, sans-serif; }
	body{ font-family: Navigo, navigo, Arial, sans-serif; font-weight: 400; color: #616880;}
    a, a:visited, .alink:visited{color: #17b375;}
    html{scroll-behavior: smooth;}
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*Primary Button Style */
.primary-button {
     display: inline-block;
     border-radius: 10rem;
     color: #fff;
     transition: all 0.3s;
     position: relative;
     overflow: hidden;
     z-index: 1;
     background: transparent !important;
     font-weight: 500;
 }
 .primary-button a {
     background: transparent !important;
     color: #fff;
 }
 .primary-button:after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #17b375;
     border-radius: 10rem;
     z-index: -2;
 }
 .primary-button:before {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0%;
     height: 100%;
     background-color: #0e6f49;
     transition: all 0.3s;
     border-radius: 10rem;
     z-index: -1;
 }
 .primary-button:hover:before {
     width: 100%;
 }
 .primary-button span {
     color: white !important;
 }
 .fl-builder-edit .primary-button.fl-editable {
    overflow: visible;
}
/*Primary Button Style */    

/*Secondry Button Style */
.secondary-button {
    display: inline-block;
    color: #17B375 !important;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border: 1px solid #17B375 !important;
    border-radius: 50px !important;
    font-weight: 500 !important;
}
.secondary-button:hover{background-color: #17B375 !important; }
.secondary-button a,
.secondary-button {
    background: transparent !important;
}
.secondary-button span {
    color: #17B375 !important;
}
.secondary-button:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 10rem;
    z-index: -2;
}
.secondary-button:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #17B375;
    transition: all .3s;
    border-radius: 10rem;
    z-index: -1;
}
.secondary-button:hover {
    color: #fff !important;
}
.secondary-button:hover span {
    color: #fff !important;
}
.secondary-button:hover:before {
    width: 100%;
}
.fl-builder-edit .secondary-button{overflow: visible;} 
.transparent-btn{border-color: #fff !important;}
.transparent-btn:hover{border-color: #17B375 !important;}
.transparent-btn a span{color: #fff !important;}
.secondary-button.transparent-btn:after{background-color: transparent !important; color: #fff !important;}
.secondary-button.transparent-bg:after{background-color: transparent !important;}
/*Secondry Button Style */
/* Typography For Mobile
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 767px) {

    h1{ font-size: 26px;}
    h2{ font-size: 24px;}
    h3{ font-size: 22px;}
    h4{ font-size: 20px;}
    h5{ font-size: 20px;}
    h6{ font-size: 18px;}
    p{ font-size: 16px;}
}
.catalog-category-view .page-wrapper{overflow: hidden;}  
.action-secondary{
     display: inline-block;
     color: #17B375 !important;
     transition: all .3s;
     position: relative;
     overflow: hidden;
     z-index: 1;
     border: 1px solid #17B375 !important;
     border-radius: 50px !important;
     font-weight: 400;
     padding-top: 9px;
     padding-bottom: 9px;
     font-family: 'navigo';
}
.action-secondary:after{
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: white;
     border-radius: 10rem;
     z-index: -2;
}
 .action-secondary:before{
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0%;
     height: 100%;
     background-color: #17B375;
     transition: all .3s;
     border-radius: 10rem;
     z-index: -1;
}
.action-secondary:hover{
     color: #fff !important;
     background-color: #17B375 !important;
}
 .action-secondary:hover:before{
     width: 100%;
}
.gform_wrapper.gravity-theme .gform_fields {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr 2%)[12];
    grid-template-columns: repeat( 12, 1fr );
    grid-template-rows: repeat( auto-fill, auto );
    grid-column-gap: 2%;
    grid-row-gap: 16px;
}
.gform_wrapper.gravity-theme .gfield {
    grid-column: 1 / -1;
}

@media (min-width: 1081px) and (max-width: 1200px){
    .catalog-product-view #maincontent, 
    .catalog-category-view #maincontent, 
    .catalogsearch-result-index #maincontent{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .catalog-product-view .breadcrumbs{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .catalog-category-view .list-head-section{
        padding-left: 17px !important;
        padding-right: 17px !important;
    }
    .catalog-category-view .breadcrumbs{
        padding-left: 5px !important;
        padding-right: 5px !important;   
    }
}
#product-comparison.table > tbody + tbody{
    border-top: 0px solid #cccccc;
}


.product-main-box{position: relative;}
.product-main-box:before{
    content: "";
    position: absolute;
    border-left: solid 3px #ABABAB;
    height: 100px;
    left: 0;
    top: 0;
}

.brochures-box .small_button{
    position: absolute; 
    bottom: 0px;
}
.brochures-box .equal_element{position: relative;}
.brochures-box .uabb-text-editor p{padding-bottom: 41px !important;}
header .right-col{
    width: auto;
}
.resource_catalog_box .uabb-infobox-left-right-wrap {
    position: relative;
    margin-bottom: 40px;
}
.resource_catalog_box .uabb-infobox-button .uabb-module-content {
    position: absolute;
    bottom: -40px;
}
.resource_catalog_box .resource-clickable{
    position: relative;
}