@charset "utf-8";
/* CSS Document */
/*-body-*/
* {
    margin: 0;
    padding: 0;
    outline: 0;
}

body, html {
    height: 100%;
}

body {
    background: #fff;
    color: #666666;
    /*font-family: 'RobotoDraft', 'Roboto', sans-serif;*/
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

td, th {
    padding: 3px;
}

.clr {
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    clear: both;
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

p {
    margin: 8px 0;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

pre {
    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP Printers */
    word-wrap: break-word; /* IE 5+ */
    padding: 0 9.5px;
    margin: 0px;
    background-color: transparent;
    border: 0;
    border-radius: 0;
}

.hideme {
    opacity: 0;
}

h1, .h1 {
    color: #5e5f62;
    font-family: "open_sansregular";
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
}

h2, .h2 {
    color: #4d4e4e;
    font-family: "open_sansregular";
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
}

h3, .h3 {
    color: #006400;
    font-family: "open_sansregular";
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

h4, .h4 {
    color: #e21d1d;
    font-family: "open_sansregular";
    font-size: 14px;
    line-height: 32px;
    padding: 0 0 10px;
}

.butn {
    padding: 10px 30px;
    color: #505050;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    border: #505050 1px solid;
    float: left;
}

    .butn:hover {
        background: #505050;
        color: #fff;
        text-decoration: none;
    }

header, .header-tp, .header-btm {
    width: 100%;
    float: left;
}

header {
    height: 100px;
    position: relative;
    -webkit-transition: height 0.6s;
    -moz-transition: height 0.6s;
    -ms-transition: height 0.6s;
    -o-transition: height 0.6s;
    transition: height 0.6s;
}

.header-tp {
    min-height: 50px;
    background-color: #fff;
}

.header-btm {
    background-color: #006400;
    height: auto;
    position: relative;
}


.main {
    width: 100%;
    height: auto;
    float: left;
    position: absolute;
    overflow: hidden;
}

.flft {
    float: left;
}

.frgt {
    float: right;
}

.fnon {
    float: none;
}

.mob-lay {
    display: none;
}

.desk {
    display: block;
}

#navigation {
    width: auto;
    height: auto;
    float: right;
    text-align: center;
}

    #navigation ul {
        list-style: none;
        font-family: 'dosislight';
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: normal;
        color: #fff;
        padding: 0;
        line-height: 30px;
        float: left;
    }

    #navigation li {
        display: inline;
        float: left;
    }

        #navigation li a {
            color: #2d2d2d;
            padding: 0 12px;
            line-height: 30px;
            text-decoration: none;
        }

            #navigation li a:hover {
                text-decoration: underline;
                color: #dd3501;
            }

#merchant {
    float: right;
}

    #merchant a {
        font-size: 14px;
        letter-spacing: 1px;
        padding: 0 25px;
        background-color: #f68d04;
        color: #fff;
        line-height: 30px;
        text-decoration: none;
        display: block;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -o-border-radius: 20px;
        margin: 8px 15px;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }

        #merchant a:hover {
            background: #2e150a;
            text-decoration: none;
        }

.phone-mail {
    width: 35%;
    color: #2d2d2d;
    opacity: 1.0;
    font-family: 'dosislight';
    position: relative;
    float: left;
    margin: 0 !important;
    letter-spacing: 1px;
    text-align: center;
}

    .phone-mail i {
        font-size: 14px;
        top: 0px;
        padding-right: 4px;
    }

    .phone-mail ul {
        list-style: none;
        float: left;
        margin: 0;
        padding: 0;
    }

        .phone-mail ul li {
            display: inline-block;
            list-style: none;
            float: none;
            margin: 0;
            padding: 0 10px;
            line-height: 29px;
            font-size: 14px;
        }

    .phone-mail a {
        color: #2d2d2d;
        font-size: 14px;
        margin: 0;
    }

        .phone-mail a:hover {
            text-decoration: none;
            color: #dd3501;
        }


/* ----------- Grids ------------ */

.logo {
    z-index: 0;
    text-align: left;
    position: absolute;
    top: -50px;
    left: 15px;
    padding: 2px 10px;
    background: #006400;
    box-shadow: 0px 10px 4px #000;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    overflow: hidden;
}

.cmmlogo {
    position: absolute;
    left: 170px;
    top: -40px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background: #8f837e;
    line-height: 22px;
    padding: 3px 10px;
}

#sticky-logo {
    display: none;
}

header.smaller {
    height: 50px;
    z-index: 2001;
    position: fixed;
}

    header.smaller .logo {
        width: 80px;
        height: 50px;
        box-shadow: none;
        position: absolute;
        top: 0;
        left: 0;
        padding: 2px;
    }

    header.smaller #sticky-logo {
        display: block;
    }

    header.smaller #main-logo {
        display: none;
    }

    header.smaller .header-tp .markstyle{
        display: none;
    }

    header.smaller .dropdown-menu {
        z-index: 5001;
    }

.img {
    max-width: 100%;
}

.acg-grid:before {
    display: block;
}

.acg-grid:after {
    clear: both;
    display: table;
}

#acg, #acg-0, #acg-1, #acg-2, #acg-3, #acg-4, #acg-g, #acg-f, .acg-f, .acg-panel-grid-main, .acg-top-pad60, .acg-bottom-pad60, .acg-top-pad40, .acg-bottom-pad40, .acg-top-pad30, .acg-bottom-pad30, .acg-top-pad20, .acg-bottom-pad20, .acg-top-pad10, .acg-bottom-pad10 {
    float: left;
    width: 100%;
    height: auto;
}

#acg-0 {
    background: #ffffff;
    z-index: 1;
}

#acg-1 { /*background:url(../images/sec-bg.jpg) no-repeat fixed top center;*/
}

#acg-2 {
    background: #f3f3f3;
}

#acg-3 {
    background: url(../images/gfc-bg.jpg) no-repeat fixed top center;
}

#acg-4 { /*background: url(../images/bg-lft.png) no-repeat fixed left top 340px,url(../images/bg-rgt.png) no-repeat fixed right top 160px;*/
    background: #ffffff;
    z-index: 1;
}

.acg-top-pad60 {
    padding-top: 60px;
}

.acg-bottom-pad60 {
    padding-bottom: 60px;
}

.acg-top-pad40 {
    padding-top: 40px;
}

.acg-bottom-pad40 {
    padding-bottom: 40px;
}

.acg-top-pad30 {
    padding-top: 30px;
}

.acg-bottom-pad30 {
    padding-bottom: 30px;
}

.acg-top-pad20 {
    padding-top: 20px;
}

.acg-bottom-pad20 {
    padding-bottom: 20px;
}

.acg-top-pad10 {
    padding-top: 10px;
}

.acg-bottom-pad10 {
    padding-bottom: 10px;
}

#acg {
    z-index: 0;
}

input[type="text"], input[type="password"], select {
    width: 80%;
    height: 44px;
    float: left;
    border-radius: 4px;
    border: #c7c7c7 1px solid;
    background-color: #fff;
    margin-bottom: 10px;
    padding: 0 10px;
}

textarea {
    width: 80%;
    height: 130px;
    float: left;
    border-radius: 4px;
    border: #c7c7c7 1px solid;
    background-color: #fff;
    margin-bottom: 10px;
    padding: 3px 10px;
}

    input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
        background-color: #ffffff;
        border: #90badd 1px solid; /*-webkit-box-shadow:0px 0px 3px #c3c3c3; -moz-box-shadow:0px 0px 3px #c3c3c3; -o-box-shadow:0px 0px 3px #c3c3c3; box-shadow:0px 0px 3px #c3c3c3;*/
    }

input[type="submit"], input[type="button"] {
    font-family: arial;
    padding: 3px 35px;
    background-color: #3b7aa1;
    text-decoration: none;
    color: #fff;
    font-size: 15px; /*border-radius:4px;*/
    border: 0;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

    input[type="submit"]:hover, input[type="button"]:hover {
        background-color: #2a2d37;
        text-decoration: none;
    }

label {
    width: 20%;
    height: auto;
    float: left;
    line-height: 44px;
    font-size: 16px;
    font-family: arial;
    color: #797978;
}

/* ----------- End Grid ------------ */

.nasscom {
    width: 140px;
    height: auto;
    float: right;
}

.cmmlev {
    width: 80px;
    height: auto;
    float: right;
    margin-top: 3px;
}

.disp {
    display: block;
}

.tbl {
    margin-top: 10px;
}

    .tbl tr td {
        border-bottom: #cdcdcd 1px solid;
        border-right: #cdcdcd 1px solid;
    }

    .tbl tr:first-child td {
        border-top: #cdcdcd 1px solid;
    }

    .tbl tr td:first-child {
        border-left: #cdcdcd 1px solid;
        background: #e7e7e7;
    }

/* ----------------- Search Box ---------------- */

#se {
    width: 32%;
    height: auto;
    float: right;
    margin: 8px 15px;
}

    #se h3 {
        margin-bottom: 0;
    }

.se-0 {
    width: 100%;
    height: auto;
    float: left;
    border: #dadada 1px solid;
    border-radius: 4px;
}

.se-1 {
    width: 32%;
    height: auto;
    float: left;
    position: relative;
}

    .se-1:last-child {
        width: 30%;
    }

#se input[type="text"] {
    width: 79%;
    height: 30px;
    float: left;
    margin: 0;
    font-size: 14px;
    border: 0;
    padding-left: 5px;
    padding-right: 5px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #fff;
}

    #se input[type="text"]:focus {
        box-shadow: none;
    }

#se select {
    width: 100%;
    height: 36px;
    float: left;
    margin: 1px;
    font-size: 14px;
    border: 0;
    background: #ebf0f3;
    border-left: #cfcece 1px solid;
}

input[type="radio"], input[type="checkbox"] {
    vertical-align: middle;
    margin-left: 0;
    margin-right: 4px;
    float: left;
}
/*#se input[type="submit"]
{ width: 20%; height: 30px; line-height: 32px; background-color: #2f2f2f; color: #fff; border-top-right-radius: 4px; border-bottom-right-radius: 4px; margin: 1px; border:0;
  font-family: arial; font-size: 16px; text-align: center; display: inline-block; vertical-align: middle; white-space: nowrap; cursor: pointer; position: relative; float: left;
}*/
#se input[type="button"], #se input[type="submit"] {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0;
    color: #2e2f38;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 0;
    font-family: 'open_sansregular';
    font-size: 12px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    float: left;
    background: #dcdbdb;
    background: -moz-linear-gradient(top, #ffffff 0%, #dcdbdb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dcdbdb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #dcdbdb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #dcdbdb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #dcdbdb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #dcdbdb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdbdb',GradientType=0 ); /* IE6-9 */
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

    #se input[type="button"]:hover, #se input[type="submit"]:hover {
        background: #dcdbdb;
    }

#se i {
    font-size: 20px;
    background-color: #c96216;
    float: left;
    line-height: 36px;
    color: #fff;
    padding: 0 8px;
    cursor: pointer;
}

#se span {
    position: relative;
    margin: 0;
    display: block;
    width: 21%;
    float: left;
    text-align: center;
}

.se-2 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    letter-spacing: 1px;
}

#se a {
    color: #605f5f;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 26px;
    text-decoration: none;
    padding: 0 4px;
}

    #se a:hover {
        text-decoration: underline;
    }



/* ------------- End Search Box ----------------------- */
/* ------------ Menu ------------------- */

.navbar-nav {
    background-color: #006400;
    float: right;
    margin: 0;
    width: auto;
    font-family: "open_sansregular";
    font-size: 13px;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.navbar-collapse {
    z-index: 5001;
}

.navbar-default {
    background-color: transparent;
    border: transparent 0px solid;
}

    .navbar-default .navbar-nav > li > a {
        color: #fff;
        line-height: 24px;
        font-weight: 500;
        font-size: 14px;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        /*text-shadow:0px 1px 1px rgba(0, 0, 0, 0.5);*/
    }

.navbar {
    min-height: 50px;
}

/*.navbar-default{background-color:#5FB45F; border:#187518 1px solid;}
.navbar-default .navbar-nav > li > a{color:#242424; line-height:40px; -webkit-transition:all 0.3s ease-in;
    -moz-transition:all 0.3s ease-in;
    -o-transition:all 0.3s ease-in;
    -ms-transition:all 0.3s ease-in;
    transition:all 0.3s ease-in;}*/
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #242424;
    background: #f1f4f6;
    /*background: -moz-linear-gradient(top, #F9FBFF 0%, #E2EAF9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9FBFF), color-stop(100%,#E2EAF9)); 
background: -webkit-linear-gradient(top, #F9FBFF 0%, #E2EAF9 100%); 
background: -o-linear-gradient(top, #F9FBFF 0%, #E2EAF9 100%);
background: -ms-linear-gradient(top, #F9FBFF 0%, #E2EAF9 100%); 
background: linear-gradient(to bottom, #F9FBFF 0%, #E2EAF9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9FBFF', endColorstr='#E2EAF9',GradientType=0 );*/
}

header.smaller .navbar-default .navbar-nav > li > a:focus, header.smaller .navbar-default .navbar-nav > li > a:hover {
    color: #242424;
    background: #f1f4f6;
}

/*.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#fff; background-color:#399339;}*/
.navbar {
    margin-bottom: 0;
    /*min-height: 50px;
    text-transform: capitalize;*/
}

.navbar-nav > li > a {
    padding: 13px 19px;
}

.navbar-collapse {
    max-height: 340px;
    overflow-x: visible;
    padding-left: 0;
    padding-right: 0;
}

.navbar-nav > li:first-bdaild {
    border-left: 0 none;
}

.navbar-nav > li:last-bdaild {
    border-right: 0 none;
}

.navbar-nav > li.dropdown > a {
    margin-top: 0;
    padding: 13px 29px 13px 19px;
}

.navbar-nav > li.on-demo > a {
    background: none repeat scroll 0 0 #790B07;
}

.navbar-default .navbar-nav .open > .dropdown-menu > li > a {
    color: #242424;
}
/*.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav .open > .dropdown-menu > li > a:hover{color:#fff;background-color:#006400;}*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #242424;
    background-color: #f1f4f6;
}

.dropdown-menu {
    background: rgba(241,244,246,0.99);
    padding: 0;
    z-index: 5001;
    display: none;
    border: 0;
}

    .dropdown-menu > li {
        border-bottom: #c6ccd0 1px solid;
    }

        .dropdown-menu > li:last-child {
            border-bottom: 0;
        }

        .dropdown-menu > li > a {
            padding: 6px 15px;
            color: #242424;
        }

.navbar-default .navbar-nav .open > .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open > .dropdown-menu > li > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #006400;
}


.navbar-nav > li > li.dropdown-submenu {
    position: relative;
}

    .navbar-nav > li > li.dropdown-submenu > ul.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
        display: none;
    }

    .navbar-nav > li > li.dropdown-submenu:hover > ul.dropdown-menu {
        display: block;
    }

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #242424;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.dropdown-toggle:after {
    content: "\f107";
    display: block;
    font-family: "FontAwesome";
    font-size: 16px;
    height: 0;
    position: absolute;
    right: 18px;
    top: 14px;
    width: 0;
}

/* ----------------- End Menu ---------------------- */

