@import url("gothic.css");
@import url("font-awesome.min.css");
body {
padding-bottom:47px;
}

a {
    cursor: pointer;
}

.btn {
    padding: 6px 10px;
}
#dvList {
width:100%;
}
    #dvList table th{
        text-align:center;
    }
    #dvList table tr td:last-child {
    text-align:center;
    }
    #mrqScroll a {
        color: black;
    }
.smf .glyphicon-earphone {
    margin-left: 5px;
}

.profilePage {
    width: 90%;
    position: relative;
}

.editProfile-tab {
    position: absolute;
    right: 0;
    border-top: 3px solid #ff0000;
    text-transform: uppercase;
    font-family: 'PTSans-Bold-ext';
    font-size: 20px;
    cursor: pointer;
}

/*.spuserlink {
border:1px solid #fff;
border-radius:50%;
padding:4px;
}*/
.profile-right table.table td {
    border-top: 0;
    border-bottom: 1px solid rgb(221, 221, 221);
}

.profilePage-content {
    background-color: #fff;
    margin-top: -100px;
    min-height: 300px;
    border: 1px solid #f0f0f0;
}

.profile-right h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'PTSans-Bold-ext';
    margin-top: 10px;
}

    .profile-right h3 span {
        color: #ff0000;
    }

.profile-left {
    background-color: #f0f0f0;
    padding-bottom: 5px;
}

    .profile-left div {
        float: left;
        width: 100%;
        padding: 3px 5px;
        font-weight: bold;
        font-family: 'GOTHIC';
        font-size: 13px;
        text-transform: uppercase;
    }

        .profile-left div:nth-child(odd) {
            background-color: #fff;
            font-weight: normal;
            text-transform: none;
        }

        .profile-left div span {
            float: right;
            font-weight: normal;
            color: green;
            cursor: pointer;
        }

            .profile-left div span:first-child {
                float: left;
                cursor: text;
                color: red;
            }

    .profile-left.complain-box-left h4 {
        text-transform: uppercase;
        font-size: 22px;
        font-family: 'PTSans-Bold-ext';
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 5px;
        margin-top: 10px;
    }

    .profile-left.complain-box-left div {
        background-color: transparent;
    }

    .profile-left.complain-box-left ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .profile-left.complain-box-left ul li {
            padding: 5px 0px 5px 10px;
            border-bottom: 1px solid #e3e3e3;
            cursor: pointer;
        }

            .profile-left.complain-box-left ul li:hover, .profile-left.complain-box-left ul li.active {
                background-color: #ffe400;
            }

    .profile-left.complain-box-left .advancesearch div {
        float: left;
        width: 70%;
        overflow: hidden;
    }

        .profile-left.complain-box-left .advancesearch div:nth-child(odd) {
            width: 30%;
        }

        .profile-left.complain-box-left .advancesearch div input[type="text"], .profile-left.complain-box-left .advancesearch div select, .complain-box-right input[type="text"], .complain-box-right select {
            width: 99%;
            padding: 3px 2px;
            border: 1px solid #e1e1e1;
        }

.complain-box-right {
    width: 96%;
}

.profilePic {
    text-align: center;
}

    .profilePic i {
        /*background: url(../images/profile-bg.jpg);*/
        width: 154px;
        height: 154px;
        display: inline-block;
        margin-top: 5px;
        overflow: hidden;
        border: 3px solid #dbdbdb;
        background-color: #fff;
    }

        .profilePic i img {
            max-width: 100%;
        }

.unbold {
    font-weight: normal;
}

tr.sptd-generate td {
    padding: 2px 8px;
}

    tr.sptd-generate td button.spbutton {
        margin-left: 0px;
        padding: 5px 0px;
        position: absolute;
        left: 2px;
        top: -17px;
        width: 100%;
        min-width: initial;
    }

.profileSlider {
    background: url(../images/bg.png) no-repeat center center #f4a615;
    background-size: cover;
    min-height: 300px;
    text-align: center;
    font-family: 'PTSans-Bold-ext';
    text-transform: uppercase;
}

    .profileSlider h3 {
        font-size: 48px;
        margin-top: 60px;
        margin-bottom: 5px;
        padding-bottom: 5px;
        border-bottom: 2px solid #000;
        display: inline-block;
    }

    .profileSlider span {
        display: block;
    }

    .profileSlider a, .profileSlider a:hover {
        color: #000;
        text-decoration: underline;
    }

.Dscslider, .dsc2, .getSecurity-slider {
    background: url(../images/dscslider.jpg) no-repeat top right #fbbb45;
    float: left;
    width: 100%;
    min-height: 450px;
    position: relative;
}

.getSecurity h3, .dupdate h3 {
    text-transform: uppercase;
    color: black;
    font-family: 'PTSans-Bold-ext';
    font-size: 24px;
}

    .getSecurity h3 span, .dupdate h3 span {
        color: #ff7301;
    }

.getSecurity input[type="text"] {
    border: 1px solid #c4c4c4;
    width: 100%;
}

.spDivCodeInput input[type="text"], .spDivCodeInput select {
    width: 50%;
    border: 1px solid #c4c4c4;
}

.gsc::before, .userdetails::before, .selcodetype::before, .addH3::before, .conH3::before, .othnH3::before, .quickHd::after, .searchHd::after, .profile-left.complain-box-left ul li::before {
    content: "\e039";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    padding-right: 10px;
}

.profile-left.complain-box-left ul li::before {
    content: "\e067";
}

.addH3::before, .conH3::before, .othnH3::before, .profile-left.complain-box-left ul li::before {
    padding-right: 5px;
}

.quickHd::after, .searchHd::after {
    position: absolute;
    right: 0;
    content: "\e144";
}

.searchHd::after {
    position: absolute;
    right: 0;
    content: "\e003";
}

.addH3::before {
    content: "\e062";
}

.conH3::before {
    content: "\e182";
}

.othnH3::before {
    content: "\e210";
}

.userdetails::before {
    content: "\e008";
}

.selcodetype::before {
    content: "\e067";
}

.userdetails.download-s::before {
    content: "\e025";
}

.fleft {
    float: left;
}

.fRight {
    float: right;
}

textarea {
    resize: none;
    border: 1px solid #c4c4c4;
}

#ddlPacks {
    width: 50%;
}

.HeadTd td {
    /*background-color:#e1e1e1;*/
    font-weight: bold;
    font-family: 'GOTHIC';
    color: maroon;
}

.cloud2 table a {
    padding: 0px 5px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    background-color: burlywood;
    font-weight: bold;
}

.spSpan span {
    display: block;
}

    .spSpan span:nth-child(3) {
        margin-bottom: 10px;
    }

    .spSpan span .progress {
        margin-bottom: 5px;
    }

.cloud1 {
    margin-bottom: 15px;
}

    .cloud1 h4 {
        font-family: 'GOTHIC';
    }

.notePad {
    background-color: #fff;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

    .notePad ul {
        margin: 0;
        padding: 0;
    }

    .notePad li {
        float: left;
        list-style: none;
        padding-left: 60px;
        position: relative;
        width: 33%;
        padding-right: 50px;
        font-family: 'GOTHIC';
    }

        .notePad li:nth-child(2) {
            padding-top: 10px;
        }

        .notePad li::before {
            font-family: 'Glyphicons Halflings';
            width: 45px;
            height: 45px;
            content: "\e146";
            border-radius: 50%;
            background-color: #f9c25b;
            position: absolute;
            text-align: center;
            color: #fff;
            left: 0;
            font-size: 30px;
            top: 0;
        }

.dsc1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#dscBank .modal-body {
    float: left;
    width: 100%;
}

    #dscBank .modal-body div {
        /*float: left;
        width: 20%;*/
        margin-bottom: 10px;
    }

.dsc1-1 {
    position: absolute;
    left: 5%;
}

    .dsc1-1 h3 {
        font-family: 'PTSans-Bold-ext';
        font-size: 36px;
    }

    .dsc1-1 p {
        font-family: 'GOTHIC';
        font-size: 20px;
    }

.dsc1-2, .dsc1-3 {
    position: absolute;
    border-radius: 50%;
    width: 233px;
    height: 233px;
    text-align: center;
    top: 128px;
    left: 5%;
    background: url(../images/dscImg1.png) no-repeat center 30px #e59607;
}

.dsc1-3 {
    left: 24%;
    background: url(../images/dscImg2.png) no-repeat center 30px #fff;
}

    .dsc1-2 span, .dsc1-3 span {
        position: absolute;
        bottom: 20px;
        font-family: 'PTSans-Bold-ext';
        font-size: 24px;
        display: block;
        left: 60px;
        text-transform: uppercase;
        color: #fff;
    }

    .dsc1-3 span {
        color: #000;
        left: 50px;
    }

