html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, hr, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: #f9f9f9;
    color: #595959;
}

img {
    border: 0;
    max-width: 100%;
    resize: both;
}

.clr {
    clear: both;
    margin: 0;
    padding: 0;
}

p {
    font-size: 14px;
    color: #595959;
    margin: 0;
    padding: 0 0 10px 0;
}

h1 {
    font-size: 25px;
    font-weight: normal;
    color: #4f4f4f;
    padding: 0 0 5px 0;
    margin: 0;
}

    h1 span {
        color: #0093dd;
        font-weight: bold;
    }

h2 {
    font-size: 18px;
    font-weight: normal;
    color: #4f4f4f;
    padding: 0 0 15px 0;
    margin: 0;
}

h3 {
    font-size: 20px;
    color: #0093dd;
    padding: 15px 0 10px 0;
    margin: 0;
}

a {
    color: #0093dd;
    text-decoration: none;
}

    a:hover {
        color: #0093dd;
        text-decoration: underline;
    }

.hedermain {
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #bda678;
}

.heder {
    width: 1003px;
    margin: auto;
    height: 95px;
}

    .heder .logo {
        float: left;
    }

    .heder .hlinky {
        float: right;
    }

        .heder .hlinky .brd {
            border: 1px dashed #e5e5e5;
            border-top: none;
            float: right;
        }

        .heder .hlinky .brd2 {
            border: 1px dashed #0093dd;
            border-top: none;
            float: right;
            margin-right: 10px;
        }

        .heder .hlinky .tel {
            background: url(../../Images/MainHome/phn.png) no-repeat 10px 5px;
            background-color: #e5e5e5;
            padding: 6px 6px 6px 35px;
            font-size: 15px;
            color: #000;
        }

            .heder .hlinky .tel div {
                font-size: 11px;
                text-align: center;
            }

        .heder .hlinky .ca {
            background: url(../../Images/MainHome/ca.png) no-repeat 10px 5px;
            background-color: #0093dd;
            padding: 6px 10px 6px 35px;
            font-size: 15px;
            color: #fff;
        }

        .heder .hlinky .hlink {
            text-align: right;
            padding-top: 25px;
        }

            .heder .hlinky .hlink a {
                display: inline;
                font-size: 15px;
                color: #000;
                padding: 6px 10px 6px 32px;
                text-decoration: none;
            }

                .heder .hlinky .hlink a.hm {
                    background: url(../../Images/MainHome/icon.png) no-repeat 0 0;
                }

                .heder .hlinky .hlink a.ul {
                    background: url(../../Images/MainHome/icon.png) no-repeat 0 -23px;
                }

                .heder .hlinky .hlink a.hiw {
                    background: url(../../Images/MainHome/icon.png) no-repeat 0 -50px;
                }

                .heder .hlinky .hlink a.faq {
                    background: url(../../Images/MainHome/icon.png) no-repeat 0 -82px;
                }

                .heder .hlinky .hlink a.abut {
                    background: url(../../Images/MainHome/icon.png) no-repeat 0 -109px;
                    padding-right: 0;
                }


.banermain {
    background: #e6e6e7;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
}

.banner {
    margin: auto;
    position: relative;
}

    .banner .text {
        position: absolute;
        left: 0;
        top: 58px;
    }

    .banner .button {
        position: absolute;
        left: 0;
        top: 160px;
    }

    .banner .text2 {
        position: absolute;
        right: 0;
        top: 22px;
    }

.content {
    width: 989px;
    margin: auto;
    position: relative;
    padding-top: 200px;
}

.content-in {
    width: 993px;
    margin: auto;
    position: relative;
    padding: 15px 0;
}

.eshield-content-in {
    width: 1003px;
    margin: auto;
    position: relative;
    padding: 15px 0;
}

.prod {
    background: url(../../Images/MainHome/pro-bg.png) no-repeat top left;
    position: absolute;
    width: 973px;
    height: 245px;
    padding: 0 38px;
    padding-top: 20px;
    left: -23px;
    top: -75px;
    z-index: 3;
}