/* ---------- Banner --------------- */

#banner, #ban-in {
    width: 100%;
    height: auto;
    float: left;
    background-color: #dedede;
    z-index: 0; /*margin-top: 100px;*/
    position: relative;
}

#ban-in {
    background: #ffffff; /*border-bottom:#eaeaea 1px solid;*/
    z-index: 0;
}

    #ban-in h1 {
        font-family: 'open_sansbold';
    }

/* ---------- End Banner ----------- */

#our_products, .our_products, .our_products1, #client-list, #about, #get-form, .get-form, #contact-home, .about, #main-products, #industries, #portfolio {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

    .our_products:before {
        border-bottom: 3px solid #d5d9da;
        border-top: 3px solid #d5d9da;
        content: "";
        display: block;
        height: 3px;
        margin: 10px auto;
        padding-bottom: 5px;
        width: 122px;
        /*position: absolute;
    top: 0; left:50%; margin-left: -47px;*/
    }

    .our_products1:before {
        border-bottom: 3px solid #d5d9da;
        border-top: 3px solid #d5d9da;
        content: "";
        display: block;
        height: 3px;
        margin: 10px auto;
        padding-bottom: 5px;
        width: 122px;
        /*position: absolute;
    top: 0; left:50%; margin-left: -47px;*/
    }

    #our_products ul {
        list-style: none;
        padding-left: 0;
    }

.list-pro {
    text-align: left;
    margin: 10px 0 30px;
}

#our_products .list-pro {
    text-align: left;
    margin: 10px 0 30px;
    width: 25%;
    float: left;
    padding: 0 10px;
}

.list-pro-det, .whats-new-det, .list-pro-icon, .whats-new-outer, .whats-new-outer1 {
    width: 100%;
    height: auto;
    float: left;
}

.list-pro-det {
    border-radius: 4px;
    border: #e3e3e3 1px solid;
    padding: 10px;
    position: relative;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    /*min-height:190px;
    max-height:191px;*/
    background: #fafafa;
}

.list-pro-title {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 5px;
    position: relative;
    text-transform: capitalize;
}

#our_products h2 {
    margin-top: 0;
}

.list-pro-title h2 {
    line-height: 22px;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 16px;
    color: #4d4e4e;
}

    .list-pro-title h2 span {
        line-height: 22px;
        margin-bottom: 0;
        font-weight: 400;
        font-size: 14px;
        color: #7f7f7f;
    }

.list-pro-caption {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 5px; /*font-family: "Georgia";*/
    position: relative;
    font-size: 15px; /*color: #4c4d4d;*/
    color: #7f7f7f;
}

.list-pro-context {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 5px;
    position: relative;
    font-size: 13px;
    line-height: 22px;
    color: #7f7f7f;
}

    .list-pro-context p {
        margin-top: 15px;
    }

        .list-pro-context p:before {
            border-top: 1px solid #c8c8c8;
            height: 3px;
            top: 4px;
            left: 5px;
            padding-bottom: 3px;
            width: 64px;
            position: absolute;
            content: "";
            -webkit-transition: all 0.4s ease-in;
            -moz-transition: all 0.4s ease-in;
            -o-transition: all 0.4s ease-in;
            -ms-transition: all 0.4s ease-in;
            transition: all 0.4s ease-in;
        }

.list-pro-det:hover { /*border: #c7c7c7 1px solid;*/ /*background-color: #019fcf; color: #fff;*/
    background: #fff;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}
    /*.list-pro-det:hover h2, .list-pro-det:hover h2 span, .list-pro-det:hover .list-pro-caption, .list-pro-det:hover .list-pro-context{color: #fff;}*/
    .list-pro-det:hover h2 {
        color: #242424;
    }

    .list-pro-det:hover .list-pro-context p:before {
        border-top: 1px solid #242424;
        width: 94%;
    }
/*#our_products li{border-right:#e3e3e3 1px solid;}
#our_products li:nth-child(4n+4){ border-right:0;}*/

.normal-button, .normal-button1 {
    /*font-family: "arial";*/
    background-color: #3399ff;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: auto;
    letter-spacing: 1px;
    line-height: 30px;
    margin: 0 0 24px;
    padding: 0 24px;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    border: #1267bb 1px solid;
}

    .normal-button:hover, .normal-button1:hover {
        background-color: #f0f0f0;
        border: #a2a2a2 1px solid;
        color: #322e2e;
        text-decoration: none;
    }

#our_products .normal-button {
    /*border-radius: 20px;
    bottom: -50px;
    left: 50%;
    margin-left: -65px;
    position: absolute;*/
    float: left;
    border-radius: 0;
    margin: 10px 0 0 0;
    font-weight: 400;
    letter-spacing: 0;
    padding: 0;
    background: transparent;
    color: #268ce1;
    border: #32a6ff 0px solid;
}

    #our_products .normal-button:after {
        font-family: 'FontAwesome';
        content: "\f101";
        float: right;
        font-weight: normal;
        margin-left: 5px;
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        -ms-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
    }

    #our_products .normal-button:hover {
        background: transparent;
        color: #525252;
        border: #525252 0px solid;
    }

        #our_products .normal-button:hover:after {
            margin-left: 10px;
        }

#our_products .normal-button1 {
    border-radius: 20px;
    bottom: -62px;
    left: 50%;
    margin-left: -65px;
    position: absolute;
}

.main-products-tab .normal-button {
    font-size: 13px;
    font-family: arial;
    letter-spacing: 0;
}

#acg-1 {
    padding: 15px 0;
}

    #acg-1 ul {
        list-style: none;
        padding-left: 0;
    }

    #acg-1 .list-pro {
        text-align: left;
        margin: 50px 0 60px;
        float: left;
    }

    #acg-1 ul > li {
        display: block;
        float: left;
    }

    #acg-1 .list-pro-det {
        background: #fff;
        background: rgba(255, 255, 255, 1.0); /*min-height:160px; max-height:161px;*/
        padding: 26px 20px 20px;
        position: relative;
    }

    #acg-1 .list-pro-img {
        width: 100%;
        height: auto;
        float: left;
        margin: 8px 0;
        padding: 0 15px;
        text-align: center;
    }

    #acg-1 .list-pro-title {
        width: 100%;
        height: auto;
        float: left;
    }

        #acg-1 .list-pro-title h2 {
            font-weight: 400;
            line-height: 36px;
            font-size: 18px;
            position: absolute;
            text-align: center;
            top: -60px;
            left: 50%;
            margin-left: -44%;
            padding: 5px 14px;
            background: #4090d3;
            width: 88%;
            border-radius: 28px;
            -webkit-transition: all 0.4s ease-in;
            -moz-transition: all 0.4s ease-in;
            -o-transition: all 0.4s ease-in;
            -ms-transition: all 0.4s ease-in;
            transition: all 0.4s ease-in;
            color: #fff; /*border:#fff 1px solid;*/
        }
    /*#acg-1 .list-pro-title h2:after{
    border-top: 1px solid #d5d9da;
    content: "";
    display: block;
    height: 3px;
    margin:0 auto;
    padding-bottom: 5px;
    position: relative;
    width: 84px;
    -webkit-transition:all 0.4s ease-in;
    -moz-transition:all 0.4s ease-in;
    -o-transition:all 0.4s ease-in;
    -ms-transition:all 0.4s ease-in;
    transition:all 0.4s ease-in;
}*/
    #acg-1 .list-pro-context p {
        margin-top: 8px;
    }

        #acg-1 .list-pro-context p:before {
            border-top: 0;
        }

    #acg-1 .list-pro-det:hover {
        background: rgba(255, 255, 255, 1.0);
    }
        /*#acg-1 .list-pro-det:hover h2{background: #000;}
#acg-1 .list-pro-det:hover h2:after{border-top:#242424 1px solid; width: 90%;}*/
        #acg-1 .list-pro-det:hover .list-pro-context {
            color: #5f5f5f;
        }

            #acg-1 .list-pro-det:hover .list-pro-context p:before {
                border-top: 0;
            }

    #acg-1 .normal-button {
        border-radius: 0px;
        bottom: -31px;
        right: 0%;
        margin-left: 0;
        margin: 0;
        position: absolute;
        border: 0;
        background: #32a6ff;
        color: #fff;
        letter-spacing: 0; /*float:left; border-radius: 0; margin:10px 0; font-weight: 600; letter-spacing: 0; background: transparent; color: #cf1b1b; border:0; padding:0;*/
    }

        #acg-1 .normal-button:hover {
            background-color: #1e1e1e;
            color: #fff;
            text-decoration: none;
        }

/*#portfolio, #delivered-products {
  width:100%; height:auto; float: left; border:#f3f3f3 1px solid;
}*/
/*.delivered-title{width:100%; height:auto; float:left; padding: 0 15px; margin-top: 25px 0;}
#delivered-products h2{ background: #fff; background:rgba(255, 255, 255, 0.8); padding: 8px 0;}
.portfolio-img{width:100%; height:auto; float: left;}
.delivered-context{width: 100%;min-height: 360px; float: left; background:url(../images/delivered-bg.jpg) no-repeat;}
.delivered-img{width:100%; height:auto; float: left; text-align: center;}*/

#main-products ul, #industries ul {
    list-style: none;
    padding-left: 0;
    text-align: center;
}

    #main-products ul li {
        display: inline-block;
        width: auto;
        margin: 0;
    }
/*#main-products .our_products:before
{
  border-bottom: 0px solid #d5d9da;
    border-top: 0px solid #d5d9da;
    content: "";
    display: block;
    height: 0px;
    margin: 00px auto;
    padding-bottom:0px;
    width: 0px;
}*/
#main-products .list-pro {
    text-align: left;
    margin: 30px 10px 20px;
}

.main-products, .main-products-title, .main-product-content, .main-products-tab {
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

.main-products {
    padding: 24px;
    background: #006400;
    border: #006400 1px solid;
    border-radius: 4px; /* background:#fafafa; border:#e5e5e5 1px solid;*/
    text-align: center;
    height: auto;
    min-height: 0px;
    max-height: 50px;
    position: relative;
}

#industries .main-products {
    padding: 24px 20px 20px;
    background: #fafafa;
    border-radius: 4px;
    border: #e5e5e5 1px solid;
    text-align: center;
    height: auto;
    min-height: 170px;
    max-height: 171px;
    position: relative;
}

#industries .main-products-title {
    width: 90%;
    position: absolute;
    top: -20px;
    left: 10px;
    background: #189de9;
    border-radius: 18px;
    padding: 8px 0 8px 18px;
    color: #fff;
}

    #industries .main-products-title h1 {
        text-align: left;
        color: #fff;
    }

    #industries .main-products-title i {
        margin-right: 5px;
        line-height: 0;
        font-size: 18px;
        color: #fff;
    }

#industries .main-products:hover {
    background: #fff;
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}

    #industries .main-products:hover .main-products-title {
        background: #2e2f38;
    }

.main-product-content {
    position: relative;
}

    .main-product-content p {
        font-size: 13px;
        color: #7f7f7f;
    }
/*.main-products{padding:0 20px;}*/
.main-products-img {
    width: 40px;
    height: 40px; /*padding: 15px;*/
    position: absolute;
    left: 50%;
    margin: 0 0 0 -20px;
    top: -20px;
    background: #fff;
    color: #006400;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    line-height: 38px;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    border-top: #0b487c 1px solid;
}

    .main-products-img.real-estate i {
        color: #9e9e9e;
        font-size: 28px;
        position: absolute;
        top: 29%;
        left: 32%;
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        -ms-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
    }

    .main-products-img.distribution i {
        color: #9e9e9e;
        font-size: 28px;
        position: absolute;
        top: 29%;
        left: 28%;
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        -ms-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
    }

    .main-products-img.manufac i {
        color: #9e9e9e;
        font-size: 28px;
        position: absolute;
        top: 30%;
        left: 28%;
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        -ms-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
    }

.main-products-title h1 {
    font-size: 14px; /*color: #006400;*/
    color: #000;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    font-weight: bold;
    font-family: 'open_sansregular'; /*position: absolute; top:-16px; left:10px; background: #4090d3; width: 80%; padding:0px 15px; border-radius: 18px;*/
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    text-decoration: none;
}

    .main-products-title h1 a {
        text-decoration: none;
        color: #fff;
        display: block;
    }
/*#main-products .main-product-content p:before{
   border-top: 1px solid #fff;
    height: 1px;
    top:0px; left:0px;
    padding-bottom: 3px;
    width: 64px;
    position: absolute;
    content: "";
    -webkit-transition:all 0.4s ease-in;
    -moz-transition:all 0.4s ease-in;
    -o-transition:all 0.4s ease-in;
    -ms-transition:all 0.4s ease-in;
    transition:all 0.4s ease-in;
}*/
.main-products-title i {
    padding: 0;
    line-height: 90px;
    transition: transform 2s ease 0s;
}

.main-products-tab .normal-button {
    border-radius: 0;
    position: relative;
    float: none;
    background: transparent;
    /*color: #828282;*/
    text-decoration: none;
    margin: 10px 0 0 0;
    padding: 0;
    line-height: 28px;
    /*height: 28px; */ color: #525252;
    border: #525252 0px solid;
}

    .main-products-tab .normal-button:hover {
        color: #32a6ff;
        text-decoration: none;
        /*background:#32a6ff;
    border:#32a6ff 1px solid;*/
    }

.main-products:hover { /*background: #006400; border:#02355f 1px solid;*/
    background: #fafafa;
    border: #006400 1px solid;
}

    .main-products:hover .main-products-img {
        background: #fff; /*border: #525252 1px solid;*/
        color: #006400;
    }

    .main-products:hover h1 a {
        color: #0b487c;
    }

.main-products h1 a:hover { /*background: #006400;*/
    color: #0b487c;
}
/*#main-products .main-products:hover p:before{border-top:#242424 1px solid; width:90%;}*/

.panel-group .panel {
    border-radius: 0;
}

