@charset "utf-8";


/* Mobile Layout: 480px and below. */
.readmore {
    text-decoration: none;
    color: #fffc00;
    font-size: 12px;
}

.readmore:hover {
    color: #ffb400;
}

.readmore2 {
    text-decoration: none;
    color: #fe6600;
    font-size: 12px;
}

.readmore2:hover {
    color: #000000;
}


.readmore3 {
    background: #00349c;
    text-decoration: none;
    text-align: center;
    color: white;
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 13px;
}

.readmore3:hover {
    color: white;
    background: #fe6600;
}

.text {
    font-size: 12px;
    color: #999;
}

.enquirybg {
    width: 94%;
    height: auto;
    float: left;
    background: #2f2f2f;
    padding: 3%;
}

.enquirytext {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-family: Cambria, "Cambria Math";
    font-size: 16pt;
    color: #ffffff;
    margin-bottom: 10px;
    font-weight: bold;
}

.formdiv {
    width: 48%;
    height: auto;
    float: left;
    margin: 1.3% 1%;
    color: #000000;
    font-size: 15px;
    font-weight: 500;
}

.formdiv2 {
    width: 98%;
    height: auto;
    float: left;
    margin: 1% 0.8%;
    color: #000000;
    font-size: 15px;
    font-weight: 500;
}

.sendmenu {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 8px;
}

.form {
    width: 97.8%;
    height: auto;
    padding: 5% 1%;
    border: #737373 solid 1px;
    border-radius: 5px;
}

.imgmain {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 0 0 0;
}

.imgmain2 {
    width: 100%;
    height: auto;
    float: left;
    padding: 3% 0 3% 0;
}

.button {
    background: #333333;
    /* Green */
    border: none;
    color: white;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 8px;
}

.button:hover {
    background: #fe6600;
}

.button2 {
    width: 100%;
    background: #00339a;
    border: none;
    color: white;
    padding: 8px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 50px;
}

.button2:hover {
    background: #000;
}

#bodyservices {
    clear: none;

    float: left;

    margin: 0 0 5% 0;
    padding: 0 5% 0 5%;

    width: 90%;

    display: block;
    background: none;

}

#bodypr {
    clear: none;

    float: left;

    margin: 0 0 5% 0;
    padding: 0 5% 0 5%;

    width: 90%;

    display: block;

}

.imgtop {
    width: 99.6%;
    height: auto;
    float: left;
    margin: 0 0 5% 0;
    padding: 0 0 0 0;
    border: #333 solid 1px;
}

.imgtop1 {
    width: 90%;
    height: auto;
    float: left;
    margin: 0 0 5% 0;
    padding: 5% 5% 5% 5%;
    background: #64a958;
}

.imgtop1:hover {
    -webkit-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.75);
}

.imgtop2 {
    width: 90%;
    height: auto;
    float: left;
    margin: 0 0 5% 0;
    padding: 5% 5% 5% 5%;
    background: #fd6a48;
}

.imgtop2:hover {
    -webkit-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.75);
}

.imgtop4 {
    width: 90%;
    height: auto;
    float: left;
    margin: 0 0 5% 0;
    padding: 5% 5% 5% 5%;
    background: #3f7fd6;
}

.imgtop4:hover {
    -webkit-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.75);
}

.imgtop3 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 5% 0;
    padding: 0 0 5% 0;
    border-bottom: #CCC dashed 1px;
}

.redcolor {
    color: #fe6600;
    text-align: center;
}

.maincolor {
    color: #414117;
}

.greencolor {
    color: #006400;
}

.ashcolor {
    color: #ffff00;
}

.white {
    color: #FFF;
}

.mainline {
    color: #FFF;
    text-align: center;
}



.orangecolor {
    color: #fe6600;
}

.boxes {
    clear: none;

    float: left;

    margin: 0 0 5% 0;
    padding: 5% 5% 5% 5%;

    width: 90%;

    display: block;
    background: #efeef3;

}

.boxes:hover {
    -webkit-box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.75);
}

.boxes2 {
    clear: none;

    float: left;

    margin: 0 0 5% 0;
    padding: 5% 5% 5% 5%;

    width: 90%;

    display: block;
    background: #FFF;

}


