.sliderhead3 {
    color: #0192ee;
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding: 0;
    text-align: left;

}




/*slidpopup*/
/*
    tabSlideOUt

    By  Michael Fielding
    License: GPL v3.0
*/

.ui-slideouttab-panel, .ui-slideouttab-handle {
    background-color: white;
    padding: 0.4em;
    box-sizing: border-box;
}

.ui-slideouttab-panel {
    display: block;
    position: fixed;
    border: 2px solid grey;
    z-index:99999;
} 


    .ui-slideouttab-panel a {
     
        font-size: 20px;
        text-decoration:none;
    }

        .ui-slideouttab-panel a:hover {
            color:#fff;
            font-size: 20px;
            text-decoration: none;
        }

.rtplink:link {
    color: #212529  !important;
    font-size: 16px !important;
}

.rtplink:hover {
    color: #0089d0 !important;
    font-size: 16px !important;
}


.text_center{
    text-align: center;
}


/* This class is added after the tabs are initialised, otherwise the user sees the 
   tabs slide out of the way when the page is initialised. */
.ui-slideouttab-ready {
    transition: transform 0.5s ease 0s;
}

/* Hide tabs and panels when printed. */
@media print {
    .ui-slideouttab-panel {
        display: none;
    }
}

/* Tab handles */
.ui-slideouttab-handle {
    display: block;
    position: absolute;
    cursor: pointer;
    color: white;
    background-color: grey;
}

.ui-slideouttab-handle-image {
    transform: rotate(0);
}

/* Right */
.ui-slideouttab-right {
    right: 0px;
    transform: translateX(100%);
    border-right: none;
}

    .ui-slideouttab-right.ui-slideouttab-open {
        transform: translateX(0%);
    }

    .ui-slideouttab-right .ui-slideouttab-handle {
        transform-origin: 0% 0%;
        transform: rotate(-0deg) translate(-100%,-100%);
    }

    .ui-slideouttab-right .ui-slideouttab-handle-reverse {
        transform-origin: 0% 100%;
        /*transform: rotate(-90deg);*/
    }
/* Left */
        .ui-slideouttab-left {
    left: 0px;
    transform: translateX(-100%);
    border-left: none;
}

    .ui-slideouttab-left.ui-slideouttab-open {
        transform: translateX(0%);
    }

            .ui-slideouttab-left .ui-slideouttab-handle {
                transform-origin: 100% 0%;
                /* transform: rotate(-90deg);
                */
            }

    .ui-slideouttab-left .ui-slideouttab-handle-reverse {
        transform-origin: 100% 100%;
        transform: rotate(-90deg) translate(100%,100%);
    }
/* Top */
.ui-slideouttab-top {
    top: 0px;
    transform: translateY(-100%);
    border-top: none;
}

    .ui-slideouttab-top.ui-slideouttab-open {
        transform: translateY(0%);
    }
/* Bottom */
.ui-slideouttab-bottom {
    bottom: 0px;
    transform: translateY(100%);
    border-bottom: none;
}

    .ui-slideouttab-bottom.ui-slideouttab-open {
        transform: translateY(0%);
    }

/* turn font awesome icon in a tab upright */
.ui-slideouttab-left .ui-slideouttab-handle > .fa-icon,
.ui-slideouttab-right .ui-slideouttab-handle > .fa-icon {
    transform: rotate(90deg);
}

.ui-slideouttab-handle > .fa-icon {
    margin-left: 0.5em;
}

/* apply rounded corners if handle has the -rounded class */
.ui-slideouttab-top .ui-slideouttab-handle-rounded,
.ui-slideouttab-left .ui-slideouttab-handle-rounded {
    border-radius: 0 0 4px 4px;
}

.ui-slideouttab-right .ui-slideouttab-handle-rounded,
.ui-slideouttab-bottom .ui-slideouttab-handle-rounded {
    border-radius: 4px 4px 0 0;
}

body {
    font-family: Open Sans, Helvetica, sans-serif;
}

.pg_txt {
    text-align: center;
}

.popup_img {
    max-width: 822px !important;
   /* max-width: 600px !important;*/
}

#left {
    border-color: red;
}

    #left .handle {
        background-color: red;
    }

#right {
    border-color: #6d6f71;
    border-width: 5px;
}

    #right .handle {
        background-color: #6d6f71;
        font-size: 20px;
    }

#bottom {
    border-color: blue;
}

    #bottom .handle {
        background-color: blue;
    }

pre {
    margin-left: 3em;
}
.pbox {
    margin-top: 0.1rem !important;
    margin-bottom: 0.1rem !important;
}

.artp {
    top: 42px !important;
    left: 0px;
}




/*slidpopup*/




.marketlot {
    color: #c32d2e;
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
    float: left;
    padding-right: 2px;
}

.arrow {
    padding-top: 0px;
    padding-right: 5px;
}

.leftf {
    float: left;
}

.marketlotblue {
    color: #016091;
    font-size: 15px;
    padding-top: 6px;
    float: left;
}

.marketlotblack {
    color: #000000;
    padding-top: 6px;
}


.datetext {
    color: #000000;
    font-family: "Segoe UI";
    font-size: 14px;
    font-style: normal;
    text-align: right;
}

/*change for dailymarket css*/
.serchdetails {
    border: 1px solid #5f5f5f;
    padding: 8px 10px;
}

.h_txt2 {
    color: #000 !important;
}

/*stockreach css*/


.subheadergrey2 {
    background-color: #e1e3e5;
    font-size: 14px;
    color: #000000;
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
}

    .subheadergrey2 b {
        background-color: #e1e3e5;
        font-size: 14px;
        color: #000000 !important;
        height: 30px;
        padding-left: 5px;
        padding-right: 5px;
    }

.volumetext {
    background-color: #ffffff;
    font-size: 14px;
    color: #000000;
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
}

.volumefig {
    background-color: #ffffff;
    font-size: 14px;
    color: #000000;
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
}

.newtabletexttop {
    height: 30px;
    background: #018ad2;
    color: #ffffff;
    font-size: 16px;
    text-align: left;
    padding-left: 5px;
    font-weight: bold;
}

.tablecontent {
    border: 1px solid #ddd;
}

.tab-content {
    border: 1px solid #ddd;
}


/*stockreach css*/


.tableheading {
    color: #ffffff;
    background-color: #018ad2;
}

.imagediv {
    border: solid 1px #0089d0;
    padding: 4px;
    margin-right: 20px;
}

.marketsearcharea {
    background-color: #e1e3e5;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
    padding-right: 2%;
    border-bottom: 5px solid #6d6f71;
}

.topblackvalue {
    font-weight: bold;
    font-size: 16px;
}

.toppaddin {
    padding-left: 5px !important;
    padding-right: 5px !important;
    text-align: right !important;
}

.topredvalue {
    color: #c30;
    font-weight: bold;
}

.topgreenvalue {
    color: #090;
    font-weight: bold;
}

.mwheading {
    background-color: #e1e3e5;
    text-align: center;
    vertical-align: middle;
}



.processflow {
    background: url(../images/step.jpg) no-repeat;
    width: 48px;
    height: 49px;
    color: #ffffff;
    padding-left: 20px;
}


.maparea {
    width: 520px;
    max-width: 100%;
}