.panel-default > .panel-heading {
    background-color: #373B46;
    border-color: #ddd;
    color: #fff;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

    .panel-default > .panel-heading:hover {
        background-color: #338AD4;
    }

    .panel-default > .panel-heading h4 {
        margin-bottom: 0;
        padding: 0;
        line-height: 20px;
    }

    .panel-default > .panel-heading a {
        display: block;
    }

        .panel-default > .panel-heading a:hover {
            text-decoration: none;
        }

.panel-heading a:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
    color: 'grey';
}

.panel-heading a.collapsed:after {
    content: "\f067";
}

.panel-default > .panel-heading i {
    font-size: 13px;
    float: right;
    margin-top: 3px;
}

.panel-body {
    padding: 1px;
    font-size: 13px;
}

.panel-title a:focus {
    outline: 0;
    outline-offset: 0;
    text-decoration: none;
}

.table > tbody > tr:first-child > td {
    border-top: 0;
}

.table > tbody > tr > th {
    background: #fafafa;
}

.table > tbody > tr > td {
    padding-left: 30px;
    text-align: left;
}

    .table > tbody > tr > td > a {
        display: block;
        color: #6d6d6d;
    }

        .table > tbody > tr > td > a:hover {
            text-decoration: none;
            color: #000;
        }

    .table > tbody > tr > td:hover {
        background: #fafafa;
    }

    .table > tbody > tr > td:before {
        color: #111;
        content: "\f101";
        display: inline-block;
        font-family: FontAwesome;
        font-size: 14px;
        font-style: normal;
        left: 10px;
        padding: 0px 5px;
        position: absolute;
    }

.table {
    margin-bottom: 0;
    position: relative;
}

#aro_message {
    display: block;
    margin: 0px auto;
    max-width: 50%;
    position: relative;
    text-align: center;
}

    #aro_message h1.aro_error {
        color: #006400;
        font-size: 200px;
        line-height: 250px;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: center;
        width: 100%;
        background: transparent;
        float: left;
        height: auto;
    }

    #aro_message .aro_rotate {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        font-size: 2rem;
        left: -16%;
        position: absolute;
        top: 16%;
        transform: rotate(307deg);
        transform-origin: 0 00px 0;
        color: #242424;
    }

    #aro_message .aro_msg {
        color: #1c1c1c;
        font-size: 14px;
        text-align: center;
        float: left;
        width: 100%;
        height: auto;
    }

.go-home {
    background: none repeat scroll 0 0 #006400;
    border: 1px solid #006400;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    padding: 8px 30px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    margin: 20px 0;
}

    .go-home:hover {
        background: none repeat scroll 0 0 #323a43;
        border: #323a43 1px solid;
        color: #fff;
        text-decoration: none;
    }


/* ----------------- Banner ------------------ */
.carousel-inner {
    height: 350px;
    width: 100%;
    background: url(../images/banner-bg.jpg) no-repeat top center fixed;
    overflow: hidden;
}
    /*.carousel-inner .item img
{
  height:500px; width:100%;
}*/
    .carousel-inner .item {
        max-height: 350px;
        min-height: 350px;
        width: 100%;
    }
/*.carousel-caption{text-shadow:none;}*/
.carousel-caption h3 {
    font-family: 'open_sansbold';
    font-size: 38px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 48px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
}

.carousel-caption h4 {
    font-family: 'open_sansregular';
    font-size: 22px;
    line-height: 40px;
    font-weight: 600;
    color: #fff;
}

.carousel-caption p {
    /*font-family:'open_sansregular';*/ font-family: "Source Sans Pro",sans-serif;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 36px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 20px;
}

.carousel-caption .rdmr {
    font-size: 14px;
    line-height: 36px;
    font-weight: 600;
    padding: 10px 40px;
    letter-spacing: 1px;
    margin: 30px auto;
    background: #32a6ff;
    color: #fff;
    border-radius: 4px; /*border:#32a6ff 1px solid;*/
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

    .carousel-caption .rdmr:hover {
        background: #064982;
        color: #fff;
        text-decoration: none;
    }

.captionOrange, .captionBlack, .captionBlack1, .captionBlue, .captionDBlue, .captionGreen {
    height: 230px;
    width: 50%;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    padding: 20px;
}

.captionOrange {
    top: 25%;
    left: 55%;
    bottom: 90%;
    background: #EB5100;
    background-color: rgba(235, 81, 0, 0.6);
}

.captionBlack {
    top: 10%;
    left: 50%;
    bottom: 0%;
    margin-left: -25%;
    font-size: 16px;
    text-align: center;
    /*background: #000;
            background-color: rgba(0, 0, 0, 0.7);*/
}

.captionBlue {
    top: 25%;
    left: 55%;
    bottom: 90%;
    background: #02b8ef;
    background-color: rgba(2, 184, 239, 0.8);
}

.captionDBlue {
    top: 25%;
    left: 12%;
    bottom: 90%;
    background: #02b8ef;
    background-color: rgba(15, 104, 179, 0.8);
}

.captionGreen {
    top: 25%;
    left: 55%;
    bottom: 90%;
    height: 250px;
    background: #02b8ef;
    background-color: rgba(76, 185, 81, 0.8);
}

.captionBlack1 {
    left: 0%;
    bottom: 0%;
    height: auto;
    width: 100%;
    font-size: 16px;
    padding: 15px 20px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    float: left;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
}

    .captionBlack1 .sp {
        color: #f8ef01;
        font-weight: bold;
        float: left;
        display: block;
        text-align: center;
    }

.carousel-control.right,
.carousel-control.left {
    /*background:rgba(0,0,0,0.8)!important; */
    background-image: none;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
}

.carousel-control.right {
    right: 20px;
}

.carousel-control.left {
    left: 20px;
}

.carousel-control {
    top: 45%;
    opacity: 1.0;
    text-shadow: none;
}

    .carousel-control i {
        font-size: 50px;
    }

    .carousel-control:hover, .carousel-control:focus {
        color: #35404a;
    }

.carousel-indicators li {
    background-color: rgba(0, 0, 0, 0);
    border: rgba(255, 255, 255, 0.8) 1px solid;
}

    .carousel-indicators li.active {
        background-color: rgba(255, 255, 255, 0.8);
    }

.slide .carousel-control {
    z-index: 2;
}

.hideme {
    opacity: 0;
}

.visible {
    opacity: 1;
}

.carousel-caption h3:first-child {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.carousel-caption .sp {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.carousel-caption p {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

@media (max-width: 767px) {
    .carousel-caption h3 {
        font-size: 32px;
        line-height: 42px;
    }

    .carousel-caption .sp {
        font-size: 20px;
        line-height: 26px;
    }

    .carousel-caption p {
        font-size: 14px;
        line-height: 20px;
    }

    .captionOrange, .captionBlack, .captionBlue, .captionDBlue, .captionGreen {
        width: 60%; /* top:10%; height:190px;*/
    }
    /*.captionBlack{ left:18%; }*/
    .captionBlue {
        left: 18%;
    }

    .captionDBlue {
        left: 18%;
    }

    .captionGreen {
        left: 18%;
    }

    .carousel-control.right,
    .carousel-control.left {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        top: 30%;
    }
}

@media (max-width: 480px) {
    .carousel-control, .carousel-indicators {
        display: none;
    }

    .carousel-caption {
        position: relative;
        float: left;
    }

    .carousel-inner .item img {
        height: auto;
        width: 100%;
    }

    .carousel-caption h3 {
        font-size: 22px;
        line-height: 28px;
    }

    .carousel-caption .sp {
        font-size: 12px;
        line-height: 16px;
    }

    .carousel-caption p {
        font-size: 15px;
        line-height: 20px;
    }

    .captionOrange, .captionBlack, .captionBlue, .captionDBlue, .captionGreen {
        width: 100%;
        top: 25%; /*height:auto; padding:10px; 
          background: #000;
          background-color: rgba(0, 0, 0, 0.8);*/
    }

    .captionGreen, .captionBlue, .captionBlack, .captionDBlue, .captionOrange {
        margin-left: -50%;
        position: absolute;
    }
}

@media (max-width: 320px) {
    .carousel-control, .carousel-indicators {
        display: none;
    }

    .carousel-caption h3 {
        font-size: 22px;
        line-height: 26px;
    }

    .carousel-caption .sp {
        font-size: 12px;
        line-height: 16px;
    }

    .carousel-caption p {
        font-size: 15px;
        line-height: 20px;
    }

    .captionOrange, .captionBlack, .captionBlue, .captionDBlue, .captionGreen {
        width: 100%;
        top: 25%; /*height:auto; padding:10px;*/
        margin-left: -50%;
        position: absolute;
    }
}

/* ------------------ End Banner ------------------ */

#about ul {
    list-style: none;
    padding-left: 0;
}

#about .list-pro {
    text-align: left;
    margin: 30px 0;
}

    #about .list-pro > ul {
        /*background:#ffffff; background:rgba(255, 255, 255, 1.0);*/ float: left;
        /*-webkit-box-shadow:0px 0px 1px #9b9ea2;
  -moz-box-shadow:0px 0px 1px #9b9ea2;
  -o-box-shadow:0px 0px 1px #9b9ea2;
  box-shadow:0px 0px 1px #9b9ea2;*/
        /*border:#019fcf 3px solid;*/
    }

    #about .list-pro ul > li {
        display: block;
        float: left;
        padding: 10px 20px;
    }

.about {
    background: #ffffff;
    background: rgba(255, 255, 255, 1.0);
    color: #7f7f7f;
}
/*.about p{padding:0 20px;}*/
#about .list-pro ul > li:first-child {
    margin-bottom: 10px;
    border-bottom: #dadbdd 1px dotted;
}

#about h2 {
    margin-bottom: 0;
}

#about .our_products:before {
    border-bottom: 0;
    border-top: 1px solid #c8c8c8;
    content: "";
    display: block;
    height: 1px;
    margin: 10px 0;
    padding-bottom: 3px;
    width: 106px;
    /*position: absolute;
    top: 0; left:50%; margin-left: -47px;*/
}

#about .our_products {
    font-size: 14px;
}

#about .normal-button {
    border-radius: 0px;
    bottom: 0;
    left: 0;
    position: relative;
    float: left;
    margin: 8px 0;
    background-color: transparent;
    color: #1676c7;
    border: #d8d8d8 0px solid;
    /*height:28px;*/ line-height: 28px;
    padding: 0px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
}

    #about .normal-button:hover {
        /*background-color: #019fcf;
  border:#019fcf 1px solid;*/
        color: #1676c7;
        text-decoration: underline;
    }

.whats-new {
    margin: 30px 0;
}

#about .whats-new ul > li {
    display: block;
    float: left;
    width: 100%;
    height: auto;
}

.whats-new ul > li:first-child { /*margin-bottom: 20px;*/
    border-bottom: #c6f0fd 1px dotted;
}

.whats-new ul > li:last-child {
    margin-bottom: 0px;
}

.whats-new-outer {
    background-color: #019fcf;
    position: relative;
}

.whats-new-outer1, .whats-new-outer2 { /*background-color: #3b7aa1;*/
    position: relative;
    min-height: 300px;
}

.whats-new-outer2 {
    border-bottom: #c6f0fd 1px dotted;
}
/*.whats-new-det{border-bottom: #c6f0fd 1px dotted; margin-bottom: 10px; padding-bottom: 10px;}*/
.whats-new-title {
    width: 100%;
    height: auto;
    float: left;
    padding: 15px 15px 5px;
    position: relative;
    text-transform: uppercase;
    text-align: center;
}

    .whats-new-title span {
        text-transform: capitalize;
        color: #83ddf8;
        font-size: 18px;
    }

    .whats-new-title h2 {
        color: #fff;
        margin-top: 0;
        font-weight: 600;
    }

        .whats-new-title h2:after {
            border-top: 3px solid #fff;
            border-bottom: 3px solid #fff;
            content: "";
            display: block;
            height: 3px;
            margin: 8px auto;
            padding-bottom: 3px;
            position: relative;
            width: 44px;
        }

.whats-new-date {
    width: 100%;
    height: auto;
    float: left;
    color: #fbf201;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 0 15px;
    font-family: 'Times New Roman';
    font-weight: 600;
}

    .whats-new-date span {
        border-bottom: #dee1e2 1px solid;
        line-height: 24px;
        padding-bottom: 3px;
    }

.whats-new-head {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 5px;
}

    .whats-new-head h3 {
        font-weight: 600;
        line-height: 24px;
    }

        .whats-new-head h3 a {
            color: #fff;
            text-decoration: none;
        }

            .whats-new-head h3 a:hover {
                color: #fff;
                text-decoration: underline;
            }

.whats-new-context {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 15px 20px;
    position: relative;
    font-size: 13px;
    color: #c6f0fd;
}

    .whats-new-context p {
        font-weight: 600;
    }

.whats-new-link {
    width: 100%;
    height: auto;
    float: left;
    text-align: right;
}

#new-launches, #forthcoming {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

#forthcoming {
    padding: 5px 0 15px;
}

    #forthcoming li {
        padding: 3px 15px;
        color: #fff;
    }

    #forthcoming > li:first-child {
        margin-bottom: 0px;
        border-bottom: 0;
    }

    #forthcoming li a {
        color: #fff;
    }

    #forthcoming i {
        margin-right: 3px;
    }

#nt-example1 {
    padding-left: 0;
    min-height: 210px;
}

    #nt-example1 li {
        font-family: 'open_sansregular';
        color: #1A2425;
        overflow: hidden;
        padding: 4px 20px 4px 10px;
        line-height: 20px;
        list-style: none;
        font-size: 13px;
        text-align: left;
        z-index: 0;
        border-bottom: 0;
    }

        #nt-example1 li a {
            color: #fff;
            text-decoration: none;
        }

        #nt-example1 li:hover {
            background: #0c7493;
        }

#nt-example1-prev {
    position: absolute;
    right: 4px;
    top: 0px;
    color: #3cd0fd;
    z-index: 2001;
    cursor: pointer;
    visibility: hidden;
}

#nt-example1-next {
    bottom: 0;
    position: absolute;
    right: 4px;
    color: #3cd0fd;
    z-index: 2001;
    cursor: pointer;
    visibility: hidden;
}

    #nt-example1-prev:hover, #nt-example1-next:hover {
        color: #fff;
    }

#nt-example1 h3 {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.client-list {
    text-align: left;
    margin: 0;
    border: #8e8e8e 1px solid;
}

#acg-2 h1 {
    color: #1f1f1f;
}

#acg-2 .our_products:before {
    border-bottom: 3px solid #949494;
    border-top: 3px solid #949494;
}


/*#acg-3 h1{background:#fff; background:rgba(255, 255, 255, 0.8); padding: 5px 0;}*/

