/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* GLOBAL ELEMENTS */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

    /* Navigation Bar */
    .navbar{min-height: 80px; background-color: rgb(255,255,255); -webkit-box-shadow: 0px 4px 15px 5px rgba(0,0,0,0.48); box-shadow: 0px 4px 15px 5px rgba(0,0,0,0.48);}

    li.nav-item{padding:0px 0px 0px 20px;}

    .logo{max-width: 200px; }

    .logo_container{
        min-height: 250px;    
        background: rgb(255, 255, 255);
        padding: 90px 0px 70px 0px;
    }
    
    /* Generic Header Control */
    .header-image-generic{width: 100%; height: 700px; position: relative;  background-repeat: no-repeat!important; background-size: cover!important;}

    .heading-container{height: 700px; position: absolute;top:0px;}

    /* Generic White Container */
    .generic-white-wrapper{padding: 40px 40px 40px 40px; border-radius:15px; background-color: rgb(255, 255, 255);}

    /* Generic Container Wrap */
    .generic-background-container-wrap{ background: rgb(245, 245, 248); padding: 30px 0px 30px 0px;}

    /* Generic Text Wrap */
    .generic-text-wrap{padding-left: 40px; padding-right: 40px;}

    /* About Raymax */
    .about-raymax-introduction-container{padding: 30px 0px 30px 0px;}

    /* Contact Form */
    .contact-form-container{padding: 100px 0px 100px 0px; background: rgb(236, 236, 236); min-height: 800px;}

    .form-wrapper{padding: 20px 30px 20px 10px;}

    input#form1_name {width: 90%; height: 50px; margin:5px 40px 10px 0px; border-radius: 10px; border: none; padding:15px; font-family: 'Work Sans', sans-serif;}

    input#form1_email {width: 90%; height: 50px; margin:5px 40px 10px 0px; border-radius: 10px; border: none; padding:15px; font-family: 'Work Sans', sans-serif;}

    input#form1_phone {width: 90%; height: 50px; margin:5px 40px 10px 0px; border-radius: 10px; border: none; padding:15px; font-family: 'Work Sans', sans-serif;}

    textarea#form1_message {width: 90%; height: 300px; margin:5px 40px 10px 0px; border-radius: 10px; border: none; padding:15px; font-family: 'Work Sans', sans-serif;}

    .contact-heading-content-wrap{padding:20px 0px 10px 0px;}

    /* Quote */
    .quote-wrapper{margin-top:60px; margin-bottom: 60px;}

    /* Why Raymax */
    .why-raymax-container{margin-top:100px; margin-bottom:100px;}

    /* Buttons */
    .btn{border-radius: 30px; font-family: 'Lato', sans-serif; text-align: center; font-weight: 400px; font-size: 14px; padding:15px; min-width: 200px;}
        
        .btn-primary{background-color: transparent; border: 2px solid #464646; color: #464646;}
        
            .btn-primary:hover{background-color: #54c5e7; border-color: #54c5e7;}

    .btn-partner{width: 100%;}


    a.button-standard{border:2px solid rgb(51, 51, 51);height: 60px; border-radius: 30px; text-align:center; display: block;transition: all 0.5s ease;}
        a.button-standard:hover{background-color: rgb(51, 51, 51); color: rgb(255, 255, 255);-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3); box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3); cursor: pointer;}

        a.button-small{width:200px; height: 60px; padding-top: 15px;}
        a.button-medium{width:300px; height: 60px; padding-top: 15px;}
        a.button-fluid{width:100%; height: 60px; padding-top: 15px;}


    input#form1_submit{margin-top:20px; border:2px solid rgb(51, 51, 51);height: 60px; min-width: 200px; border-radius: 30px; text-align:center; display: block;transition: all 0.5s ease;}
        input#form1_submit:hover{background-color: rgb(51, 51, 51); color: rgb(255, 255, 255);-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3); box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3); cursor: pointer;}


    /* Footer */
    .footer-wrap{background: linear-gradient(20deg, rgba(24,24,24,1) 0%, rgb(68, 77, 83) 35%, rgb(85, 75, 60) 62%, rgba(42,42,42,1) 100%); padding:80px 0px 60px 0px;}

    .footer-logo-container{padding: 30px 0px 20px 10px;}
        img.footer-logo{max-width: 250px;}

    .footer-company-info-container{padding: 30px 10px 20px 0px;}

    .footer-address-info-container{padding: 10px 10px 20px 0px;}

    .form-control, .me-2{width: 90%; height: 50px; margin:5px 40px 10px 0px; border-radius: 10px; border: none; padding:15px; font-family: 'Work Sans', sans-serif; background-color: rgba(255,255,255,0.7); transition: all 0.5s ease;}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* PAGE SPECIFIC ELEMENTS */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

    /* Homepage */
        /* Header */
        .header-image-homepage{width: 100%; height: 700px; position: relative;  background-repeat: no-repeat!important; background-size: cover!important;}
        
        .header-video-homepage{height: 700px; overflow:hidden; }
        
        #homepage-video {right: 0; bottom: 0; min-width: 100%; min-height: 100%; filter: blur(5px); transform: scale(1.5);}

        #homepage_carousel{min-height: 700px;}

        /* Featured Products */
        .featured-summary-container{margin-top: 20px; margin-bottom:20px; min-height: 570px; width: 100%; border-radius: 15px; background-color: #fff;}
        
        .featured-summary-img-container{min-height:300px;background-repeat: no-repeat!important; background-position: center!important; background-size: cover!important;border-top-left-radius: 15px;border-top-right-radius: 15px;}

        .featured-text-wrap{padding:30px 40px 30px 40px;}
  
        .featured-description-thumbnail-wrap{padding-top:5px; min-height: 150px;}

        /* Featured Case Study */
        video.home-page-case-study-video{width: 100%; border-radius: 15px;}

        .featured-casestudy-thumbnail-wrap{padding-bottom:10px;}

        /* Our Partners */
        .partner-supplier-logos{padding-top:60px; padding-bottom:60px; background-color: rgb(255, 255, 255);}
        
        .supplier-logo-home-wrap{padding-left:20px; padding-right:20px;}
        
        .supplier_logo_home{filter: grayscale(100%); opacity: 0.3;}


    /* Products & Services */
        /* Products & Services Summary */
        .product-and-service-summary-container{min-height: 600px; width: 100%; margin-top:10px; margin-bottom:10px; border-radius: 15px; background-color: #fff;}

        .product-summary-img-container{min-height:300px;background-repeat: no-repeat!important; background-size: cover!important;border-top-left-radius: 15px;border-top-right-radius: 15px;}

        .product-description-thumbnail-wrap{padding-bottom:10px;}

        .product-text-wrap{height:250px;}


        /* Product & Service Page */
        .light-bg{background: rgb(250, 250, 250);}

        .dark-bg{background: rgb(245, 245, 248);}
        

        /* Header */
        .header-image-product-and-service-master{width: 100%;height: 800px; position: relative;  background-repeat: no-repeat!important; background-size:cover!important;}

        /* Supplier Logos */
        .supplier_logo{filter: grayscale(100%); opacity: 0.3;}


    /* About Raymax */

    .about-raymax-introduction-container{height: 100%; width: 100%; border-radius: 15px; background-color: #fff;}
    
        .employee-summary-container{min-height: 500px; width: 100%; border-radius: 15px; background-color: #fff;}

        .employee-img-container{min-height:300px;background-repeat: no-repeat!important; background-size: cover!important;border-top-left-radius: 15px;border-top-right-radius: 15px;}

        .employee-text-wrap{padding: 25px 25px 35px 25px;}

        .employee-row{margin-top:20px; margin-bottom:40px;}

        video.about-raymax-video{border-radius: 15px; width: 100%;}

    /* Our Partners */

        .partner-row{margin:20px 0px 20px 0px;}

        .partner-summary-container{min-height: 500px; width: 100%; border-radius: 15px; background-color: #fff; }
        
        img.partner-image-thumbnail{border-top-left-radius: 15px; border-top-right-radius: 15px;}

        .partner-text-wrap{padding: 25px 25px 35px 25px;}

        .partner-summary-img-container{min-height:300px;background-repeat: no-repeat!important; background-size: cover!important;border-top-left-radius: 15px;border-top-right-radius: 15px;}

        /* Partner Detail */
        .partner-detail-introduction-container{height: 100%; width: 100%; padding-top:40px; padding-bottom: 40px; border-radius: 15px; background-color: #fff;}
        
        img.partner-detail-image{border-radius: 15px;}

        img.partner-image-trio{width:100%; border-radius: 15px; margin-top: 20px; margin-bottom: 20px;}
        
        .partner-trio-img-wrap{margin-top:10px;}

        .product-summary-container{min-height: 800px; width: 100%; margin-top:10px; margin-bottom:10px; border-radius: 15px; background-color: #fff;}

        .partner-product-image-thumbnail{width: 100%;}

        .partner-img-container{min-height:500px;background-repeat: no-repeat!important; background-size: cover!important;border-top-left-radius: 15px;border-top-right-radius: 15px;}

        .product-text-wrap{padding: 25px 25px 35px 25px;}


    /* Case Study */

        .case-study-row{margin:20px 0px 20px 0px;}

        .case-study-img-container{min-height:400px;background-repeat: no-repeat!important; background-size: cover!important;border-top-left-radius: 15px;border-top-right-radius: 15px;}

        /* Hero Image */
        .header-image-case-study-master{width: 100%; height: 800px; position: relative;  background-repeat: no-repeat!important; background-size: cover!important;}



        .case-study-container{min-height: 650px; width: 100%; border-radius: 15px; background-color: #fff;}

        .case-study-text-wrap{padding: 25px 25px 35px 25px; }

        .client-case-description-thumbnail-wrap{padding-top:5px; min-height: 100px; margin-bottom:10px;}

        /* Case Study Detail */
        .case-study-container-text-media{margin-top: 20px; margin-bottom: 40px; width: 100%; border-radius: 15px; background-color: #fff;}
        
        .text-wrap-case-study{padding:20px 25px 10px 25px;}

        .video-wrap{height: 100%;border-top-right-radius: 15px; padding:0px; margin: 0px; border-bottom-right-radius: 15px; overflow: hidden;}

        video.case-study-video{width: 100%; height: 100%; border-top-right-radius: 15px; border-bottom-right-radius: 15px;}

        .trio-img-wrap{margin-top:10px; margin-bottom:10px; }

        img.case-study-image-trio{border-radius: 15px;}


        .feature-item{ height: 100vh; max-height: 800px;}

        .product_feature_image{border-radius: 25px;}

        .txt-align-right{text-align: right;}

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




/* Testimonials */

.testimonial-container{
    padding: 100px 0px 100px 0px;
    background: linear-gradient(140deg, rgba(24,24,24,1) 0%, rgba(83,94,102,1) 35%, rgba(116,103,82,1) 62%, rgba(42,42,42,1) 100%);
}



.footer-column{
    padding:0px 40px 0px 20px;
    /* border: 1px solid red; */
}

.footer-line-inner{
    margin: 30px 10px 0px 10px;
    border-bottom:1px solid rgba(83,94,102);
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* FONT CONTROL */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

        /* Headings */
        h1{font-family: 'Work Sans', sans-serif; letter-spacing: -0.8px;}
            h1.generic-header{font-size:52px; font-weight: 600; color: rgb(255, 255, 255);text-shadow: 1px 1px 2px rgba(0, 0, 0);}
            h1.feature-heading-control{font-weight: 400; color: rgb(51, 51, 51);}

        h2{font-family: 'Work Sans', sans-serif; letter-spacing: -0.8px; font-weight: 400;}
            h2.generic-sub-heading{color: rgb(255, 255, 255);text-shadow: 1px 1px 2px rgba(0, 0, 0);}
            h2.contact-form-heading{color: rgb(51, 51, 51);}
            h2.why-raymax-heading{color: rgb(51, 51, 51);}

            h2.quote{font-style: italic;  font-weight: 100; text-align: center; display: block; color:rgb(51, 51, 51); }

        h3{font-family: 'Work Sans', sans-serif; font-weight: 400; letter-spacing: -0.8px;}
            h3.contact-headings{color: rgb(51, 51, 51);}  
            h3.partner-name-thumbnail{color: rgb(51, 51, 51);}
            h3.client-name-thumbnail{color: rgb(51, 51, 51);}
            h3.product-name-thumbnail{color: rgb(51, 51, 51);}
        
        /* Paragraph */
        p{font-family: 'Work Sans', sans-serif; font-weight: 300;}

        /* Hyperlinks */
        a.button-standard{font-family: 'Work Sans', sans-serif; font-weight: 400; text-decoration: none; color: rgb(51, 51, 51);}
          
        a.nav-link{font-family: 'Work Sans', sans-serif; font-size: 16px; font-weight: 400; text-decoration: none; color: rgb(51, 51, 51); transition: all 0.5s ease;}
            a.nav-link:hover{text-decoration: underline; color: rgb(51, 51, 51); cursor: pointer;}

        /* Spans */
            /* Contact Form */
            span.contact-form-sub-heading{display: block; font-family: 'Work Sans', sans-serif; letter-spacing: -0.8px; font-weight: 400; color: rgb(51, 51, 51);}

            /* About Raymax */
            span.employee-name-thumbnail-job-title{display: block; font-family: 'Work Sans', sans-serif;  letter-spacing: -0.8px; margin-bottom:7px;}

            /* Case Study */
            span.client-intro-thumbnail{ display:block; font-family: 'Work Sans', sans-serif; font-weight: 400; font-size: 10px; letter-spacing: 8px; text-transform: uppercase; display: block; text-align: left; color: rgb(102, 102, 102);  padding-bottom:5px;}

            /* Footer */
            span.company-info{padding: 0px 0px 5px 0px; display: block; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 10px; color:rgb(201, 201, 201);   text-align: right; }
            
            span.address-info{padding: 0px 0px 5px 0px; display: block; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 10px; color:rgb(201, 201, 201);   text-align: right; }

            /* Quote / Testimonial */
            span.quote-author{font-family: 'Work Sans', sans-serif; text-align: center; display: block; color:rgb(51, 51, 51); }

        
        /* Case Study Detail */
        h1.case-study-heading-control{
            font-family: 'Roboto Slab', sans-serif;
            font-weight: 400;
            color: rgb(51, 51, 51);
        }





        /* Why Raymax */

    

        /* Products & Services */
        h1.product-service-page-heading{
            font-family: 'Roboto Slab', sans-serif;
            font-weight: 400;
            color: rgb(255, 255, 255);
            font-size: 62px; 
            text-shadow: 1px 1px 2px rgba(0, 0, 0);
        }

        h2.product-service-page-sub-heading{
            font-family: 'Roboto Slab', sans-serif;
            font-weight: 400;
            color: rgb(255, 255, 255);
            font-size: 24px;  
            text-shadow: 1px 1px 2px rgba(0, 0, 0);   
        }
        span.preface{
            font-family: 'Lato', sans-serif;
            font-weight: 400;
            font-style: italic;
            display: block;
            text-align: right;
            color: rgb(197, 197, 197);
        }

        /* Our Partners */


        /* Case Studies */
        

        p.client-case-description-thumbnail{
            font-family: 'Lato', sans-serif;
            font-weight: 300;
            font-size: 16px;
            display: block;
            text-align: left;
            color: rgb(102, 102, 102); 
        }



/* Testimonials */





li{
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}


h2.testimonial{
    font-family: 'Lato', sans-serif;
    text-align: center;
    display: block;
    color:#fff;   
}

span.testimonial-author{
    font-family: 'Lato', sans-serif;
    font-style: italic; 
    text-align: center;
    display: block;
    color:#fff;
}

/* Quote Author */


/* Footer */

h6.footer{
    font-family: 'Lato', sans-serif;
    color: rgb(167, 167, 167);
    padding-left:5px;
    margin-bottom:20px;
}

ul.footer-link-list{
    list-style-type:none;

}
    a.footer-link{
        font-family: 'Lato', sans-serif;
        text-align: left;
        display: block;
        color:rgb(216, 216, 216);  
        text-decoration: none;
        font-weight: 400;
        font-size: 12px;
        padding-left:5px;
        transition: all 0.5s ease;

    }

        a.footer-link:link {
            text-decoration: none;
        }
        
        a.footer-link:visited {
            text-decoration: none;
        }
        
        a.footer-link:hover {
            text-decoration: none;
            color:rgb(24, 184, 162);  
            border-left: 1px solid rgb(24, 184, 162);
        }
        
        a.footer-link:active {
            text-decoration: none;
        }

    ul.footer-link-list > li {
        padding: 7px 0px 7px 0px;
        margin-left: -32px;
    }





/* Style the video: 100% width and height to cover the entire window */
#homepage-video-header {
    position: relative;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
  }


#video-header {
    position: relative;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
  }

  .video-filter{
        filter: blur(4px);
    }
  
button.email{
    width: 45px;
    height: 45px;
    border-radius: 5px;
    background-color:rgb(24, 184, 162);
}


.per-top-5{margin-top:5%}.per-top-10{margin-top:10%}.per-top-15{margin-top:15%}.per-top-20{margin-top:20%}.per-top-25{margin-top:25%}.per-top-30{margin-top:30%}.per-top-40{margin-top:40%}.per-top-50{margin-top:50%}.p-top-5{padding-top:5px}.p-top-10{padding-top:10px}.p-top-15{padding-top:15px}.p-top-20{padding-top:20px}.p-top-30{padding-top:30px}.p-top-40{padding-top:40px}.p-top-50{padding-top:50px}.p-top-60{padding-top:60px}.p-top-70{padding-top:70px}.p-top-80{padding-top:80px}.p-top-90{padding-top:90px}.p-top-100{padding-top:100px}.p-top-110{padding-top:110px}.p-top-120{padding-top:120px}.p-top-150{padding-top:150px}.p-top-180{padding-top:180px}.p-top-200{padding-top:200px}.p-bottom-5{padding-bottom:5px}.p-bottom-10{padding-bottom:10px}.p-bottom-15{padding-bottom:15px}.p-bottom-20{padding-bottom:20px}.p-bottom-30{padding-bottom:30px}.p-bottom-40{padding-bottom:40px}.p-bottom-50{padding-bottom:50px}.p-bottom-60{padding-bottom:60px}.p-bottom-70{padding-bottom:70px}.p-bottom-80{padding-bottom:80px}.p-bottom-90{padding-bottom:90px}.p-bottom-100{padding-bottom:100px}.p-bottom-110{padding-bottom:110px}.p-bottom-120{padding-bottom:120px}.p-bottom-150{padding-bottom:150px}.p-bottom-180{padding-bottom:180px}.p-bottom-200{padding-bottom:200px}.p-left-5{padding-left:5px}.p-left-10{padding-left:10px}.p-left-15{padding-left:15px}.p-left-20{padding-left:20px}.p-left-30{padding-left:30px}.p-left-40{padding-left:40px}.p-left-50{padding-left:50px}.p-left-60{padding-left:60px}.p-left-70{padding-left:70px}.p-left-80{padding-left:80px}.p-left-90{padding-left:90px}.p-left-100{padding-left:100px}.p-left-110{padding-left:110px}.p-left-120{padding-left:120px}.p-right-5{padding-right:5px}.p-right-10{padding-right:10px}.p-right-15{padding-right:15px}.p-right-20{padding-right:20px}.p-right-30{padding-right:30px}.p-right-40{padding-right:40px}.p-right-50{padding-right:50px}.p-right-60{padding-right:60px}.p-right-70{padding-right:70px}.p-right-80{padding-right:80px}.p-right-90{padding-right:90px}.p-right-100{padding-right:100px}.p-right-110{padding-right:110px}.p-right-120{padding-right:120px}.p-all-5{padding:5px}.p-all-10{padding:10px}.p-all-15{padding:15px}.p-all-20{padding:20px}.p-all-30{padding:30px}.p-all-40{padding:40px}.p-all-50{padding:50px}.p-all-60{padding:60px}.p-all-70{padding:70px}.p-all-80{padding:80px}.p-all-90{padding:90px}.p-all-100{padding:100px}.p-all-110{padding:110px}.p-all-120{padding:120px}