.prodsec {
    position: absolute;
    width: 973px;
    height: 245px;
    padding: 0 38px;
    padding-top: 40px;
    left: -23px;
    top: -75px;
    z-index: 3;
}

.plogo {
    border-bottom: 1px dashed #d6d6d6;
    padding-bottom: 10px;
    text-align: center;
}

.ptext {
    padding: 10px 0 8px 0;
    font-size: 13px;
    color: #4e4e4e;
}

.content ul {
    padding: 0 0 10px 20px;
    margin: 0;
    clear: both;
}

    .content ul li {
        list-style: url(../../Images/MainHome/bull.png);
        margin: 0;
        padding-left: 10px;
        padding-bottom: 5px;
    }

.h1line {
    border-top: 1px solid #a1a1a1;
    padding-bottom: 10px;
}

.social-icon {
    width: 1003px;
    margin: auto;
    text-align: right;
    height: 30px;
}

.prodsec {
    position: absolute;
    width: 1007px;
    height: 72px;
    padding: 0;
    left: 0;
    top: -72px;
    z-index: 3;
}

    .prodsec .btn {
        float: left;
        padding: 0 1px;
    }

    .prodsec .btn-ap {
        float: left;
        padding: 0 1px;
        background: url(../../Images/MainHome/About-Product.png) no-repeat;
        height: 72px;
        width: 200px;
        cursor: pointer;
    }

    .prodsec .btn-ben {
        float: left;
        padding: 0 1px;
        background: url(../../Images/MainHome/benefits.png) no-repeat;
        height: 72px;
        width: 180px;
        cursor: pointer;
    }

    .prodsec .btn-ap:hover, .prodsec .btn-ap.active {
        background: url(../../Images/MainHome/About-Product-hv.png) no-repeat;
    }

    .prodsec .btn-ben:hover, .prodsec .btn-ben.active {
        background: url(../../Images/MainHome/benefits-hv.png) no-repeat;
    }

.canves {
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 15px;
}

    .canves .left {
        float: left;
        width: 660px;
    }

    .canves .right {
        float: right;
        width: 300px;
    }

    .canves .left ul {
        padding: 0 0 10px 20px;
        margin: 0;
        clear: both;
    }

        .canves .left ul li {
            list-style: url(../../Images/MainHome/bull.png);
            margin: 0;
            padding-left: 10px;
            padding-bottom: 5px;
        }

.needhelp {
    width: 261px;
    height: 167px;
    padding: 5px 19px 0 16px;
    background: url(../../Images/MainHome/need-help.png) no-repeat;
    color: #000;
}

    .needhelp .text {
        font-size: 17px;
        color: #636363;
        font-weight: bold;
        padding: 2px 0;
    }

    .needhelp .daily {
        font-size: 11px;
    }

    .needhelp .nhhead {
        background: url(../../Images/MainHome/qus.png) no-repeat top left;
        font-size: 19px;
        color: #208cc6;
        font-weight: bold;
        padding: 2px 0 2px 40px;
        height: 36px;
    }

.conttext {
    display: none;
}

.testimonial_scroll p {
    text-align: justify;
}

.testimonial_scroll ul li {
    text-align: justify;
}

.stext {
    font-size: 11px;
    font-style: italic;
}

.footermain {
    border-top: 1px solid #d8d8d8;
    background: #e4e4e4;
}

.footer {
    width: 1003px;
    margin: auto;
    padding: 10px 0;
    color: #292929;
}

    .footer .bord {
        border: 1px solid #a1a1a1;
        padding: 10px;
        border-radius: 10px;
        font-size: 10px;
        margin-bottom: 10px;
        background: #fff;
    }

        .footer .bord span {
            text-decoration: underline;
        }

    .footer .bgbox {
        background: #01aef0;
        margin-bottom: 10px;
        padding: 5px;
        text-align: center;
        color: #fff;
        font-size: 10px;
    }

    .footer p {
        font-size: 10px;
        padding: 5px 0 5px 0;
        text-align: justify;
    }