.greyback {
    background-color: #e1e3e5;
}

.sysgreytotal {
    background-color: #babbbb;
    font-family: "Segoe UI";
    font-size: 14px;
    text-transform: none;
    color: #000000;
    text-decoration: none;
    padding: 10px;
    /* background: url(../images/tabblue.gif) repeat-x; */
    height: 30px;
}

.sysgreygrandtotal {
    background-color: #696a6a;
    font-family: "Segoe UI";
    font-size: 14px;
    text-transform: none;
    color: #ffffff;
    text-decoration: none;
    padding: 5px;
    /* background: url(../images/tabblue.gif) repeat-x; */
    height: 20px;
}


.sysgreyback {
    background-color: #e1e3e5;
    font-family: "Segoe UI";
    font-size: 14px;
    text-transform: none;
    color: #000000;
    text-decoration: none;
    padding: 5px;
    /* background: url(../images/tabblue.gif) repeat-x; */
    height: 20px;
}

.sysgreytotal {
    background-color: #a5a6a6;
    font-family: "Segoe UI";
    font-size: 14px;
    text-transform: none;
    color: #FFFFFF;
    text-decoration: none;
    padding: 5px;
    /* background: url(../images/tabblue.gif) repeat-x; */
    height: 20px;
}


.sysblueback {
    background-color: #ddeeff;
    font-family: "Segoe UI";
    font-size: 14px;
    text-transform: none;
    color: #000000;
    text-decoration: none;
    padding: 5px;
    /* background: url(../images/tabblue.gif) repeat-x; */
    height: 20px;
}

.innerdrpdwn {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #c4c4c4;
    border-radius: 8px;
    box-shadow: 2px 2px 2px #c4c4c4;
    color: #5f5f5f;
    font-family: "Segoe UI";
    font-size: 15px;
    margin: 5px;
    padding: 5px;
    width: 180px;
}

.submitbutton {
    height: 35px;
    font-size: 15px;
    padding-top: 3%;
}


.largetable {
    overflow-x: auto;
}

#slide-wrap {
    margin-bottom: 20px;
    font-family: "Segoe UI";
}



.pagesmallheader {
    font-size: 15px;
    color: #018ad2;
}

.tablemanage {
    border-spacing: 1px;
    border-collapse: inherit;
}

    .tablemanage th {
        text-align: center;
    }


.greyheader {
    font-family: "Segoe UI";
    font-size: 14px;
    text-transform: none;
    color: #000000;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    /*background: url(../images/tabblue.gif) repeat-x;*/
    height: 30px;
    background-color: #e1e3e5;
}



.blueheader {
    font-family: "Segoe UI";
    font-size: 14px;
    text-transform: none;
    color: #ffffff;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    /*background: url(../images/tabblue.gif) repeat-x;*/
    height: 30px;
    background-color: #018ad2;
}

.ttheader {
    font-family: "Segoe UI";
    font-size: 14px;
    text-transform: none;
    color: #ffffff;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    /*background: url(../images/tabblue.gif) repeat-x;*/
    height: 30px;
    background-color: #787878;
}

.rowalign {
    font-family: "Segoe UI";
    font-size: 14px;
    text-transform: none;
    color: #000000;
    text-decoration: none;
    padding: 5px;
    /*background: url(../images/tabblue.gif) repeat-x;*/
    height: 20px;
    background-color: #ffffff;
}


.ullist {
    list-style-image: url(../images/nav_bullet.png);
    line-height: 25px;
    color: #000000;
    padding-left: 20px;
}

    .ullist li {
        border-bottom: dotted 1px #cccccc;
    }


.mainlink:link {
    color: #018ad2;
    font-family: "Segoe UI";
    text-decoration: none;
}

.mainlink:visited {
    color: #018ad2;
    font-family: "Segoe UI";
    text-decoration: none;
}

.mainlink:hover {
    color: #31415e;
    font-family: "Segoe UI";
    text-decoration: none;
}

.mainlink:active {
    color: #31415e;
    font-family: "Segoe UI";
    text-decoration: none;
}

.card-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card {
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    margin-top: 15px;
}

.photocontent {
    margin-bottom: 15px;
    border-bottom: dotted 1px #cccccc;
    padding-bottom: 15px;
    padding-left: 15px;
}


.testimonialimage {
}



.testimonialtext {
    padding-top: 5%;
}

.testiclickarea {
    cursor: pointer;
    background: #ece9e9;
    padding-left: 0px;
}


    .testiclickarea:hover {
        background: #018ad2;
        color: #ffffff;
    }


        .testiclickarea:hover h2 {
            background: #018ad2;
            color: #ffffff;
        }

        .testiclickarea:hover span {
            background: #018ad2;
            color: #ffffff;
        }

    .testiclickarea h2 {
        color: #6d6f71;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 0px;
    }

        .testiclickarea h2:hover {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 0px;
        }

    .testiclickarea span {
        color: #6d6f71;
        font-size: 15px;
    }

        .testiclickarea span:hover {
            color: #ffffff;
            font-size: 15px;
        }





.clickarea {
    cursor: pointer;
    background: #e1e3e5;
}





    .clickarea:hover {
        background: #018ad2;
        color: #ffffff;
    }


        .clickarea:hover h2 {
            background: #018ad2;
            color: #ffffff;
        }

        .clickarea:hover span {
            background: #018ad2;
            color: #ffffff;
        }

    .clickarea h2 {
        color: #6d6f71;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 0px;
        margin-top: 20px;
    }

        .clickarea h2:hover {
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 0px;
        }

    .clickarea span {
        color: #6d6f71;
        font-size: 15px;
    }

        .clickarea span:hover {
            color: #ffffff;
            font-size: 15px;
        }

.amChartsPeriodSelector {
    color: #000 !important;
}

.amChartsInputField {
    background: transparent;
    border: 1px solid #ccc !important;
    color: #000 !important;
    outline: none;
    text-align: center;
    width: 100px;
}

.amChartsButton {
    background: transparent;
    border: 1px solid #ccc !important;
    border-radius: 5px;
    box-sizing: border-box;
    color: #000 !important;
    margin: 1px;
    opacity: 0.7;
    outline: none;
}

.amcharts-chart-div text {
    color: #000 !important;
    fill: #000 !important;
}


.clickarea2 {
    cursor: pointer;
}

    .clickarea2:hover {
        color: #6d6f71;
    }


        .clickarea2:hover h2 {
            color: #6d6f71;
        }

        .clickarea2:hover span {
            color: #6d6f71;
        }

    .clickarea2 h2 {
        color: #6d6f71;
        font-size: 14px;
        margin-bottom: 0px;
    }

        .clickarea2 h2:hover {
            color: #6d6f71;
            font-size: 14px;
            margin-bottom: 0px;
        }

    .clickarea2 span {
        color: #6d6f71;
        font-size: 15px;
    }

.clickarea span:hover {
    color: #6d6f71;
    font-size: 15px;
}






