/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* 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.15); box-shadow: 0px 4px 15px 5px rgba(0,0,0,0.15);}

    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; background-position: center!important;}

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

    .header-video-generic{max-height: 800px; overflow: hidden;}

        #video-header {z-index: -99;position: absolute;right: 0;top: 0;min-width: 100%;min-height: 800px; }

    /* 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: 'Work Sans', 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.3s ease;}
        a.button-standard:hover{background-color: rgb(51, 51, 51); color: rgb(255, 255, 255);-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3); cursor: pointer; margin-top:3px; margin-bottom:-3px;}    

        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; width: 100%; height: 100%; transform: scale(1.5);}

        #homepage_carousel{min-height: 700px;}

        /* Featured Products */
        .featured-summary-container{margin-top: 20px; margin-bottom:20px; min-height: 700px; 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; min-height: 300px;}
        
        .read-more-link{padding:30px 40px 30px 40px; min-height: 100px;}

        .featured-description-thumbnail-wrap{padding-top:5px;}

        .carousel-indicators {position: relative;}

        /* Featured Case Study */
        .feaured_home_video_wrap > .featured_home_video{width:100%;}

        .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:350px;}

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

        .dark-bg{background: rgb(245, 245, 248);}
        
        .feature-item{min-height: 700px; padding-top:70px; padding-bottom:70px;}

        .product_feature_image{border-radius: 25px;}

        .video_features_wrap > .video_features {width: 100%;}


        /* Supplier Logos */
        .supplier-logo-wrap{padding:20px; margin: 10px;}

        .supplier_logo{filter: grayscale(100%); opacity: 0.3; max-width: 150px;}


    /* About Raymax */

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

        .employee-img-container{min-height:400px;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; min-height: 450px;}

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

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

        img.about-raymax-image{border-radius: 15px;}

    /* 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; min-height:270px;}

        .read-more-link-partners{padding:30px 40px 30px 40px; min-height: 100px;}

        .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-position: center!important; 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;}

        .partner-summary-container{margin-bottom:20px}

        .video_partner_wrap > .partner_features{width:100%;}

    /* Case Study */
        .engineering-consulting-introduction-container{height: 100%; width: 100%; margin-left:10px;border-radius: 15px; background-color: #fff;}

        .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; margin-bottom:20px; 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:30px 30px 10px 30px;}

        .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; margin-bottom:20px;}

        .video_case_studies_wrap > .case_studies_features {width:100%; margin-bottom: -5px;}

    /* News */

        /* News Summary */
        .article-entry-container{width: 100%; margin-left:10px;border-radius: 15px; background-color: #fff; padding: 40px 30px 30px 40px;}

        img.article-thumbnail-image{width: 100%; border-radius: 15px;}

        /* News Detail */
        .article-detail-container{width: 100%; margin-left:10px;border-radius: 15px; background-color: #fff; padding: 40px 30px 30px 40px;}

        .article-content > img{display: block; margin-left: auto; margin-right: auto; width: 90%; padding: 40px 20px 40px 20px;}

    /* 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 */
    .footer-column{padding:0px 40px 0px 20px;}

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

    /* Generic Text Align */
    .txt-align-right{text-align: right!important;}

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

    .txt-align-center{text-align: center!important;}



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* 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); }
            h2.testimonial{font-style: italic; text-align: center; display: block; color:#fff;}

        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);}
        
        h6{font-family: 'Work Sans', sans-serif; font-weight: 400; letter-spacing: -0.8px;}
            h6.footer{color: rgb(167, 167, 167); padding-left:5px; letter-spacing: 0.5px; margin-bottom:10px;}


        /* Paragraph */
        p{font-family: 'Work Sans', sans-serif; font-size:16px; font-weight: 300;}


        /* List Style */
        ul.footer-link-list{list-style-type:none;}
        
        ul.footer-link-list > li {padding: 7px 0px 7px 0px;margin-left: -32px;}
        
        li{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{color: rgba(51, 51, 51,1); cursor: pointer;}


        a.footer-link{font-family: 'Work Sans', 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;}
    

        /* Spans */
            /* Suppliers */
            span.preface{font-family: 'Work Sans', sans-serif; font-style: italic; color:rgb(190, 190, 190); font-size:16px; font-weight: 300;}

            /* 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: 'Work Sans', 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: 'Work Sans', 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); }

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

            /* Carousel */
            span.homepage_carousel_button{transition: all 0.5s ease; padding-left:5px; padding-right:5px;}
                span.homepage_carousel_button:hover{text-decoration: underline; cursor: pointer;}
            
            /* News Summary */
            span.news-summary-date{font-family: 'Work Sans', sans-serif; font-size:12px; text-align: left; display: block; color:rgb(51, 51, 51); }


/* 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%;
  }




  
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}


/* // X-Large devices (large desktops, less than 1400px) */
@media (min-width: 1400px) {

} 

/* // X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

} 

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .product-and-service-summary-container{
        min-height: 800px;
    }

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

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    

    .supplier-logo-wrap, .supplier-logo-home-wrap{
        text-align: center;
        margin-top:20px;
        margin-bottom:20px;
    }

    .supplier_logo_home{
        max-width: 200px;
    }

    .supplier_logo{
        max-width: 200px;    
    }

    a.button-small, a.button-medium{
        width: 100%;
    }

    span.company-info, span.address-info{
        text-align:center;
    }

    .footer-logo-container{
        display: none;
    }

    .footer-line{
        display: none;
    }

    .mb-hide{
        display:none;
    }

    .case-study-video, img.case-study-image{
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
    }

    .video-wrap, video.case-study-video{
        border-top-right-radius: 0px; 
        border-bottom-left-radius: 15px;
    }

    .feature-item{
        padding-top:60px;
        padding-bottom:60px;
    }

    #homepage_carousel{
        display: none;
    }
    
}