.column-half {
    width: 47%;
    height: auto;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
/*#get-form, .about{
  background:#ffffff; background:rgba(255, 255, 255, 0.9); padding: 10px 15px;
  -webkit-box-shadow:0px 0px 1px #9b9ea2;
  -moz-box-shadow:0px 0px 1px #9b9ea2;
  -o-box-shadow:0px 0px 1px #9b9ea2;
  box-shadow:0px 0px 1px #9b9ea2;
}*/
#get-form {
    background: #ffffff;
    background: rgba(255, 255, 255, 1.0);
}

    #get-form .get-form:before, #contact-home .get-form:before {
        border-bottom: 0;
        border-top: 1px solid #c8c8c8;
        content: "";
        display: block;
        height: 1px;
        margin: 10px 0;
        padding-bottom: 3px;
        width: 106px;
        /*position: absolute;
    top: 0; left:50%; margin-left: -47px;*/
    }

    #get-form input[type="text"], #get-form input[type="password"], #get-form select {
        width: 100%;
    }

    #get-form textarea {
        width: 100%;
        height: 97px;
    }

#form-in {
    width: 100%;
    height: Auto;
    float: left;
    padding: 0 0 15px 0;
}

    #form-in input[type="text"], #form-in input[type="password"], #form-in select, #form-in textarea {
        width: 100%;
        font-size: 12px;
        background: #fff;
    }

    #form-in input[type="text"], #form-in input[type="password"], #form-in select {
        height: 32px;
        margin-bottom: 5px;
        border: #aeaeae 1px solid;
        border-radius: 0;
    }

    #form-in textarea {
        height: 80px;
        margin-bottom: 5px;
        border: #aeaeae 1px solid;
        border-radius: 0;
    }

        #form-in input[type="text"]:focus, #form-in input[type="password"]:focus, #form-in select:focus, #form-in textarea:focus {
            background-color: #ffffff;
            border: #90badd 1px solid;
        }

#contact-home .get-form {
    background-color: transparent;
}

#contact-home input[type="text"], textarea {
    width: 100%;
}

#contact-home textarea {
    height: 152px;
}

#contact-home ul {
    list-style: none;
    padding-left: 0;
}

#contact-home .list-pro {
    text-align: center;
    margin: 30px 0;
}

#contact-home .list-pro-det {
    border-radius: 0;
    border: 0;
    padding: 0 0 15px;
    background-color: #f4f4f4;
    min-height: 220px;
}

#contact-home .list-pro-caption {
    position: relative;
    float: left;
    padding: 36px 15px 0;
}

#contact-home .list-pro-icon {
    padding: 0;
    margin: 0;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    margin-left: -22px;
    top: -40%;
    margin-top: -15px;
    border-radius: 50%;
    border: #878787 1px solid;
    background: #f4f4f4;
}

    #contact-home .list-pro-icon.add i {
        color: #757575;
        font-size: 27px;
        position: absolute;
        top: 19%;
        left: 34%;
    }

    #contact-home .list-pro-icon.phone i {
        color: #757575;
        font-size: 24px;
        position: absolute;
        top: 25%;
        left: 31%;
    }

    #contact-home .list-pro-icon.mail i {
        color: #757575;
        font-size: 2px;
        position: absolute;
        top: 27%;
        left: 28%;
    }

#contact-home .list-pro-context {
    text-align: center;
    font-size: 15px;
    line-height: 22px;
    color: #4b4b4b;
    padding-bottom: 0;
}

    #contact-home .list-pro-context p {
        margin-top: 0;
        margin-bottom: 12px;
        line-height: 22px;
    }

        #contact-home .list-pro-context p:before {
            border-top: 0;
        }

    #contact-home .list-pro-context span {
        color: #999999;
        display: block;
    }

#contact-home .list-pro-det:hover .list-pro-context p:before {
    border-top: 0;
}


.f18 {
    font-size: 18px;
}

.f24 {
    font-size: 24px;
}

.c1 {
    color: #696767;
}

.bb1 {
    border-bottom: #b5b4b4 1px solid;
}


/* -------------- Inner Page -------------- */

#about-page {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 15px;
    background-color: rgba(255, 255, 255, 0.9);
}

.abut1 {
    width: 100%;
    height: auto;
    float: left;
    background: url(../images/abut-bg.png) no-repeat fixed #f1f6fb;
}

.abut1-title, .abut1-content, .abut1-title1 {
    height: auto;
    float: left;
}

.abut1-title {
    width: 25%;
    background: transparent;
    text-align: left;
    padding: 20px;
    color: #006400;
}

.abut1-title1 {
    width: 84.3333333%;
    text-align: left;
    padding: 20px;
    color: #006400;
}

.abut {
    width: 100%;
    height: auto;
    float: left; /*background:url(../images/abut-bg.png) no-repeat fixed #f1f6fb;*/
}

.abut-title, .abut-content, .abut1-content, .abut-title1, .abut-title2 {
    height: auto;
    float: left;
}

.abut-title {
    width: 100%;
    text-align: left;
    padding: 0 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #ebf2f7;
    color: #006400;
}

.abut-title1 {
    width: 84.3333333%;
    text-align: left;
    padding: 20px;
    color: #006400;
}

    .abut-title h1, .abut-title1 h1 {
        color: #006400;
        text-shadow: 0px 1px 1px #fff;
        font-family: 'open_sansregular';
    }

.abut-content {
    width: 74%;
    padding: 27px 20px;
    color: #262626;
    line-height: 24px;
    text-align: justify;
}

.abut-con {
    width: 74%;
    height: auto;
    float: left;
    background: #ffffff;
    padding: 0;
    text-align: justify;
    z-index: 10;
}

    .abut-con ul {
        list-style: none;
        padding: 10px;
        float: left;
        width: 100%;
    }

        .abut-con ul li i {
            color: #77d77b;
            margin-right: 3px;
        }

    .abut-con .abut-link {
        width: 30%;
        height: auto;
        float: right;
        margin: 0 0 25px 25px;
    }

.abut-link h1 {
    color: #1875c2;
    font-size: 16px;
    border-bottom: #a0c5e3 1px solid;
    margin-top: 0;
}

#abut-cont {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #abut-cont li {
        border-bottom: #c6daeb 1px dotted;
        padding: 3px;
        display: block;
        float: left;
        width: 100%;
        text-align: left;
    }

        #abut-cont li:last-child {
            border-bottom: 0;
        }

        #abut-cont li a {
            color: #4186c1;
            display: block;
            text-decoration: none;
        }

.abu-img {
    width: auto;
    float: left;
    margin: 3px 8px 3px 0;
    vertical-align: middle;
}

#abut-cont i { /*background-color: #fff; border-radius: 50%; border:#c1c1c1 1px solid;*/
    font-size: 13px; /*width:26px; text-align: center; height: 26px;*/
    padding: 5px;
    color: #4186c1;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#abut-cont li a:hover {
    text-decoration: none;
    color: #3f4346;
    background-color: #eef3f6;
}

    #abut-cont li a:hover i {
        text-decoration: none;
        color: #3f4346; /*background-color: #3b3b3b; border:#3b3b3b 1px solid;*/
    }

#about-page h1 {
    font-family: 'open_sansregular';
    font-size: 18px;
    line-height: 26px;
    display: block;
    padding: 8px 12px;
    background: #f8f8f8;
}

#about-page .abut-title h1 span {
    font-size: 14px;
    font-weight: normal;
    display: block;
    float: left;
    font-family: 'open_sansregular';
    width: 100%;
}

#about-page h1 a:hover {
    color: #f68d04;
    text-decoration: none;
}

#about-page h2 {
    font-family: arial;
    position: relative;
    padding: 5px 10px;
    width: 100%;
    height: auto;
    text-align: left;
    /*border:0;*/
    border-top: rgba(0, 0, 0, 0.2) 1px solid;
    /*border-bottom:0;*/
    font-size: 18px;
    font-weight: 500;
    color: #242424;
    background: #f8f8f8;
    float: left;
}

    #about-page h2 i {
        font-size: 17px;
        font-weight: normal;
        margin-right: 6px;
        text-shadow: 0;
    }

#ttle {
    width: 100%;
    height: auto;
    float: left;
}

    #ttle h1 { /*box-shadow:0px 2px 2px rgba(0, 0, 0, 0.5);*/ /*text-shadow:0px 1px 1px rgba(0, 0, 0, 0.5);*/
        color: #006400;
        border-bottom: #006400 1px solid;
        border-top: #006400 1px solid;
        background: transparent;
        padding: 8px 12px;
        font-size: 18px;
    }

#abut-date {
    width: 100%;
    height: auto;
    float: left;
}

#abut-date {
    margin: 20px 0;
}

    #abut-date h1 {
        font-family: 'open_sansbold';
        font-weight: bold;
        font-size: 32px;
        letter-spacing: 2px;
        line-height: 32px;
        color: #9ecff1;
    }

    #abut-date span {
        font-size: 14px;
        font-weight: normal;
        line-height: 32px;
        font-family: 'open_sansregular';
        color: #aeaeae;
        letter-spacing: 1px;
    }

#featur {
    width: 100%;
    height: auto;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.3);
    margin: 20px 0;
    position: relative;
}

    #featur:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        right: 0;
        bottom: 0;
        background-image: url(../images/benefits-bg.png);
        opacity: 0.3;
        background-repeat: no-repeat;
        /*background-position: 50% 0;*/
        -ms-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }

    #featur .head {
        width: 100%;
        height: auto;
        float: left;
        background: rgba(0, 0, 0, 0.1);
        color: #000;
        font-size: 17px;
        line-height: 40px;
        padding-left: 15px;
        font-family: 'open_sansregular';
    }

    #featur .featur-content {
        width: 100%;
        height: auto;
        float: left;
        padding: 5px 10px; /*color: #707070;*/
    }

#ecomm {
    display: block;
}

    #ecomm li {
        display: block;
    }

#page-head {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

#page-head {
    background: #f8f8f8;
    border-bottom: #d6d5d5 1px solid;
    z-index: 10;
}

    #page-head h1 {
        float: left;
        font-size: 20px;
        margin-top: 10px;
    }

.breadcrumb {
    float: right;
    margin-bottom: 0;
    background-color: transparent;
    position: relative;
    font-size: 12px;
    line-height: 34px;
    padding: 0 15px;
}

    .breadcrumb li {
        position: relative;
    }

        .breadcrumb li:first-child {
            padding-left: 22px;
        }

            .breadcrumb li:first-child:before {
                font-family: 'FontAwesome';
                font-size: 18px;
                width: 23px;
                height: 23;
                position: absolute;
                content: '\f015';
                top: 0;
                left: 0;
                color: #b6b6b6;
            }

    .breadcrumb > li + li:before {
        color: #ccc;
        content: "/";
        padding: 0 5px 0 0;
    }

#pageNavPosition {
    text-align: center;
    padding: 20px 0;
}

.pg-normal {
    color: black;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    padding: 2px 8px;
    margin: 0 2px;
    /*box-shadow:0px 0px 1px rgba(0, 0, 0, 0.8); -webkit-box-shadow:0px 0px 1px rgba(0, 0, 0, 0.8); -moz-box-shadow:0px 0px 1px rgba(0, 0, 0, 0.8); -o-box-shadow:0px 0px 1px rgba(0, 0, 0, 0.8);
                background: #dcdcdc;   */
    border: #dcdcdc 1px solid;
    border-radius: 3px;
    font-size: 12px;
    line-height: 18px;
}

.pg-selected {
    color: black;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 8px;
    margin: 0 2px;
    cursor: pointer;
    border: #c6c6c6 1px solid;
    border-radius: 3px;
    font-size: 12px;
    line-height: 18px;
    background: #dcdcdc;
}

.abut-title2 {
    width: 100%;
    text-align: left;
    padding: 0 15px;
    margin-bottom: 10px;
    margin-top: 10px; /*background-color: #ebf2f7;*/
    border-left: #f68d04 3px solid;
    color: #006400;
}

    .abut-title2 h1 {
        margin-top: 5px;
        margin-bottom: 5px;
        color: #212121;
    }

    .abut-title2 span {
        display: block;
        width: 100%;
        color: #7a7a7a;
        font-size: 14px;
        float: left;
    }

.brdbtm {
    border-bottom: #7a7a7a 1px dotted;
    padding: 15px 0;
    width: 100%;
    height: 15px;
    float: left;
}

#ban-in .abut-ban {
    width: 100%;
    height: auto;
    min-height: 20px;
    float: left;
}

.abut-pro-img1 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0 15px;
    text-align: center;
    position: relative;
}

#ban-in .abut-pro-img {
    width: 49%;
    min-height: 70px;
    float: left;
    margin: 0;
    padding: 0 15px;
    text-align: center;
    position: relative;
}

#ban-in .abut-link {
    width: 25%;
    height: auto;
    float: left;
    margin: 0 0 0 0;
    padding-right: 15px;
    padding-left: 15px;
}

    #ban-in .abut-link h2 {
        margin-top: 0;
        margin-bottom: 0;
        padding: 10px;
        background-color: #ecf1f4;
        font-size: 16px;
        font-weight: 500;
        color: #41474c;
        line-height: 20px;
        border-bottom: #cfd3d6 1px solid;
    }

#ban-in .abut-link-bdr {
    border: #999 1px dotted;
    width: 100%;
    height: auto;
    float: left;
    padding: 1px;
}

#ban-in .abut-pro-img i {
    color: #019fcf;
}

    #ban-in .abut-pro-img i.dbs, #ban-in .abut-pro-img i.chart, #ban-in .abut-pro-img i.medkit, #ban-in .abut-pro-img i.users, #ban-in .abut-pro-img i.gears, #ban-in .abut-pro-img i.shop {
        position: absolute;
        top: 30%;
        left: 25%;
        font-size: 70px;
        z-index: 0;
    }

    #ban-in .abut-pro-img i.pls {
        position: absolute;
        top: 92%;
        left: 51%;
        font-size: 30px;
        z-index: 10;
        color: #7ad1ec;
    }

    #ban-in .abut-pro-img i.users {
        font-size: 40px;
        z-index: 10;
        top: 45%;
        left: 32%;
    }

    #ban-in .abut-pro-img i.chain {
        position: absolute;
        top: 30%;
        left: 25%;
        font-size: 70px;
        z-index: 0;
        color: #7ad1ec;
    }

    #ban-in .abut-pro-img i.laptop {
        position: absolute;
        top: 20%;
        left: 25%;
        font-size: 70px;
        z-index: 0;
    }

    #ban-in .abut-pro-img i.srch {
        position: absolute;
        top: 40%;
        left: 38%;
        font-size: 30px;
        z-index: 10;
        color: #7ad1ec;
    }