.imgtext {
    width: 100%;
    height: auto;
    float: left;
}

.homenetworks {
    clear: none;
    float: left;
    margin: 0 0 0 0;
    padding: 5% 0 5% 0;
    width: 100%;
    display: block;
    border-top: #FFF solid 2px;
}

.coloums2 {
    width: 96%;
    height: auto;
    float: left;
    text-align: center;
    margin: 5px;
    background: #ffffff;
    border: #00339a solid 1px;
    border-radius: 50px;
    padding: 0%;
}

.coloums3 {
    width: 32%;
    height: auto;
    float: left;
    background: #ffffff;
    border: #d9d9d9 solid 1px;
    margin: 0.2%;
    padding: 0%;
}

.coloums4 {
    width: 32%;
    height: auto;
    float: left;
    background: #ffffff;
    border: #d9d9d9 solid 1px;
    margin: 0.2%;
    padding: 0%;
}

.coloums5 {
    width: 32%;
    height: auto;
    float: left;
    background: #ffffff;
    border: #d9d9d9 solid 1px;
    margin: 0.2%;
    padding: 0%;
}

.textnetwork {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0 0 1% 0;
    font-size: 16pt;
    color: #fd6600;
}

.networktext {
    font-family: Arial, Helvetica, sans-serif, "Monotype Corsiva";
    font-size: 9pt;
    text-decoration: none;
    color: #000000;
    display: block;
    padding: 5px 0;
}


.networktext2 {
    font-family: Arial, Helvetica, sans-serif, "Monotype Corsiva";
    font-size: 9pt;
    text-decoration: none;
    color: #292e2f;
    display: block;
    padding: 5px 0;
}

.networktext2:hover {
    color: #001fbf;
    background: #fcfbeb;
}

#homenetwork {
    clear: none;

    float: left;

    margin: 0 0 5% 0;
    padding: 5% 5% 5% 5%;

    width: 90%;
    background: #efeef3;

    display: block;

}

.sec-title h2 span {
    color: #ff0000;
}

#homenetwork2 {
    clear: none;

    float: left;

    margin: 0 0 5% 0;
    padding: 5% 5% 5% 5%;

    width: 90%;

    display: block;

}

#homenetwork3 {
    clear: none;

    float: left;

    margin: 0 0 0 0;
    padding: 5% 5% 5% 5%;

    width: 90%;
    background: #efeef3;

    display: block;

}

#homenetwork4 {
    clear: none;

    float: left;

    margin: 0 0 5% 0;
    padding: 5% 5% 5% 5%;

    width: 90%;

    display: block;

}

#homenetwork5 {
    clear: none;

    float: left;

    margin: 0 0 0 0;
    padding: 5% 5% 5% 5%;

    width: 90%;
    background: #efeef3;

    display: block;

}

.footertop {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 0%;
    padding: 1% 0 1% 0;
    text-align: center;
    border-bottom: #3c393c solid 1px;
}

.copyrights {
    width: 100%;
    height: auto;
    float: left;
    color: #cbcbcb;
    font-size: 11px;
}

.zawsoft {
    width: 114px;
    height: auto;
    float: right;
}

.submenu {
    color: #fe6600;
    text-decoration: none;
    line-height: 30px;
    font-size: 10pt;
    font-weight: bold;
    padding: 0 6px;
}

.submenu:hover {
    color: #ffffff;
    text-decoration: underline;
}

.submenu2 {
    color: #515151;
    text-decoration: none;
    line-height: 30px;
    font-size: 10pt;
    font-weight: bold;
    padding: 0 6px;
}

.submenu2:hover {
    color: #ffffff;
}

.headtext {
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 15px;
    float: left;
    border-bottom: #dfdcdc solid 1px;
    -webkit-box-shadow: inset -1px -16px 16px -20px #d6d6d6;
    -moz-box-shadow: inset -1px -16px 16px -20px #d6d6d6;
    box-shadow: inset -1px -16px 16px -20px #d6d6d6;
    color: #fe6600;
    font-weight: bold;
    font-size: 12pt;
}

.maindiv3 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 5% 0;
}