.clickareafaq {
    cursor: pointer;
}

    .clickareafaq:hover {
        color: #018ad2;
    }


        .clickareafaq:hover h2 {
            color: #018ad2;
        }

        .clickareafaq:hover span {
            color: #018ad2;
        }

    .clickareafaq h2 {
        color: #018ad2;
        font-size: 14px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

        .clickareafaq h2:hover {
            color: #018ad2;
            font-size: 14px;
            margin-bottom: 0px;
        }

    .clickareafaq span {
        color: #018ad2;
        font-size: 15px;
    }


/* =Footer
-------------------------------------------------------------- */
/* =Extras
-------------------------------------------------------------- */
.clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 991px) {


    .header {
        width: 100%;
        height: 310px;
        top: 0;
        left: 0;
        z-index: 999;
        border: 0;
    }

    .body_contrast1 .header {
        width: 100%;
        height: 310px;
        top: 0;
        left: 0;
        z-index: 999;
        border: 0;
    }

    .topimgtext {
        text-align: center;
        margin: 0 auto;
        width: 120px;
        margin-bottom: 5px;
    }

    .topvaluetext {
        text-align: center;
        margin: 0 auto;
        width: 300px;
        margin-bottom: 5px;
    }

    .righttoparea {
        text-align: center;
    }




    .header h1#logo {
        display: block;
        margin-top: 0px;
        width: 150px;
        float: none;
        font-size: 14px;
        margin: 0 auto;
        line-height: 40px;
        text-align: center;
    }

    .header nav {
        display: block;
        float: none;
        font-size: 14px;
        text-align: center;
        margin: 0 auto;
        padding-top: 22px;
    }

        .header nav a {
            line-height: 35px;
            font-size: 14px;
            /*margin: 0 10px;*/
            font-family: "Segoe UI"
        }

            .header nav a:hover {
                color: #31415e;
                text-decoration: none;
                font-family: "Segoe UI"
            }


    .groupclass {
        float: right;
        display: none;
    }

    .searcharea {
        float: inherit;
        display: none;
    }

    .smalltopmenu {
        float: none;
    }
}


@media all and (min-width: 992px) {

    .righttoparea {
        float: right;
        width: 260px;
    }

    .topimgtext {
        text-align: right;
        float: right;
    }

    .topvaluetext {
        text-align: right;
        margin-bottom: 0px;
    }


    .smalltopmenu {
        float: right;
    }

    .groupclass {
        float: right;
    }

    .searcharea {
        float: right;
        width: 220px;
    }

    header {
        width: 100%;
        height: 100px;
        top: 0;
        left: 0;
        z-index: 999;
        border: 0;
        font-family: "Segoe UI";
        background-color: #ffffff;
    }

        header h1#logo {
            width: 280px;
            display: inline-block;
            /*height: 70px;*/
            float: left;
            font-family: "Segoe UI";
            font-size: 60px;
            color: black;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            margin-top: 5px;
        }

    .header nav {
        display: inline-block;
        float: right;
        width: 450px;
        max-width: 100%;
    }

        .header nav span {
            margin-left: 13px;
        }


        .header nav a {
            line-height: 50px;
            font-family: "Segoe UI";
            color: #018ad2;
            font-size: 12px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
        }

            .header nav a:hover {
                color: #31415e;
                font-family: "Segoe UI";
                text-decoration: none;
            }
}


@media all and (max-width: 600px) {
    .container {
        width: 100%;
    }

    .new_color_align {
        color: #0089d1;
        text-align: center;
        padding-left: 90px !important;
    }
}




.marketing .col-lg-4 {
    margin-bottom: 20px;
    text-align: center;
}

.marketing h2 {
    font-weight: normal;
    color: #0c4ca3;
    padding-top: 15px;
}

.footerpane {
    background: #595959 none repeat scroll 0 0;
    padding: 4px;
    color: #ffffff;
}

.footerlinks a {
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-style: normal;
    padding: 10px 5px 5px 10px;
    text-align: left;
}

.footerlinks1 {
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-style: normal;
    text-align: left;
}

    .footerlinks1 a {
        color: #ffffff !important;
        font-family: "Open Sans",sans-serif;
        font-size: 14px;
        font-style: normal;
        text-align: left;
        padding: 7px 3px 3px 7px;
    }

.tickerarea {
    margin-bottom: 10px;
    color: #000;
    background: #2b3e52;
    margin-top: 10px;
    font-family: "Segoe UI";
    width: 100%;
    max-width: 100%;
    padding-top: 0%;
    height: 60px;
}

.tickerbox {
    border-right: 1px solid #fff;
    padding: 5px 10px;
    width: 180px;
    float: left;
}

.tickerboxtext {
    border-right: 1px solid #fff;
    padding: 2px 10px;
    width: 750px;
    float: left;
}

.tickerbox, .futures {
    display: inline-block;
}

.cotext {
    text-transform: uppercase;
    font-family: "Segoe UI";
    font-size: 18px;
}

.covalue {
    font-family: "Segoe UI";
    font-size: 18px;
}

    .covalue span.green {
        color: #52df52;
    }

    .covalue span.red {
        color: #fb5d5d;
    }

    .covalue span.icon {
        font-size: 18px;
    }

    .covalue span {
        font-size: 14px;
        font-family: "Segoe UI";
    }






/* 
- Name: megamenu.js - style.css
- Version: 1.0
- Latest update: 29.01.2016.
- Author: Mario Loncarek
- Author web site: http://marioloncarek.com
*/


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Body - not related to megamenu
–––––––––––––––––––––––––––––––––––––––––––––––––– */

body {
    font-family: 'Source Sans Pro', sans-serif;
}

* {
    box-sizing: border-box;
}

a {
    color: #333;
}

