/* widequick002 */
.widequick002 {width:100%; height:100%; border:1px solid #eaeaea !important; border-bottom:none !important; border-right:none !important; float:left; text-align:center; box-sizing:border-box; background:white;}
    
    .widequick002 .qlink_5 {width:100%; float:left;}
    .widequick002 .qlink_5 .q5link00 {
                                        float:left;
                                        width:20%;
                                        padding: 15px;
                                        height:175px;
                                        position:relative;
                                        background:white;
                                        border:1px solid #eaeaea;
                                        border-top:none;
                                        border-left:none;
                                        box-sizing:border-box;
                                        } 
    .widequick002 .qlink_5 .q5link00 p {width:100%; height:40px; line-height:40px; letter-spacing:-1px; position:relative; box-sizing:border-box;}
    .widequick002 .qlink_5 .q5link00 p span {font-size:17px;font-weight:600;display:inline-block;line-height:20px;color:#636363;vertical-align:middle;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
    .widequick002 .qlink_5 .q5link00 .icon {margin:0 auto 9px; line-height:60px; vertical-align:middle;}
    .widequick002 .q5link00 .icon:after {content:" "; margin-left:-0.6em; white-space: pre;}
    .widequick002 .q5link00 .icon img {vertical-align:middle;max-width: 100%;}


        .widequick002 .qlink_5 .qlink01 .icon img {animation:quick003motion0 5s linear 0s 1 normal forwards;}
        .widequick002 .qlink_5 .qlink02 .icon img {animation:quick003motion1 5s linear 0s 1 normal forwards;}
        .widequick002 .qlink_5 .qlink03 .icon img {animation:quick003motion2 5s linear 0s 1 normal forwards;}
        .widequick002 .qlink_5 .qlink04 .icon img {animation:quick003motion3 5s linear 0s 1 normal forwards;}
        .widequick002 .qlink_5 .qlink05 .icon img {animation:quick004motion4 5s linear 0s 1 normal forwards;}

        @keyframes quick003motion0 {
          0% {opacity: 1;}
          22.22% {opacity: 0.5;}
          33.33% {opacity: 1;}
          55.56% {opacity: 1;}
          77.78% {opacity: 1;}
          100% {opacity: 1;}
        }
        @keyframes quick003motion1 {
          0% {opacity: 0;}
          22.22% {opacity: 0.3;}
          33.33% {opacity: 0.7;}
          55.56% {opacity: 1;}
          77.78% {opacity: 1;}
          100% {opacity: 1;}
        }
         @keyframes quick003motion2 {
          0% {opacity: 0;}
          22.22% {opacity: 0;}
          33.33% {opacity: 1;}
          55.56% {opacity: 0.7;}
          77.78% {opacity: 0.8;}
          100% {opacity: 1;}
        }  
        @keyframes quick003motion3 {
          0% {opacity: 0;}
          22.22% {opacity: 0;}
          33.33% {opacity: 0;}
          55.56% {opacity: 1;}
          77.78% {opacity: 0.5;}
          100% {opacity: 1;}
        }
        @keyframes quick004motion4 {
          0% {opacity: 0;}
          22.22% {opacity: 0;}
          33.33% {opacity: 0;}
          55.56% {opacity: 0.2;}
          77.78% {opacity: 0.7;}
          100% {opacity: 1;}
        }




    /*layer height - different styling */
        /* .layout_01 .widequick002 .q5link00 {width:12.5%;} */
        

        .layout_01 .widequick002 {/* padding:25px 30px 30px; */}
        .layout_01 .widequick002 .qlink_5 .q5link00 {height:auto;}







@media (min-width:1300px){}
@media (min-width:1050px){
    .layout_01 .widequick002 .qlink_5 .q5link00 .icon {line-height:90px;}
    .layout_01 .widequick002 .qlink_5 .q5link00 .icon img {max-width: 100%;max-height: 90px;}

}
@media (min-width:1050px) and (max-width:1299px){
}

@media (min-width:800px) and (max-width:1049px){
        .widequick002 .qlink_5 .q5link00 {height:auto;}
        
        .widequick002 .q5link00 .icon img {/* max-width:45px; */max-height: 60px;}
        .widequick002 .qlink_5 .q5link00 p span {font-size:16px;}


}


@media (max-width:799px){
        .widequick002 .q5link00 {padding:20px 15px;}
        .widequick002 .qlink_5 .q5link00 p span {font-size:15px;}
}

@media (min-width:600px) and (max-width:799px){
        .layout_01 .widequick002 {padding: 0;}
        .layout_01 .widequick002 .qlink_5 .q5link00 {/* width:25%; *//* margin-top:20px; */}
        .widequick002 .qlink_5 .q5link00 .icon img {max-width: 100%;max-height: 60px;}
}

@media (max-width:599px){
    .widequick002 .q5link00 {height:auto !important; padding:10px !important; text-align:center; box-sizing:border-box;}
    .widequick002 .qlink_5 .q5link00 .icon {/* margin:0 auto !important; */}
    .widequick002 .q5link00 .icon img {float:initial;max-width: 100%;max-height: 40px;}
    .widequick002 .qlink_5 .q5link00 p {height:40px; line-height:40px !important; position:relative; margin:0 !important;}
    .widequick002 .qlink_5 .q5link00 p span {line-height:18px;max-height: 35px;display:inline-block;vertical-align:middle;font-size:14px !important;-webkit-line-clamp: 2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;word-break: break-word;}

        
        .layout_01 .widequick002 {padding: 0;}
}