html, body {
        padding: 0;
        margin: 0;
        font-family: "zoho_puvi_regular";
        font-size: 14px;
    }/*h1, h2, h3, h4, h5, h6 {font-family:"zoho_puvi_bold";}*/
    .regnow > h1 {
        margin-bottom: 0;
    }

    .regnow > h1, .regnow > p {
        color: #fff;
    }

    .regnow > p {
        padding-bottom: 10px;
    }

    form[name="Request_Call_Back_Form"] {
        width: 100% !important;
    }

    .notes-field.mediumSizeLive {
        width: 100% !important;
    }

    .pad-t0 {
        padding-top: 0;
    }/*#Help-Center {display:none;}*/

    #ifr-con {
        display: none;
    }

    .reg-form {
        width: 450px;
        margin: 0 auto;
        margin-top: 40px;
        background: #fff;
        box-sizing: border-box;
        border-radius: 6px;
        display: none;
    }

    .form-ct {
        padding: 20px 30px;
    }

    .input-row:before, .input-row:after {
        content: "";
        display: table;
        clear: both;
    }

    .input-row {
        padding: 10px 0;
    }

    .input-row label {
        width: 100%;
        display: block;
        text-align: left;
        color: #8e8a8a;
    }

    .input-row label > sup {
        color: #f00;
    }

    .input-row input, .input-row select {
        width: 100%;
        height: 35px;
        padding: 5px;
        box-sizing: border-box;
        outline: 0;
        border: solid 1px #ccc
    }

    .cta-btn {
        background: #d42d2d;
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        width: 200px !important;
        margin: 0 auto;
        transition: all .3s ease-in-out;
        cursor: pointer;
    }

    .cta-btn:hover {
        background: #bd1414;
    }

    .contact-info {
        margin: 20px 0;
    }

    .contact-info > p {
        color: #d7d7d7;
        margin: 0;
        font-size: 13px
    }

    .contact-info > p > span > strong {
        color: #fff;
    }

    .contact-info > p > span {
        display: inline-block;
        margin: 5px;
        padding: 2px 10px;
        border: solid 1px #7b7a7a;
        border-radius: 10px;
    }

    #ifrm-val-div {
        margin: 0 auto;
        display: inline-flex;
        text-align: center;
        justify-content: center;
        width: 100%;
    }

    #ifrm-val-div > li {
        text-align: center;
        margin: 5px;
        padding: 5px 10px;
        border: solid 1px #ddd;
        border-radius: 15px;
        color: #131313;
        position: relative;
        cursor: pointer;
        transition: all .5s ease-in-out;
    }

    #ifrm-val-div > li:hover, #ifrm-val-div > li.valActive {
        border-color: #6f6f6f;
        color: #fff;
        background: #6f6f6f;
    }

    #ifrm-val-div > li.valActive:after {
        content: "";
        position: absolute;
        top: 35px;
        left: 45%;
        border-color: #6f6f6f transparent;
        border-style: solid;
        border-width: 10px 10px 0px 10px;
    }

    .btn1:link, .btn:visited {
        display: inline-block;
        background: #e9142b;
        padding: 10px 30px;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        border-radius: 25px;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .btn1:hover {
        opacity: .80;
        text-decoration: none;
        box-shadow: 0 0 5px 0 #000;
    }

    .display_none {
        display: none;
    }

    #myFrame {
        width: 100%;
        height: 600px;
    }

    .pop-container {
        top: 40px;
        position: fixed;
        height: 600px;
        width: 900px;
        margin-left: -475px;
    }

    .banner {
        background: #525252;
    }

    .banner-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 25px 0;
        align-items: center;
    }

    .banner-row > .col1 {
        width: 60%;
    }

    .banner-row > .col2 {
        width: 40%;
        text-align: center;
    }

    .banner-title {
        padding: 25px 50px;
        position: relative;
        -webkit-animation: bannerCtAnim 3s ease-in-out;
        animation: bannerCtAnim 3s ease-in-out;
    }

    .banner-title a {
        margin-top: 10px;
    }

    .banner-title > h1 {
        font-size: 35px;
        margin: 0;
        color: #fff;
        margin-bottom: 15px;
    }

    .banner-title > p {
        font-size: 14px;
        margin: 0;
        color: #fff;
        margin-bottom: 15px;
    }

    @-webkit-keyframes bannerCtAnim {
        0% {
            transform: translateY(-20px);
            opacity: 0;
        }

        100% {
            transform: translateY(0px);
            opacity: 1;
        }
    }

    @keyframes bannerCtAnim {
        0% {
            transform: translateY(-20px);
            opacity: 0;
        }

        100% {
            transform: translateY(0px);
            opacity: 1;
        }
    }

    .bannerImg {
        -webkit-animation: bannerImgAnim 3s ease-in-out;
        animation: bannerImgAnim 3s ease-in-out;
        position: relative;
        width: 100%;
        max-width: 350px;
    }

    @-webkit-keyframes bannerImgAnim {
        0% {
            transform: translateY(20px);
            opacity: 0;
        }

        100% {
            transform: translateY(0px);
            opacity: 1;
        }
    }

    @keyframes bannerImgAnim {
        0% {
            transform: translateY(20px);
            opacity: 0;
        }

        100% {
            transform: translateY(0px);
            opacity: 1;
        }
    }

    .hglt1, #VideosAndLogos {
        background: #f9f9f9;
    }

    .hglt2 {
        background: #525252;
    }

    .heading-menu, #scroll {
        display: none;
    }

    .banner-row, .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .col {
        display: inline-block;
        width: 29%;
        padding: 10px;
        margin: 10px;
        position: relative;
        background: #f9f9f9;
    }

    .banner-row > .col1 {
        width: 60%;
    }

    .banner-row > .col2 {
        width: 40%;
    }

    a.btn:link, a.btn:visited {
        display: inline-block;
        background: #ffce44;
        padding: 5px 25px;
        color: #121212;
        text-decoration: none;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    a.btn:hover {
        background: #daa616;
    }

    .row1 > .col {
        margin: 10px;
        padding: 0;
        background: #fff;
    }

    .con-det {
        padding: 20px;
    }

    .con-det > h3, .con-det > p {
        margin: 0;
        padding: 0;
    }

    .ifr-con {
        padding: 15px;
        text-align: center;
        width: 90%;
        margin: 0 auto;
    }

    .ifr-con > p {
        margin: 0 20px 10px;
    }

    .divSec {
        padding: 15px;
        margin: 15px 0;
        background: #fff;
    }

    .divSec:nth-child(1) {
        margin-top: 0;
    }

    .divSec h3, .divSec p {
        margin: 0;
    }

    .divSec h3 {
        margin-bottom: 10px;
    }/*---- new css ------*/
    .row1 > .col {
        background: #f9f9f9;
    }

    #ifrm-val-div > li.valActive {
        border-color: #ffce44;
        color: #444;
        background: #ffce44;
    }

    #ifrm-val-div > li.valActive:after {
        border-color: #ffce44 transparent;
    }

    .page_content_wrapper .page_content_wrapper {
        box-shadow: none !important;
    }

    ::-webkit-scrollbar {
        width: 10px;
    }

    ::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    ::-webkit-scrollbar-thumb {
        background: #888;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }/*---- end css ------*/
    @media (max-width: 965px) {
        .col {
            width: 28%;
        }
    }

    @media (max-width: 900px) {
        /*.row1 > .col:nth-child(1){width:100%;flex:auto;}
        .row1 > .col:nth-child(2){width:100%;flex:auto;}*/
    }

    @media (max-width: 768px) {
        .col {
            width: 40%;
        }

        .banner-title > h1 {
            line-height: 40px;
        }

        .banner-row {
            flex-direction: row-reverse;
        }

        .banner-title {
            padding: 25px 50px;
        }

        .banner-row > .col1 {
            width: 95%;
            text-align: center;
        }

        #myFrame {
            width: 100%;
        }
    }

    @media (max-width: 600px) {
        .col {
            width:100%
        }

        .reg-form {
            width: 85%;
        }
    }

    .comparison {
        max-width: 900px;
        margin: 0 auto;
        margin-bottom: 20px;
        margin-top: 0px;
        text-align: center;
        padding: 0 10px
    }

    .comparison table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: auto
    }

    .comparison td, .comparison th {
        border-right: 1px solid #f1f1f1;
        empty-cells: show;
        padding: 5px 10px;
        border-top: 1px solid #f1f1f1;
        border-bottom: 1px solid #f1f1f1;
        color: #000;
        font-size: 15px
    }

    .comparison th {
        font-weight: 700;
        padding: 0;
        border-top: 0 solid #f1f1f1;
        border-bottom: 0 solid #f1f1f1
    }

    .comparison .compare-row {
        background: #fff
    }

    .comparison .compare-row td:nth-child(3) {
        -webkit-box-shadow: 0 0 0 #999;
        box-shadow: 0 0 0 #999;
        border-right-color: #999;
        border-left: 1px solid #999
    }

    .comparison .compare-row td:nth-child(2) {
        border-right-color: #999
    }

    .comparison .product {
        color: #fff;
        padding: 10px;
        font-size: 14px;
        background: #333;
        height: 35px;
        font-size: 1.2em;
        line-height: 2;
    }

    .comparison .product:nth-child(1) {
        text-align: left;
        background: #ddd;
        color: #000;
        border-right-color: transparent
    }

    .comparison .product:nth-child(2) {
        background: #bbb;
        color: #000;
        border-right-color: transparent
    }

    .comparison .compare-row td:nth-child(1) {
        border-right-color: #bbb;
    }

    .comparison .compare-row:nth-last-child(1) td:nth-last-child(2) {
        border-bottom-color: #999;
    }

    .comparison .tl {
        color: #fff;
        padding: 10px;
        font-size: 14px
    }

    .comparison .tl2 {
        border-right: 0
    }

    .comparison .price-info {
        padding: 15px
    }

    .comparison .price-now {
        color: gray
    }

    .comparison .price-now span {
        color: gray;
        font-size: 36px;
        color: #545454
    }

    .comparison .price-now p {
        font-size: 14px;
        text-align: center;
        line-height: 16px;
        display: inline
    }

    .comparison .price-buy {
        background: #ec671a;
        padding: 10px 20px;
        font-size: 14px;
        display: inline-block;
        color: #fff;
        text-decoration: none;
        border-radius: 3px;
        text-transform: uppercase;
        margin: 5px 0 10px;
        letter-spacing: 1px;
        cursor: pointer;
        -webkit-transition: .3s all ease;
        transition: .3s all ease
    }

    .comparison .price-buy:hover {
        background: #e84d00
    }

    .comparison tbody tr:nth-child(odd) {
        display: none
    }

    .comparison tr td:first-child {
        text-align: left;
        padding: 10px;
        border-left: 1px solid #f1f1f1;
        border-top: 1px solid #f1f1f1
    }

    .comparison .compare-row:nth-last-child(1) td:nth-last-child(1) {
        border-bottom-color: #000;
    }

    .colContent h3 {
        margin-top: 0px;
        margin-bottom: 15px;
        color: #2d2d2d;
    }

    .colContent p {
        margin-bottom: 0;
    }

    .colIcon {
        background: url(images/pre-sup-sprite.png) no-repeat 0 0;
        width: 46px;
        height: 46px;
        position: absolute;
        top: 10px;
        left: 5px;
        -webkit-transform: scale(.85);
        transform: scale(.85);
    }

    .colContent {
        padding-left: 50px;
    }

    .row .col:nth-child(1) .colIcon {
        background-position: 0 0
    }

    .row .col:nth-child(2) .colIcon {
        background-position: -62px 0
    }

    .row .col:nth-child(3) .colIcon {
        background-position: -125px
    }

    .row .col:nth-child(4) .colIcon {
        background-position: 0 -61px
    }

    .row .col:nth-child(5) .colIcon {
        background-position: -60px -61px
    }

    .row .col:nth-child(6) .colIcon {
        background-position: -120px -61px
    }

    .row .col:nth-child(7) .colIcon {
        background-position: 0px -123px
    }

    .row .col:nth-child(8) .colIcon {
        background-position: -60px -122px
    }

    .row .col:nth-child(9) .colIcon {
        background-position: -120px -122px
    }

    #scroll > .container {
        max-width: 1150px;
    }

    @media screen and (min-width: 721px) and(max-width: 1000px) {
        .table_ul li {
            letter-spacing: 0
        }

        .comparison .price-now span {
            font-size: 32px
        }

        .comparison .price-now p {
            display: block
        }
    }

    @media screen and (max-width: 720px) {
        .table_ul {
            padding: 0
        }

        .table_ul li {
            font-size: 10px;
            line-height: 16px;
            padding: 3px 0
        }

        .comparison {
            max-width: 100%
        }

        .comparison td {
            border: 1px solid #ccc;
            border-top: none;
            padding: 10px;
            font-size: 14px
        }

        .comparison td:first-child {
            display: none
        }

        .comparison th {
            border: 1px solid #ccc;
            border-top: none;
            padding: 10px;
            font-size: 14px
        }

        .comparison th:first-child {
            display: none
        }

        .comparison .row {
            background: #fff
        }

        .comparison .compare-row {
            background: #fff
        }

        .comparison .price-now p {
            display: block
        }

        .comparison .price-now span {
            font-size: 24px
        }

        .comparison .qbse {
            font-size: 1.2em
        }

        .comparison tbody tr:nth-child(odd) {
            display: table-row;
            background: #f7f7f7
        }

        .price-info {
            border-top: 0 !important;
            padding: 10px 0 !important
        }

        .price-info p {
            line-height: 8px;
            font-size: 8px !important
        }
    }

    .table-datalist dd {
        margin-bottom: 20px;
    }

    @media (min-width: 1200px) {
        .container {
            max-width: 1170px;
        }
    }

    @media (max-width: 1200px) {
        .container {
            max-width: 97%;
        }
    }