.description {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.innermenu {
    height: 245px;
    overflow-y: scroll;
}

.menu-container {
    width: 100%;
    margin: 0 auto;
    background: #31415e;
    color: #ffffff;
    font-family: "Segoe UI"
}

.menu-mobile {
    display: none;
    padding: 20px;
    color: #ffffff;
}

.newticker {
    animation: blinker 0.9s linear infinite;
    font-size: 10px;
    color: #018ad2;
    font-weight: bold;
}

.newtickerorg {
    animation: blinker 0.8s linear infinite;
    font-size: 12px;
    color: rgb(241 133 22);
    font-weight: bold;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}


.new_ticker {
    animation: blinker 1.1s linear infinite;
    font-size: 25px;
    color: #2e3192;
    /*font-weight: bold;*/
}

.sensextab_btn {
    position: fixed;
    width: 132px;
    height: 50px;
    border-radius: 5px;
    right: -4px;
    font-weight: bold;
    background: #ffffff;
    border-style: solid;
    border-color: #2e3192;
    border-width: 1px;
    bottom: 45%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

    .sensextab_btn:hover {
        color: #0089d1;
    }

@keyframes blinker {
    50% {
        opacity: 0;
    }
}


    .menu-mobile:after {
        content: "\f394";
        font-family: "Ionicons";
        font-size: 2.5rem;
        padding: 0;
        float: right;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

    .menu > ul:before,
    .menu > ul:after {
        content: "";
        display: table;
    }

    .menu > ul:after {
        clear: both;
    }

    .menu > ul > li {
        float: left;
        background: #31415e;
        padding: 0;
        margin: 0;
        color: #ffffff;
    }

        .menu > ul > li a {
            text-decoration: none;
            padding: 0.5em 0.5em;
            display: block;
            color: #b1b1b2;
            font-size: 15px;
        }


.menuheadlink:link {
    color: #018ad2;
    font-size: 14px;
}

.menuheadlink:visited {
    color: #018ad2;
    font-size: 14px;
}

.menuheadlink:hover {
    color: #31415e;
    font-size: 14px;
}

.menuheadlink:active {
    color: #31415e;
    font-size: 14px;
}

.menu > ul > li:hover {
    background: #ffffff;
    color: #31415e;
    font-size: 18px;
}

.menu > ul > li a:hover {
    background: #ffffff;
    color: #31415e;
    font-size: 18px;
}

.menu > ul > li a:visted {
    background: #ffffff;
    color: #31415e;
    font-size: 18px;
}

.menu > ul > li a:active {
    background: #ffffff;
    color: #31415e;
    font-size: 18px;
}


.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #ffffff;
    padding: 20px;
    position: absolute;
    z-index: 9999;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    border-bottom: 5px solid #31415e;
}

    .menu > ul > li > ul:before,
    .menu > ul > li > ul:after {
        content: "";
        display: table;
    }

    .menu > ul > li > ul:after {
        clear: both;
    }

    .menu > ul > li > ul > li {
        margin: 0;
        padding-bottom: 0;
        list-style: none;
        width: 25%;
        background: none;
        float: left;
    }

        .menu > ul > li > ul > li a {
            color: #6f6f6f;
            padding: 0 0;
            width: 95%;
            display: block;
            border-bottom: 1px solid #e9e9e9;
            font-size: 14px;
        }

        .menu > ul > li > ul > li a:hover {
            color: #6f6f6f;
            padding: 0 0;
            width: 95%;
            display: block;
            border-bottom: 1px solid #e9e9e9;
            font-size: 14px;
        }

        .menu > ul > li > ul > li > ul {
            display: block;
            padding: 0;
            margin: 10px 0 0;
            list-style: none;
            box-sizing: border-box;
        }

            .menu > ul > li > ul > li > ul:before,
            .menu > ul > li > ul > li > ul:after {
                content: "";
                display: table;
            }

            .menu > ul > li > ul > li > ul:after {
                clear: both;
            }

            .menu > ul > li > ul > li > ul > li {
                float: left;
                width: 100%;
                padding: 2px 0;
                margin: 0;
                font-size: .8em;
            }

                .menu > ul > li > ul > li > ul > li a {
                    /*border: 0;*/
                }

    .menu > ul > li > ul.normal-sub {
        width: 300px;
        left: auto;
        padding: 10px 20px;
    }

        .menu > ul > li > ul.normal-sub > li {
            width: 100%;
        }

            .menu > ul > li > ul.normal-sub > li a {
                border: 0;
                padding: 1em 0;
            }


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
    .menu-container {
        width: 100%;
    }

    .menu-mobile {
        display: block;
    }

    .menu-dropdown-icon:before {
        display: block;
    }

    .menu > ul {
        display: none;
    }

        .menu > ul > li {
            width: 100%;
            float: none;
            display: block;
        }

            .menu > ul > li a {
                padding: 1.5em;
                width: 100%;
                display: block;
            }

            .menu > ul > li > ul {
                position: relative;
            }

                .menu > ul > li > ul.normal-sub {
                    width: 100%;
                }

                .menu > ul > li > ul > li {
                    float: none;
                    width: 100%;
                    margin-top: 20px;
                }

                    .menu > ul > li > ul > li:first-child {
                        margin: 0;
                    }

                    .menu > ul > li > ul > li > ul {
                        position: relative;
                    }

                        .menu > ul > li > ul > li > ul > li {
                            float: none;
                        }

    .menu .show-on-mobile {
        display: block;
    }
}


html,
body {
    height: 100%;
}



.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 40%;
    width: 90.3%;
    z-index: 1;
    left: 4.9%;
    margin-top: 163px;
}

    header.carousel .item,
    header.carousel .item.active,
    header.carousel .carousel-inner {
        height: 100%;
    }

    header.carousel .fill {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
    }

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

    .price sup {
        top: -20px;
        left: 2px;
        font-size: 20px;
    }

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}




/*FOR MIDDLE SLIDER*/




#wrapper {
    width: 96%;
    margin: 0px auto;
}

#slider {
    width: 100%;
    height: 120px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    background: #018ad2;
}

    #slider .slides {
        display: block;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    #slider .slide {
        list-style-type: none;
        float: left;
        height: 400px;
    }

.prev-slide, .next-slide {
    color: #ffffff;
    font-size: 300%;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    cursor: pointer;
}

.prev-slide {
    left: 3%;
    padding: 5px 25px 0 0;
}

.next-slide {
    right: 3%;
    padding: 5px 0 0 25px;
}

.slide-img {
    float: left;
    width: 30%;
}

.slide-info {
    float: left;
    width: 65%;
    height: 100%;
    padding: 20px;
}

.slide-img {
    height: 100%;
    background-repeat: no-repeat;
}


.slide-info h3 {
    margin: 0 0 10px 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
}

.slide-description {
    color: #ffffff;
}


/* Less than 480px */
@media (max-width: 480px) {

    .slide-img {
        width: 100%;
    }

    .slide-info {
        display: none;
    }

    .marketing .one_fourth {
        width: 360%;
        max-width: 100%;
        max-height: 100%;
        padding-top: 3%;
        height: 165px;
        background-color: #e1e3e5;
        box-shadow: 1px 5px 15px #d2d2d2;
        text-align: center;
        -webkit-transition: background 0.5s linear;
        -moz-transition: background 0.5s linear;
        -o-transition: background 0.5s linear;
        transition: background 0.5s linear;
        font-family: "Segoe UI";
    }


    .marketing {
    }


    .innercontentbox {
        border-left: 0px solid #018ad2;
        padding: 3%;
    }



    .marketing .one_fourth:hover {
        background: #31415e;
        font-size: 18px;
        font-family: "Segoe UI";
    }

    .marketing .one_fourth .boxImage {
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        font-family: "Segoe UI";
    }

    .marketing .one_fourth:hover .boxImage {
        position: relative;
        -webkit-animation: moveFromLeft 350ms ease;
        -moz-animation: moveFromLeft 350ms ease;
        -ms-animation: moveFromLeft 350ms ease;
        font-family: "Segoe UI";
    }

    .marketing .one_fourth h2 {
        color: #4B4A4A;
        margin: 0 0 10px 0;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        font-size: 18px;
        font-family: "Segoe UI";
    }

    .marketing .one_fourth:hover h2 {
        position: relative;
        color: #EAEAEA;
        -webkit-animation: moveFromLeft 200ms ease;
        -moz-animation: moveFromLeft 200ms ease;
        -ms-animation: moveFromLeft 200ms ease;
        font-size: 18px;
        font-family: "Segoe UI";
    }


    .marketing .one_fourth .boxDescription {
        color: #4B4A4A;
        margin: 0 0 10px 0;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        font-family: "Segoe UI";
    }

    .marketing .one_fourth:hover .boxDescription {
        position: relative;
        color: #EAEAEA;
        -webkit-animation: moveFromRight 500ms ease-in-out;
        -moz-animation: moveFromRight 500ms ease-in-out;
        -ms-animation: moveFromRight 500ms ease-in-out;
        font-family: "Segoe UI";
    }
}