.dsc1-4, .dsc1-5, .dsc1-6 {
    position: absolute;
    right: 0;
    background-color: #fff;
    border-radius: 50px 0px 0px 50px;
    font-size: 24px;
    font-family: 'PTSans-Bold-ext';
    padding-left: 130px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.dsc1-4 {
    top: 200px;
    width: 620px;
}

.dsc1-5 {
    top: 330px;
    padding-left: 100px;
    width: 580px;
}

.dsc1-6 {
    top: 105px;
    width: 672px;
}

    .dsc1-4::before, .dsc1-5::before, .dsc1-6::before {
        top: 0;
        bottom: 0;
        position: absolute;
        color: #fff;
        left: 0;
        font-size: 30px;
        font-family: 'PTSans-Bold-ext';
        border-radius: 50px 0px 0px 50px;
    }

.dsc1-4::before {
    background-color: #f08242;
    content: 'Class 3';
    padding: 30px 10px 0px 15px;
}

.dsc1-5::before {
    background-color: #403d80;
    content: 'DGFT';
    padding: 0px 10px 0px 15px;
}

.dsc1-6::before {
    background-color: #639133;
    content: 'Class 2';
    padding: 17px 10px 0px 15px;
}

.dsc2 {
    background: url(../images/dscslider2.png) no-repeat right bottom #fff;
}

    .dsc2 .dsc2_1 {
        position: absolute;
        background-color: #f37d00;
        width: 344px;
        height: 344px;
        border-radius: 50%;
        overflow: hidden;
        left: 7%;
        top: 38px;
    }

        .dsc2 .dsc2_1 img {
            margin: 50px 0px 0px 0;
        }

    .dsc2 .dsc2_2 {
        position: absolute;
        top: 75px;
        right: 15%;
        font-weight: bold;
        font-family: 'GOTHIC';
    }

        .dsc2 .dsc2_2 span {
            display: block;
        }

        .dsc2 .dsc2_2 div:first-child {
            font-size: 60px;
            text-transform: uppercase;
            line-height: 65px;
            margin-bottom: 20px;
        }

            .dsc2 .dsc2_2 div:first-child span {
                color: #f37d00;
                display: inline;
            }

        .dsc2 .dsc2_2 div:nth-child(2), .dsc2 .dsc2_2 div:last-child {
            font-size: 24px;
            position: relative;
            padding-left: 30px;
        }

            .dsc2 .dsc2_2 div:nth-child(2)::before, .dsc2 .dsc2_2 div:last-child::before {
                content: "\e013";
                left: 0;
                position: absolute;
                font-family: 'Glyphicons Halflings';
            }

.spDivCode textarea {
    width: 70%;
}

.dsc1-1-1 {
    position: absolute;
    right: -5px;
    top: 15px;
    padding: 5px;
    background-color: #fbc45f;
    padding-left: 50px;
    border-radius: 10px 0px 0px 10px;
}

    .dsc1-1-1 ul {
        margin: 0;
        padding: 0;
    }

    .dsc1-1-1::before {
        content: 'Note';
        font-size: 11px;
        padding-bottom: 0;
        text-align: center;
        background-color: #fff;
        top: 0px;
        bottom: 0;
        position: absolute;
        border-radius: 10px 0px 0px 10px;
        left: 0;
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .dsc1-1-1 li {
        list-style: none;
        position: relative;
        padding: 0;
        font-weight: bold;
        padding-left: 0px;
        margin-bottom: 3px;
        padding-bottom: 3px;
        border-bottom: 1px dashed #a46a02;
        font-family: 'GOTHIC';
        font-size: 12px;
        color: #000;
    }

        .dsc1-1-1 li::before {
            content: '';
            width: 0;
            display: none;
            height: 0;
            border: 5px solid transparent;
            border-left: 5px solid #000;
            position: absolute;
            left: 0;
            top: 4px;
        }

.dscContent {
    width: 90%;
    margin: auto;
    position: relative;
    top: -34px;
}

.dscContent-box {
    background-color: #fff;
    padding: 20px 2%;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.14);
    float: left;
    width: 100%;
}

table.dscContent1 td, table.dscContent1 th {
    border: 1px solid #e1e1e1;
    padding: 3px 6px;
    background-color: #fff;
    height: 40px;
}

table.dscContent1 th {
    height: auto;
    padding: 3px 0;
    font-size: 14px !important;
    font-family: "GOTHIC";
}

table.dscContent1 td a {
    color: #327aad;
}

table.dscContent1 tr:nth-child(even) td {
    /*background-color: #fdf8f4;*/
}

table.dscContent1 td.no-Bg-Bor {
    border: 0px;
    background-color: #fff !important;
}

.RewardHead h1 {
    text-transform: uppercase;
    font-family: 'PTSans-Bold-ext';
    text-align: center;
    font-size: 60px;
    margin-bottom: 0;
}

#subDealer a {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
}

    #subDealer a::before {
        position: absolute;
        content: "\e013";
        left: 0;
        font-family: 'Glyphicons Halflings';
    }

#subDealer div.leadOn {
    border-top: 1px dashed #c4c4c4;
    border-bottom: 1px dashed #c4c4c4;
    margin-bottom: 20px;
}

table.dscContent1 a {
    color: blue;
}

table.dscContent1 th {
    font-size: 18px;
    text-align: center;
}

.dscBan2 {
    margin: 40px 0px;
    width: 100%;
    float: left;
    background-color: #fadbb7;
}

div.dscBan3 {
    background-color: #fff;
    margin-top: 0;
}

    div.dscBan3 h1 {
        font-family: 'PTSans-Bold-ext';
        text-transform: uppercase;
        text-align: right;
        position: relative;
        padding-right: 30px;
    }

        div.dscBan3 h1 span {
            display: block;
        }

        div.dscBan3 h1::after {
            content: "";
            position: absolute;
            width: 1px;
            /*background-color: #c4c4c4;*/
            border-right: 1px dotted #000;
            top: 0;
            right: 0;
            bottom: 0;
        }

#myDiv {
    background-color: RGB(0, 0, 0);
    opacity: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3000;
    position: fixed;
    transition: all 0.3s ease;
}
/*common css*/
.h2 {
    font-size: 48px;
}

ul.newTabStyle li::before {
    display: none;
}

ul.newTabStyle li {
    margin-bottom: 0;
    padding-right: 0px !important;
}

    ul.newTabStyle li a {
        color: black;
    }

div.moreTds ul.newTabStyle li a {
    color: #fff;
}

.watchProduct .nav-pills > li.active > a, .watchProduct .nav-pills > li.active > a:focus, .watchProduct .nav-pills > li.active > a:hover {
    background-color: red;
}

div.spXBRL {
    width: 100%;
    float: left;
    background-color: #f5f6fa;
    padding: 50px 50px;
}

ul.newTabStyle li a {
    padding: 2px 5px;
}

.tab-content.new1111 {
    min-height: 230px;
}

    .tab-content.new1111 li {
        margin-bottom: 5px;
    }

.productContent.gstPro {
    background-color: #f7f7f7;
}

div.watchProduct div h5 {
    margin: 0px;
    padding: 20px 10px;
    color: #000;
    /*background-color: #ffa601;*/
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    font-family: 'PTSans-Bold-ext';
}

div.watchProduct div[class*='col-'] {
    background-color: #fff;
}

div.watchProduct div.div2_2, div.watchProduct div.lastDiv {
    min-height: 250px;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 0px;
}

div.watchProduct div.div2_2 {
    background-color: #f98300;
}

    div.watchProduct div.div2_2 h5 {
        color: #fff;
    }

div.watchProduct div h5 span {
    display: inline-block;
    font-size: 16px;
    font-family: 'GOTHIC';
    text-transform: none;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 3px 5px;
}

div.watchProduct div.div2_2 ul li::before {
    border-left: 5px solid #fff;
}

div.watchProduct div.lastDiv {
    background-color: #1d1d35;
}

    div.watchProduct div.lastDiv h5 {
        color: #fff;
    }

div.rocText {
    margin-top: 60px;
}

#pro8 div.rocText {
    margin-top: 0px;
}

div.rocText ul li ol li {
    padding-left: 0px;
    padding-right: 0;
}

ul.spTopul {
}
div.productContent ul.spUl11 {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
div.productContent ul.spUl11 li {
    width: 15%;
    border: 1px solid #dde0e6;
    position: relative;
    text-align: center;
    padding: 20px;
    margin: 10px;
    transition: border-color .25s ease;
    border-radius: 6px;
}

    div.productContent ul.spUl11 li::before {
        border: 0px;
    }

div.productContent div.payUlSp div {
    width: 48%;
    float: left;
    position: relative;
    margin-right: 2%;
}

    div.productContent div.payUlSp div div {
        padding-left: 10%;
        margin-bottom: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        border: 1px solid #c4c4c4;
        min-height: unset;
        width: 100%;
        font-size: 16px;
        font-family: 'GOTHIC';
    }

    div.productContent div.payUlSp div.wow-outer div::before {
        content: '';
        width: 30px;
        height: 30px;
        /*background-color: #f14e00;*/
        position: absolute;
        border-radius: 50%;
        border: 0;
        left: 15px;
        font-family: 'Glyphicons Halflings';
        content: "\e007";
        color: #f14e00;
        font-size: 30px;
        top: 3px;
    }

div.spUlll {
    width: 85%;
    margin: auto;
}

ul.spUl11 li span {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    /*background-color: bisque;*/
    display: block;
    margin: auto;
    margin-bottom: 10px;
}

ul.spUl11 li:last-child {
    width: 100%;
}

.gstPro h5 {
    text-align: left;
    text-transform: uppercase;
    font-size: 20px;
    position: relative;
    font-family: 'PTSans-Bold-ext';
    margin-bottom: 0px;
    padding: 10px;
    /*background-color:#00a69d;*/
    color: #000;
    padding-left: 70px;
}

.gstPro div[class*='col-'] {
    /*padding:0px;*/
    margin-bottom: 20px;
}

    .gstPro div[class*='col-']:nth-child(odd) h5 {
        /*background-color:#0079bc;*/
        /*color:#fff;*/
    }

.gstPro h5::before {
    position: absolute;
    content: "\e146";
    border: 4px solid Red;
    left: 0;
    padding: 10px;
    font-family: 'Glyphicons Halflings';
    top: -19px;
    font-size: 30px;
    background-color: red;
    color: #fff;
}

.gstPro h5 span {
    color: red;
}

.gstPro ul {
    /*box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.14);*/
    background-color: #fff;
    padding-top: 15px;
    border: 1px solid #e1e1e1;
    min-height: 345px;
}

.gstPro .SpulClass ul {
    min-height: 190px;
}

.gstPro ul li {
    margin-left: 15px;
}

.gstPro ul.SpulClass {
    min-height: 180px;
}

.moreTds {
    /*background-color:#f7f7f7;*/
    float: left;
    width: 100%;
    background-color: #ff9900;
    background-color: rgb(29, 29, 53);
    padding-top: 10px;
}

    .moreTds ul {
        /*background-color: #fff;*/
        /*padding: 10px;*/
        border: 0px solid #e1e1e1;
        /*box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.14);*/
        /*min-height: 480px;*/
    }

        .moreTds ul li {
            border-bottom: 0px dotted #5858a3;
            padding-bottom: 5px;
            color: #fff;
        }

            .moreTds ul li:nth-child(even) {
            }

    .moreTds div:nth-child(2) ul {
        border-color: #ebab3d;
    }

div.productContent .moreTds ul li::before {
    border: 0px;
    /*background-color: #ff9900;*/
    padding: 0px;
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    color: #fff;
    font-size: 10px;
}

.f14 {
    font-size: 14px;
}

img.maxwidth {
    max-width: 100%;
}

.pSp p {
    margin-bottom: 15px;
}

.uppercase {
    text-transform: uppercase;
}

.logo {
    transition: .33s all ease-out;
}

.spUl li, .spUl2 li, .spUl3 li {
    float: left;
}

.spUl li, .spUl2 li {
    width: 50%;
}

.spUl2 li {
    width: 25%;
}

    .spUl2 li:last-child {
        width: 100%;
    }

.spUl3 li {
    width: 50%;
}

div.products {
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 0px;
    /*background: url(../images/bg.png) #f7a60d;*/
    background-attachment: fixed;
}

    /*div.products::after {
        content: '';
        border: 20px solid transparent;
        border-top: 20px solid #f7a60d;
        position: absolute;
        margin-top: 20px;
    }*/

    div.products h1, h5.spH5 {
        font-family: "PTSans-Bold-ext";
    }

h5.spH5 {
    font-size: 32px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
}

    h5.spH5.left {
        text-align: left;
    }

    h5.spH5.blackC {
        color: #000;
    }

div.products h1 span {
    display: block;
    font-size: 24px;
    margin-top: 7px;
}

.productLi h3 {
    background-color: #000;
    color: #fff;
    margin: 0px;
    font-family: 'GOTHIC';
    padding: 10px;
    position: relative;
    /*pointer-events: none;*/
}

    .productLi h3::after {
        content: "\f03a";
        font: normal normal normal 20px/1 FontAwesome;
        position: absolute;
        right: 17px;
        margin-top: 5px;
    }

.productLi ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.14);
}

    .productLi ul li:nth-child(even) {
        background-color: #f7f7f7;
    }

    .productLi ul li:last-child {
        background-color: #fff5f5;
    }

    .productLi ul li a {
        color: black;
        display: block;
        padding: 15px 10px;
        border-bottom: 1px solid #ededed;
        font-family: "GOTHIC";
        cursor: pointer;
        position: relative;
    }

        .productLi ul li a:hover, .productLi ul li a.active {
            background-color: #ffa603;
            font-weight: bold;
        }

        .productLi ul li a::after {
            content: '';
            position: absolute;
            border: 5px solid transparent;
            border-left: 5px solid #b2b2b2;
            right: 15px;
            margin-top: 5px;
        }