#about-page b {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #000;
    font-family: arial;
}

#acg-4 .abut-con {
    background: rgba(255, 255, 255, 0);
}

#cat-acc {
    width: 25%;
    height: auto;
    float: right;
}

.cat-acc {
    width: 100%;
    height: auto;
    float: left;
}

#cat-acc ul {
    list-style: none;
    padding: 0px;
}

    #cat-acc ul li {
        display: block;
    }

#cat-acc li a i {
    font-size: 12px;
    margin-right: 3px;
}

#cat-acc li a {
    font-family: 'open_sansregular';
    font-size: 14px;
    font-weight: normal;
    color: #414141;
    line-height: 28px;
    text-decoration: none;
    display: block;
}

    #cat-acc li a span {
        margin-left: 10px;
        color: #a9a9a9;
        font-size: 10px;
    }

    #cat-acc li a:hover {
        color: #075dea;
        text-decoration: none;
    }

#branches {
    width: 100%;
    height: auto;
    float: left;
}
/*#branches ul{padding: 0; float: left; list-style: none;}*/
/*#branches .list-pro
{
  text-align: center; margin: 5px; padding: 5px 0; background-color: #ebf0f3; color: #4b5863; 
}*/
/*#braches ul li{ display: inline-block;}*/

#contact-us, #products {
    width: 100%;
    height: auto;
    float: left;
}

    #contact-us .contact-left {
        width: 60%;
        height: auto;
        float: left;
        background-color: rgba(255, 255, 255, 0.9);
    }

    #contact-us .contact-right {
        width: 40%;
        height: auto;
        float: left;
    }

    #contact-us .column-half {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    #contact-us input[type="text"], #contact-us input[type="password"], #contact-us select {
        width: 100%;
    }

    #contact-us ul {
        padding: 0;
        list-style: none;
    }

    #contact-us textarea {
        height: 152px;
    }

    #contact-us .list-pro {
        margin: 0 0 30px;
    }

    #contact-us .list-pro-det {
        background-color: #fff;
        border: 0;
    }

    #contact-us .list-pro1 {
        text-align: center;
        margin: 5px 0 5px 5px;
        padding: 5px 0;
        background-color: #ebf0f3;
        color: #4b5863;
    }

    #contact-us .list-pro-icon {
        font-size: 22px;
        color: #656a6e;
        font-family: 'open_sansbold';
        margin-bottom: 15px;
    }

    #contact-us .list-pro-title {
        margin-top: 0;
        font-weight: 600;
    }

    #contact-us .list-pro-context {
        padding-bottom: 0;
        font-size: 14px;
    }

        #contact-us .list-pro-context p {
            margin-top: 5px;
            margin-bottom: 5px;
        }

    #contact-us i {
        color: #a3aeb7;
        margin-right: 5px;
    }

    #contact-us .list-pro-det:hover {
        border: 0;
        box-shadow: none;
        background-color: transparent;
        color: #656a6e;
    }

        #contact-us .list-pro-det:hover a {
            color: none;
        }

        #contact-us .list-pro-det:hover .list-pro-context {
            color: #656a6e;
        }

    #contact-us .list-pro-context p:before {
        left: 12px;
        top: 0;
        border-top: 1px solid #019fcf;
        display: none;
    }

    #contact-us .list-pro-det:hover .list-pro-context p:before {
        border-top: 1px solid #019fcf width: 100%;
    }

.cnt-brd {
    width: 100%;
    height: auto;
    float: left;
    border: #e6e9ec 1px solid;
    margin-bottom: 9px;
    padding: 16px 0;
}

.abut-content ul {
    list-style: none;
    padding: 0;
}

    .abut-content ul li {
        padding: 0 10px;
        margin: 10px 0;
        display: inline-block;
        color: #006400; /*background-color: #006400; background-color: rgba(17, 104, 177, 0.5);*/
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        float: left;
        border-right: #006400 1px solid;
    }

#products ul {
    list-style: none;
    padding: 0;
}

#products .list-pro {
    margin: 0 0 20px;
    padding: 0;
    display: block;
    border: #e0e0e0 1px solid;
    float: left;
    background-color: rgba(255, 255, 255, 0.9);
}

#products .list-pro-img {
    width: 16.6666667%;
    min-height: 70px;
    float: left;
    margin: 0;
    padding: 15px;
    text-align: center;
    position: relative;
}

    #products .list-pro-img i {
        color: #656a6e;
    }

        #products .list-pro-img i.trash, i.build, i.flask, i.inst, i.cab, i.life, i.dbs, i.chart, i.medkit, i.laptop, i.users {
            position: absolute;
            top: 20%;
            left: 25%;
            font-size: 70px;
            z-index: 0;
        }

        #products .list-pro-img i.pls {
            position: absolute;
            top: 86%;
            left: 56%;
            font-size: 30px;
            z-index: 10;
            color: #bdbfc0;
        }

        #products .list-pro-img i.chain {
            position: absolute;
            top: 20%;
            left: 25%;
            font-size: 70px;
            z-index: 0;
            color: #bdbfc0;
        }

        #products .list-pro-img i.srch {
            position: absolute;
            top: 40%;
            left: 41%;
            font-size: 30px;
            z-index: 10;
            color: #bdbfc0;
        }

#products .list-pro-det {
    min-height: 100px;
    border-radius: 0;
    border: 0;
    padding: 0 0 10px;
    min-height: auto;
}

#products .list-pro-context {
    width: 83.3333333%;
    padding: 0 10px;
    position: relative;
}

    #products .list-pro-context a.rd {
        text-decoration: none;
        border: #428bca 1px solid;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px;
        padding: 5px 15px;
        float: right;
        margin-top: 15px;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }

        #products .list-pro-context a.rd:hover {
            text-decoration: none;
            background: #006400;
            color: #fff;
        }

#products .list-pro-title {
    padding: 0;
}

    #products .list-pro-title h2 {
        color: #41474c;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 600;
        margin-bottom: 10px;
    }
/*#products .list-pro:hover{background-color: rgba(246, 250, 251, 1.0);}*/
#products .list-pro-det:hover {
    background-color: transparent;
    color: #5b5c60;
}

    #products .list-pro-det:hover h2 span, #products .list-pro-det:hover .list-pro-caption, #products .list-pro-det:hover .list-pro-context {
        color: #5b5c60;
    }

    #products .list-pro-det:hover h2, #products .list-pro-det:hover .list-pro-img i {
        color: #019fcf;
    }

        #products .list-pro-det:hover .list-pro-img i.chain, #products .list-pro-det:hover .list-pro-img i.pls {
            color: #7ad1ec;
        }

#products .list-pro-context p:before {
    left: 0;
    top: 0;
    border-top: 0;
    transition: width 0.8s;
}

#products .list-pro-det:hover .list-pro-context p:before {
    border-top: 0;
    width: 100%;
}

#product-list {
    list-style: none;
    margin: 10px 0; /*float: left; width:100%;*/
    padding: 0;
}

    #product-list li {
        display: block;
        margin: 3px 5px;
        padding: 0;
        width: 96%;
        float: left;
        text-align: left;
        position: relative;
        padding-left: 20px;
    }

        #product-list li:before {
            font-family: 'FontAwesome';
            font-size: 16px;
            content: '\f101';
            position: absolute;
            left: 0;
            top: -1px;
            color: #da4926;
        }

        #product-list li > li:before {
            content: '';
        }

    #product-list i {
        color: #9f9f9f;
        font-size: 12px;
    }

    #product-list li a {
        color: #5b5c60;
        text-decoration: none;
    }

        #product-list li a:hover {
            color: #019fcf;
            text-decoration: underline;
        }

            #product-list li a:hover i {
                color: #019fcf;
            }

#pro-id {
    width: 100%;
    float: left;
    height: auto;
}

    #pro-id li {
        display: block;
        margin: 3px 5px;
        padding: 0 0 0 20px;
        width: 100%;
        float: left;
    }

#new-product-list1 {
    width: 50%;
    margin: 0 0 10px 0;
    float: left;
    padding: 0;
    height: auto;
}

new-product-list1 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#new-product-list {
    list-style: none;
    margin: 10px 0;
    float: left;
    width: 100%;
    padding: 0;
    height: auto;
}

    #new-product-list li, #new-product-list1 li {
        display: block;
        margin: 1px 0;
    }

        #new-product-list li .nonle {
            display: table;
            margin: 0;
            padding: 1px;
            width: 100%;
            height: auto;
            float: left;
            vertical-align: middle;
            overflow: hidden;
        }

        #new-product-list li a, #new-product-list li .nonl {
            color: #394739;
            text-decoration: none;
            width: 100%;
            min-height: 60px;
            padding: 10px 10px;
            line-height: 20px;
            font-size: 14px;
            float: left; /*background: #c79662;*/
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            border-radius: 0px;
            text-shadow: 0px 1px 1px #d5ecf9;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
            font-weight: 600;
            font-family: candara; /*background:#a3c9e1;*/
            /*background: -moz-linear-gradient(top, #d5ecf9 0%, #a5d8f5 50%, #5ebbf0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5ecf9), color-stop(50%,#a5d8f5), color-stop(100%,#5ebbf0));
background: -webkit-linear-gradient(top, #d5ecf9 0%, #a5d8f5 50%, #5ebbf0 100%); 
background: -o-linear-gradient(top, #d5ecf9 0%, #a5d8f5 50%, #5ebbf0 100%); 
background: -ms-linear-gradient(top, #d5ecf9 0%, #a5d8f5 50%, #5ebbf0 100%);
background: linear-gradient(to bottom, #d5ecf9 0%, #a5d8f5 50%, #5ebbf0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5d8f5', endColorstr='#5ebbf0',GradientType=0 ); */
        }

            #new-product-list li a.blue, #new-product-list li .blue {
                background: rgba(121, 190, 226, 0.8);
            }

            #new-product-list li a.cyan, #new-product-list li .cyan {
                background: rgba(121, 222, 226, 0.3);
            }

            #new-product-list li a.purple, #new-product-list li .purple {
                background: rgba(128, 177, 218, 0.8);
            }

            #new-product-list li a:hover {
                color: #fff;
                text-decoration: none;
                background: #179dea;
                box-shadow: none;
                text-shadow: none;
            }

        #new-product-list li > ul {
            padding: 0;
        }

            #new-product-list li > ul li {
                margin-bottom: 1px;
                margin-top: 1px;
                display: block;
            }


#new-product-list1 ul li {
    text-align: left;
    width: 100%;
    position: relative;
    padding-left: 25px;
    margin: 2px 0;
    display: block;
}

    #new-product-list1 ul li a:before, #new-product-list1 ul li .nonl:before {
        font-family: 'FontAwesome';
        font-size: 12px;
        font-weight: normal;
        content: '\f061';
        position: absolute;
        left: 0;
        top: -1px;
        color: #696969;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    #new-product-list1 ul li a, #new-product-list1 ul li .nonl {
        color: #2c2c2c;
        text-decoration: none;
        font-weight: 600;
    }

    #new-product-list1 ul li > ul {
        padding: 0;
    }

        #new-product-list1 ul li > ul li {
            padding-left: 15px;
            margin: 0;
        }

            #new-product-list1 ul li > ul li a, #new-product-list1 ul li > ul li .nonl {
                font-weight: normal;
            }

                #new-product-list1 ul li > ul li a:before, #new-product-list1 ul li > ul li .nonl:before {
                    font-family: 'FontAwesome';
                    font-size: 20px;
                    content: '-';
                    position: absolute;
                    left: 0;
                    top: -3px;
                    color: #696969;
                }

    #new-product-list1 ul li a:hover {
        color: #fe7201;
        text-decoration: none;
    }

        #new-product-list1 ul li a:hover:before {
            color: #fe7201;
        }

    #new-product-list1 ul li > ul li a:hover:before {
        content: '-';
        color: #1d65a8;
    }

#new-product-list table {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}

    #new-product-list table tr td {
        width: 33.333333%;
        height: auto;
        float: left;
        padding: 1px;
    }

        #new-product-list table tr td > table tr td, #new-product-list table tr td > table tr td .nonl {
            width: 100%;
            height: auto;
            float: left;
            padding: 1px 20px;
        }

        #new-product-list table tr td > a, #new-product-list table tr td > .nonl {
            color: #394739;
            text-decoration: none;
            width: 100%;
            min-height: 60px;
            padding: 10px 12px;
            line-height: 20px;
            font-size: 16px;
            float: left;
            background: #ebeff0;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            border-radius: 0px;
            text-shadow: 0px 1px 1px #d5ecf9;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
            font-weight: 600;
            font-family: candara;
            display: block;
        }

        #new-product-list table tr td > table tr td > a, #new-product-list table tr td > table tr td .nonl {
            background: #ade1ff;
            padding: 10px 12px;
        }

        #new-product-list table tr td > a:hover {
            color: #fff;
            text-decoration: none;
            background: #179dea;
            box-shadow: none;
            text-shadow: none;
        }

#erp-quick { /*border-left:#e6e5e4 1px solid; border-top:#e6e5e4 1px solid;*/
    list-style: none;
    margin: 10px 0;
    padding: 0;
    font-family: "open_sansregular";
}

    #erp-quick li {
        width: 50%;
        float: left;
        text-align: left;
        position: relative; /*border-right:#e6e5e4 1px solid; border-bottom:#e6e5e4 1px solid;*/
        margin: 0;
        padding: 0;
        display: block;
    }

        #erp-quick li a i {
            color: #9f9f9f;
            font-size: 12px;
        }

        #erp-quick li a {
            color: #5b5c60;
            font-weight: 400;
            font-size: 13px;
            text-decoration: none;
            background: transparent;
            padding: 5px 25px;
            display: block;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease;
            -ms-transition: all 1s ease;
            transition: all 1s ease;
        }

            #erp-quick li a:before {
                font-family: 'FontAwesome';
                font-size: 16px;
                content: '\f101';
                position: absolute;
                left: 10px;
                top: 4px;
                color: #da4926;
            }

            #erp-quick li a:hover {
                color: #000;
                text-decoration: none;
                background: #ececec;
                padding-left: 35px;
            }