@media (min-width: 768px) {
    .marketing .one_fourth {
        width: 360%;
        max-width: 100%;
        max-height: 100%;
        padding-top: 3%;
        height: 165px;
        background-color: #e1e3e5;
        box-shadow: 1px 5px 15px #d2d2d2;
        text-align: center;
        -webkit-transition: background 0.5s linear;
        -moz-transition: background 0.5s linear;
        -o-transition: background 0.5s linear;
        transition: background 0.5s linear;
        font-family: "Segoe UI";
    }


    .marketing {
    }


    .innercontentbox {
        border-left: 0px solid #018ad2;
        padding: 3%;
    }


    .marketing .one_fourth:hover {
        background: #31415e;
        font-size: 18px;
        font-family: "Segoe UI";
    }

    .marketing .one_fourth .boxImage {
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        font-family: "Segoe UI";
    }

    .marketing .one_fourth:hover .boxImage {
        position: relative;
        -webkit-animation: moveFromLeft 350ms ease;
        -moz-animation: moveFromLeft 350ms ease;
        -ms-animation: moveFromLeft 350ms ease;
        font-family: "Segoe UI";
    }

    .marketing .one_fourth h2 {
        color: #4B4A4A;
        margin: 0 0 10px 0;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        font-size: 18px;
        font-family: "Segoe UI";
    }

    .marketing .one_fourth:hover h2 {
        position: relative;
        color: #EAEAEA;
        -webkit-animation: moveFromLeft 200ms ease;
        -moz-animation: moveFromLeft 200ms ease;
        -ms-animation: moveFromLeft 200ms ease;
        font-family: "Segoe UI";
        font-size: 18px;
    }


    .marketing .one_fourth .boxDescription {
        color: #4B4A4A;
        margin: 0 0 10px 0;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        font-family: "Segoe UI";
    }

    .marketing .one_fourth:hover .boxDescription {
        position: relative;
        color: #EAEAEA;
        -webkit-animation: moveFromRight 500ms ease-in-out;
        -moz-animation: moveFromRight 500ms ease-in-out;
        -ms-animation: moveFromRight 500ms ease-in-out;
        font-family: "Segoe UI";
    }
}


@media (max-width: 768px) {

    .marketing .one_fourth {
        width: 360%;
        max-width: 100%;
        max-height: 100%;
        padding-top: 3%;
        height: 165px;
        background-color: #e1e3e5;
        box-shadow: 1px 5px 15px #d2d2d2;
        text-align: center;
        -webkit-transition: background 0.5s linear;
        -moz-transition: background 0.5s linear;
        -o-transition: background 0.5s linear;
        transition: background 0.5s linear;
        font-family: "Segoe UI";
    }


    .marketing {
    }


    .innercontentbox {
        border-left: 0px solid #018ad2;
        padding: 3%;
    }


    .marketing .one_fourth:hover {
        background: #31415e;
        font-size: 18px;
        font-family: "Segoe UI";
    }

    .marketing .one_fourth .boxImage {
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        font-family: "Segoe UI";
    }

    .marketing .one_fourth:hover .boxImage {
        position: relative;
        -webkit-animation: moveFromLeft 350ms ease;
        -moz-animation: moveFromLeft 350ms ease;
        -ms-animation: moveFromLeft 350ms ease;
        font-family: "Segoe UI";
    }

    .marketing .one_fourth h2 {
        color: #4B4A4A;
        margin: 0 0 10px 0;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        font-size: 18px;
        font-family: "Segoe UI";
    }

    .marketing .one_fourth:hover h2 {
        position: relative;
        color: #EAEAEA;
        -webkit-animation: moveFromLeft 200ms ease;
        -moz-animation: moveFromLeft 200ms ease;
        -ms-animation: moveFromLeft 200ms ease;
        font-size: 18px;
        font-family: "Segoe UI";
    }


    .marketing .one_fourth .boxDescription {
        color: #4B4A4A;
        margin: 0 0 10px 0;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        font-family: "Segoe UI";
    }

    .marketing .one_fourth:hover .boxDescription {
        position: relative;
        color: #EAEAEA;
        -webkit-animation: moveFromRight 500ms ease-in-out;
        -moz-animation: moveFromRight 500ms ease-in-out;
        -ms-animation: moveFromRight 500ms ease-in-out;
        font-family: "Segoe UI";
    }
}


@media (min-width: 1200px) {

    .marketing .one_fourth {
        width: 360%;
        max-width: 100%;
        max-height: 100%;
        padding-top: 5%;
        height: 165px;
        background-color: #e1e3e5;
        box-shadow: 1px 5px 15px #d2d2d2;
        text-align: center;
        -webkit-transition: background 0.5s linear;
        -moz-transition: background 0.5s linear;
        -o-transition: background 0.5s linear;
        transition: background 0.5s linear;
        font-family: "Segoe UI";
    }


    .marketing {
    }


    .innercontentbox {
        border-left: 1px solid #018ad2;
        padding: 3%;
    }



    .marketing .one_fourth:hover {
        background: #31415e;
        font-size: 18px;
        font-family: "Segoe UI";
    }

    .marketing .one_fourth .boxImage {
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        font-family: "Segoe UI";
    }

    .marketing .one_fourth:hover .boxImage {
        position: relative;
        -webkit-animation: moveFromLeft 350ms ease;
        -moz-animation: moveFromLeft 350ms ease;
        -ms-animation: moveFromLeft 350ms ease;
        font-family: "Segoe UI";
    }

    .marketing .one_fourth h2 {
        color: #4B4A4A;
        margin: 0 0 10px 0;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        font-size: 18px;
        font-family: "Segoe UI";
    }

    .marketing .one_fourth:hover h2 {
        position: relative;
        color: #EAEAEA;
        -webkit-animation: moveFromLeft 200ms ease;
        -moz-animation: moveFromLeft 200ms ease;
        -ms-animation: moveFromLeft 200ms ease;
        font-size: 18px;
        font-family: "Segoe UI";
    }


    .marketing .one_fourth .boxDescription {
        color: #4B4A4A;
        margin: 0 0 10px 0;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        font-family: "Segoe UI";
    }

    .marketing .one_fourth:hover .boxDescription {
        position: relative;
        color: #EAEAEA;
        -webkit-animation: moveFromRight 500ms ease-in-out;
        -moz-animation: moveFromRight 500ms ease-in-out;
        -ms-animation: moveFromRight 500ms ease-in-out;
        font-family: "Segoe UI";
    }
}





@-webkit-keyframes moveFromTop {
    from {
        top: -600px;
    }

    to {
        top: auto;
    }
}

@-moz-keyframes moveFromTop {
    from {
        -moz-transform: translateY(-600%);
    }

    to {
        -moz-transform: translateY(0%);
    }
}

@-ms-keyframes moveFromTop {
    from {
        -ms-transform: translateY(-600%);
    }

    to {
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        bottom: -400px;
    }

    to {
        top: auto;
    }
}

@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(400%);
    }

    to {
        -moz-transform: translateY(0%);
    }
}

@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(400%);
    }

    to {
        -ms-transform: translateY(0%);
    }
}

/*FOR MIDDLE SLIDER*/





/*BIG SLIDER CSS*/



