@charset "UTF-8";
/* =============================================================================================
                              ________  __      __  _________
                              \______ \/  \    /  \/   _____/
                                |    |  \   \/\/   /\_____  \ 
                                |    `   \        / /        \
                               /_______  /\__/\  / /_______  /
                                       \/      \/          \/ 
                          WMS - Website Management Software (c) 2022
                                   by Direct Web Solutions

    The following document, also known as services_home.css, is developed for the
    sole use of directwebsolutions.ca by the team at Direct Web Solutions. This 
    design was developed by us and is considered the property of our company. 
    Please do not steal the code from this template as we have worked hard on it 
    to make our business successful. If you would like to take parts of the css 
    for use in your own project, you may do so, but copying all of it or cloning 
    our website would be grounds to pursue legal action. Thanks for understanding 
    and have a great day!
    
    ~ Darryn Fehr,
    Direct Web Solutions

    ----------------------------------------------------------------------------------------
    @category    User Defined
    @package     WMS User Website
    @license     https://www.directwebsolutions.ca/wms/v3/license 3.0+ License
    @version     Release: 3.0.1
============================================================================================= */

main .breadcrumbs,main .breadcrumbs .breadcrumb{margin-bottom:0;padding-bottom:0;border:none;}
main .sec-tagline{background:#215387;color:#fff;font-weight:500;text-align:center;font-size:18px;line-height:1.624;}
main .tab{overflow:hidden;border-bottom:1px solid #ccc;}
main .tab button{background-color:inherit;float:left;border:none;outline:none;cursor:pointer;padding:14px 16px;transition:0.3s;font-size:17px;border-radius:4px 4px 0 0;}
main .tab button:hover{background-color:#ddd;}
main .tab .active{background-color:#ccc;}
main .tabcontent{background:#fff;display:none;padding:15px;border:1px solid #ccc;border-radius:0 0 4px 4px;border-top:none;}
main .tabcontent p{padding-top:10px;line-height:1.624;}
main .install_process{background:#0b2436;position:relative;overflow:hidden;}
main .install_process img{z-index:1;min-width:1250px;width:100%;height:auto;position:absolute;top:0;left:0;opacity:0.05;}
main .overlay_image{z-index:1;}
main .overlay_image_text{z-index:2;color:#fff;width:100%;position:relative;top:0;left:0;padding:30px 0;}
main .overlay_image_text .flex-row{display:flex;flex-wrap:wrap;}
main .overlay_image_text .flex-row .row_item{width:23%;box-sizing:border-box;text-align:center;margin:1%;}
main .overlay_image_text .flex-row .row_item .icon{font-size:40px;}
main .overlay_image_text .flex-row .row_item .title{font-size:14px;font-weight:700;padding-top:12px;}
main .overlay_image_text .flex-row .row_item .text{font-size:10px;}
main .overlay_image_text .security{text-align:center;}
main .overlay_image_text .security h3{font-size:18px;text-transform:uppercase;}
main .overlay_image_text .security h4{font-size:13px;text-decoration:italic;padding-bottom:16px;font-weight:100;}
main .contact_banner{background:#34692c;color:#fff;font-size:19.25px;font-weight:700;padding:30px 0;}
main .contact_banner .quote_text{padding-top:12px;float:left;}
main .contact_banner .quote_link{font-size:16px;float:right;text-align:right;}
main .contact_banner .quote_link a{display:inline-block;padding:12px 25px;font-weight:400;border:1px solid #fff;color:#fff;transition:0.3s;}
main .contact_banner .quote_link a:hover{background:#fff;color:#34692c;transition:0.3s;text-decoration:none;}
@media screen and (max-width:700px){
    main .overlay_image_text .flex-row .row_item{width:48%;padding-top:30px;}
    main .contact_banner{font-size:16px;}
    main .install_process img{min-width:2500px;}
}