#testi { /*border-left:#e6e5e4 1px solid; border-top:#e6e5e4 1px solid;*/
    list-style: none;
    margin: 10px 0;
    padding: 0;
    font-family: "open_sansregular";
}

    #testi li {
        width: 100%;
        float: left;
        text-align: left;
        position: relative; /*border-right:#e6e5e4 1px solid;*/
        border-bottom: #e6e5e4 1px solid;
        margin: 0;
        margin-top: 10px;
        padding: 10px 0 20px;
        display: block;
        font-size: 13px;
        line-height: 20px;
    }
        /*#testi li a{color: #9f9f9f; font-size: 12px;}*/
        #testi li a {
            color: #fff;
            font-weight: 400;
            font-size: 13px;
            line-height: 20px;
            text-decoration: none;
            background: #158bd9;
            padding: 5px 25px;
            float: right;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease;
            -ms-transition: all 1s ease;
            transition: all 1s ease;
        }
            /*#testi li a:before{font-family: 'FontAwesome'; font-size: 16px; content:'\f101'; position: absolute; left:10px; top:4px; color: #da4926;}*/
            #testi li a:hover {
                color: #000;
                text-decoration: none;
                background: #ececec;
            }

    #testi .media-left {
        width: 20%;
    }

        #testi .media-left img {
            width: 80%;
        }

    #testi .media-heading {
        font-size: 15px;
        line-height: 22px;
        padding: 0;
    }

    #testi .media-link {
        display: block;
    }

#services ul {
    list-style: none;
    padding: 0;
}

#services .list-pro {
    margin: 0 0 20px 0;
    display: block;
    border: #e0e0e0 1px solid;
    float: left;
    background-color: rgba(255, 255, 255, 0.9);
}

#services .list-pro-img {
    width: 16.6666667%;
    min-height: 70px;
    float: left;
    margin: 0;
    padding: 15px;
    text-align: center;
    position: relative;
}

    #services .list-pro-img i {
        color: #656a6e;
    }

        #services .list-pro-img i.mob {
            position: absolute;
            top: 20%;
            left: 40%;
            font-size: 70px;
            z-index: 0;
        }

        #services .list-pro-img i.gear {
            position: absolute;
            top: 47%;
            left: 52%;
            font-size: 30px;
            z-index: 10;
            color: #bdbfc0;
        }

        #services .list-pro-img i.laptop {
            position: absolute;
            top: 20%;
            left: 25%;
            font-size: 70px;
            z-index: 0;
        }

        #services .list-pro-img i.desktop {
            position: absolute;
            top: 20%;
            left: 25%;
            font-size: 70px;
            z-index: 0;
        }

        #services .list-pro-img i.srch {
            position: absolute;
            top: 40%;
            left: 42%;
            font-size: 30px;
            z-index: 10;
            color: #bdbfc0;
        }

        #services .list-pro-img i.gears, #services .list-pro-img i.shop, #services .list-pro-img i.book {
            font-size: 60px;
            z-index: 10;
        }

#services .list-pro-det {
    border-radius: 0;
    border: 0;
    padding: 0;
}

#services .list-pro-title {
    padding: 0;
}

#services h2 {
    margin-bottom: 10px;
    color: #41474c;
}

#services .list-pro-context {
    width: 83.3333333%;
    padding: 0 10px;
    position: relative;
}

    #services .list-pro-context p:before {
        left: 0;
        top: 0;
        border-top: 0;
    }

#services .list-pro-det:hover {
    background-color: transparent;
    color: #5b5c60;
}

    #services .list-pro-det:hover h2 span, #services .list-pro-det:hover .list-pro-caption, #services .list-pro-det:hover .list-pro-context {
        color: #5b5c60;
    }

    #services .list-pro-det:hover h2, #services .list-pro-det:hover .list-pro-img i {
        color: #019fcf;
    }

        #services .list-pro-det:hover .list-pro-img i.gear, #services .list-pro-det:hover .list-pro-img i.srch {
            color: #7ad1ec;
        }

#services .normal-button {
    margin: 10px 0;
    border-radius: 20px;
    position: relative;
    background-color: #fff;
    color: #27577f;
    font-weight: normal;
    font-family: 'open_sansregular';
    font-size: 12px;
    border: #428bca 1px solid;
}

    #services .normal-button:hover {
        background-color: #006400;
        color: #fff;
        border: #428bca 1px solid;
    }

#portfolio ul {
    list-style: none;
    padding-left: 0;
}

#portfolio .list-pro {
    text-align: center;
    margin: 15px 0;
}

#portfolio .list-pro-det {
    border-radius: 0;
    border: #ebebeb 1px solid;
    padding: 0;
    min-height: 80px;
}

#portfolio .list-pro-img {
    width: 100%;
    min-height: 95px;
    float: left;
    margin: 0;
    text-align: center;
    position: relative;
}

#portfolio .image-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color 0.3s ease-in-out 0s;
}

#portfolio .list-pro-img:hover .image-overlay {
    background-color: rgba(199, 221, 238, 0.2);
}

.higlgt {
    color: #0c3e6d;
    font-size: 18px;
    line-height: 36px;
    font-weight: bold;
}

#career {
    width: 100%;
    height: auto;
    float: left;
}

    #career ul {
        list-style: none;
        padding: 10px 0;
        margin: 0;
    }

    #career .list-pro {
        text-align: center;
        margin: 15px 0;
    }

    #career .list-pro-main {
        width: 100%;
        height: auto;
        float: left;
        border-bottom: #ebebeb 1px solid;
    }

    #career .list-pro-det {
        border-radius: 0;
        border: #e0e0e0 1px solid;
        padding: 0;
        background-color: #fff;
        text-align: left;
    }

    #career .list-pro-title {
        width: 20%;
        margin-top: 0;
        font-weight: 600;
        padding: 0 5px;
        line-height: 24px;
    }

    #career .list-pro-context {
        width: 79%;
        padding-bottom: 0;
        font-size: 14px;
        padding: 0 5px;
        line-height: 24px;
    }

    #career .list-pro-det:hover, #career .list-pro-det:hover .list-pro-context {
        background-color: transparent;
        color: #5b5c60;
    }

    #career h2 {
        color: #0c3e6d;
        font-size: 18px;
        padding: 10px;
        font-weight: 600;
        letter-spacing: 0;
        margin: 0 0 8px 0;
        background-color: #e1ecf6;
    }

    #career .normal-button {
        margin: 0 10px;
        border-radius: 0px;
        position: relative;
        color: #0f5fa9;
        font-family: 'open_sansregular';
        font-size: 14px;
        background-color: transparent;
        letter-spacing: 0;
        font-weight: 600;
    }

        #career .normal-button:hover {
            color: #a90f16;
            background-color: transparent;
        }

#about-page .get-form {
    margin-top: 25px;
}

#about-page input[type="text"], #about-page input[type="password"], #about-page select {
    width: 100%;
    height: 34px;
    background-color: #fff;
    border: 1px solid #aeaeae;
    color: #8f8f8f;
    border-radius: 3px;
}

#about-page input[type="submit"] {
    margin-top: 20px;
    float: none;
}

#about-page input[type="radio"] {
    float: none;
    vertical-align: middle;
    margin-top: 0;
}

#about-page h3 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #006400;
    font-family: arial;
    margin-top: 0;
    margin-bottom: 0;
}

#form-left {
    width: 25%;
    height: auto;
    float: right;
    position: relative;
}

#form-left1 {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

    #form-left .form-left, #form-left1 .form-left {
        width: 100%;
        height: auto;
        float: left; /*padding:1px; border:#caced1 1px solid;*/
        border: 1px solid rgba(0,0,0,0.3);
    }
    /*#form-left .form-left{border:1px solid rgba(0,0,0,0.3);}*/
    #form-left .parent, #form-left1 .parent {
        position: relative;
        padding: 10px 25px 10px 10px;
        width: 100%;
        text-align: left;
        border: 0;
        border-bottom: #cfd3d6 1px solid;
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        background: #3f4652;
    }

        #form-left .parent i, #form-left1 .parent i {
            margin-right: 5px;
        }

    #form-left .child, #form-left1 .child {
        width: 100%;
        height: auto;
        float: left;
        padding: 10px;
        background-color: #eaeaea;
    }

    #form-left #form-in, #form-left1 #form-in {
        padding: 0;
    }


/* --------------- End Inner Page -------------- */


/* ------------ Footer ------------- */
footer {
    width: 100%;
    height: auto;
    background: #353739;
    float: left;
    font-size: 14px;
    border-top: #111 1px solid;
    font-family: 'open_sansregular';
    margin-top: 30px;
}

.ft-tp {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 0 20px 0;
    line-height: 24px;
}

.ft-tp-lnk {
    width: 100%;
    height: auto;
    float: left;
}

.ft-tp h1 {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    padding-bottom: 5px;
    margin-top: 0;
    text-align: left;
    border-bottom: #292929 1px solid;
}

    .ft-tp h1 a {
        color: #000;
        text-decoration: none;
        padding: 3px 10px;
        background: #fbaa2a;
        border-radius: 5px;
        float: right;
        font-size: 12px;
        line-height: 18px;
    }

        .ft-tp h1 a i {
            font-size: 14px;
            line-height: 18px;
            margin-top: 1px;
            margin-left: 7px;
            margin-right: 0;
            float: right;
            padding: 0;
        }

        .ft-tp h1 a:hover {
            color: #000;
            background: #fbaa2a;
            text-shadow: none;
        }

.ft-tp i {
    font-size: 22px;
    margin-right: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    float: left;
}

.ft-tp .fa-envelope {
    font-size: 18px;
}

.ft-tp-lnk ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ft-tp-lnk li {
    display: block;
    margin: 0;
    padding: 3px 0;
    border-bottom: #292929 1px dotted;
}

    .ft-tp-lnk li a {
        color: #b8b8b8;
        line-height: 24px;
        font-size: 15px;
        text-decoration: none; /*padding: 2px 8px;*/
        display: block;
    }

        .ft-tp-lnk li a i {
            font-size: 9px;
            margin-top: 7px;
            color: #595a5b;
        }

        .ft-tp-lnk li a:hover {
            text-decoration: none;
            color: #fff;
        }

            .ft-tp-lnk li a:hover i {
                color: #fff;
            }

    .ft-tp-lnk li:last-child {
        border-right: 0;
        border-bottom: 0;
    }

#social {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
}

    #social ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #social li {
        display: inline-block;
        padding: 0;
        margin: 0;
        margin-right: 2px;
        position: relative;
        border-bottom: 0;
    }

        #social li a {
            color: #666666;
            font-size: 14px;
            font-weight: 400;
            padding: 0;
            margin: 0;
            width: 34px;
            height: 34px;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease;
            -ms-transition: all 1s ease;
            transition: all 1s ease;
            /*-webkit-box-shadow:0px 0px 1px #fff; -moz-box-shadow:0px 0px 1px #fff; -o-box-shadow:0px 0px 1px #fff; box-shadow:0px 0px 1px #fff;*/
            border-radius: 100%;
            border: #666 1px solid;
            background: transparent;
            display: block;
            text-decoration: none;
        }

            #social li a:hover {
                color: #fff;
                background: #006400;
                border: #006400 1px solid;
                text-decoration: none;
                text-shadow: 2px 3px 4px rgba(0, 0, 0, 1.0);
            }

            #social li a.fb:after {
                font-family: 'FontAwesome';
                font-size: 16px;
                content: '\f09a';
                position: absolute;
                top: 7px;
                left: 12px;
            }

            #social li a.twt:after {
                font-family: 'FontAwesome';
                font-size: 16px;
                content: '\f099';
                position: absolute;
                top: 6px;
                left: 10px;
            }

            #social li a.lin:after {
                font-family: 'FontAwesome';
                font-size: 16px;
                content: '\f0e1';
                position: absolute;
                top: 5px;
                left: 10px;
            }

            #social li a.gplus:after {
                font-family: 'FontAwesome';
                font-size: 16px;
                content: '\f0d5';
                position: absolute;
                top: 7px;
                left: 11px;
            }

            #social li a.pin:after {
                font-family: 'FontAwesome';
                font-size: 16px;
                content: '\f231';
                position: absolute;
                top: 6px;
                left: 11px;
            }

            #social li a.ytube:after {
                font-family: 'FontAwesome';
                font-size: 18px;
                content: '\f167';
                position: absolute;
                top: 5px;
                left: 9px;
            }

.onlined {
    width: 100%;
    height: auto;
    float: left;
    margin: 6px 0;
    padding: 8px 0;
    text-align: center;
    color: #fff;
    background-color: #006400;
    border-radius: 5px;
    font-size: 14px;
}

.apply {
    width: 100%;
    height: auto;
    float: left;
    margin: 6px 0;
    padding: 6px 0;
    text-align: center;
    color: #fff;
    background-color: #6f777e;
    border-radius: 5px;
    font-size: 14px;
}

    .onlined:hover, .apply:hover {
        color: #fff;
        text-decoration: none;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }

    .apply:hover {
        background-color: #006400;
    }

.onlined:hover {
    background-color: #6f777e;
}

.ft-tp-1, .ft-tp-1-0, .ft-tp-1-0-1, .ft-tp-1-0-2, .ft-btm, .ft-btm-0, .ft-btm-1 {
    float: left;
}

.ft-btm {
    width: 100%;
    height: auto;
    padding: 10px 0;
    background-color: #171818;
    color: #696969; /*border-top: #78abd5 1px solid;*/
    font-size: 12px;
}

.ft-btm-1 {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 1px 0;
}
    /*.ft-btm-1{width:60%; height:auto;}*/
    .ft-btm-1 ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        float: none;
    }

    .ft-btm-1 li {
        display: inline-block;
        margin: 0;
        padding: 0; /*border-right:#696969 1px solid;*/
    }

        .ft-btm-1 li a {
            color: #696969;
            line-height: 14px;
            font-size: 13px;
            text-decoration: none;
            padding: 0px 8px;
            margin: 0;
        }

            .ft-btm-1 li a:hover {
                text-decoration: none;
                color: #fff;
            }

        .ft-btm-1 li:last-child {
            border-right: 0;
        }

        .ft-btm-1 li:before {
            content: " | ";
        }

        .ft-btm-1 li:first-child:before {
            content: none;
        }

.back-to-top {
    background: none repeat scroll 0 0 #000;
    bottom: 30px;
    color: #fff;
    padding: 10px 15px;
    position: fixed;
    right: 30px;
    display: none;
}