.responsive-slider {
    width: 100%;
    position: relative;
}

    .responsive-slider [data-animate] {
        opacity: 0;
    }

    .responsive-slider .slides {
        position: relative;
        overflow: hidden;
    }

        .responsive-slider .slides ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
            white-space: nowrap;
            font-size: 0;
        }

            .responsive-slider .slides ul li {
                display: inline-block;
                max-width: 100%;
            }

                .responsive-slider .slides ul li .slide-body {
                    display: inline-block;
                    position: relative;
                    max-width: 100%;
                    font-size: 14px;
                }

                    .responsive-slider .slides ul li .slide-body img {
                        max-width: 100%;
                    }

                    .responsive-slider .slides ul li .slide-body .caption {
                        position: absolute;
                        color: #fff;
                    }

                        .responsive-slider .slides ul li .slide-body .caption.header {
                            top: 28%;
                            right: 8%;
                        }

                            .responsive-slider .slides ul li .slide-body .caption.header h2 {
                                font-size: 40px;
                            }

                                .responsive-slider .slides ul li .slide-body .caption.header h2 i {
                                    font-size: 35px;
                                }

@media (min-width: 350px) and (max-width: 767px) {
    .responsive-slider .slides ul li .slide-body .caption.header h2 {
        font-size: 25px;
    }

        .responsive-slider .slides ul li .slide-body .caption.header h2 i {
            font-size: 20px;
        }

    .new_color_align {
        color: #0089d1;
        text-align: center;
        padding-left: 90px !important;
    }

}

@media (max-width: 350px) {
    .responsive-slider .slides ul li .slide-body .caption.header h2 {
        font-size: 16px;
    }

        .responsive-slider .slides ul li .slide-body .caption.header h2 i {
            font-size: 14px;
        }
}

.responsive-slider .slides ul li .slide-body .caption.sub {
    bottom: -8px;
    right: -20px;
    font-weight: bold;
}

@media (min-width: 350px) and (max-width: 767px) {
    .responsive-slider .slides ul li .slide-body .caption.sub {
        font-size: 11px !important;
        bottom: 0px;
        right: -10px;
    }
}

@media (max-width: 350px) {
    .responsive-slider .slides ul li .slide-body .caption.sub {
        font-size: 10px !important;
        bottom: 5px;
        right: 0;
    }
}

.responsive-slider .slides ul li .slide-body .caption.img-html5 {
    top: 13%;
    right: 8%;
    width: 30%;
}

    .responsive-slider .slides ul li .slide-body .caption.img-html5 img {
        max-width: 100%;
    }

.responsive-slider .slides ul li .slide-body .caption.img-css3 {
    top: 57%;
    right: 12%;
    width: 10%;
}

    .responsive-slider .slides ul li .slide-body .caption.img-css3 img {
        max-width: 100%;
    }

.responsive-slider .slides ul li .slide-body .caption.img-bootstrap {
    top: 48%;
    right: 12%;
    width: 11%;
}

    .responsive-slider .slides ul li .slide-body .caption.img-bootstrap img {
        max-width: 100%;
    }

.responsive-slider .slides ul li .slide-body .caption.img-twitter {
    top: 19%;
    right: 12%;
    width: 11%;
}

    .responsive-slider .slides ul li .slide-body .caption.img-twitter img {
        max-width: 100%;
    }

.responsive-slider .slides ul li .slide-body .caption.img-jquery {
    top: 66%;
    right: 12%;
    width: 33%;
}

    .responsive-slider .slides ul li .slide-body .caption.img-jquery img {
        max-width: 100%;
    }

.responsive-slider .slider-control {
    position: absolute;
    font-size: 20px;
    color: #000;
    top: 40%;
    background-color: #fff;
    padding: 10px;
    OPACITY: 0.5;
}

    .responsive-slider .slider-control.left {
        left: 0;
        padding-left: 0;
        -webkit-border-radius: 0px 6px 6px 0px;
        border-radius: 0px 6px 6px 0px;
    }

        .responsive-slider .slider-control.left:hover {
            text-decoration: none;
            padding-left: 10px;
        }

    .responsive-slider .slider-control.right {
        right: 0;
        padding-right: 0;
        -webkit-border-radius: 6px 0px 0px 6px;
        border-radius: 6px 0px 0px 6px;
    }

        .responsive-slider .slider-control.right:hover {
            text-decoration: none;
            padding-right: 10px;
        }

@media (max-width: 350px) {
    .responsive-slider .slider-control.left,
    .responsive-slider .slider-control.right {
        display: none;
    }
}

.responsive-slider .pages {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

    .responsive-slider .pages .page {
        display: inline-block;
        color: transparent;
        width: 5px;
        height: 5px;
        border: 3px solid #fff;
        border-radius: 50%;
        opacity: 0.5;
    }

        .responsive-slider .pages .page.active {
            opacity: 1;
        }


/*BIG SLIDER CSS*/


/*left menu css*/

.leftsublinks {
    border-bottom: 1px solid #cccccc;
    color: #5f5f5f;
    font-family: Segoe UI;
    font-size: 13px;
    padding-bottom: 3%;
    padding-top: 2%;
    text-align: left;
    width: 145px;
}

    .leftsublinks a {
        color: #5f5f5f;
        font-family: Segoe UI;
        font-size: 13px;
        padding-bottom: 3%;
        padding-top: 2%;
        text-align: left;
        text-decoration: none;
        width: 145px;
    }

        .leftsublinks a:hover {
            color: #018ad2;
            font-family: Segoe UI;
            font-size: 13px;
            padding-bottom: 3%;
            padding-top: 2%;
            text-align: left;
            text-decoration: none;
            width: 145px;
            padding-left: 2%;
        }

.leftsubblinks {
    border-bottom: 1px solid #cccccc;
    color: #186e9b;
    font-family: Segoe UI;
    font-size: 13px;
    padding-bottom: 3%;
    padding-top: 2%;
    padding-left: 2%;
    text-align: left;
    width: 145px;
}

    .leftsubblinks a {
        color: #186e9b;
        font-family: Segoe UI;
        font-size: 13px;
        padding-bottom: 3%;
        padding-top: 2%;
        text-align: left;
        width: 145px;
    }

        .leftsubblinks a:hover {
            color: #ffffff;
            font-family: Segoe UI;
            font-size: 13px;
            padding-bottom: 3%;
            padding-top: 2%;
            padding-left: 2%;
            text-align: left;
            width: 145px;
        }


.submenu ol {
    list-style-type: none;
}

    .submenu ol li a {
        color: #000000;
        font-size: 15px;
    }

.subbmenu li a {
    color: #5f5f5f !important;
    font-size: 14px !important;
}

.leftlinksmain {
    padding: 12% 12% 12% 0;
}

.leftlinks {
    border-bottom: 1px solid #cccccc;
    color: #018ad2;
    font-family: "Segoe UI";
    font-size: 15px;
    padding-bottom: 3%;
    padding-top: 2%;
    text-align: left;
}

    .leftlinks a {
        color: #018ad2;
        font-family: "Segoe UI";
        font-size: 15px;
        padding-bottom: 3%;
        padding-top: 2%;
        text-align: left;
    }



.tablebluelink:link {
    color: #5f5f5f;
    font-family: "Segoe UI";
    font-size: 16px;
    padding-bottom: 3%;
    padding-top: 2%;
    text-align: left;
    width: 260px;
    text-decoration: none;
}

.tablebluelink:visited {
    color: #5f5f5f;
    font-family: "Segoe UI";
    font-size: 16px;
    padding-bottom: 3%;
    padding-top: 2%;
    text-align: left;
    width: 260px;
    text-decoration: none;
}

.tablebluelink:hover {
    color: #ffffff;
    font-family: "Segoe UI";
    font-size: 16px;
    padding-bottom: 3%;
    padding-top: 2%;
    text-align: left;
    background-color: #6d6f71;
    width: 260px;
    text-decoration: none;
}

.tablebluelink:active {
    color: #ffffff;
    font-family: "Segoe UI";
    font-size: 16px;
    padding-bottom: 3%;
    padding-top: 2%;
    text-align: left;
    background-color: #6d6f71;
    width: 260px;
    text-decoration: none;
}







.breadcrumlink {
    color: #0089d2;
    float: left;
    font-family: "Segoe UI";
    font-size: 15px;
    padding: 1%;
    padding-left: 0%;
    padding-top: 0%;
}

    .breadcrumlink a {
        color: #018ad2;
        font-family: "Segoe UI";
        font-size: 14px;
        text-decoration: none;
    }

        .breadcrumlink a:hover {
            color: #018ad2;
            font-family: "Segoe UI";
            font-size: 14px;
            text-decoration: none;
        }

.breadcrumactive {
    color: #5f5f5f;
    float: left;
    font-family: "Segoe UI";
    font-size: 15px;
    padding: 1%;
    padding-left: 0%;
    padding-top: 0%;
}


.mareketinnercontentbox {
    padding-top: 3%;
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 3%;
}


.sliderhead {
    color: #018ad2;
    font-family: "Segoe UI";
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 15px;
    text-align: left;
}


.innertext {
    color: #000000;
    font-family: "Segoe UI";
    font-style: normal;
    text-align: left;
}

/*left menu css*/


/*pagination*/

.cssPager_1 span {
    background-color: #4f6b72;
    font-size: 12px;
}

.mpager span a {
    text-decoration: none;
}

.mGrid {
    width: 100%;
    background-color: #fff;
    border: solid 1px #d6d6d6;
    border-collapse: collapse;
    font-size: 12px;
}

    .mGrid td {
        border: solid 1px #d6d6d6;
    }

    .mGrid th {
        color: #fff;
        border-left: solid 1px #d6d6d6;
    }

    .mGrid .alt {
        background: #fcfcfc repeat-x top;
    }

    .mGrid .pgr {
        background: #ffffff repeat-x top;
        font-size: 12px;
    }

        .mGrid .pgr table {
            margin: 5px 0;
        }

        .mGrid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-right: solid 1px #d6d6d6;
            font-weight: bold;
            color: #0089D0;
            line-height: 12px;
        }

        .mGrid .pgr a {
            color: #666;
            text-decoration: none;
            font-size: 12px;
        }

            .mGrid .pgr a:hover {
                color: #000;
                text-decoration: none;
                font-size: 12px;
            }