.maintextdiv {
    width: 90%;
    height: auto;
    float: left;
    margin: 5% 5% 5% 5%;
    padding: 0 0 0 0;

}

.imagel {
    width: 100%;
    height: auto;
    float: right;
    margin: 0 0 5% 0;
    padding: 0 0 0 0;
}

.imagelsss {
    width: 100%;
    height: auto;
    float: right;
    margin: 0 0 5% 0;
    padding: 0 0 0 0;
}


.mainclients {
    width: 46%;
    height: auto;
    float: left;
    background: #FFF;
    padding: 1%;
    border: #c7c7c7 solid 1px;
    margin: 0.3%;
    border-radius: 5px;
    text-align: center;
}


/* CSSTerm.com Simple CSS menu */

.menu_simple ul {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

.menu_simple ul li a {
    text-decoration: none;
    color: #484f53;
    padding: 10.5px 11px;
    background: #f7f7f7;
    display: block;
    border: #dfdcdc solid 1px;
    border-bottom: #ffffff solid 1px;
}

.menu_simple ul li a:visited {
    color: #cc7622;
}

.menu_simple ul li a:hover,
.menu_simple ul li .current {
    color: #16191b;
    background: #faffa4;
}


.boxmain {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 3% 0;
    padding: 0 0 5% 0;
    border-bottom: #cdcdcd dashed 1px;
}

.enquirybg3 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 4% 0;
}

.enquiry1 {
    width: 35%;
    height: auto;
    float: left;
}

.enquiry2 {
    width: 5%;
    height: auto;
    float: left;
}

.enquiry3 {
    width: 60%;
    height: auto;
    float: left;
}

.form3 {
    width: 100%;
    height: auto;
    padding: 2% 0;
    border: #d1d1d1 solid 1px;
}

.quotediv {
    width: 90%;
    height: auto;
    float: left;
    margin: 3% 5% 3% 5%;
    text-align: left;
}

.icon {
    width: 30px;
    height: 30px;
    float: left;
    margin: 5px;
}

.welcometext2 {
    font-size: 13pt;
    line-height: 22px;
    color: #12120c;
}

.logon {
    width: 9%;
    height: auto;
    float: right;
    position: absolute;
    top: 150px;
    right: 3%;
    text-align: right;
}

.logon1 {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 2% 0 0;
    color: #ffffff;
}

.logon2 {
    float: right;
    width: 10%;
    height: auto;
    margin: 0 0 0 0;
    text-align: right;
}

.homeclients {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 3% 0;
}

#topheader {
    clear: both;

    float: left;

    margin: 0 0 0 0;
    padding: 2% 5% 2% 5%;

    width: 90%;
    background: #000;

    display: block;

}

.marquee {
    height: 50px;
    width: 90%;

    overflow: hidden;
    position: relative;
}

.marquee div {
    display: block;
    width: 200%;
    height: 50px;

    position: absolute;
    overflow: hidden;

    animation: marquee 10s linear infinite;
}

.marquee span {
    float: left;
    width: 50%;
}