.divMod div {
    color: #fff;
    background-color: #f14e00;
    text-align: center;
    width: 100%;
    min-height: 170px;
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    font-family: 'GOTHIC';
}

    .divMod div h4 {
        font-weight: bold;
        font-size: 24px;
    }

.divMod p {
    min-height: 50px;
    font-size: 17px;
}

#pro7 .productContent h3 {
    text-transform: none;
}

div[id*="pro"], div[class*="pro_d"] {
    position: relative;
    float: left;
    width: 100%;
}

div[class="pro_d"] {
    min-height: 300px;
    /*margin-bottom: 30px;*/
    border: 1px solid #f1f1f1;
    overflow: hidden;
}

div[id*="pro"], .showOff {
    display: none;
}

#pro1 .pro_d {
    background: url(../images/slider/office1.jpg) no-repeat;
}

#pro2 .pro_d {
    background: url(../images/slider/tax.jpg) no-repeat;
}

#pro3 .pro_d {
    background: url(../images/slider/tds.jpg) no-repeat;
}

#pro4 .pro_d {
    background: url(../images/slider/gst.jpg) no-repeat;
}

#pro5 .pro_d {
    background: url(../images/slider/bal.jpg) no-repeat;
}

#pro6 .pro_d {
    background: url(../images/slider/roc.jpg) no-repeat;
}

#pro7 .pro_d {
    background: url(../images/slider/pay.jpg) no-repeat;
}

#pro8 .pro_d {
    background: url(../images/slider/xbrl.jpg) no-repeat;
}

#pro9 .pro_d {
    background: url(../images/slider/cma.jpg) no-repeat;
}

#pro10 .pro_d {
    background: url(../images/slider/chk.jpg) no-repeat;
}

#pro11 .pro_d {
    background: url(../images/slider/web.jpg) no-repeat;
}

#pro12 .pro_d {
    background: url(../images/slider/bill.jpg) no-repeat;
}

#pro13 .pro_d {
    background: url(../images/slider/dms.jpg) no-repeat;
}

#proWatch .pro_d {
    background: url(../images/slider/watch.jpg) no-repeat;
}

div[class="pro_d"] {
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: left 80% !important;
}

div[id*="pro"] h1 {
    background-color: rgba(255,255,255, 0.7);
    position: absolute;
    left: 27px;
    padding: 20px 50px;
    /*top: 15%;*/
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 40px;
    font-weight: bold;
    bottom: 5px;
    color: black;
    min-width: 30%;
    text-align: left;
    border-left: 0px solid #fff;
    /*box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.14);*/
    z-index: 1;
}

    div[id*="pro"] h1::after {
        position: absolute;
        content: "\e236";
        font-family: 'Glyphicons Halflings';
        left: 20px;
        cursor: pointer;
        top: 20px;
    }

div.products h1 span {
    display: block;
    font-size: 14px;
}

div.spPro div[class="pro_d"] {
    border: 0px solid #f1f1f1;
    min-height: 400px;
}

div.showOn {
    display: block;
}

div.leftOff {
    background-color: #1d1d35;
    /*border-radius:10px;*/
    margin: 10px 0px;
    border: 1px solid #ededed;
    padding: 40px 30px;
    color: #fff;
}

.spImgg {
    border-radius: 50%;
}

.productLi ul li a.active::after {
    border-left: 5px solid #000;
}

div.productContent {
    margin-top: -20px;
    background-color: #fff;
    float: left;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    padding: 10px;
    padding-top: 0px;
    position: relative;
    border: 1px solid #f1f1f1;
    /*box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.14);*/
}

    div.productContent h3 {
        font-family: 'PTSans-Bold-ext';
        text-transform: uppercase;
        text-align: center;
        font-size: 60px;
        margin-bottom: 30px;
    }

    div.productContent button.spbutton, .getSecurity button.spbutton, .spbuttonNew {
        text-transform: uppercase;
        background-color: #f14e00;
        border: 0px;
        color: #fff;
        /*font-weight: bold;*/
        font-size: 18px;
        font-family: 'PTSans-Bold-ext';
        padding: 15px 0px;
        margin: 10px 0px 10px 20px;
    }

.spbutton {
    transition: all 0.5s;
    min-width: 180px;
}

.spbuttonNew {
    padding: 5px 10px;
}

/*spbutton span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

    .spbutton span:after {
        content: '\00bb';
        position: absolute;
        opacity: 0;
        top: 0;
        right: -20px;
        transition: 0.5s;
    }

.spbutton:hover span {
    padding-right: 25px;
}

    .spbutton:hover span:after {
        opacity: 1;
        right: 0;
    }*/

div.productContent ul {
    padding-left: 0px;
}

    div.productContent ul li {
        list-style: none;
        position: relative;
        font-family: GOTHIC;
        margin-bottom: 10px;
        font-size: 16px;
        padding-left: 15px;
        padding-right: 15px;
    }

        div.productContent ul li::before {
            content: '';
            position: absolute;
            border: 5px solid transparent;
            border-left: 5px solid #b2b2b2;
            left: 0px;
            margin-top: 5px;
        }

        div.productContent ul li ol {
            padding: 0px;
            margin-left: 20px;
            margin-top: 15px;
        }

            div.productContent ul li ol li::before {
                display: none;
            }

            div.productContent ul li ol li {
                list-style: disc;
            }

div.about {
    background-color: #f7a60d;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 50px;
}

    div.about::before {
        content: "About Our Company";
        color: black;
        display: table;
        position: absolute;
        z-index: 1;
        /*background-color:#000;*/
        font-family: 'PTSans-Bold-ext', Verdana, Geneva, Tahoma, sans-serif;
        font-size: 50px;
        font-weight: bold;
        width: 100%;
        -webkit-animation: fadeInLeftSmall 1s ease-in; /* Chrome, Safari, Opera */
        animation: fadeInLeftSmall 1s ease-in;
        text-align: center;
        vertical-align: middle;
        margin-top: 5%;
    }

div.contactPage {
    background: url(../images/bg2.png) no-repeat left top #faa615;
    background-attachment: fixed;
    background-size: cover;
    min-height: 370px;
}

.contactPage div {
    position: absolute;
    font-family: "PTSans-Bold-ext";
    top: 25%;
    left: 10%;
}

.contactPage img {
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-animation: slideInRight 1s ease-in; /* Chrome, Safari, Opera */
    animation: slideInRight 1s ease-in;
}

.contactPage div h1 {
    font-size: 72px;
    text-transform: uppercase;
    -webkit-animation: fadeInLeftSmall 1s ease-in; /* Chrome, Safari, Opera */
    animation: fadeInLeftSmall 1s ease-in;
}

.contactPage div p {
    font-size: 24px;
    line-height: 24px;
    -webkit-animation: fadeInLeftSmall 1s ease-in; /* Chrome, Safari, Opera */
    animation: fadeInLeftSmall 1s ease-in;
}