/*pagination*/


/*small slider*/

/* carousel */
#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 0px;
    font-family: "Segoe UI";
    font-size: 18px;
    color: #ffffff;
}

    #quote-carousel a {
        font-family: "Segoe UI";
        color: #ffffff;
        text-decoration: none;
    }

        #quote-carousel a:hover {
            font-family: "Segoe UI";
            color: #ffffff;
            text-decoration: none;
        }

    /* Control buttons  */
    #quote-carousel .carousel-control {
        background: none;
        color: #222;
        font-size: 2.3em;
        text-shadow: none;
        margin-top: 45px;
    }
        /* Previous button  */
        #quote-carousel .carousel-control.left {
            left: -12px;
        }
        /* Next button  */
        #quote-carousel .carousel-control.right {
            right: -12px !important;
        }
    /* Changes the position of the indicators */
    #quote-carousel .carousel-indicators {
        right: 50%;
        top: auto;
        bottom: 0px;
        margin-right: -19px;
    }
        /* Changes the color of the indicators */
        #quote-carousel .carousel-indicators li {
            background: #018ad2;
        }

        #quote-carousel .carousel-indicators .active {
            background: #018ad2;
        }

    #quote-carousel img {
        width: 322px;
        height: 120px
    }
/* End carousel */

.item blockquote {
    border-left: none;
    margin: 0;
}

    .item blockquote img {
        margin-bottom: 10px;
    }

    .item blockquote p:before {
        font-family: "Segoe UI";
        float: left;
        margin-right: 10px;
    }



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */

.rowslider {
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 1000px) {
    .toparea {
        position: fixed;
        z-index: 999;
        left: 0;
        right: 0;
        top: 0;
        background-color: #ffffff;
    }
}

@media (min-width: 769px ) and (max-width: 960px) {

    .sliderarea {
        margin-top: 0px !important;
    }
}

@media (min-width: 768px) {
    #quote-carousel {
        margin-bottom: 10px;
        padding: 0px 20px 0px 20px;
        background-color: #018ad2;
        font-size: 18px;
    }

    /*  .toparea
    {
        position: fixed; z-index: 999; left: 0; right: 0; top: 0;
    } */


    .body_contrast1 .sliderarea {
        margin-top: 0px;
    }

    .body_contrast1 .sliderareainner {
        margin-top: 0px;
    }

    .sliderarea {
        margin-top: 173px;
    }

.sliderarea_master {
    margin-top: 200px;
}

    .sliderareainner {
        margin-top: 170px;
    }
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {

    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */

    .leftlinksmain {
        display: none;
    }


    #quote-carousel .carousel-indicators {
        bottom: 0px !important;
    }

        #quote-carousel .carousel-indicators li {
            display: inline-block;
            margin: 0px 5px;
            width: 15px;
            height: 15px;
        }

            #quote-carousel .carousel-indicators li.active {
                margin: 0px 5px;
                width: 20px;
                height: 20px;
            }

    #quote-carousel {
        margin-bottom: 30px;
        padding: none;
        background-color: #018ad2;
        font-size: 18px;
    }


    .sliderarea {
        margin-top: 0px;
    }

    .sliderareainner {
        margin-top: 0px;
    }


    .toparea {
        position: relative;
        z-index: 999;
        left: 0;
        right: 0;
        top: 0;
    }


    #quote-carousel .carousel-control.left {
        left: 0px;
    }
    /* Next button  */
    #quote-carousel .carousel-control.right {
        right: 0px !important;
    }
}


/*small slider*/
.abtmaster {
    list-style: none;
    display: inline;
}

.abtmasterin {
    display: inline;
    padding-left: 5px;
}

.abtmasterpd {
    display: inline;
    padding-left: 5px;
}

.getquote {
    width: 600px;
    height: 300px;
}

/*indexview.aspx*/
.indexview {
    border: 1px #cccccc solid;
    padding: 2%;
    margin-bottom: 20px;
}

.indexviewhr {
    margin-bottom: 0px;
}

.indexviewdivnodata {
    visibility: hidden;
    text-align: center;
}

.indexviewtbl {
    border: 0;
    width: 100%;
    height: 100%;
    font-size: 11px;
    color: black;
}

.indexviewtbltr {
    font-size: 11px;
    cursor: pointer;
    text-align: center;
}

.indexviewtblht {
    width: 100%;
    text-transform: capitalize;
}