.slide {
    position: relative;
    width: 100%;
    height: 391px;
    border-bottom: 1px solid #d8d8d8;
}

#slide {
    list-style: none outside none;
    overflow: hidden;
    width: 100%;
    height: 391px;
    padding: 0px;
    margin: 0;
    text-align: center;
    background: #e7e7e7;
}

.slide-node {
    height: 391px;
}

#slide-pager {
    clear: both;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    bottom: 50px;
    z-index: 9;
    width: 100%;
}

    #slide-pager li {
        display: inline-block;
    }

        #slide-pager li a {
            width: 19px;
            height: 14px;
            padding: 5px 157px;
        }

            #slide-pager li a.usl-current {
                text-decoration: underline;
                background: url(../../Images/MainHome/arrow-vis.png) top no-repeat;
            }

.slider {
    height: 1%;
    padding: 0;
    position: relative;
}

    .slider .viewport {
        float: left;
        width: 300px;
        height: 150px;
        overflow: hidden;
        position: relative;
    }

    .slider .buttons {
        position: absolute;
        width: 18px;
        height: 18px;
        z-index: 5;
    }

    .slider .next {
        right: 0;
        top: 0px;
        background: url(../../Images/MainHome/next.png) no-repeat;
    }

    .slider .prev {
        right: 28px;
        top: 0px;
        background: url(../../Images/MainHome/prev.png) no-repeat;
    }

    .slider .disable {
        visibility: hidden;
    }

    .slider .overview {
        list-style: none;
        position: absolute;
        padding: 0;
        margin: 0;
        width: 300px;
        left: 0;
        top: 0;
    }

        .slider .overview li {
            float: left;
            margin: 0 3px 0 0;
            padding: 0;
            height: 150px;
            width: 300px;
        }

            .slider .overview li .hedtext {
                background: url(../../Images/MainHome/medul.png) no-repeat left top;
                font-size: 20px;
                color: #087fc0;
                padding: 5px 0 15px 30px;
                border-bottom: 1px dashed #cdcdcd;
            }

            .slider .overview li .feed-text {
                padding: 10px 0;
                color: #595959;
            }


.popupwindow {
    background: url(../../Images/eShield_New/blank.png) repeat;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 99;
}

.popcontInstru {
    width: 680px;
    /*height: 380px;*/
    background: #FFF;
    margin: 0 auto;
    margin-top: 175px;
    padding: 20px;
    border: 5px solid #373737;
    font-size: 12px;
}


/* Vertical Navigation */
#vertical-navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    float: right;
    position: relative;
}


    /* CSS for each Parent Item */
    #vertical-navigation li {
        float: left;
        position: relative;
        padding: 0px 0px 0px 0px; /*display:inline; font-size:15px; color:#000;  text-decoration:none;*/
    }

        #vertical-navigation li a
        /*{
	float: left;
	display: block;
	padding: 4px;
	text-decoration: none;
	color: #666;
	text-transform: uppercase;
	margin-right: 10px;
}*/
        /* 
Change background color and font color 
of parent items when mouse hover 
*/
        #vertical-navigation li:hover a,
        #vertical-navigation li a:hover {
            text-decoration: underline;
        }




    /* 
Applie to group of Child Items
Each Child Item will be invisible by default
*/
    #vertical-navigation ul {
        display: none;
    }

    /* Each Child Item will be visible if mouse hover */
    #vertical-navigation li:hover ul {
        display: block;
    }

    #vertical-navigation ul {
        float: none;
        position: absolute;
        list-style: none;
        margin: 0;
        padding: 0;
        top: 1.3em;
        left: 0;
        z-index: 999;
        margin-left: 5px;
        background: #0093dd;
        width: 190px;
    }

        #vertical-navigation ul li {
            float: none;
            clear: none;
            margin: 0;
            padding: 0;
            width: 100%;
            color: #999;
            text-align: left;
        }


            /* 
Reset and re style 
link of each child item
*/
            #vertical-navigation li:hover ul li a,
            #vertical-navigation ul li a {
                line-height: 200%;
                display: block;
                padding: 0 3px 0 3px;
                float: none;
                color: #FFF;
                background: none;
                text-decoration: none;
                border: 1px dotted #FFFFFF;
            }

                #vertical-navigation li:hover ul li a:hover,
                #vertical-navigation ul li a:hover {
                    background: none;
                    color: #000;
                }