.conAdd {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .conAdd h3 {
        text-transform: uppercase;
        font-size: 24px;
        font-family: "PTSans-Bold-ext";
        font-size: 24px;
    }

    .conAdd p {
        font-weight: bold;
        font-size: 15px;
        font-family: "GOTHIC";
    }

.rightbor {
    border-right: 1px solid #ebc883;
}

.contBottom {
    background-color: #404041;
    width: 100%;
    padding: 10px;
}

    .contBottom h3 span {
        background-color: #ffa500;
        width: 22px;
        height: 22px;
        font-size: 12px;
        display: inline-block;
        position: relative;
    }

    .contBottom table {
        color: #fff;
    }

    .contBottom .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border-color: #626262;
    }

    .contBottom table.table tr td:first-child {
        color: #ffa500;
    }

    .contBottom h3::before {
        content: '';
        display: table-cell;
        margin: 4px 0px 0px 8px;
        border: 7px solid transparent;
        border-left: 7px solid #fff;
        position: absolute;
        z-index: 2;
    }

    .contBottom h3 {
        font-family: "PTSans-Bold-ext";
        text-transform: uppercase;
        font-size: 24px;
        color: #fff;
    }

div.rightborSp {
    padding-left: 10%;
}

.conAdd p span {
    font-weight: normal;
}

.contactform {
    background-color: #d89107;
    min-height: 370px;
}

    .contactform div[class*='col-'] {
        margin-top: 10px;
    }

.CaptchaCode .CaptchaCodetxt {
    display: inline-block;
    padding: 10px 30px;
    min-width: 150px;
    margin: 10px 0px;
    background-color: #e5b457;
}

.contactform .CaptchaCodeinput input[type="text"] {
    width: 150px;
    clear: left;
}

div.Captchatxt {
    margin-top: 25px !important;
}

.CaptchaCode .refresh {
    font-weight: bold;
    color: forestgreen;
    font-size: 20px;
    vertical-align: middle;
}

.contactform h3 {
    color: #fff;
    font-size: 18px;
    font-family: "GOTHIC";
    margin-bottom:0;
}

.contactform input[type="text"], .contactform select {
    width: 100%;
    border: 1px solid #ba7c04;
    padding: 4px 5px;
}

.contactform .f11 {
    font-size: 11px;
}

.contactform .btn-success {
    border-radius: 0;
    margin: 5px 0;
    text-transform: uppercase;
    font-family: "PTSans-Bold-ext";
    background-color: #322d28;
    border: 0;
    font-size: 24px;
    width: 90%;
    padding: 10px 0px;
}

div.about::after {
    content: "";
    margin-left: 45%;
    display: table;
    position: absolute;
    z-index: 1;
    width: 0px;
    height: 0px;
    border: 40px solid transparent;
    border-top: 20px solid #f7a60d;
}

.page {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
}

.carousel-inner > .item {
    /*-webkit-transition: 1s ease-in-out left;
    -o-transition: 1s ease-in-out left;
    transition: 1s ease-in-out left;*/
}

.carousel-caption h3 {
    -webkit-animation: fadeInUp 1s ease-in; /* Chrome, Safari, Opera */
    animation: fadeInUp 1s ease-in;
}

.carousel-caption p {
    -webkit-animation: slideInDown 1s ease-in; /* Chrome, Safari, Opera */
    animation: slideInDown 1s ease-in;
}

.normal {
    font-weight: normal;
}

span.bottom {
    /*display:inline-block;*/
}

.spanUnder::after {
    content: "";
    border-bottom: 3px solid #f7a60d;
    position: absolute;
    width: 63px;
    margin-top: 50px;
    margin-left: -63px;
}

.infaSt {
    color: #fff;
    padding: 40px;
    height: 426px;
    padding-right: 60px;
}

    .infaSt h1 {
        font-size: 48px;
    }

    .infaSt p {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 15px;
        text-align: justify;
        line-height: 20px;
    }

.pBM20 p {
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: justify;
}

.mynavDis {
    display: none;
}

.t35-b35 {
    margin: 0px 0px 35px 0px;
}

div.padoff {
    padding: 0px;
}

.getSecurity-slider {
    background-color: #fafafb;
    border-bottom: 1px solid #e3e3e3;
    background-image: none;
    min-height: 293px;
}

.usefullpage-slider {
    background-color: #56646d;
}

    .usefullpage-slider h1, .getSecurity-slider h1 {
        font-size: 70px;
        position: absolute;
        font-family: "PTSans-Bold-ext";
        color: #fff;
        top: 20%;
        left: 5%;
        text-transform: uppercase;
        -webkit-animation: fadeInLeft 1s ease-in; /* Chrome, Safari, Opera */
        animation: fadeInLeft 1s ease-in;
        text-align: center;
        /*text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;*/
    }

.getSecurity-slider h1 {
    color: black;
    font-size: 48px;
}

.usefullpage-slider i {
    font-style: normal;
}

.usefullpage-slider h1 span, .getSecurity-slider h1 span {
    display: block;
    font-size: 30px;
    text-transform: none;
    text-align: left;
}

.getSecurity-slider h1 span {
    font-size: 36px;
}

.usefullpage-slider img, .getSecurity-slider img {
    float: right;
}

div.usefullpage-slider.memberpage {
    background-color: #f7a60d;
    background: url(../images/bg.png) #f7a60d;
    background-size: cover;
    min-height: 300px;
    position: relative;
}

    div.usefullpage-slider.memberpage h1 {
        font-size: 70px;
        color: #000;
        text-align: left;
        width: 50%;
        -webkit-animation: fadeInUpSmall 1s ease-in; /* Chrome, Safari, Opera */
        animation: fadeInUpSmall 1s ease-in;
        top: 15%;
    }

    div.usefullpage-slider.memberpage img {
        position: absolute;
        right: 2%;
        bottom: 0;
    }

    div.usefullpage-slider.memberpage h1 span {
        display: block;
        font-size: 14px;
        text-transform: none;
        text-align: left;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-weight: normal;
        text-align: justify;
        -webkit-animation: slideInDown 1s ease-in; /* Chrome, Safari, Opera */
        animation: slideInDown 1s ease-in;
    }

.mwithoutBg div[class="pro_d"] {
    display: none;
}

.mwithoutBg div.productContent {
    width: 100%;
    margin: auto;
    padding: 20px;
}

    .mwithoutBg div.productContent h3 {
        text-align: left;
        font-size: 34px;
        margin-bottom: 20px;
        margin-top: 0;
    }

div.usefullpage {
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.14);
    padding-bottom: 10px;
    margin-top: -17px;
}

.head1 {
    text-transform: uppercase;
    font-family: "PTSans-Bold-ext";
    /*font-weight: bold;*/
    font-size: 18px;
    background: -webkit-linear-gradient(#fefefe, #c4c3c3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fefefe, #c4c3c3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fefefe, #c4c3c3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fefefe, #c4c3c3); /* Standard syntax */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fefefe, endColorstr=#c4c3c3);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fefefe, endColorstr=#c4c3c3);
    padding: 3px 10px;
    clear: both;
    border: 1px solid #e9e9e8;
}

.usefullpage .content1 {
    border: 1px solid #e9e9e8;
    padding: 5px 10px;
    border-top: 0px;
}

    .usefullpage .content1 a {
        display: block;
        color: black;
        margin-top: 7px;
        padding-left: 20px;
    }

        .usefullpage .content1 a:first-child {
            margin-top: 0px;
        }

        .usefullpage .content1 a::before {
            content: "\e013";
            font-family: 'Glyphicons Halflings';
            margin-right: 4px;
            color: #f4a267;
            position: absolute;
            margin-left: -20px;
        }

.dscBannner {
    /*background: url(../images/dscBanner.jpg) no-repeat center center #f1970b;*/
    background-color: rgba(241, 151, 11, 0.3);
    background-attachment: fixed;
    background-size: cover;
    /*min-height: 582px;*/
    padding-bottom: 17px;
    padding-top: 17px;
    text-align: center;
}

    .dscBannner img {
        max-width: 100%;
    }

.toggle-btnSp {
    display: none;
    background-color: #000;
    position: relative;
    min-height: 50px;
    z-index: 1000;
}

.ui-to-top {
    position: fixed;
    right: 20px;
    bottom: 80px;
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 25px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    z-index: 101;
    transition: .3s all ease;
    display: inline-block;
    transform: translateY(100px);
}

#clientCarousel .carousel-control.left, #clientCarousel .carousel-control.right {
    background-image: none;
}

.ui-to-top::before {
    content: '↑';
}

.ui-to-top.affix {
    transform: translateY(0);
}

.ui-to-top, .ui-to-top:active, .ui-to-top:focus {
    color: #fff;
    background: #d14310;
}

.f13 {
    font-size: 13px;
}

#myCarousel {
    background-color: #000;
}

    #myCarousel img {
        opacity: 0.6;
        transition: .6s;
        transition-delay: .7s;
    }

    #myCarousel .item.active img {
        transition-delay: .7s;
        opacity: 0.6;
    }

    #myCarousel .item:first-child img {
        opacity: 1;
    }

    #myCarousel .item:nth-child(12) img {
        transition-delay: .7s;
        opacity: 0.8;
    }

.container-fluid.padoff.t35-b35 {
    padding-top: 35px;
    padding-bottom: 20px;
}

a:hover {
    text-decoration: none;
}

.navbar-brand {
    display: none;
}

    .navbar-brand:hover {
        color: #fff !important;
    }