@keyframes marquee {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

.maintext {
    line-height: 22px;
}

.tipbox {
    width: 100%;
    height: auto;
    float: left;
    border-bottom: #CCC dashed 1px;
    padding-bottom: 5%;
    font-size: 12px;
    margin: 2% 0;
    color: #d97622;
    line-height: 21px;
}

.tipbg {
    width: 10px;
    height: 10px;
    line-height: 10px;
    padding: 5px;
    text-align: left;
    background: #d97622;
    color: #272727;
    font-size: 12px;
    border-radius: 50%;
    float: left;
    margin-right: 5%;
}

.mainnetdiv {
    width: 100%;
    height: auto;
    float: left;
}

.aalink {
    text-decoration: none;
    color: #565a5c;
    cursor: text;
}

.go-top {
    position: fixed;
    bottom: 2em;
    right: 0em;
    text-decoration: none;
    color: white;
    background: #fe4c04;
    font-size: 12px;
    padding: 5px;
    border-radius: 5px;
    display: none;
}

.go-top:hover {
    background-color: rgba(0, 0, 0, 0.6);
}




/* mobile complated */

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
    .imgmain {
        width: 32.3%;
        height: auto;
        float: left;
        padding: 0 0 0 0;
    }

    .imgmain2 {
        width: 32.3%;
        height: auto;
        float: left;
        padding: 0 1% 0 1%;
    }

    #bodyservices {
        clear: none;
        float: left;
        margin: 0 0 4% 0;
        padding: 0 5% 0 5%;
        width: 90%;
        display: block;
    }

    #bodypr {
        clear: none;
        float: left;
        margin: 0 0 4% 0;
        padding: 0 5% 0 5%;
        width: 90%;
        display: block;
    }

    .imgtop {
        width: 100%;
        height: auto;
        float: left;
        margin: 0 0 4% 0;
        padding: 0 0 0 0;
    }

    .imgtop2 {
        width: 94%;
        height: auto;
        float: left;
        margin: 0 0 5% 0;
        padding: 3% 3% 3% 3%;
    }

    .imgtop3 {
        width: 100%;
        height: auto;
        float: left;
        margin: 0 0 5% 0;
        padding: 0 0 3% 0;
        border-bottom: #CCC dashed 1px;
    }

    .boxes {
        clear: none;
        float: left;
        margin: 1% 1% 1% 1%;
        padding: 4% 4% 4% 4%;
        width: 40%;
        display: block;
    }

    .boxes2 {
        clear: none;
        float: left;
        margin: 1% 1% 1% 1%;
        padding: 4% 4% 4% 4%;
        width: 40%;
        display: block;
    }

    .homenetworks {
        clear: none;
        float: left;
        margin: 3% 0 0 0;
        padding: 2% 0 0 0;
        width: 100%;
        display: block;
    }

    .coloums2 {
        width: 100%;
        height: auto;
        float: left;
        margin: 5px;
        padding: 0 0 0 1%;
    }

    .coloums3 {
        width: 18%;
        height: auto;
        float: left;
        margin: 0.2%;
        padding: 0 0 0 1%;
    }

    .coloums4 {
        width: 18%;
        height: auto;
        float: left;
        margin: 0.2%;
        padding: 0 0 0 1%;
    }

    .coloums5 {
        width: 18%;
        height: auto;
        float: left;
        margin: 0.2%;
        padding: 0 0 0 1%;
    }

    #homenetwork {
        clear: none;
        float: left;
        margin: 0 0 4% 0;
        padding: 3% 5% 3% 5%;
        width: 90%;
        display: block;
    }

    #homenetwork2 {
        clear: none;
        float: left;
        margin: 0 0 4% 0;
        padding: 3% 5% 3% 5%;
        width: 90%;
        display: block;
    }

    #homenetwork3 {
        clear: none;
        float: left;
        margin: 0 0 0 0;
        padding: 3% 5% 3% 5%;
        width: 90%;
        display: block;
    }

    #homenetwork4 {
        clear: none;
        float: left;
        margin: 0 0 4% 0;
        padding: 3% 5% 3% 5%;
        width: 90%;
        display: block;
    }

    #homenetwork5 {
        clear: none;
        float: left;
        margin: 0 0 0 0;
        padding: 3% 5% 3% 5%;
        width: 90%;
        display: block;
    }

    .footertop {
        width: 100%;
        height: auto;
        float: left;
        margin-bottom: 2%;
        padding: 1% 0 1% 0;
        text-align: center;
    }

    .copyrights {
        width: 50%;
        height: auto;
        float: left;
    }

    .zawsoft {
        width: 114px;
        height: auto;
        float: right;
    }

    .maindiv3 {
        width: 100%;
        height: auto;
        float: left;
        margin: 0 0 3% 0;
    }

    .maintextdiv {
        width: 90%;
        height: auto;
        float: left;
        margin: 0 5% 3% 5%;
        padding: 0 0 3% 0;
    }

    .imagel {
        width: 30%;
        height: auto;
        float: right;
        margin: 0 0 0 4%;
        padding: 0 0 0 0;
    }

    .imagelsss {
        width: 30%;
        height: auto;
        float: right;
        margin: 0 0 0 4%;
        padding: 0 0 0 0;
    }

    .mainclients {
        width: 22%;
        height: auto;
        float: left;
        background: #FFF;
        padding: 1%;
        border: #c7c7c7 solid 1px;
        margin: 0.3%;
    }

    .boxmain {
        width: 100%;
        height: auto;
        float: left;
        margin: 0 0 3% 0;
        padding: 0 0 3% 0;
    }

    .enquirybg3 {
        width: 100%;
        height: auto;
        float: left;
        margin: 0 0 2% 0;
    }

    .quotediv {
        width: 48%;
        height: auto;
        float: left;
        margin: 1%;
    }

    .logon {
        width: 9%;
        height: auto;
        float: right;
        position: absolute;
        top: 60px;
        right: 3%;
        text-align: right;
    }

    #topheader {
        clear: both;
        float: left;
        margin: 0 0 0 0;
        padding: 1% 0 1% 0;
        width: 100%;
        display: block;
    }

    .homeclients {
        width: 100%;
        height: auto;
        float: left;
        margin: 0 0 2% 0;
    }

    .textnetwork {
        width: 100%;
        height: auto;
        text-align: center;
        padding: 0 0 1% 0;
        font-size: 16pt;
        color: #fd6600;
    }

    .networktext {
        font-family: Arial, Helvetica, sans-serif, "Monotype Corsiva";
        font-size: 10pt;
        text-decoration: none;
        color: #000000;
        display: block;
        padding: 5px 0;
    }

    .networktext:hover {
        color: #ff4200;
    }

    .networktext2 {
        font-family: Arial, Helvetica, sans-serif, "Monotype Corsiva";
        font-size: 10pt;
        text-decoration: none;
        color: #292e2f;
        display: block;
        padding: 5px 0;
    }

    .networktext2:hover {
        color: #001fbf;
        background: #fcfbeb;
    }

}