#FAQLinks ul {
    float: none;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    top: 1.3em;
    left: 0;
    z-index: 999;
    margin-left: 5px;
    background: #0093dd;
    width: 80px;
}

    #FAQLinks ul li {
        float: none;
        clear: none;
        margin: 0;
        padding: 0;
        width: 100%;
        color: #999;
        text-align: left;
    }


        /* 
Reset and re style 
link of each child item
*/
        #FAQLinks li:hover ul li a,
        #FAQLinks ul li a {
            line-height: 200%;
            display: block;
            padding: 0 3px 0 3px;
            float: none;
            color: #FFF;
            background: none;
            text-decoration: none;
            border: 1px dotted #FFFFFF;
        }

            #FAQLinks li:hover ul li a:hover,
            #FAQLinks ul li a:hover {
                background: none;
                color: #000;
            }

@media only screen and (device-width: 768px) {
    #eWBan {
        max-width: 1075px;
    }

    #eABan {
        max-width: 1045px;
    }

    #eSBan {
        max-width: 1075px;
    }
}



/*start Added for footer Links*/
.PopularLinks {
    padding-top: 3px;
    border-bottom: 1px solid #a1a1a1;
    text-align: justify;
}

    .PopularLinks ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .PopularLinks li {
        border-left: 1px solid #292929;
        padding-right: 5px;
        padding-left: 5px;
        display: inline;
    }

    .PopularLinks > ul .first-liSub {
        border-left-style: none;
    }

    .PopularLinks > ul .first-liMain {
        border-left-style: none;
        color: Black;
    }
/*End  for footer Links*/



/*
  
  RollBar - jQuery ScrollBar Plugin
  -----------------------------------------------
  
  @author   flGravity
  @created  4/4/12
  @version  1.5
  @site     http://codecanyon.net/user/flGravity
  
*/


/* rollbar paths style */

.rollbar-path-vertical, .rollbar-path-horizontal {
    position: absolute;
    background: none;
    z-index: 100;
}

.rollbar-path-horizontal {
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 10px;
}

.rollbar-path-vertical {
    right: 5px;
    top: 0;
    height: 100%;
    width: 5px;
    background-color: #e1e1e1;
}
/* rollbar paths inner shadow */

.rollbar-path-vertical {
    box-shadow: inset 1px 0px 1 rgba(0,0,0,0.1);
    -moz-box-shadow: inset 1px 0px 1 rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 1px 0px 0 rgba(0,0,0,0.1);
}

.rollbar-path-horizontal {
    box-shadow: inset 0px 1px 1 rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 1px 1 rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0px 1px 0 rgba(0,0,0,0.1);
}
/* rollbar handle style */

.rollbar-handle {
    position: relative;
    top: 0;
    left: 0px;
    background-color: #087fc0;
    cursor: pointer;
}

.box1 .rollbar-handle {
    position: relative;
    top: 0;
    left: -3px;
    background-color: #e1e1e1;
    cursor: pointer;
}
/* prevent handle selection */

.rollbar-handle {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rollbar-path-vertical .rollbar-handle {
    height: 30%;
    width: 5px;
}

.rollbar-path-horizontal .rollbar-handle {
    width: 100%;
    height: 100%;
}
/* round corners for rollbar handle and paths */

/*.rollbar-path-vertical, .rollbar-path-horizontal, .rollbar-handle { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }*/

.testimonial_scroll {
    height: 340px;
    width: 630px;
    padding-right: 30px;
    overflow: auto;
}