.indexviewmaindiv {
    width: 100%;
    height: 100%;
    float: right;
}

.indexviewmaindivv {
    width: 100%;
    height: 100%;
    float: right;
    display: none;
}

.indexviewtbltdd {
    margin-bottom: 15px;
}

.indexviewtblthtd {
    height: 42px;
}

.indexviewmarqueetd {
    height: 292px;
}

.indexviewDivMktCap {
    margin-bottom: 40px;
    margin-top: 20px;
    float: left;
    width: 100%;
}

/*index.aspx*/
.indexstyledec {
    text-decoration: none;
}

.indexhand {
    width: 127px;
    height: 92px;
    border: 0;
}

.indexh {
    color:#6d6e71;
   
}

.indexdv {
    color:#0089d1;
}

.idTickerr {
    color: #0089d1;
    font-size: 15px;
    font-weight: bold;
    padding-top: 5px;
	
}
 
.index_newmasterborder {
    border: 0;
}

.index_newmasterdiv {
    padding-top: 16px;
}

.index_newmaster_div {
    padding-top: 20px;
}

.new_color_align {
    color: #0089d1;
    text-align: center;
    padding-left: 230px;
}

.index_newmastertopmenu {
 font-size:14px;

}

.index_newmastertopmenuu {
    border: 0;
    padding-right: 3px;
}

.index_newmastertopvaluetxt {
    padding-left: 3px;
}

.abtmstrpr {
    padding-right: 3px;
}

.mastermargintop {
    margin-top: 10px;
}

.masterjobid {
    font-size: 15px;
    color: #FF0000;
}

.masterstylewidth {
    width: 145px;
}

.boardofdirectorhty {
    max-height: 350px;
    overflow-y: scroll;
}

.crcularLRdvstyle {
    padding-top: 2px;
}

.circularLRbtn {
    height: 35px;
    padding-top: 1%;
}

.circularLRtxtsub {
    width: 100%;
    max-width: 400px;
}

.circularLRbtnreset {
    height: 35px;
    padding-top: 1%;
}

.circularbound {
    width: 130px;
}

.circularbounddate {
    width: 134px;
}

.commitiesrowstyle {
    margin-left: 0px;
}
.issuerdisclosuresbtn {
    Height:35px; padding-top:6px;
}
.issuerdisclosuresysgreyttl {
    font-weight: bold;
    color: #ffffff;
}

.issuerdisclosuresysgr {
    font-weight: bold;
}
.issuerdisclosureflpdl {
    float: left;
    padding-left: 5px;
}
.issuerdisclosuresysgrtr {
    background-color: white;
    height: 32px;
}

.tradingholidayddl {
    width: 160px;
}

.staticwidth {
    width: 100%;
}

.issuerdoctype {
    width: 114px;
}

.issuerissuetype {
    width: 85px;
}

.issuerbtnSubmit {
    height: 35px;
    padding-top: 0.7%;
}

.issuerbtnReset {
    height: 35px;
    padding-top: 0.7%;
}

.issuertrtd {
    height: 20px;
}

.issuerhr {
    height: 2px;
    border: none;
    color: #333;
    background-color: #333;
}

.issuerdoctypee {
    Width: 205px;
    Height: 81px;
}

.issuerDOCDate {
    Width: 150px;
}

.listingmasteriframe {
    width: 127px;
    height: 42px;
}

.esgdetailsdoctype {
    width: 80px;
}

.esgdetailstype {
    width: 70px;
}

.esgdetailsissuename {
    width: fit-content;
}

.contactusnme {
    width: 90%;
    margin-left: 0px;
}
.currwatchfd {
    font-size: small;
    display: none;
}
.currwatchf {
    font-size: small;
    
}
.currwatchinnerrightarea {
    padding-left: 79px;
}
.currwatchdt {
    float: right;
}

.currwatchgreyline {
    width: 760px;
}
.currwatchreservearea {
    width: 772px;
}
.currwatchblackbredcrumb {
    margin-right: 22px;
}
.currwatchahref {
    font-size: 12px;
}
.dailymktdata {
    padding-top: 1.5%;
}
.dailymktdatarowalign {
    width: 450px;
}
.dailymktdatacollg {
    width: 90px;
}
.dailymktdataddday {
    width: 80px;
}
.dailymktdatacollgl {
    width: 133px;
}
.dailymktdtasubcollg {
    width: 100px;
    padding-top: 5px;
}
.dailymktdtaddlSession {
    width: 116px;
}
.pger {
    background: #ffffff repeat-x top;
}
.mkturnover {
    Width:25px; Height:25px;
}
.dailymktdatabtn {
    padding-top: 0.3%;
    padding-left: 2%;
}
.dailymktdatasubbtn {
    height: 35px; 
    padding-top: 2%;
}
.dailymktdatabw {
    Width :200px;
}
.daywisemktdatast {
    text-align: right;
}
.blueheader1 {
    font-family: "Segoe UI";
    font-size: 11px;
    text-transform: none;
    color: #ffffff;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    background: url(../images/tabblue.gif) repeat-x;
    height: 30px;
    background-color: #018ad2;
}
.riskpardt {
    width: 120px;
}
.riskpardt1 {
    width: 280px;
}
.riskpardt2 {
    width: 248px;
}
.riskpardtb {
    width: 130px;
}
.riskparwdth {
    width: 80%;
}
.riskparwdth1{
    width:20%;
}
.riskparwdth3{
    width:100px;
}
.mwplpl {
    padding-left: 85%
}
.debtsearchwdth {
    width: 408px;

}
.debtsearchwdth1 {
    width: 375px;
}
.norecord{
    color: red;
}
.listinggal {
    width:600px ;
    height:400px;
}
.lesinsstat {
    padding-top: 0.3%;
    padding-left: 2%;
}
.lesinsstat1 {
    height: 35px;
    padding-top: 2%;
}
.pressreleasept {
    padding-top: 3px;
}
.borderwidth {
    border-width: 0px;
    width: 90%;
}
.indexinx {
    color: #0089d1;
    font-size: 15px;
    font-weight: bold;
    padding-top: 5px;
}
.indexinx1 {
    top: 18%;
    right: 7%;
}
.indexinx2 {
    top: 40%;
}
.indexinxdv {
  color:#0089d1;
}
.indeximgsrc {
    bottom: 5%;
    right: 5%;
}
.indexh2 {
    color: #000000;
}
.indexh23 {
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    bottom: 3%;
}
.indexints {
    color: rgb(0, 137, 209);
    opacity: 0;
}
.indexvwstcc {
    color: blue;
    cursor: pointer
}
.indexvwtcct {
    color: blue;
    text-decoration: underline
}
.navid{
    font-size:14px;
}
.aboutbof {
    border: none;
    font-family: Segoe UI
}
.aboutbackcl {
    background-color: #d6d6d6;
}
.getquoteht {
    height: 250px;
}
.getquotegraphht {
    height: 350px;
}
.directorymemberpadding {
    padding-left: 5px;
}
.issuerdisclosureclr {
    font-weight: bold;
    color: #000000;
}
.issuerdisclosurefwt {
    font-weight: bold;
}
.issdisbgcht {
    background-color: white;
    height: 32px;
}
.contactuswm {
    width: 90%;
    margin-left: 0px;
}
.nodispnone {
    display: none;
}