/* tablet complated */

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
    .imgmain {
        width: 100%;
        height: auto;
        float: left;
        padding: 0 0 0 0;
    }

    .imgmain2 {
        width: 100%;
        height: auto;
        float: left;
        padding: 3% 0 3% 0;
    }

    #bodyservices {
        clear: none;
        float: left;
        margin: 0 0 2% 0;
        padding: 0 5% 0 6%;
        width: 90%;
        display: block;
    }

    #bodypr {
        clear: none;
        float: left;
        margin: 0 0 3% 0;
        padding: 0 5% 0 5%;
        width: 90%;
        display: block;
    }

    .imgtop {
        width: 100%;
        height: auto;
        float: left;
        margin: 0 0 3% 0;
        padding: 0 0 0 0;
    }

    .imgtop1 {
        width: 27.3%;
        height: auto;
        float: left;
        margin: 0 1% 0 1%;
        padding: 1% 2% 2% 2%;
        border-bottom: none;
    }

    .imgtop2 {
        width: 27.3%;
        height: auto;
        float: left;
        margin: 0 1% 0 1%;
        padding: 1% 2% 2% 2%;
        border-bottom: none;
    }

    .imgtop4 {
        width: 27.3%;
        height: auto;
        float: left;
        margin: 0 1% 0 1%;
        padding: 1% 2% 2% 2%;
        border-bottom: none;
    }

    .imgtop3 {
        width: 100%;
        height: auto;
        float: left;
        margin: 2% 0 0 0;
        padding: 0 0 0 0;
        border-bottom: none;
    }

    .boxes {
        clear: none;
        float: left;
        margin: 0 0.5% 0 0.5%;
        padding: 1% 1% 1% 1%;
        width: 13.6%;
        display: block;
    }

    .boxes2 {
        clear: none;
        float: left;
        margin: 0 1% 2% 1%;
        padding: 1% 1% 1% 1%;
        width: 21%;
        display: block;
    }

    .homenetworks {
        clear: none;
        float: left;
        margin: 2% 0 0 0;
        padding: 0 0 0 0;
        width: 100%;
        display: block;
    }

    .coloums2 {
        width: 23.1%;
        height: auto;
        float: left;
        text-align: center;
        margin: 5px;
        padding: 0 0 0 0.7%;
    }

    .coloums3 {
        width: 13%;
        height: auto;
        float: left;
        margin: 0.2%;
        padding: 0 0 0 0.7%;
    }

    .coloums4 {
        width: 13%;
        height: auto;
        float: left;
        margin: 0.2%;
        padding: 0 0 0 0.7%;
    }

    .coloums5 {
        width: 13%;
        height: auto;
        float: left;
        margin: 0.2%;
        padding: 0 0 0 0.7%;
    }

    #homenetwork {
        clear: none;
        float: left;
        margin: 0 0 0 0;
        padding: 2% 5% 5% 5%;
        width: 90%;
        display: block;
    }

    #homenetwork2 {
        clear: none;
        float: left;
        margin: 0 0 0 0;
        padding: 2% 5% 2% 5%;
        width: 90%;
        display: block;
    }

    #homenetwork3 {
        clear: none;
        float: left;
        margin: 0 0 0 0;
        padding: 2% 5% 2% 5%;
        width: 90%;
        display: block;
    }

    #homenetwork4 {
        clear: none;
        float: left;
        margin: 0 0 0 0;
        padding: 2% 5% 2% 5%;
        width: 90%;
        display: block;
    }

    #homenetwork5 {
        clear: none;
        float: left;
        margin: 0 0 0 0;
        padding: 2% 5% 2% 5%;
        width: 90%;
        display: block;
    }

    .footertop {
        width: 100%;
        height: auto;
        float: left;
        margin-bottom: 1%;
        padding: 1% 0 1% 0;
        text-align: center;
    }

    .copyrights {
        width: 50%;
        height: auto;
        float: left;
    }

    .maindiv3 {
        width: 100%;
        height: auto;
        float: left;
        margin: 0 0 5% 0;
    }

    .maintextdiv {
        width: 90%;
        height: auto;
        float: left;
        margin: 0 5% 5% 5%;
        padding: 1% 0 0 0;
    }

    .imagel {
        width: 30%;
        height: auto;
        float: right;
        margin: 4% 0 0 4%;
        padding: 0 0 0 0;
    }

    .imagelsss {
        width: 30%;
        height: auto;
        float: right;
        margin: 0 0 0 4%;
        padding: 0 0 0 0;
    }

    .mainclients {
        width: 22%;
        height: auto;
        float: left;
        background: #FFF;
        padding: 1%;
        border: #c7c7c7 solid 1px;
        margin: 0.3%;
    }

    .boxmain {
        width: 100%;
        height: auto;
        float: left;
        margin: 0 0 3% 0;
        padding: 0 0 3% 0;
    }

    .enquirybg3 {
        width: 100%;
        height: auto;
        float: left;
        margin: 0 0 1% 0;
    }

    .quotediv {
        width: 31.3%;
        height: auto;
        float: left;
        margin: 1%;
    }

    .logon {
        width: 9%;
        height: auto;
        float: right;
        position: absolute;
        top: 60px;
        right: 3%;
        text-align: right;
    }

    #topheader {
        clear: both;
        float: left;
        margin: 0 0 0 0;
        padding: 0.5% 5% 0.5% 5%;
        width: 90%;
        display: block;
    }

    .homeclients {
        width: 90%;
        height: auto;
        float: left;
        margin: 0 5% 1% 5%;
    }

    .textnetwork {
        width: 100%;
        height: auto;
        text-align: center;
        padding: 0 0 2% 0;
        font-size: 20pt;
        color: #fd6600;
    }

    .networktext {
        font-family: Arial, Helvetica, sans-serif, "Monotype Corsiva";
        font-size: 10pt;
        text-decoration: none;
        color: #000000;
        display: block;
        padding: 5px 0;
    }

    .networktext:hover {
        color: #fd6600;
    }

    .networktext2 {
        font-family: Arial, Helvetica, sans-serif, "Monotype Corsiva";
        font-size: 10pt;
        text-decoration: none;
        color: #292e2f;
        display: block;
        padding: 5px 0;
    }

    .networktext2:hover {
        color: #001fbf;
        background: #fcfbeb;
    }

}

.text-center {
    text-align: center;
    margin-bottom: 20px;
    margin-top: -10px;
}

.clrr {
    color: #fe6600;
}

/* desktop complated */