@media only screen and (min-width:768px) and ( max-width:1024px ) {
    .navbar-nav {
        margin: 0px 0px 0;
        /*z-index:5001;*/
        float: right;
        width: auto;
        background-color: #006400;
    }

    .phone-mail {
        width: 50%;
    }

    #merchant a {
        margin: 8px 0;
    }

    #our_products .list-pro {
        text-align: left;
        margin: 10px 0 30px;
        width: 50%;
        float: left;
    }

    #about.list-pro {
        text-align: left;
        margin: 10px 0 30px;
        width: auto;
        float: left;
    }

    #acg-1 .list-pro {
        text-align: left;
        margin: 10px 0 30px;
        width: 33%;
        float: left;
    }

    #navigation li a {
        padding: 0 8px;
    }

    #nav li a {
        color: #ea7516;
        padding: 0 5px;
        line-height: 26px;
        margin: 0;
        text-decoration: none;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
        display: block;
        font-size: 12px;
    }

    .logo {
        text-align: center;
        box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        z-index: 5001;
    }

    #se {
        width: 34%;
        height: auto;
        float: right;
        margin: 5px 0px;
    }

        #se h3 {
            margin-bottom: 0;
        }

    .se-0 {
        width: 100%;
        height: auto;
        float: left;
    }

    .se-1 {
        width: 32%;
        height: auto;
        float: left;
        position: relative;
    }

        .se-1:last-child {
            width: 30%;
        }

    #se input[type="text"] {
        width: 79%;
        height: 30px;
        float: left;
    }

        #se input[type="text"]:focus {
            box-shadow: none;
        }

    #se input[type="button"] {
        background-color: #2f2f2f;
        color: #000;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border: 0;
        font-family: arial;
        font-size: 12px;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
        cursor: pointer;
        position: relative;
        float: left;
    }

    #se i {
        font-size: 20px;
        background-color: #c96216;
        float: left;
        line-height: 30px;
        color: #fff;
        padding: 0 8px;
        cursor: pointer;
    }

    #se span {
        position: relative;
        margin: 0;
        display: block;
        width: 21%;
        float: left;
        text-align: center;
    }

        #se span:after {
        }

    .se-2 {
        width: 100%;
        height: auto;
        float: left;
        font-size: 14px;
        letter-spacing: 1px;
    }

    #se a {
        color: #605f5f;
        font-size: 13px;
        letter-spacing: 1px;
        line-height: 26px;
        text-decoration: none;
        padding: 0 4px;
    }

        #se a:hover {
            text-decoration: underline;
        }

    .abut-con .abut-link {
        width: 40%;
    }

    .adv-1 {
        width: 40%;
        height: auto;
        float: left;
        margin-left: 22px;
    }

    #products .list-pro-context {
        width: 69%;
    }

    .ft-tp-0, .ft-tp-1 {
        width: 50%;
    }

    .ft-tp-1-0-1 {
        width: 25%;
    }

    .ft-tp-1-0-2 {
        width: 75%;
    }

    #enq {
        width: 100%;
    }

    .ft-tp-1-0 {
        padding: 0 20px;
    }
}

/*--------------- Width max 767 -------------*/

@media only screen and ( max-width: 767px) {

    .disp {
        display: none;
    }

    #acg-4 {
        background: transparent;
    }

    header {
        position: relative;
        height: auto;
    }

    .header-btm {
        width: 100%;
        height: auto;
        float: left;
    }

    header.smaller {
        height: 50px;
        z-index: 2001;
        position: relative;
    }

        header.smaller .logo {
            width: auto;
            height: auto;
            box-shadow: none;
            position: relative;
            float: left;
            top: 0;
            left: 0px;
            padding: 2px 10px;
        }

        header.smaller #sticky-logo {
            display: none;
        }

        header.smaller #main-logo {
            display: block;
        }

        header.smaller .header-tp {
            display: block;
        }

        header.smaller .dropdown-menu {
            z-index: 5001;
        }

    .navbar-nav {
        margin: 0px 0px 0;
        /*z-index:5001;*/
        float: left;
        width: 100%;
        background-color: #006400;
        background-color: rgba(17, 104, 177, 0.8);
    }

    .navbar-collapse {
        max-height: 100%;
    }

    .dropdown-toggle:after {
        top: 8px;
    }

    .navbar-default .navbar-nav > li > a {
        line-height: 20px;
    }

    .navbar-nav > li > a {
        padding: 8px 19px;
    }

    .navbar-nav > li.dropdown > a {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .dropdown-menu > li {
        border-bottom: #c6ccd0 1px solid;
    }

        .dropdown-menu > li > a {
            padding: 6px 15px;
            color: #242424;
            white-space: normal;
        }

    .navbar-default .navbar-nav .open > .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open > .dropdown-menu > li > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #006400;
    }

    .navbar-nav .open .dropdown-menu {
        background: #f1f4f6;
    }

    .phone-mail {
        width: 100%;
        font-size: 13px;
        letter-spacing: 0;
        padding-bottom: 3px;
        margin-bottom: 3px;
        border-bottom: #e1e1e1 1px solid;
    }

        .phone-mail i {
            font-size: 12px;
            top: 0px;
            padding-right: 2px;
        }

        .phone-mail ul {
            float: none;
        }

            .phone-mail ul li {
                padding: 0 4px;
                line-height: 18px;
                font-size: 12px;
            }

        .phone-mail a {
            font-size: 12px;
        }

    .list-pro {
        text-align: left;
        margin: 10px 0 30px;
        width: 100%;
        float: left;
    }

    #our_products .list-pro {
        text-align: left;
        margin: 10px 0 30px;
        width: 50%;
        float: left;
    }

    #our_products li:nth-child(2n+2) {
        border-right: 0;
    }

    #acg-1 .list-pro {
        text-align: left;
        margin: 10px 0 50px;
        width: 50%;
        float: left;
    }

    #client-list h1 {
        font-size: 22px;
    }

    #navigation {
        float: left;
        width: 100%;
    }

        #navigation ul {
            font-size: 13px;
            letter-spacing: 0px;
            float: none;
        }

        #navigation li {
            display: inline;
            float: none;
        }

            #navigation li a {
                color: #2d2d2d;
                padding: 0 8px;
                line-height: 30px;
                text-decoration: none;
            }

                #navigation li a:hover {
                    text-decoration: underline;
                    color: #dd3501;
                }

    .nasscom {
        width: 20%;
    }

    #merchant {
        float: left;
        text-align: center;
        width: 30%;
    }

        #merchant a {
            font-size: 14px;
            letter-spacing: 1px;
            padding: 0 15px;
            margin: 8px 0;
            background-color: #f68d04;
            color: #fff;
            line-height: 30px;
            text-decoration: none;
            display: block;
        }

            #merchant a:hover {
                background: #2e150a;
                text-decoration: none;
            }

    .mr44 {
        margin-right: 0;
    }

    .logo {
        text-align: center;
        margin-bottom: 4px;
        margin-top: 4px;
        position: relative;
        top: 0;
        left: 0;
        float: left;
        box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        z-index: 5001;
    }

    #se {
        width: 38%;
        height: auto;
        float: left;
        margin: 8px 0;
        position: relative;
    }

    .se-0 {
        width: 100%;
        height: auto;
        float: left;
        border: 0;
    }

    .se-1 {
        width: 32%;
        height: auto;
        float: left;
        position: relative;
        margin-bottom: 8px;
        display: none;
    }

        .se-1:last-child {
            width: 100%;
        }

    #se input[type="text"] {
        width: 100%;
        height: 32px;
        border: #ccc 1px solid;
        box-shadow: none;
        margin-bottom: 2px;
    }

        #se input[type="text"]:focus {
            box-shadow: none;
            border: #ccc 1px solid;
            background: #fefdec;
        }

    #se input[type="button"] {
        height: 30px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border: 0;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
    }

    #se span {
        width: 41px;
        position: absolute;
        top: 1px;
        right: 16px;
        margin: 0;
        height: 30px;
    }

        #se span:after {
            font-family: 'FontAwesome';
            content: "\f002";
            font-size: 18px;
            position: absolute;
            color: #000;
            left: 14px;
            top: 5px;
            pointer-events: none;
            z-index: 10;
        }

    .se-2 {
        display: none;
    }

    #ban-in {
        margin-top: 10px;
    }

    #main-products ul li {
        display: inline-block;
        float: left;
        width: 33.333333%;
        margin: 0;
    }

    .abut-title, .abut1-title, .abut-content {
        width: 100%;
    }

    .abut-con .abut-link {
        width: 50%;
    }

    #contact-us .contact-left, #contact-us .contact-right {
        width: 100%;
    }

    .abut-con, #cat-acc {
        width: 100%;
    }

    .column-half {
        width: 44%;
    }

    .abut-content ul li {
        margin: 0 5px 5px 0;
    }

    #products .list-pro-context {
        width: 68%;
    }

    #ban-in .abut-pro-img, #ban-in .abut-link, #form-left {
        width: 100%;
    }

    #products .list-pro-img i.trash, i.build, i.flask, i.inst, i.cab, i.life, i.dbs, i.chart, i.medkit, i.laptop, i.users {
        position: absolute;
        top: 20%;
        left: 25%;
        font-size: 40px;
        z-index: 0;
    }

    #products .list-pro-img i.pls {
        position: absolute;
        top: 58%;
        left: 60%;
        font-size: 20px;
        z-index: 10;
        color: #bdbfc0;
    }

    #products .list-pro-img i.chain {
        position: absolute;
        top: 20%;
        left: 25%;
        font-size: 40px;
        z-index: 0;
        color: #bdbfc0;
    }

    #products .list-pro-img i.srch {
        position: absolute;
        top: 33%;
        left: 44%;
        font-size: 16px;
        z-index: 10;
        color: #bdbfc0;
    }

    #services .list-pro-img i.mob {
        position: absolute;
        top: 20%;
        left: 40%;
        font-size: 40px;
        z-index: 0;
    }

    #services .list-pro-img i.gear {
        position: absolute;
        top: 47%;
        left: 52%;
        font-size: 20px;
        z-index: 10;
        color: #bdbfc0;
    }

    #services .list-pro-img i.laptop {
        position: absolute;
        top: 20%;
        left: 25%;
        font-size: 40px;
        z-index: 0;
    }

    #services .list-pro-img i.desktop {
        position: absolute;
        top: 20%;
        left: 25%;
        font-size: 40px;
        z-index: 0;
    }

    #services .list-pro-img i.srch {
        position: absolute;
        top: 31%;
        left: 42%;
        font-size: 16px;
        z-index: 10;
        color: #bdbfc0;
    }

    #services .list-pro-img i.gears, #services .list-pro-img i.shop, #services .list-pro-img i.book {
        font-size: 40px;
        z-index: 10;
    }

    #portfolio .list-pro-img:hover .image-overlay {
        background-color: rgba(199, 221, 238, 0.2);
    }

    .ft-tp-0 .box1:after {
        border-bottom: 2px solid #fff;
        bottom: 0;
        content: "";
        height: 1px;
        left: 0%;
        position: absolute;
        width: 100%;
    }

    .ft-tp li {
        display: block;
        margin: 0;
        padding: 0;
        border-right: 0;
        border-bottom: #3a3a3a 1px solid;
    }

        .ft-tp li a {
            line-height: 24px;
            font-size: 14px;
            text-decoration: none;
            padding: 3px 12px 3px 5px;
            display: block;
        }

        .ft-tp li:last-child {
            border-bottom: 0;
        }

    .ft-tp-0, .ft-tp-1, .ft-btm-0, .ft-btm-1, #enq {
        width: 100%;
        text-align: left;
    }

    .ft-tp-1-0 {
        padding: 0;
    }

    .ft-tp-1-0-1 {
        width: 25%;
    }

    .ft-tp-1-0-2 {
        width: 75%;
    }

    .ft-btm-1 {
        padding-top: 20px;
    }

        .ft-btm-1 ul {
            float: left;
        }

    #social li {
        border-bottom: 0;
    }

    .onlined, .apply {
        width: 46%;
        margin: 6px;
    }
}

@media only screen and ( min-width: 480px) and ( max-width: 600px) {
    .disp {
        display: none;
    }

    header {
        position: relative;
        height: auto;
    }

    .header-btm {
        width: 100%;
        height: auto;
        float: left;
    }

    header.smaller {
        height: 50px;
        z-index: 2001;
        position: relative;
    }

        header.smaller .logo {
            width: auto;
            height: auto;
            box-shadow: none;
            position: relative;
            float: left;
            top: 0;
            left: 0px;
            padding: 2px 10px;
        }

        header.smaller #sticky-logo {
            display: none;
        }

        header.smaller #main-logo {
            display: block;
        }

        header.smaller .header-tp  .markstyle{
            display: block;
        }

        header.smaller .dropdown-menu {
            z-index: 5001;
        }

    .navbar-collapse {
        max-height: 100%;
    }

    .dropdown-toggle:after {
        top: 8px;
    }

    .navbar-default .navbar-nav > li > a {
        line-height: 20px;
    }

    .navbar-nav > li > a {
        padding: 8px 19px;
    }

    .navbar-nav > li.dropdown > a {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .dropdown-menu > li {
        border-bottom: #c6ccd0 1px solid;
    }

        .dropdown-menu > li > a {
            padding: 6px 15px;
            color: #242424;
            white-space: normal;
        }

    .navbar-default .navbar-nav .open > .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open > .dropdown-menu > li > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #006400;
    }

    .navbar-nav .open .dropdown-menu {
        background: #f1f4f6;
    }

    .nasscom {
        width: 28%;
    }

    #merchant {
        width: 70%;
    }

    #se {
        width: 100%;
    }

        #se span:after {
            left: 12px;
            top: 2px;
        }

    #ban-in {
        margin-top: 10px;
    }

    #cat-acc {
        width: 100%;
    }

    #ban-in .abut-pro-img, #ban-in .abut-link, #form-left {
        width: 100%;
    }

    .abut-con, .abut-con .abut-link {
        width: 100%;
    }

    #our_products .list-pro {
        text-align: left;
        margin: 10px 0 10px;
        width: 100%;
        float: left;
    }

    #our_products li {
        border-right: 0;
        border-bottom: 0;
    }

        #our_products li:last-child {
            border-right: 0;
            border-bottom: 0;
        }

    .list-pro-det, #acg-1 .list-pro-det {
        max-height: 100%;
    }

    #main-products ul li {
        display: inline-block;
        float: left;
        width: 50%;
        margin: 0;
    }

    #acg-1 .list-pro {
        text-align: left;
        margin: 10px 0 60px;
        width: 100%;
        float: left;
    }

    #products .list-pro-img, #products .list-pro-context {
        width: 100%;
    }

        #products .list-pro-img i.trash, i.build, i.flask, i.inst, i.cab, i.life, i.dbs, i.chart, i.medkit, i.laptop, i.users {
            position: relative;
            top: 0%;
            left: 0%;
            float: left;
            font-size: 40px;
            z-index: 0;
        }

        #products .list-pro-img i.pls {
            position: absolute;
            top: 58%;
            left: 8%;
            font-size: 20px;
            z-index: 10;
            color: #bdbfc0;
        }

        #products .list-pro-img i.chain {
            position: absolute;
            top: 20%;
            left: 25%;
            font-size: 40px;
            z-index: 0;
            color: #bdbfc0;
        }

        #products .list-pro-img i.srch {
            position: absolute;
            top: 33%;
            left: 6%;
            font-size: 16px;
            z-index: 10;
            color: #bdbfc0;
        }

    #services .list-pro-context {
        padding: 0 12px;
    }

    #services .list-pro-img i.mob {
        position: absolute;
        top: 20%;
        left: 40%;
        font-size: 50px;
        z-index: 0;
    }

    #services .list-pro-img i.gear {
        position: absolute;
        top: 40%;
        left: 52%;
        font-size: 20px;
        z-index: 10;
    }

    #services .list-pro-img i.gears, #services .list-pro-img i.shop, #services .list-pro-img i.book {
        font-size: 50px;
        z-index: 10;
    }

    #se input[type="button"], #se input[type="submit"] {
        text-indent: -99999px;
    }
}