.PTSans {
    font-family: "PTSans-Bold-ext";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.gothic {
    font-family: "GOTHIC";
}

.verdana {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.heading-span-color {
    color: #ff8329; 
    /*color: #f2a10a;*/
}

.span-color {
    color: #ff0000;
}

.clImg {
    text-align: center;
}

    .clImg img {
        border: 1px solid #e1e1e1;
        margin: 5px;
        /*transition: 0.3s ease;
        filter: grayscale(100%);*/
    }

        .clImg img:hover {
            /*filter: grayscale(0);*/
        }
/*topbar*/
.topbar {
    /*transition: .33s all ease-out;*/
}

.bold {
    font-weight: bold;
}

.div_1 {
    padding-left: 0px;
    padding-right: 0px;
}
    .div_1 div {
    padding-left:5px;
    padding-right:5px;
    }
.div1 {
    background-color: #232122;
    height: 2px;
}

.div1_1 {
    font-size: 10px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
}

.orderBtn {
    font-size: 12px;
    margin-top: 4px;
    margin-bottom: 5px;
}

.brochure {
    background: url(../images/icons.png) no-repeat left center;
    padding: 3px 0px;
    padding-left: 30px;
    margin-top: 6px;
    color: black;
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: bold;
    display: inline-block;
}

.topR {
    padding-right: 0px;
    background: url(../images/topR.jpg) no-repeat left -6px;
    background-color: #232122;
    min-height: 33px;
}

    .topR a {
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        margin: 10px 0px 0px 0px;
        height: 17px;
        overflow: hidden;
        text-align: center;
        display: block;
        padding-left:5px;
        padding-right:0;
    }

        .topR a:first-child {
            margin-left: 0px;
            color: orange;
        }

/*.jumbotron {
    background-color: transparent;
    color:#333;
    font-size: 14px;
}

    .jumbotron p {
        font-size: 14px;
       
    }*/
.jumbotron1 {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 15px;
    color: #333;
    /*background-color: #eee;*/
}

.jumbotron2 {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 15px;
    color: #333;
    /*background-color: #eee;*/
}

p.spColor {
    color: #333;
}

.wel img {
    width: 100%;
}

.wel h2 {
    font-size: 50px;
}

.assetBg p {
    line-height: 14px;
    margin-top: 10px;
}

.loginModal .modal-content {
    border-radius: 10px;
}

    .loginModal .modal-content input {
        border: 0px;
        border-bottom: 1px solid #ddd;
        box-shadow: none;
        border-radius: 0px;
    }

    .loginModal .modal-content .modal-header {
        border-bottom: 0px;
    }

        .loginModal .modal-content .modal-header h4 {
            font-size: 28px;
        }

            .loginModal .modal-content .modal-header h4 span.inn {
                color: #ffa400;
            }

    .loginModal .modal-content .btn, .enquiry .spbtn .btn {
        border-radius: 10px;
        width: 170px;
        margin-bottom: 5px;
        background: -webkit-linear-gradient(#4c4c4c, #010101); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#4c4c4c, #010101); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#4c4c4c, #010101); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#4c4c4c, #010101); /* Standard syntax */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c4c4c, endColorstr=#010101);
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c4c4c, endColorstr=#010101);
        color: #fff;
        border: 0px;
        text-transform: uppercase;
    }

        .loginModal .modal-content .btn.btn-warning, .enquiry .btn.btn-warning {
            background: -webkit-linear-gradient(#f9c25b, #ffa601); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#f9c25b, #ffa601); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#f9c25b, #ffa601); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#f9c25b, #ffa601); /* Standard syntax */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9c25b, endColorstr=#ffa601);
            -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9c25b, endColorstr=#ffa601);
            color: black;
        }

.btnlink a {
    color: black;
    margin-top: 10px;
    display: inline-block;
}

.assetBg {
    background-color: #fff7f7;
}

    /*.assetBg .slideInLeft p:after {
        width: 64px;
        background-color: #fff;
        height: 64px;
    }*/

    .assetBg img {
        transition: .5s all ease;
    }

        .assetBg img:hover {
            -webkit-transform: rotateX(180deg); /* Safari */
            transform: rotateY(180deg); /* Standard syntax */
        }

/*.assetBg p::before {
        content: "";
        display: inline-block;
        width: 200px;
        height: 200px;
        background-color: #000;
    }*/

.foot {
    background-color: #1d1d35;
    color: #aeb1be;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top:1px solid #4d3aae;
    bottom:0;
    z-index:100;
    position:fixed;

}
/*newsbox*/
.newsBox {
    border: 1px solid #ffeac4;
    /*margin-top: -17px;*/
    margin-top: -60px;
}

.box1 {
    padding-top: 15px;
    padding-bottom: 15px;
    border-right: 1px solid #ffeac4;
}

    .box1 h3 {
        font-weight: bold;
        font-size: 24px;
        margin-top: 0px;
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .box1 p {
        font-size: 13px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }

        .box1 p a {
            color: blue;
        }

.box2 {
    border-right: 1px solid #ffeac4;
}

    .box2 img {
        width: 100%;
        margin: 10px 0px 10px 0px;
    }

.box3 .table > tbody > tr > td {
    padding: 3px;
}

.box3 {
    overflow-y: auto;
}

    .box3 .table {
        margin-bottom: 5px;
    }

        .box3 .table tr th {
            background-color: #f0f0f0;
        }
/*navigtion*/
.navbar {
    border-radius: 0px;
    margin-bottom: 0px;
}

.navbar-default {
    background: linear-gradient(#ffffff, #cccccc);
    background-color: #f8f8f8;
    border-top: 0px;
    transition: .33s all ease-out;
}

    .navbar-default .navbar-nav > li > a {
        text-transform: uppercase;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 12px;
        font-weight: bold;
        border-right: 1px solid #ccc;
        color: black;
    }


    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        background-color: #e41903;
        color: #fff;
    }

    .navbar-default li.active::after {
        content: '';
        border: 7px solid transparent;
        border-top: 7px solid #e41903;
        width: 0;
        height: 0;
        position: absolute;
        left: 40%;
        right: 0;
        text-align: center;
        z-index: 100;
    }
.navbar-right.spbar-right {
margin-right:0;
}
.navbar-right.spbar-right li a{
    background-color:transparent !important;
    border-right:0;
    color:black !important;
    padding:13px 15px 0px 15px !important
}
    .navbar-right.spbar-right li::after {
    display:none !important;
    }
    .navbar-right.spbar-right li a span {
    border:1px solid #000;
    border-radius:50%;
    padding: 6px 4px 0px 4px;
    font-size:14px;
    text-align: center;
    }
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}

.carousel-caption h3 {
    font-family: "PTSans-Bold-ext";
    font-size: 100px;
}

.carousel-caption p {
    font-family: "GOTHIC";
}

.home .carousel-inner > .item > img,
.home .carousel-inner > .item > a > img {
    width: 100%;
    margin: auto;
}

/*.home .carousel-inner > .item:first-child img {
    width: auto;
}*/

.home .carousel-caption {
    bottom: 23%;
}

    .home .carousel-caption p {
        font-size: 20px;
        font-weight: bold;
    }

.navbar-default .navbar-brand {
    color: #fff;
}

.navbar-brand {
    font-size: 30px;
    padding: 10px 0px 0px 0px;
}

.navbar-toggle {
    margin-left: 0px;
    margin-right: 0px;
    background-color: white !important;
    border: 0px !important;
    margin-top: 10px;
    margin-bottom: 0px;
    z-index: 1000;
    float: left;
}

    .navbar-toggle span {
        position: relative;
        display: block;
        margin: auto;
        transition: .3s all ease;
    }

        .navbar-toggle span::before, .navbar-toggle span::after {
            content: "";
            position: absolute;
            left: 0;
            top: -8px;
            transition: .3s all ease;
            -webkit-transition-duration: 0.3s, 0.3s;
            transition-duration: 0.3s, 0.3s;
            -webkit-transition-delay: 0.3s, 0s;
            transition-delay: 0.3s, 0s;
            -webkit-transition-property: top, -webkit-transform;
            transition-property: top, transform;
        }

        .navbar-toggle span:after {
            top: 8px;
        }

        .navbar-toggle span:after, .navbar-toggle span:before, .navbar-toggle span {
            width: 24px;
            height: 4px;
            background-color: #212121;
            background-color: #fff;
            backface-visibility: hidden;
            border-radius: 0;
        }

    .navbar-toggle.sxxn span {
        transition: background .3s 0s ease;
        background: transparent !important;
    }

        .navbar-toggle.sxxn span::before {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .navbar-toggle.sxxn span::before, .navbar-toggle.sxxn span::after {
            top: 0;
            -webkit-transition-delay: 0s, 0.3s;
            transition-delay: 0s, 0.3s;
        }



        .navbar-toggle.sxxn span:before, .navbar-toggle.sxxn span::before, .navbar-toggle.sxxn span::before, .navbar-toggle.sxxn span::before, .navbar-toggle.sxxn span::before {
            -webkit-transform: rotate3d(0, 0, 1, -40deg);
            transform: rotate3d(0, 0, 1, -40deg);
        }

        .navbar-toggle.sxxn span:after, .navbar-toggle.sxxn span:after, .navbar-toggle.sxxn span:after, .navbar-toggle.sxxn span:after, .navbar-toggle.sxxn span:after {
            -webkit-transform: rotate3d(0, 0, 1, 40deg);
            transform: rotate3d(0, 0, 1, 40deg);
        }

.navbar-default .navbar-toggle span {
    background-color: #363636;
    background-color: #fff;
    height: 4px;
    width: 24px;
}

.navbar-collapse {
    padding: 0px;
    /*width:280px;*/
}

.upDiv {
    /*background-color: #fdc55d;
    border: 1px solid #e59705;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 13px;
    padding-top: 3px;
    display: none;
    padding-bottom: 3px;
    margin-top: -26px;*/
}

    .upDiv a {
        color: black;
        text-decoration: none;
    }

.rd-navbar-content__toggle {
    display: none;
}
/*topbar*/
.navbar-default.affix {
    width: 100%;
    z-index: 300;
    top: 45px;
}

.navbar-toggle {
    background-color: transparent !important;
}

.topbar {
    z-index: 100;
    background-color: #fff;
}

    .topbar.affix {
        background-color: #000;
        z-index: 100;
        color: #fff;
        top: 0px;
        padding-bottom: 4px;
    }

        .topbar.affix a {
            color: #fff;
        }

        .topbar.affix .topR {
            background: none;
        }

.logoSm {
    display: none;
}

.social {
    text-transform: uppercase;
    text-align: right;
    color: #fff;
}

    .social a, span.pdf1 {
        display: inline-block;
        width: 24px;
        height: 24px;
        vertical-align: middle;
        margin-left: 6px;
        background: url(../images/social.png) no-repeat;
        opacity: .5;
        transition: .3s all ease;
        cursor: pointer;
    }

        .social a:hover {
            opacity: 1;
        }

a.f1 {
    background-position: left center;
    margin-left: 10px;
}

a.t1 {
    background-position: -30px center;
}

a.l1 {
    background-position: -60px center;
}

a.y1 {
    background-position: -88px center;
}

span.pdf1 {
    background-position: -118px center;
    opacity: 1;
}


/*a.product span {
    transition: 0.5s all ease;
    transform: rotate(270deg);
}

a.product.active span {
    transform: rotate(180deg);
}*/

.dropdown-menu {
    background-color: #d91702;
    width: 300px;
    font-family: 'PT Sans' Verdana, Geneva, Tahoma, sans-serif;
    /*transition: 0.5s all ease;*/
}

    .dropdown-menu a::before {
        content: '';
        display: inline-block;
        width: 0px;
        height: 0px;
        border: 4px solid transparent;
        border-left: 4px solid #fff;
        transition: 0.5s;
    }

    .dropdown-menu li:hover a::before {
        margin-left: 15px;
    }

    .dropdown-menu > li > a, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        color: #fff;
        background-color: transparent !important;
    }

    .dropdown-menu > li > a {
        border-bottom: 1px solid #ff6666;
        padding:3px 10px;
    }

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

.decoration-element {
    position: absolute;
    left: 50%;
    z-index: 2;
    width: 270px;
    height: 17px;
    background: #fff;
    margin-top: 7px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    padding-top: 3px;
}

    .decoration-element a {
        text-transform: uppercase;
        color: black;
    }

.offLocation h1 {
    font-size: 51px;
    text-transform: uppercase;
}

    .offLocation h1 span {
        font-size: 60px;
    }

.enquiryBg::before {
    width: 100%;
    height: 343px;
    background-color: #f4a615;
    background: url(../images/bg.png) #f4a615;
    background-size: cover;
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    display: inline-block;
}

.enquiry-head h1 {
    font-size: 43px;
    margin-bottom: 0px;
    text-shadow: 1px 1px 1px #fde0a7;
}

.enquiry-head p {
    font-size: 24px;
}

.enquiry1 {
    margin-top: 110px;
    -webkit-animation: fadeInLeft 1s ease-in; /* Chrome, Safari, Opera */
    animation: fadeInLeft 1s ease-in;
}

.enquiry {
    background-color: #fff;
    padding: 25px 15px;
    min-height: 400px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
    float: left;
    width: 100%;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 13px;
}

    .enquiry h2 {
        margin-top: 0px;
        font-size: 24px;
    }

.enquiry-form h4 {
    font-size: 16px;
    font-family: "PTSans-Bold-ext";
    text-transform: uppercase;
    padding-top: 10px;
    margin-bottom: 0px;
    clear: both;
}

    .enquiry-form h4::before {
        content: "\e094";
        /*width: 16px;*/
        /*height: 16px;*/
        font-family: 'Glyphicons Halflings';
        color: #fff;
        font-size: 10px;
        text-align: center;
        background-color: #04ab10;
        display: inline-block;
        padding: 8px 4px;
        margin-right: 4px;
        line-height: 0px;
    }

.enquiry-con div {
    margin: 5px 0px;
    min-height: 30px;
}

.enquiry-con {
    border-bottom: 1px solid #e1e1e1;
    float: left;
    width: 100%;
    margin-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

    .enquiry-con input[type="text"], .enquiry-con select {
        border: 1px solid #ddd;
        height: 28px;
        width: 100%;
    }

    .enquiry-con label {
        font-weight: normal;
    }

.enquiry div.verfy {
    padding-left: 0px;
    padding-right: 0px;
}

.enquiry .verfy::before {
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    color: forestgreen;
    margin-top: 5px;
}

.enquiry div span {
    color: red;
    font-weight: bold;
}

.enquiry-con .std div {
    float: left;
    width: 78%;
    margin-left: 2px;
    margin-top: 0px;
    margin-bottom: 0px;
}

    .enquiry-con .std div:first-child {
        width: 18%;
        margin-left: 0px;
    }

h4.spH4 {
    padding: 0px;
    margin: 0px;
}

    h4.spH4::before {
        content: "\e092";
        font-family: 'Glyphicons Halflings';
        padding-top: 8px;
    }

a.addNu {
    font-size: 11px;
    color: #000;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin-top: 3px;
    display: block;
}

    a.addNu span {
        color: #989794;
        padding: 3px;
        border: 1px solid #989794;
        border-radius: 10px;
    }

.capctha {
    /*border-left:1px solid #c4c4c4;*/
    padding-top: 10px;
}

div.botBot {
    margin: 5px 0px;
    background-color: #e1e1e1;
    min-height: 1px !important;
}

.borSP {
    border-right: 1px solid #e1e1e1;
}

div span.proSp {
    display: block;
    color: black;
    font-weight: normal;
}
/*div.spAddanother {
min-height:65px;

}*/
.spLogofortop {
display:none;
}
.topbar.affix .spLogofortop {
display:block;
font-size:24px;
}
.box_update {
width:80%;
}
.updateH4 {
margin:20px;
}
.splinkikg {
text-align:center;
background-color:#f1f1f1;
padding-bottom:20px;
margin-bottom:20px;
}
.splinkikg a {
display:inline-block;
text-decoration:none;
border:1px solid #fff;
margin-left:20px;
 padding:40px 30px;
transition:.5s ease;
color:#282828;
background-color:#fffffc;
width:25%;
color:#fff;
position:relative;
background-color:#1475ba;
} .splinkikg a:nth-child(3) {background-color:#00a498;
    }
    .splinkikg a:nth-child(4) {background-color:#ff9d00;
    }
    .splinkikg span {
    display:block;
    clear:both;
    font-size:50px;
    margin-bottom:10px;

    }    
.splinkikg a:hover {
    border:1px solid #fff;
    background-color:orangered;
    color:#fff;
    border-radius:10px;
    }
.earphoneNew {
font-size:80px;
margin-top:20px;
 }
.splinkikg a div, .splinkikg a p {
position:absolute;
font-size:12px;
font-style:italic;
}
.splinkikg a div {
top:0;
right:10px;
}
.splinkikg a p {
left:10px;
bottom:5px;
margin:0;
}
.viewupdateadmin {
    width:100%;    
    height: 80vh; 
    float:left; 
    background-color:#f1f1f1; 
    border-top:1px solid #c4c4c4; 
    padding:10px 0px;
}
.updationmobile {
width:70%;
}
    .updationmobile input[type="text"], .updationmobile input[type='password'] {
        border:1px solid #c4c4c4;
        border-radius:3px; 
        padding:5px 3px;
        box-sizing:border-box;
        margin:0px 2px 0px 0px;
        width:23%;
        float:left;
    }
.dvPwd {
    border:1px solid #c4c4c4;
    padding:10px;
    border-radius:5px;
    background-color:#fff;
    float:left;
    width:100%;
    margin-top:10px;
    margin-bottom:10px
}
    .dvPwd hr {
    margin-top:10px;
    margin-bottom:10px;
    }
    .dvPwd span {
    float:left;
    width:23%;
    padding-top:5px;

    }
   .dvPwd2 {
        width:400px;
       
    }
    .dvPwd2 span {
    width:40%;
    }
    .dvPwd2 input[type="text"], .dvPwd2 input[type='password'] {
        width:40%;
    }
.dvhrN {
    clear:both;
}
.splabelN, input.splabelN:focus{
    outline: none;
 
border:0 !important;
}
@media (min-width: 768px) {
    .decoration-element {
        width: 370px;
    }

    div.spSoftDiv {
        margin-top: 0px;
    }
}

.decoration-element-bottom {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

@media screen and (max-width:767px) {
       .dvPwd2 {
        width:100%;
       
    }
    .updationmobile input[type="text"], .updationmobile input[type='password'],  .dvPwd span {
        width:100%;
        margin-bottom:3px;
    }
    .viewupdateadmin {
    height:auto;
    }
    .updationmobile {
    width:96%;
    }
    form[action='UpdateScreen.aspx'] .navbar.navbar-default, form[action='viewupdateadmincontacts.aspx'] .navbar.navbar-default,   form[action*='OnlineSoftwareUpdation.aspx'] .navbar.navbar-default{
        display:block !important;
    }
    form[action='UpdateScreen.aspx'] .navbar-collapse, form[action='viewupdateadmincontacts.aspx'] .navbar-collapse, form[action*='OnlineSoftwareUpdation.aspx'] .navbar-collapse{
        display:none !important;
    
    }
    .box_update {
width:100%;
}
    .updateH4 {
margin:20px 0;
}
    .splinkikg a {
    width:100%;
    margin-left:0;
    }
    body {
padding-bottom:150px;
}
    .spLogofortop {
display:none !important;
}
    .navbar-right.spbar-right {
display:none;
}
    /*#tds.collapse div {
        padding: 0px;
    }

        #tds.collapse div ul {
            border-color: #ebab3d;
        }*/
    .textCh {
        display: none;
    }

    .profile-left {
        min-height: initial !important;
    }

    .profilePage {
        width: 100%;
    }

    .profileSlider h3 {
        margin-top: 30px;
    }

    table.dscContent1 td.no-Bg-Bor {
        display: none;
    }

    .profilePage-content {
        margin-top: -150px;
    }

    .profile-right {
        margin-top: 10px;
    }

    .getSecurity-slider h1 {
        font-size: 20px;
        background-color: rgba(255, 255, 255, 0.5);
        padding: 20px;
        margin-left: -15px;
    }

        .getSecurity-slider h1 span {
            font-size: 16px;
        }

    .getSecurity-slider {
        min-height: initial;
    }

    .getSecurity table td, .profile-right table.table td, .sptabll td, .sptablll td {
        display: block;
        float: left;
        width: 100% !important;
        background-color: #fff;
    }


    .getSecurity table tr td:empty, .profile-right table tr td:empty {
        display: none;
    }

    .getSecurity table td {
    }

    .spDivCode textarea, .spDivCodeInput input[type="text"], .spDivCodeInput select {
        width: 100%;
    }

    .spDivCodeBtn button.spbutton {
        margin-left: 0 !important;
    }

    .spDivCodeBtn {
        text-align: center;
    }

    .notePad {
        margin-bottom: 10px;
    }

        .notePad li {
            padding-left: 45px;
            width: 100%;
            padding-right: 10px;
            font-family: 'GOTHIC';
            margin-bottom: 10px;
        }

            .notePad li:nth-child(2) {
                padding-top: 0px;
            }

            .notePad li::before {
                width: 24px;
                height: 24px;
                font-size: 16px;
                left: 10px;
            }

    .Dscslider {
        background-size: cover;
    }

    .tab-content.new1111 {
        min-height: inherit;
    }

    div[id*='pro'] .productContent div[class*='col-'] {
        padding-left: 0;
        padding-right: 0;
    }

    div.rocText {
        margin-top: 0px;
    }

    div.spXBRL {
        background-color: transparent;
        padding: 10px 10px;
    }

    div.genDiv ul li:last-child {
        margin-bottom: 40px;
    }

    .dscBan2 {
        margin: 10px 0px;
    }

    div.dsctab2 {
        padding: 15px 0px 0px 0;
    }

    div.dscBan3 h1 {
        font-size: 24px;
        text-align: center;
    }

        div.dscBan3 h1::after {
            display: none;
        }

    .Dscslider {
        min-height: 180px;
    }

    .dsc1-1-1, .dsc1-2, .dsc1-3, .dsc1-4, .dsc1-5, .dsc1-6 {
        display: none;
    }

    table.dscContent1 th {
        font-size: 13px;
    }

    .spImggg {
        text-align: center;
    }

    div.dscBan3 h1 span {
        display: inline;
    }

    .caret {
        display: none;
    }

    div.rocText h2 {
        margin-top: 0px;
    }

    h5.spH5 {
        font-size: 24px;
        text-align: left;
        margin-bottom: 10px;
    }

    div.lastDiv ul {
        margin-left: 15px;
    }

    div#pro5 .leftOff {
        padding: 10px;
    }

    div.spPro div.pro_d::before {
        display: none;
    }

    div#pro5 .leftOff ul.spUl11 li {
        border: 0;
        border-bottom: 1px solid rgba(55, 55, 55, 0.8);
    }

    div[id='pro1'] .productContent div.leftOff {
        padding: 10px !important;
    }

    div.productContent.gstPro {
        padding: 0px;
        background-color: transparent;
    }

    div.watchProduct div h5 {
        padding: 10px 10px;
        font-size: 24px;
    }

        div.watchProduct div h5 span {
            font-size: 13px;
        }

    div.watchProduct div.lastDiv {
        min-height: inherit;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        div.watchProduct div.lastDiv h5 {
            text-align: left;
        }

    div.watchProduct div.div2_2 {
        min-height: inherit;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        div.watchProduct div.div2_2 ul {
            padding-left: 10px;
        }

        div.watchProduct div.div2_2 h5 {
            text-align: left;
        }

    .tab-content.new1111 {
        margin-left: 10px;
    }

    div.productContent ul.spUl11 li {
        width: 100%;
        margin: 0px;
        min-height: inherit;
        margin-bottom: 10px;
    }

    div#pro5 div.productContent ul.spUl11 li {
        text-align: left;
        padding: 10px;
        margin: 0;
    }

    .gstPro h5 {
        font-size: 20px;
        padding-top: 15px;
        padding-left: 40px;
    }

        .gstPro h5::before {
            padding: 5px;
            top: 8px;
            font-size: 15px;
        }

    div.spUlll {
        width: 100%;
        margin: auto;
    }

    div.productContent div.payUlSp div {
        width: 100%;
        margin-right: 0%;
    }

        div.productContent div.payUlSp div div {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        div.productContent div.payUlSp div.wow-outer div::before {
            left: 7px;
            font-size: 20px;
            top: 1px;
        }

    /*div.spPro div#pro1 {
        display: block !important;
    }*/

    div.productContent.gstPro div[class*='col-'] {
        /*padding:0px;*/
        margin-bottom: 0px;
    }

    div.productContent.gstPro ul {
        min-height: inherit;
    }

    .moreTds {
        padding: 10px;
    }

    div.spPro div[class="pro_d"] {
        height: 90px;
        min-height: 90px;
    }

    div.leftOff1 ul {
        margin-left: 10px;
    }

    div.leftOff1 h3 {
        margin-left: 20px;
    }

    .wel h2 {
        font-size: 40px;
    }

    div[id*="pro"] h1::after {
        display: none;
    }

    .spUl2 li, .spUl li, .spUl3 li {
        width: 100%;
    }

    div.productContent h3 {
        font-size: 30px;
        margin-bottom: 15px;
        text-align: left;
        margin-top: 0px;
    }

    .products.spproducts {
        margin-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    div.usefullpage-slider.memberpage {
        min-height: 170px;
        margin-bottom: 60px;
    }

        div.usefullpage-slider.memberpage h1 {
            display: block;
            font-size: 30px;
            width: 90%;
            right: 5%;
            top: 0;
        }

        div.usefullpage-slider.memberpage img {
            display: none;
        }

    div[class="pro_d"] {
        height: 90px;
        margin-bottom: 0px;
        background: none !important;
    }

    div[id*="pro"] h1 {
        position: static;
        padding: 0px;
        font-size: 30px;
        margin-bottom: 0;
    }

    div.products h1 span {
        font-weight: normal;
        font-size: 14px;
    }

    div.productContent {
        margin-top: 0;
        width: 100%;
        margin: 0px;
    }

    .productLi h3 {
        background-color: #fff;
        color: #000;
        margin: 0px;
        font-family: 'GOTHIC';
        padding: 10px;
        position: relative;
        border: 1px solid #c4c4c4;
        cursor: pointer;
        pointer-events: auto;
    }

        .productLi h3::after {
            content: "\f0dd";
            margin-top: 0;
        }

    .productLi ul.slideToggle {
        display: block;
    }

    .productLi ul {
        display: none;
        position: absolute;
        background-color: #fff;
        z-index: 20;
        left: 15px;
        right: 15px;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.14);
    }

        .productLi ul li a {
            padding: 7px 10px;
        }

        .productLi ul.showProduct {
            display: block;
        }

    .navbar-default li.active::after {
        border: 5px solid transparent;
        border-left: 5px solid #fff;
        left: auto;
        right: 27px;
        top: 16px;
    }

    .contBottom .table-responsive {
        border-color: #626262;
    }

    div.rightborSp {
        padding-left: 15px;
    }

    .rightbor {
        border-right: 0px;
    }

    div.contactPage img {
        display: none;
    }


    div.contactPage {
        background: url(../images/bg2.png) no-repeat left top #faa615;
        background-size: cover;
    }

    div.contactPage {
        min-height: 170px;
    }

        div.contactPage div {
            left: 5%;
            top: 0;
        }

        div.contactPage h1 {
            font-size: 40px;
        }

        div.contactPage p {
            font-size: 18px;
            width: 100%;
        }

    .contactform {
        background-color: transparent;
        border-bottom: 1PX solid #e1e1e1;
    }

        .contactform h3 {
            color: black;
        }

        .contactform input[type="text"], .contactform select {
            border: 1px solid #c4c4c4;
        }

    .page {
        padding-top: 50px;
    }

    .navbar {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        z-index: 1000;
    }

    .usefullpage-slider {
        min-height: 150px;
    }

        .usefullpage-slider h1 {
            top: 0px;
            display: none;
        }

    .usefullpage h2 {
        font-size: 22px;
    }

    .head1 {
        margin-top: 10px;
    }

    .content1 {
        height: auto !important;
    }

    .addnu1, a.addNu {
        text-align: right;
    }

    .enquiry-con div {
        min-height: 20px;
    }

    .enquiry-head h1 {
        font-size: 35px;
    }

    .enquiry-head p {
        font-size: 20px;
    }

    div.spSoftDiv {
        margin-top: 0px;
    }

    .borSP {
        border-right: 0px solid #e1e1e1;
    }

    .capctha {
        border-left: 0px solid #c4c4c4;
        border-top: 1px solid #c4c4c4;
    }

    .enquiry1 {
        display: none;
    }

    .infaSt {
        padding: 30px;
        height: auto;
    }

        .infaSt h1 {
            font-size: 30px;
        }

    .infraImg {
        padding-left: 15px !important;
        padding-top: 15px;
    }

    div.about::before {
        font-size: 20px;
    }

    div.carousel-caption.tax-caption {
        /*bottom:12%;*/
    }

    .newsBox {
        margin-top: -17px;
    }

    .toggle-btnSp {
        display: block;
    }

    .decoration-element {
        width: 150px;
    }

        .decoration-element a {
            font-size: 11px;
        }

    .navbar-default {
        background: linear-gradient(#000000, #000000);
        border-top: 0px !important;
    }

    .navbar-brand {
        display: inline;
        position: relative;
        z-index: 1000;
    }

    .social {
        text-align: left;
        margin: 20px 0px;
    }

    .navbar-default.affix {
        top: 0px;
    }

    .topbar.affix {
        color: #000;
        top: 50px !important;
        padding-bottom: 4px;
    }

        .topbar.affix a {
            color: #000;
        }

    .topbar {
        position: fixed;
        top: 50px;
        transform: translateX(30px);
        transform-origin: 100% 100%;
        right: 0;
        z-index: 1001;
        width: 280px;
        padding: 25px 35px;
        margin: 0 -1px;
        opacity: 0;
        visibility: hidden;
        transition: 0.23s all cubic-bezier(0.26, 0.1, 0.66, 0.46);
        font-size: 14px;
        line-height: 1.4;
        background: #fff;
        border: 1px solid #ebebeb;
        text-align: left;
        /*pointer-events: none;*/
        padding-bottom: 10px !important;
        background-color: #fff !important;
    }

        .topbar .div1 {
            display: none;
        }

        .topbar.in {
            visibility: visible;
            opacity: 1;
            transform: translateX(0);
        }

        .topbar.in {
        }

        .topbar .topR {
            background: none;
        }

    .topR a {
        text-align: left !important;
    }

    .topbar .topR a {
        color: #000;
        padding-left: 0px;
        margin-left: 0px !important;
    }

    .rd-navbar-content__toggle {
        top: 0px;
        right: 2px;
        width: 48px;
        display: inline-block;
        position: relative;
        width: 48px;
        height: 48px;
        line-height: 48px;
        cursor: pointer;
        color: #363636;
        font-size: 16px;
        position: fixed;
        z-index: 1000;
    }


        .rd-navbar-content__toggle span, .rd-navbar-content__toggle span::before, .rd-navbar-content__toggle span::after {
            position: absolute;
            width: 6px;
            height: 6px;
            line-height: 6px;
            text-align: center;
            background: #363636;
            background-color: #fff;
            left: 50%;
            margin-left: -3px;
            border-radius: 50%;
            transition: .3s all ease;
        }

            .rd-navbar-content__toggle span::before, .rd-navbar-content__toggle span::after {
                content: '';
            }

        .rd-navbar-content__toggle span {
            top: 50%;
            margin-top: -3px;
        }

    .rd-navbar-fixed .rd-navbar-content__toggle span::before {
        bottom: 100%;
        margin-bottom: 3px;
    }

    .rd-navbar-content__toggle span::before {
        transform: translateY(9px);
    }

    .rd-navbar-content__toggle span::after {
        transform: translateY(-18px);
    }

    .rd-navbar-content__toggle.active span {
        transform: scale(0.7);
    }

    .rd-navbar-content__toggle span::after {
        top: 100%;
        margin-top: 3px;
    }

    .box1, .box2 {
        border-right: 0px;
    }

    .topR {
        background-image: none;
    }

        .topR a:first-child {
            margin-left: -10px;
        }

    .navbar-collapse {
        color: #fff;
        background-color: #fff;
        padding-left: 30px;
        padding-right: 15px;
        border-color: #ebebeb;
    }

    .navbar-collapse {
        position: fixed;
        z-index: 100;
        top: -56px;
        left: 0;
        width: 280px;
        padding: 105px 0px 81px 0px;
        bottom: -56px;
        box-shadow: 0 0 15px rgba(0,0,0,0.3);
        overflow-x: hidden;
        border: 0px !important;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        transform: translateX(-110%);
        border-right: 1px solid #ebebeb;
        transition: 0.32s all cubic-bezier(1, 0.54, 0.15, 0.86);
        /*background-color: #000;*/
    }

    .mynavDis {
        height: 99px;
        background-color: #000;
        display: none;
    }

    .navbar-collapse.in {
        transform: translateX(0);
    }

    .navbar-default .navbar-nav > li > a {
        border-right: 0px;
        font-weight: normal;
        border-bottom: 1px solid #ebebeb;
    }

    .navbar-nav {
        margin-top: 0px;
        padding-left: 30px;
    }

        .navbar-nav > li > .dropdown-menu {
            padding: 0px 10px;
            position: static;
            float: none;
            display: none !important;
            box-shadow: none;
        }

            .navbar-nav > li > .dropdown-menu a {
            }

    .home .carousel-caption {
        bottom: 25%;
    }


    /*.home .carousel-caption {
        top: 0px;
    }*/

    .carousel-caption h3 {
        font-size: 30px;
    }

    .home .carousel-caption p {
        font-size: 11px;
        font-weight: normal;
    }

    .carousel-caption h3 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .upDiv {
        margin-top: 20px;
    }

    .mwithoutBg div.productContent {
        padding: 20px 0;
        border: 0;
    }

        .mwithoutBg div.productContent h3 {
            font-size: 24px;
        }

    .mwithoutBg div[id*="pro"] .spLabel table td {
        display: block;
        width: 50%;
        float: left;
    }

    .mwithoutBg .spLabel label {
        position: relative;
        padding-left: 20px;
    }

        .mwithoutBg .spLabel label input[type="checkbox"] {
            position: absolute;
            left: 0;
        }

    .dsc2 {
        background: url(../images/dscslider.jpg) no-repeat top right #fbbb45;
        background-size: cover;
        min-height: 180px;
    }

        .dsc2 .dsc2_1 {
            display: none;
        }

        .dsc2 .dsc2_2 {
            top: 10px;
            right: 2%;
            left: 5%;
        }

            .dsc2 .dsc2_2 span {
                display: block;
            }

            .dsc2 .dsc2_2 div:first-child {
                font-size: 24px;
                line-height: normal;
                margin-bottom: 10px;
            }

                .dsc2 .dsc2_2 div:first-child span {
                    color: #000;
                }

            .dsc2 .dsc2_2 div:nth-child(2), .dsc2 .dsc2_2 div:last-child {
                font-size: 14px;
            }

    .RewardHead h1 {
        font-size: 24px;
        margin-top: 0;
    }

    #ddlPacks {
        width: 100%;
    }

    .spTD-cloud td {
        float: left;
        width: 100%;
    }

    .amDis {
        display: none;
    }

    .cloud2 .spbutton {
        min-width: 100px;
    }
}

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

    .mbDB {
        display: block;
    }

    .smf {
        font-size: 12px;
    }

    /*div[class="pro_d"] {
        min-height: 190px;
    }*/

    div[id*="pro"] h1 {
        /*font-size: 50px;*/
        margin-bottom: 0;
    }

    div.products h1 span {
        font-weight: normal;
        font-size: 14px;
    }

    div.dsctab2 {
    }

    div.dscBan3 h1 {
        text-align: center;
    }

        div.dscBan3 h1 span {
            display: inline;
        }

    .spImggg {
        text-align: center;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    div span.proSp {
        display: block;
    }

    .profilePage {
        width: 96%;
    }

    .navbar-default .navbar-nav > li > a {
        padding-left: 6px;
        padding-right: 6px;
        font-size: 11px;
    }

    .home .carousel-caption {
        bottom: 20%;
    }

    .infaSt {
        padding: 5px 20px;
        height: auto;
    }

        .infaSt h1 {
            font-size: 26px;
        }

        .infaSt p {
            font-size: 14px;
            line-height: 18px;
        }
}

@media screen and (max-width:768px) {
    div span.proSp {
        display: block;
    }

    div span.proSp {
        display: block;
    }

    .contactPage img {
        width: 300px;
    }

    .contactPage div {
        top: 10%;
        left: 6%;
    }

    div.pro_d {
        height: 190px;
    }

    div[id*="pro"] h1 {
        font-size: 24px;
    }
}



@media screen and (min-width:992px) and (max-width:1024px) {
    div.productContent ul.spUl11 li {
        width: 22%;
        padding: 10px;
        margin: 10px;
    }

    .contactPage img {
        width: 370px;
    }

    .contactPage div {
        top: 10%;
        left: 6%;
    }

    div.pro_d {
        height: 260px;
    }

    .dsc1-4 {
        width: 540px;
    }

    .dsc1-4 {
        font-size: 20px;
        top: 100px;
    }

    .dsc1-5 {
        top: 220px;
        width: 495px;
    }

    .dsc1-6 {
        top: 280px;
        width: 550px;
        font-size: 22px;
    }

    .dsc1-2 {
        left: 2%;
    }

    .dsc2 .dsc2_2 {
        top: 75px;
        right: 4%;
    }

    .dsc2 .dsc2_1 {
        width: 300px;
        height: 300px;
        left: 3%;
    }
}

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

    div.pro_d {
        height: 90px;
        border: 0px;
    }

    div[id*="pro"] h1 {
        font-size: 30px;
    }
}

@media (min-width:768px) {
    .gstPro ul {
        min-height: inherit;
    }

    .divMod div {
        min-height: 208px;
    }

    div.productContent div.payUlSp div div {
        padding-left: 17%;
        padding-top: 10px;
        padding-bottom: 10px;
        min-height: 65px;
        width: 100%;
        font-size: 15px;
    }

    .gstPro .SpulClass ul {
        min-height: inherit;
    }
}

@media (min-width:992px) {
    .gstPro ul {
        min-height: 450px;
    }

    .gstPro .SpulClass ul {
        min-height: 233px;
    }

    div.usefullpage-slider.memberpage h1 {
        width: 45%;
        font-size: 54px;
    }
}

@media (min-width:1200px) {
    .gstPro ul {
        /*min-height: 350px;*/
    }

    .gstPro .SpulClass ul {
        min-height: 175px;
    }

    div.productContent div.payUlSp div div {
        padding-left: 10%;
        padding-top: 15px;
        padding-bottom: 15px;
        min-height: inherit;
        width: 100%;
        font-size: 15px;
    }
}

@media screen and (max-width:1024px) {
    .gstPro ul {
        min-height: 580px;
    }
}

.adminInput input, .adminInput select, .adminInput textarea {
    width:50%;

}
@media screen and (max-width:767px) {
.adminInput input, .adminInput select, .adminInput textarea {
    width:100%;

}
}
#chkClass2, label[for*='Class2'] {
            display:none;
        }

.navbar-default .navbar-nav > li > a.buyDsc_btn {
     background-image: linear-gradient(#00a1fc, #04456b);
     color:#fff;
}
#MobileLinkButton, #WUCLogin2_LinkButton1 {
     color:black !important;
       background:#eee !important;
       padding:4px 10px;
       display:inline-block;
       border:1px solid #ccc;
       border-radius:10px;
       font-weight:600 !important;
       text-transform:none !important;
       font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
       font-size:13px;
       background-image: linear-gradient(#f2f2f2, #bfbfbf) !important;

}
.modal-dialog .modal-header {

}
.modal-dialog .btnlink a{
color:blue;
}
.mobileDeviceOnly .topbar.in, .topbar.in {
    box-shadow: -15px 12px 15px rgba(0,0,0,0.3);
}
#iframeBox .container-fluid {
    padding: 0 !important;
}
.mobileDeviceOnly .bg-primary.topBanner {

    background-color:#fff;
    color:#000;
}
@media (max-width: 767px) {
    .text-container {
        text-align: justify;
        /*text-align-last: left;*/
    }
}