/*--------------- Width max 480 -------------*/

@media only screen and ( max-width: 480px) {
    .mob-lay {
        display: block;
    }

    .desk {
        display: none;
    }

    .disp {
        display: none;
    }

    header {
        position: relative;
        height: auto;
    }

    .header-btm {
        width: 100%;
        height: auto;
        float: left;
    }

    header.smaller {
        height: 50px;
        z-index: 2001;
        position: relative;
    }

        header.smaller .logo {
            width: auto;
            height: auto;
            box-shadow: none;
            position: relative;
            float: left;
            top: 0;
            left: 0px;
            padding: 2px 10px;
        }

        header.smaller #sticky-logo {
            display: none;
        }

        header.smaller #main-logo {
            display: block;
        }

        header.smaller .header-tp {
            display: block;
        }

        header.smaller .dropdown-menu {
            z-index: 5001;
        }

    .navbar-collapse {
        max-height: 100%;
    }

    .dropdown-toggle:after {
        top: 8px;
    }

    .navbar-default .navbar-nav > li > a {
        line-height: 20px;
    }

    .navbar-nav > li > a {
        padding: 8px 19px;
    }

    .navbar-nav > li.dropdown > a {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .dropdown-menu > li {
        border-bottom: #c6ccd0 1px solid;
    }

        .dropdown-menu > li > a {
            padding: 6px 15px;
            color: #242424;
            white-space: normal;
        }

    .navbar-default .navbar-nav .open > .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open > .dropdown-menu > li > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #006400;
    }

    .navbar-nav .open .dropdown-menu {
        background: #f1f4f6;
    }

    #acg-4 {
        background: transparent;
    }

    .col-sm-2 {
        float: left;
    }

    #ban-in {
        margin-top: 10px;
    }

        #ban-in .abut-pro-img, #ban-in .abut-link, #form-left {
            width: 100%;
        }

    .list-pro {
        text-align: left;
        margin: 10px 0 30px;
        width: 100%;
        float: left;
    }

    #our_products .list-pro {
        text-align: left;
        margin: 10px 0 10px;
        width: 100%;
        float: left;
    }

    #our_products li {
        border-right: 0;
        border-bottom: 0;
    }

        #our_products li:last-child {
            border-right: 0;
            border-bottom: 0;
        }

    .list-pro-det, #acg-1 .list-pro-det {
        max-height: 100%;
    }

    #main-products ul li {
        display: inline-block;
        float: left;
        width: 100%;
        margin: 0;
    }

    .head_brd .box:after {
        border-bottom: 2px solid #dcd8d8;
        bottom: 0;
        content: "";
        height: 1px;
        left: 22%;
        position: absolute;
        width: 56%;
    }

    .phone-mail {
        width: 100%;
        font-size: 13px;
        letter-spacing: 0;
        padding-bottom: 3px;
        margin-bottom: 3px;
        border-bottom: #e1e1e1 1px solid;
    }

        .phone-mail i {
            font-size: 12px;
            top: 0px;
            padding-right: 2px;
        }

        .phone-mail ul {
            float: none;
        }

            .phone-mail ul li {
                padding: 0 4px;
                line-height: 18px;
                font-size: 12px;
            }

        .phone-mail a {
            font-size: 12px;
        }

    #acg-1 .list-pro {
        text-align: left;
        margin: 10px 0 60px;
        width: 100%;
        float: left;
    }

    #acg-1 .list-pro-title h2 {
        font-size: 16px;
    }

    .onlined, .apply {
        width: 100%;
        margin: 6px 0;
    }

    .column-half {
        width: 100%;
        margin: 0;
    }

    #delivered-products {
        margin-bottom: 15px;
    }

    #navigation {
        float: left;
        width: 100%;
    }

        #navigation ul {
            font-size: 13px;
            letter-spacing: 0px;
            float: none;
        }

        #navigation li {
            display: inline;
            float: none;
        }

            #navigation li a {
                color: #2d2d2d;
                padding: 0 8px;
                line-height: 30px;
                text-decoration: none;
            }

                #navigation li a:hover {
                    text-decoration: underline;
                    color: #dd3501;
                }

    .mr44 {
        margin-right: 0;
    }

    .logo {
        text-align: left;
        width: auto;
        margin-bottom: 8px;
        position: relative;
        top: 0;
        left: 0;
        float: left;
        box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        z-index: 5001;
    }

    .nasscom, .cmmlev {
        width: 50%;
    }

    #merchant {
        width: 70%;
    }

    #se {
        width: 100%;
        height: auto;
        float: left;
        margin: 0 0 8px 0;
        position: relative;
    }

    .se-0 {
        width: 100%;
        height: auto;
        float: left;
        border: 0;
    }

    .se-1 {
        width: 100%;
        height: auto;
        float: left;
        position: relative;
        margin-bottom: 8px;
        display: none;
    }

        .se-1:last-child {
            width: 100%;
        }

    #se input[type="text"] {
        width: 100%;
        height: 32px;
        border: #ccc 1px solid;
        box-shadow: none;
        margin-bottom: 2px;
    }

        #se input[type="text"]:focus {
            box-shadow: none;
            border: #ccc 1px solid;
            background: #fefdec;
        }

    #se input[type="button"], #se input[type="submit"] {
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border: 0;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        text-indent: -99999px;
    }

    #se span {
        width: 41px;
        position: absolute;
        top: 1px;
        right: 16px;
        margin: 0;
        height: 30px;
    }

        #se span:after {
            font-family: 'FontAwesome';
            content: "\f002";
            font-size: 18px;
            position: absolute;
            color: #000;
            left: 12px;
            top: 2px;
            pointer-events: none;
            z-index: 10;
        }

    .se-2 {
        display: none;
    }

    .abut-title, .abut-content {
        width: 100%;
    }

    .abut-content {
        background: url(../images/abut-bg-res.jpg) no-repeat #f1f6fb;
    }

    #cat-acc {
        width: 100%;
    }

    .abut-con, .abut-con .abut-link {
        width: 100%;
    }

    .abut-content ul li {
        width: 48%;
        text-align: left;
        padding: 5px 20px;
        margin: 0 5px 5px 0;
        font-size: 14px;
        font-weight: 400;
    }

    #contact-us .contact-left, #contact-us .contact-right {
        width: 100%;
    }

    #products .list-pro-img, #products .list-pro-context, #services .list-pro-img, #services .list-pro-context {
        width: 100%;
    }

        #products .list-pro-img i.trash, i.build, i.flask, i.inst, i.cab, i.life, i.dbs, i.chart, i.medkit, i.laptop, i.users {
            position: relative;
            top: 0%;
            left: 0%;
            float: left;
            font-size: 40px;
            z-index: 0;
        }

        #products .list-pro-img i.pls {
            position: absolute;
            top: 58%;
            left: 10%;
            font-size: 20px;
            z-index: 10;
            color: #bdbfc0;
        }

        #products .list-pro-img i.chain {
            position: absolute;
            top: 20%;
            left: 25%;
            font-size: 40px;
            z-index: 0;
            color: #bdbfc0;
        }

        #products .list-pro-img i.srch {
            position: absolute;
            top: 33%;
            left: 7%;
            font-size: 16px;
            z-index: 10;
            color: #bdbfc0;
        }

        #services .list-pro-img i.mob {
            position: relative;
            float: left;
            top: 0%;
            left: 0%;
            font-size: 50px;
            z-index: 0;
        }

        #services .list-pro-img i.laptop {
            position: relative;
            float: left;
            top: 0%;
            left: 0%;
            font-size: 50px;
            z-index: 0;
        }

        #services .list-pro-img i.desktop {
            position: relative;
            float: left;
            top: 0%;
            left: 0%;
            font-size: 50px;
            z-index: 0;
        }

        #services .list-pro-img i.gear {
            position: absolute;
            top: 50%;
            left: 7%;
            font-size: 20px;
            z-index: 10;
            color: #bdbfc0;
        }

        #services .list-pro-img i.srch {
            position: absolute;
            top: 32%;
            left: 7%;
            font-size: 16px;
            z-index: 10;
            color: #bdbfc0;
        }

        #services .list-pro-img i.gears, #services .list-pro-img i.shop, #services .list-pro-img i.book {
            font-size: 50px;
            z-index: 10;
            float: left;
        }

    #services .list-pro-img {
        min-height: 50px;
    }

    #services .list-pro-context {
        padding: 0 12px;
    }

    #product-list li {
        width: 100%;
    }

    #erp-quick li {
        width: 100%;
    }

    .ft-tp li {
        display: block;
        margin: 0;
        padding: 0;
        border-right: 0;
        border-bottom: #3a3a3a 1px solid;
    }

    .ft-tp-0, .ft-tp-1, .ft-btm-0, .ft-btm-1, #enq {
        width: 100%;
        text-align: left;
    }

    .ft-tp-1-0 {
        padding: 0;
    }

    .ft-btm-0, .ft-btm-1 {
        width: 100%;
        text-align: left;
    }

    .ft-btm-1 {
        padding-top: 20px;
    }
}

/*--------------- Width max 320 -------------*/

@media only screen and ( max-width: 320px) {
    .mob-lay {
        display: block;
    }

    .desk {
        display: none;
    }

    .disp {
        display: none;
    }

    header {
        position: relative;
        height: auto;
    }

    .header-btm {
        width: 100%;
        height: auto;
        float: left;
    }

    header.smaller {
        height: auto;
        z-index: 2001;
        position: relative;
    }

        header.smaller .logo {
            width: auto;
            height: auto;
            box-shadow: none;
            position: relative;
            float: left;
            top: 0;
            left: 0px;
            padding: 2px 10px;
        }

        header.smaller #sticky-logo {
            display: none;
        }

        header.smaller #main-logo {
            display: block;
        }

        header.smaller .header-tp {
            display: block;

        }

        header.smaller .dropdown-menu {
            z-index: 5001;
        }

    .navbar-collapse {
        max-height: 100%;
    }

    .dropdown-toggle:after {
        top: 8px;
    }

    .navbar-default .navbar-nav > li > a {
        line-height: 20px;
    }

    .navbar-nav > li > a {
        padding: 8px 19px;
    }

    .navbar-nav > li.dropdown > a {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .dropdown-menu > li {
        border-bottom: #c6ccd0 1px solid;
    }

        .dropdown-menu > li > a {
            padding: 6px 15px;
            color: #242424;
            white-space: normal;
        }

    .navbar-default .navbar-nav .open > .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open > .dropdown-menu > li > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #006400;
    }

    .navbar-nav .open .dropdown-menu {
        background: #f1f4f6;
    }

    .nasscom, .cmmlev {
        width: 50%;
        float: left;
        text-align: center;
    }

    #merchant {
        width: 100%;
        float: left;
    }

    #se {
        width: 100%;
        float: left;
        margin: 0 0 8px 0;
    }

    #our_products .list-pro {
        text-align: left;
        margin: 10px 0 10px;
        width: 100%;
        float: left;
    }

    #acg-1 .list-pro-title h2 {
        font-size: 14px;
        width: 98%;
        left: 1%;
        margin: 0;
        padding: 5px;
        top: -50px;
    }

    #our_products li {
        border-right: 0;
        border-bottom: 0;
    }

        #our_products li:last-child {
            border-right: 0;
            border-bottom: 0;
        }

    .list-pro-det {
        max-height: 100%;
    }

    #main-products ul li {
        display: inline-block;
        float: left;
        width: 100%;
        margin: 0;
    }

    #acg-1 .list-pro-det {
        max-height: 100%;
    }

    #ban-in {
        margin-top: 10px;
    }

        #ban-in .abut-pro-img, #ban-in .abut-link, #form-left {
            width: 100%;
        }

    .adv-0 {
        width: 100%;
    }

    .adv-0-1 {
        width: 100%;
        float: right;
    }

    .adv-2-1 {
        width: 100%;
        height: auto;
        float: left;
        background: #fff;
        border: #e2e2e2 1px solid;
        padding: 1px;
    }

    .adv-2-0 {
        width: 100%;
        height: auto;
        position: relative;
        background: #fff;
        border: #e2e2e2 1px solid;
        padding: 1px;
        top: 0;
        left: 0;
        float: left;
        margin-top: 20px;
    }

    .abut-content ul li {
        width: 100%;
    }

    #products .list-pro-img i.trash, i.build, i.flask, i.inst, i.cab, i.life, i.dbs, i.chart, i.medkit, i.laptop, i.users {
        position: relative;
        top: 0%;
        left: 0%;
        float: left;
        font-size: 40px;
        z-index: 0;
    }

    #products .list-pro-img i.pls {
        position: absolute;
        top: 58%;
        left: 16%;
        font-size: 20px;
        z-index: 10;
        color: #bdbfc0;
    }

    #products .list-pro-img i.chain {
        position: absolute;
        top: 20%;
        left: 25%;
        font-size: 40px;
        z-index: 0;
        color: #bdbfc0;
    }

    #products .list-pro-img i.srch {
        position: absolute;
        top: 33%;
        left: 11%;
        font-size: 16px;
        z-index: 10;
        color: #bdbfc0;
    }

    #services .list-pro-img i.gear {
        position: absolute;
        top: 50%;
        left: 13%;
        font-size: 20px;
        z-index: 10;
        color: #bdbfc0;
    }

    #services .list-pro-img i.srch {
        position: absolute;
        top: 33%;
        left: 15%;
        font-size: 16px;
        z-index: 10;
        color: #bdbfc0;
    }

    #se input[type="button"], #se input[type="submit"] {
        text-indent: -99999px;
    }
}