﻿body {
    margin-left: -15px;
    font-family:Cambria;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    padding-right: 0px;
}

@media only screen and (min-width: 1366px) and (max-width:1920px) {
    body{
        max-height:900px;
        width:101%;
    }
}
.footercolumn{
    padding:10px;
    top:10px;
}
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
.formlayout {
   height: 700px; margin: 50px;
}
.lblquote {
    left: 27%;
    color: #0282f0;
    font-family: colonna mt; /**/
    font-weight: bold;
    font-size: 45px;
    position: relative;
}

.imgsirilogo {
    margin-left: 42%;
    margin-top:10%;
    opacity:0.7;
    width : auto !important;
}

/* css for loginpage page */

.loginpage {
    background: transparent; /*rgba(0,0,0,0.5);*/
    position: relative;
    top: -60px;
    width: 420px;
    float: left;
    margin: 170px auto 0 100px;
    text-align:center;
}

.lblwel {
    top: 3px;
    right: 10px;
    color: white;
    font-family: tw cen mt;
    font-size: 22px;
    float: right;
    position: relative;
}

fieldset {
    border: 0;
}

.txtlog {
    border-color: orange;
    border-radius: 5px;
    color: darkBlue;
    width: 210px;
    display: block;
    padding: 4px;
    margin: 5px 0 10px 0; /*top right bottom left*/
    font-size: 15px;
    font-family: Georgia, serif;
}

.loginpage label {
    color: yellow;
    width: 115px;
    text-align: right;
    float: left;
    margin: 0 10px 0 0;
    padding: 9px 0 0 0;
    font-size: 19px;
    font-family: 'Tw Cen MT';
}

.loginpage legend {
    color: White;
    text-align:center;
    font-family:'Tw Cen MT';
}

.loginpage .linkbtn {
    background-repeat: repeat-x;
    font-family: 'Tw Cen MT';
    color: orange !important;
    text-decoration: none;
    background-size: 100%;
    padding-left: 10px;
    font-size:19px;
    background: linear-gradient(to right,#adff2f 0%,#adff2f 3px,transparent 5px) !important;
    /*background-color: transparent;*/
}

    .loginpage .linkbtn:hover {
        color: darkred !important;
        background: linear-gradient(to right,#adff2f 0%,#adff2f 5px,transparent) !important;
    }

:root {
    -mainColors: #adff2f; /*ff9800;*/
}

.loginpage .lblpswderror {
    color: red;
    padding-left: 100px;
}

/* css for master page */

.masterpage .topbar { /*feb 6*/
    height: 35px;  /*25px*/
    /*background-color: darkgoldenrod;*/
    position:relative;
    overflow:hidden;
    padding-top:5px;
    display:none;
}
.userlog {
    float: right !important;
    /*height: 36px;*/ /*25px*/
    /*background-color: darkgoldenrod;*/
    position: relative;
    /* overflow: hidden;*/
    padding-top: 10px;
    display: flex;
    right: -430px;
    display: inline-flex;
}



.masterpage {
    overflow-x: hidden !important;
    padding-left:0px;
}

    .masterpage .menu_nav {
        background-color: goldenrod;
        height: 600px;
        margin-left: -15px;
    }

    .masterpage .maincontent {
        background-color: white;
        position: relative;
        top: 1px; /*178px*/
        width: 100%;
        overflow-y: auto;
        overflow-x:hidden;
        padding-right: 0px;
        padding-left: 0px;
    }

    .masterpage .footer {
        /*background: linear-gradient(to bottom, #0282f0 0%, #b30086 54%,#f700a9 100%);*/
        background-color: black;
        height: 25px;
        position: fixed;
        overflow: hidden;
        bottom: 0px;
        color: white;
        font-family: 'Tw Cen MT';
        font-size: 17px;
        opacity:0.7;
    }
    /*New */
.headerbar {
    position: fixed;
    display: inline-block;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 10px 0;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    background: -webkit-linear-gradient(135deg, rgba(0, 4, 40, 0.95) 0%, rgba(0, 78, 146, 0.95) 100%);
}
.masterpage .headerbar {
    /*background-color: #20d6d8;
        height:70px;
        position: fixed;
        overflow: hidden;*/
    /*bottom: 0px;*/
    /*top:0px;*/
    /*color: white;
        font-family: 'Tw Cen MT';
        font-size: 17px;
        opacity: 0.7;*/
}
    /*Old*/
    .masterpage .headerbar {
        height: 70px;
        background-color: #fff;
        position: relative;
        overflow: hidden;
        top: 1px;
        width: 101%;
        /*box-shadow: 2px 3px #888888;*/
        color: black;
        /*border-bottom: 1px solid #888888;*/
        box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
    }
    .masterpage .logo {
        margin-left: 0px;
        height: 130px;
        /* margin-top: -3px; -11px;*/
    }

.headspan1 {
    color: darkgreen;/*rgb(128, 0, 96);*/
    font-family: colonna mt;
    font-size: 50px;
    font-weight: bold;
}

.headspan2 {
    color: rgb(128, 0, 96); /*darkgoldenrod;*/
    font-family: Harrington;
    font-size: 30px;
    font-weight: bold;
}

.ratelive { /*feb6*/
    color: #0282f0;
    font-family: 'Tw Cen MT';
    font-size: 17px;
    /*margin-left: 25%;*/
    color: white;
    margin-left: 65%;
    font-weight: bold;
}

/* css for vertical fixed menu in nestedmastercustomer.master */

.navigation {
    width: 200px;
}

.menunav {
    height: 600px;
    background-color: white;
    width: 215px;
    margin-left: -10px;
    float: left;
    padding-right: 0px;
}

.mainmenu, .submenu {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .mainmenu a {
        display: block;
        background-color: white;
        text-decoration: none;
        padding: 10px;
        color: darkslategray;
        font-weight: bold;
        font-size: 13px;
        text-align: left;
        margin-left: -15px;
    }

        .mainmenu a:hover, .mainmenu a:active {
            /*background-color: goldenrod;*/
            background: linear-gradient(45deg,#ffe766 10%, #ccac00 100%);
            color: black;
        }

    .mainmenu li:hover .submenu {
        display: block;
        max-height: 200px;
    }

    .mainmenu li i {
        width: 15px;
        height: 15px;
    }

    .submenu a {
        background-color: darkgoldenrod;
        color: wheat;
        font-weight: bold;
    }

        .submenu a:hover {
            background-color: palegoldenrod;
            color: black;
        }

.submenu {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.5s ease-out;
}

/* css for horizontal fixed menu in site.master */

.masterpage .hmenu {
    height: 40px;
    margin: 3px 0px;
    position: relative;    
    background-color: #30a7ed;
}




.hnavbar {
    /*overflow: hidden;*/
    /*background: linear-gradient(to bottom, #0282f0 0%, #b30086 54%,#f700a9 100%);*/
    /*background-color: darkgoldenrod; linear-gradient(to bottom, #0282f0 0%, #b30086 100%);;*/
    position: relative;
    width: 101%;
    margin-left: -15px;
    display:block !important;
}

.hnavbar ul { /*mmenu*/
    list-style: none;
    cursor: default;
    width: auto;
    margin: 0px;
    padding: 0px;
    /*overflow: hidden;*/
}

.mmenu {
    display: inline-flex;
}

.smenu {
    width: 250px;
    height: auto;
    color: #ffffff;
    margin-top: 41px;
    display: none;
    position: absolute;
    z-index: 10;
    cursor: default;
    padding: 0px;
    overflow: visible;
    background-color: #32a7ed;
}

    .smenu div {
        background-color: whitesmoke;
        height : 370px;
    }

.smenu a{
    color:black !important;
    text-decoration:none;
    display:block;
}

.smenu a:hover{
    color:darkmagenta !important;
    border-radius:0px !important;
}

.smenu h5{
    font-weight:bold;
    color:darkmagenta;
}
.pl-0 {
    display: grid;
}

.drpdwn:hover .smenu{
    display:block;    
}

.drpdwn:hover .smenu a{
    font-size:15px;
    padding:0px 2px;
}

.hnavbar li {
    float: left;
}

    .hnavbar li.drpdwn {
        display: inline-block;
    }

.hnavbar a {
    float: left;
    display: block;
    color: #f9ffff;
    text-align: center;
    padding: 7px 16px;
    text-decoration: none;
    font-size: 19px;
    font-family: 'Tw Cen MT';
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-left: 5px;
}

    .hnavbar a:hover {
        /*background-color: #ffe6ff;*/
        color: black;
        background-color: #84c1b3; /*lightgrey*/ /*#ffe6ff;*/
        border-bottom-left-radius: 15px;
        border-top-right-radius: 15px;
    }

/* css for index page */

.linksite {
    /*left: 912px;
    top: 375px;*/
    top: 200px;
    color: yellow; /* #0282f0; maroon*/
    font-family: brush script mt; /*brush script mt*/
    font-size: 36px;
    font-style: italic;
    text-decoration: none;
    position: relative;
}

.linksite:hover { color:#b30086; text-decoration:none;} /*darkmagenta*/

/* css for buttons */

.btnlog {
    width: 100px;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: lightSteelBlue;
    color: darkblue;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 30px 4px 0px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 40px;
    font-weight: bold;
}

    .btnlog:hover {
        /*background-image:linear-gradient(to top, rgba(0,188,108, 1) 0%, rgba(0,135,118,1) 44%, rgba(0,77,88,1) 100%); */
        color: ghostwhite;
        background: #23074d; /* fallback for old browsers */
        /*  background: -webkit-linear-gradient(to right, #cc5333, #23074d);   Chrome 10-25, Safari 5.1-6 
        background: linear-gradient(to right, #cc5333, #23074d); W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        background: linear-gradient(to bottom, rgba(0, 202, 223,1) 0%, rgba(27, 31, 171,1) 100%);
    }

.btnskew {
    border: none;
    color: darkslategray;
    padding: 10px;
    font-size: 18px;
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
}

    .btnskew:hover {
        transform: skew(-15deg);
        color: antiquewhite;
        background-color: darkslategray;
    }

.btnghost {
    font-size: small;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #0282f0;
    color: white;
    padding: 16px -4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    margin: 4px 5px 4px 5px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    height:45px;
}

    .btnghost:hover {
        background-color: white;
        color: #0282f0;
        border: 2px solid #0282f0;
    }

.linkbg {
    background: linear-gradient( to bottom, var(--mainColor) 0%, var(--mainColor) 100% );
    background-position: 0 100%;
    background-size: 4px 2px;
    transition: background-size .2s;
    background-repeat: repeat-x;
    color: darkslategray !important;
    text-decoration: none;
}

    .linkbg:hover {
        background-size: 4px 50px;
        color: darkgreen !important;
    }

:root {
    -mainColor: darkblue !important;
}

.btnsel {
    background-repeat: repeat-x;
    color: #0282f0;
    text-decoration: none;
    background-size: 100%;
    padding-left: 10px;
    background: linear-gradient(to right,#84bb74 0%,#84bb3a 3px,transparent 5px);
    /*    background: linear-gradient(to right,#298bf3 0%,#2682f0 3px,transparent 5px);*/
    /*background: linear-gradient(to right,#b30086 0%,#b30086 3px,transparent 5px);*/ /*#adff2f*/
    background-color: white;
    height: 53px;
    width: 289px;
    font-size: 22px;
    font-family: 'Tw Cen MT';
    border-radius: 20px;
}

    .btnsel:hover, .btnsel :active {
        color: white;
        background: linear-gradient(to right,#84bb74 0%,#84bb74 5px,transparent);
    }

/* css for home page */

.homepage {
    /*min-height: 570px;530px feb6*/
    margin-top: -10px;
    width: 100%;
    background-color: white;
}

.homeiconlbl{
    float:right;
    font-size:14px;
    font-style:italic;
    font-family:Cambria;
    color:darkmagenta;
    margin-top:4px; 
}

#ContentPlaceHolder1_AdRotator2 img, #ContentPlaceHolder1_AdRotator3 img {
    height: 250px;
    width: 75%;
    margin-left: 100px;
}

    #ContentPlaceHolder1_AdRotator4 img
    {
        margin-top:-20px;
        height:540px;
        width:90%;
    }

.imagegallery {
    margin-left: -15px;
}

div a img {
    height: 400px;
    width: 100%;
    background-size: cover;
}
.sptxt {
    color: rgb(128, 0, 96);
    font-family: lucida calligraphy;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}

.spptxt {
    font-style: italic;
    color: darkgreen;
}

/* css for schemereceipt page */

#ContentPlaceHolder1_ContentPlaceHolder1_vbtniewrecpts {
    float: right;
    margin-right: 5%;
}

.notetouser {
    height: 50px;
    color: red;
    font-family: tw cen mt;
    font-size: 16px;
}

.notetouser span{
    color:black;
    font-weight:bold;
}

.lbllbl {
    color: #0282f0;
    font-weight: bold;
    padding-left: 5px;
    font-family: Tw Cen MT;
    font-size: 16px;
}

.lbllblD {
    color: black;
    font-weight: bold;
    padding-left: 5px;
    font-family: Tw Cen MT;
    font-size: 16px;
}

.lbltotss {
    color: darkgreen;
    font-weight: bold;
    padding-left: 5px;
    font-family: Tw Cen MT;
    font-size: 16px;
}

.fright{
    margin-left:30%;
}

.frightt {
    margin-left: 45%;
}

.frite{
    float:right;
    margin-right:20px;
}
.mobiledtls {
   top: 50px; border: 1px solid #808080; border-radius: 10px; padding: 20px; height: 490px; background-color: #f5f5f5;
}
.txtboxes {
    border-color: transparent; /*gold;*/
    margin: 3px;
    font-family: Tw Cen MT;
    border-radius: 5px;
    width: 250px;
    color: black;
    height: 25px;
    background-color: #f0eee4;
    font-size: 16px;
}

.txtboxesD {
    border-color: transparent; /*gold;*/
    margin: 3px;
    font-family: Tw Cen MT;
    border-radius: 5px;
    width: 250px;
    color: darkslategray;
    height: 25px;
    background-color: antiquewhite;
    font-size: 16px;
}

.rbtnslist {
    color: darkslategray;
    margin-left: 5px;
    font-family: Tw Cen MT;
    font-size: 16px;
    display:inline;
}

    .rbtnslist td, .rbtnslist label {
        padding-left: 10px;
        padding-right:10px;
    }

#ContentPlaceHolder1_rbtn_receipts {
    display: inline;
}

.lblhead {
    color: darkslategray;
    font-family: Harrington;
    font-weight:bold;
    font-size: 25px;
}

.drpdowns {
    border-color: transparent; /*darkgoldenrod;*/
    margin: 3px;
    border-radius: 5px;
    font-family: Tw Cen MT;
    color: black;
    width: 250px;
    height: 34px;
    background-color: #f0eee4;
    font-size:18px;
}

.drpdownsD {
    border-color: transparent; /*darkgoldenrod;*/
    margin: 3px;
    border-radius: 5px;
    font-family: Tw Cen MT;
    color: darkslategray;
    width: 250px;
    height: 25px;
    background-color: antiquewhite;
    font-size: 16px;
}

.drpspl {
    border-color: transparent; /*darkgoldenrod;*/
    margin: 3px;
    font-size: 16px;
    font-family: Tw Cen MT;
    color: black;
    border-radius: 5px;
    width: 60px;
    height: 25px;
    background-color: #f0eee4;
}

.lbllblR {
    float: right;
}

.chkchk {
    color: darkmagenta;
    margin-left: 10%;
}

.chkchk label{
    margin-left:10px;
    font-weight:200;
}
/* css for nested master page */

.subcontent {
    min-height: 540px;
    margin-left: 10px;
    overflow-x:hidden !important;
    overflow: auto;
    /*margin-top: 5px;*/
    padding-right: 0px;
    background-color: white;
}

.lblname {
    left: 50px;
    top: 200px;
    color: white;
    font-family: jokerman;
    font-size: 30px;
    position: relative;
}

.lnkoffer {
    left: 570px;
    top: 335px;
    color: white;
    font-family: jokerman;
    font-size: 20px;
    text-decoration: none;
    position: relative;
}

.lnkoffer:hover{
    color:yellow;
    text-decoration:underline;
}

.lbltxt {
    color: white;
    font-family: tw cen mt;
    font-size: 16px;
}

.lblname2 {
    left: 675px;
    top: 75px;
    color: darkslategrey;
    font-family: jokerman;
    font-size: 30px;
    position: relative;
}

.listboxcss {
    padding: 5px;
    width: 1192px;
    color: darkslategray;
    font-family: tw cen mt;
    font-size: 17px;
    border-color: darkslategray;
    border-radius: 10px;
    height: 160px !important;
    background-color:ivory;
}

#ContentPlaceHolder1_ContentPlaceHolder1_imgcustphoto {
    margin-left: 50px;
    margin-bottom: 15px;
}

.registernew .pp {
    color: black;
    font-family: 'Tw Cen MT';
    font-size: large;
}

.listbx {
    width: 150px;
    height: 160px !important;
    padding: 5px;
    color: darkslategray;
    font-family: tw cen mt;
    font-size: 17px;
    border-color: darkslategray;
    border-radius: 10px;
    margin-left: 150px;
}

.goldgrid{
    text-align:center;
}

.griddraw {
    width: 98%;
    text-align: center;
}

    .griddraw th {
        margin: 3px;
        padding: 3px;        
        text-align:center;
        height:30px;
    }

    .griddraw td {
        padding: 3px;
        height: 25px;
    }

    .gridselect input{
        height:25px;
        width:25px;
    }

.lbltxtt {
    color: maroon;
    font-family: tw cen mt;
    font-size: 19px;
}

.gridMemdetails {
    width: 98%;
    font-size:small;
}

    .gridMemdetails th {
        text-align: left;
        padding: 3px;
        height: 30px;
        margin: 3px;
    }

    .gridMemdetails td{
        padding:3px;
        height:25px;
    }

.lblnotes {
    color: orangered;
    padding-left: 157px;
    font-weight: bold;
    font-family: Tw Cen MT;
    font-size: 18px;
}

.lblpadleft {
    padding-left: 20px;
}

.festimg {
    width: 400px;
    height: 100px;
    margin-left: 200px;
}

.festimg2 {
    width: 200px;
    height: 100px;
    float: right;
}

.contact1 {
    color: rgb(128, 0, 96);
    font-family: lucida calligraphy;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
}

.contact2 {
    color: black;
    font-family: 'Tw Cen MT' ;
    font-size:18px;
}

#ContentPlaceHolder1_ContentPlaceHolder1_UpdatePnl1 {
    display: inline;
}

.listschnos td, .listschnos label {
    padding: 2px;
}

.listschnos {
    color: black;
    font-family: 'Tw Cen MT';
    min-height:450px;
    overflow:scroll;
    width:100%;
    background-color:whitesmoke;
}

.gallist {
    padding: 3px;
    height: 240px !important;
    color: rgb(128, 0, 96);
    font-family: tw cen mt;
    font-size: 16px;
}

.imggal{
    border:2px solid black;
}

.gallerynote {
    color: red;
    font-family: tw cen mt;
    font-size: 16px;
}




















/* css for shopping cart */

.homeicon { /*feb 6*/
    width: 25px;
    height: 25px;
    margin-top: 2px;
    float: right;
    margin-left:15px;
    margin-right:5px;
    color:black;
}

.cartno {
    margin-top: 2px;
    float: right;
    margin-right: 10px;
    margin-left:-10px;
}

.homeiconU {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    margin-left: 15px;
    float: right;
}

.prodicon {
    margin: 5px;
    width: 30px;
    height: 29px;
    display:inline;
    margin-left:15px;
}

.prodicon:hover{
    box-shadow:darkmagenta 0px 0px 15px;
    padding:3px;
}

.wishicon {
    position: relative;
    top: -245px;
    left: 115px;
    height:22px;
    width:22px;
}

.wishicon1 {
    position: relative;
    top: -100px;
    left: 350px;
    height: 40px;
    width: 40px;
}

.fbold{
    font-weight:bold;
}

.listviewdiv {
    position: absolute;
    left: 340px;
}

.ourproducts{
    overflow-y:auto;
    overflow-x:hidden;
    min-height:550px;
    width:100%;
    display:inline;
}

.prodimg {
    margin: 10px;
    height:200px;
    width:275px;
}

.drpsort{
    width:130px;
}

.prodimg:hover{
    box-shadow:saddlebrown 0px 0px 15px;
    padding:3px;
}

.lblprod {
    color: #0282f0;
    font-family: 'Tw Cen MT';
    font-size: 19px;
    padding-left: 10px;
    font-weight:bold;
}

.pnlprod{
    /*border-radius:15px;
    border-width:1px;
    border-color:palegoldenrod;
    border-style:solid;*/
    margin:5px;
    background-color:white;
}

#ContentPlaceHolder1_listourprod {
    background-color: white;
    /*margin-left:25%;*/
}

.viewproddetail{
    display:inline; 
}

.lnkprice {
    color: darkslategray;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
}

.lnkprice :hover{
    color:black !important;
}

    .viewproddetail .vpd1 *{
    box-sizing: border-box;
}

.img-zoom-container {
    position: relative;
}

.img-zoom-lens {
    position: absolute;
    border: 1px solid #d4d4d4;
    /*set the size of the lens:*/
    width: 60px;
    height: 60px;
    margin-top: 50px;
    margin-left: 110px;
}

.img-zoom-result {
    border: 1px solid #d4d4d4;
    /*set the size of the result div:*/
    width: 300px;
    height: 300px;
    position:relative;
    top:-250px;
    left:430px;
    /*display:none;*/
}

    .viewproddetail .vpd2 {
        font-family:'Tw Cen MT';
    }

/*#ContentPlaceHolder1_imgprod:hover .img-zoom-result, .imgprod:hover .img-zoom-result{
    display: block !important;
}*/

.imgprod {
    width: 300px;
    height: 300px;
    margin-top: 50px;
    margin-left: 100px;
}

.lblphead {
    color: #0282f0;
    font-family: tw cen mt;
    font-size: 30px;
}

.lblpdetail {
    color: black;
    font-family: tw cen mt;
    font-size: 16px;
}

.txtpro {
    width: 270px;
    height: 30px;
    font-family: tw cen mt;
    font-size: 18px;
    padding-top:0px;
}

.btnghostp {
    font-size: medium;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #0282f0;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    height: 30px;
    font-size:13px;
}

    .btnghostp:hover {
        background-color: white;
        color: #0282f0;
        border: 2px solid #0282f0;
    }

.prodp, .lblpmsg {
    font-size: 16px;
}

.proddetail1, .metaldetail1, .certdetail1, .dimdetail1 {
    height: 35px;
    color: white;
    padding-left: 25px;
    font-family: tw cen mt;
    font-size: 24px;
    /*background-color: saddlebrown;*/
    background: linear-gradient(135deg, darkslategray 0%, gray 54%,lightslategray 100%);
    width:98%;
    border: 1px solid lightyellow;
}

#ContentPlaceHolder1_tblmetdet, #ContentPlaceHolder1_tblcertdet, #ContentPlaceHolder1_tbldimdet, #ContentPlaceHolder1_tblproddet {
    width: 100%;
}

.plus {
    float: right;
    padding-right:30px;
}

.lblpp {
    color: #0282f0;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
}
.rptview {
    border-top: 2px solid gray;
    width: 100%; /*RNS*/
    height: 100%;
    padding: 10px 30px;
    glyph-orientation-horizontal: inherit;
    /* overflow-x:scroll;*/
}
.viewproddetail2 {
    width: 70%;
    margin-left: 15%;
}

.pnlreg {
    border: 1px solid black;
    border-image: none;
    width: 50%;
    border-radius:10px;
  /*  padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 5%;*/
    margin-left: 25%;
  padding:10px;
    font-family:'Tw Cen MT';
    height:500px;
}

.pnllogin {
    border: 1px solid black;
    border-image: none;
    width: 32%;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 5%;
    margin-left: 33%;
    font-family: 'Tw Cen MT';
    margin-top:2%;
}

.pnlfilter {
    margin: 2%;
    padding: 2%;
    border: none;
    border-image: none;
    width: 70%;
}

.pnlfilter label{
    padding-left:5px;
    margin-left:5px;
    font-family:'Tw Cen MT';
    font-size:17px;
    font-weight:100 !important;
}

.pluss {
    font-size: 23px;
    color: darkmagenta;
    border: 1px solid black;
    float: right;
    line-height: 15px;
    margin-top: 7px;
}

.lblpinfo {
    color: orangered;
    padding-left: 35px;
    font-size: 18px;
}

.modalBackground {
    background: rgba(0,0,0,0.7);
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.pnlBackGround {
    position: fixed;
    top: 10%;
    left: 10px;
    width: 475px;
    height: 275px;
    text-align: center;
    background-color: whitesmoke;
    border: solid 2px black;
    animation: fadein 1s ease;
}

    .pnlBackGround .custom-trans {
        position:relative;
        display:block;
        transform: scaleY(1);
        animation: fadein 1.5s ease;
    }

.pnlprice{
    height:45% !important;
}

    .pnlBackGround #buttons, .pnlBackGround #buttons2 {
        display: inline-flex;
    }

.pnlBackGround .rateheader {
    height: 45px;
    font-size: 30px;
    background: linear-gradient(135deg, darkslategray 0%, gray 54%,lightslategray 100%);
    /*background-color: darkgoldenrod;*/
    color: white;
    font-family: Agency FB;
}

    .pnlBackGround .lblphrate {
        color: #0282f0;
        font-family: tw cen mt;
        font-size: 20px;
        font-weight: bold;
    }

    .pnlBackGround hr {
        margin: 5px;
        border: 1px solid darkslategray;
        border-image: none;
    }

    .pnlBackGround .main, .pnlBackGround #buttons, .pnlBackGround #buttons2 {
        background-color:whitesmoke;
    }

    .pnlBackGround .lblprate {
        font-family: tw cen mt;
        font-size: 17px;
        color:black;
    }

    .pnlBackGroundQ {
        height:350px !important;
        width:640px !important;
        left:300px !important;
        text-align:left;
    }

    .pnlBackGroundQ div label{
        text-align:left;
    }

.lblpbreakup {
    font-family: tw cen mt;
    font-size: 17px;
    color: black;
    margin-left:20%;
}

#main2 {
    text-align: left;
}

.lblvalues{
    left:40%;
    position:absolute;
}
.myacc1 .optionmenu {
    display: inline-flex;
    border: 1px solid darkgray;
    border-image: none;
    width: 290px;
    padding-bottom: 4px;
    padding-left: 4%;
    margin-top: 3px;
    font-family: 'Tw Cen MT';
    color:#0092ff;
}

.myacc1 .icon image, .myacc1 .icon img {
    height: 40px;
    margin-top: 8px;
    margin-right: 22px;
}

.myacc1 .icon {
    width: 25%;
}

.myacc1 h3 {
    text-align: center;
}

.myacc1 span {
    font-size: 45px;
}
/*.myacc1 .optionmenu {
    display: inline-flex;
    border: 1px solid darkgray;
    border-image: none;
    width:245px;
    padding-bottom: 15px;
    padding-left: 6%;
    margin-top: 5px;
    font-family:'Tw Cen MT';
    color:darkslategray;
}

.myacc1 .icon image, .myacc1 .icon img {
    height: 40px;
    margin-top: 28px;
    margin-right: 25px;
}

.myacc1 .icon{
    width:35%;
}

.myacc1 h3{
    text-align:center;
}

.myacc1 span{
    font-size:16px;
}*/

.myaccount {
    display: inline;
    min-height: 520px;
    overflow-x: hidden;
    overflow: auto;
    background-color: white;
}

.myacc2 {
    min-height: 600px;
    overflow-x: hidden;
    overflow: auto;
    background-color: white;
}

.pnlacco {
    /*border: 2px solid darkslategray;*/
    border:none;
    overflow-x:hidden;
    overflow: auto;
    background-color: white;
    margin-top: 5px;
}

.divwish, .divcart {
    display: inline-flex;
    padding: 10px 0px;
    border-bottom-color: lightgray;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-image: none;
    margin-left: 20px;
    width: 95%;
    font-family: tw cen mt;
}

.lblwishmsg {
    color: orangered;
    padding-left: 25px;
    font-family: tw cen mt;
    font-size: 20px;
    font-weight: bold;
}

.chngpswd {
    margin-left: 40px;
    width: 95%;
    font-family: tw cen mt;
}

.accprofile {
    margin-left: 30px;
    width: 95%;
    font-family: tw cen mt;
    height:500px;
}

.accadd {
    margin-left: 30px;
    width: 95%;
    font-family: tw cen mt;
}

.addh {
    color: #0282f0;
    font-size: 18px;
}

.addn {
    font-size: 17px;
    font-weight: bold;
    color:black;
}

.existingadd, #existingadd {
    font-size: 17px;
    color: darkslategray;
}

.lblwish{
    font-size:20px;
    color:darkslategray;
}

.chk {
    margin: 5px;
    font-family: tw cen mt;
    float: right;
}

.lbltcart {
    width: 60px;
    height: 30px;
    text-align: right;
    margin-top: 5%;
    font-size:18px;
}

.lblcart{
    font-size:20px;
    margin-top:5%;
}

.lblord {
    font-size: 16px;
    margin-top: 2%;
}

.tpplbl {
    left: 350px;
    position: absolute;
}

.olbl {
    font-family: tw cen mt;
    font-size: 16px;
    position: absolute;
    left: 20%;
}

.olbl1 {
    font-family: tw cen mt;
    font-size: 16px;
    margin-left: 2%;
}

.pnladd:hover {
    /* padding: 5px 0px 5px 0px;
    border: 1px solid darkslategrey; */
    border-image: none;
    width: 90%;    
}

.btndel {
    height: 30px;
    width: 30px;
    margin-top: 5%;
    left: 1250px;
    position: absolute;
}

.uplbl {
    left: 770px;
    position: absolute;
}

.tplbl {
    left: 1100px;
    position: absolute;
}

.qulbl {
    left: 950px;
    position: absolute;
}

.pluslbl {
    left: 1013px;
    top: 73px;
    position: absolute;
}

.minuslbl {
    left: 911px;
    top: 73px;
    position: absolute;
}

.pnlbl {
    left: 20px;
    position: relative;
}

.checkout h3 {
    font-family: 'Tw Cen MT';
    padding: 5px;
    margin-right: 20px;
    background-color: palegoldenrod;
}

.cstlbl1 {
    font-family: tw cen mt;
    font-size: 17px;
    margin-left: 55%;
}

.cstlbl {
    font-family: tw cen mt;
    font-size: 17px;
    position: absolute;
    left: 75%;    
}

.oslbl {
    font-family: tw cen mt;
    font-size: 20px;
    margin-left: 55%;
}

.btnproc {
    font-family: tw cen mt;
    margin-right: 10%;
    float: right;
    font-size: 20px;
    height:38px;
}

.lnkshop {
    color: darkslategray;
    font-family: tw cen mt;
    font-size: 20px;
}

.footerlinks {
    font-family: tw cen mt;
    font-size: 16px;
    margin-top: -48px;
    text-align: right;
    position: fixed;
    bottom:25px;
    background-color:palegoldenrod;
}

.lnkfoot {
    color: rgb(128, 0, 96);    
    text-decoration: none;
}

.textsiri {
    padding: 10px;
    color: rgb(128, 0, 96);
    font-family: tw cen mt;
    font-size: 17px;    
}

.prodbtns{
    height:45px;
}

.adlogout{
    float:right;
    margin-right:3%;
    background-color:white;
}

.tmar{
    margin-top:15px;
}

.imgord{
    margin-left:8%;
    position:relative;
}

.ordid{
    margin-top:2%;
}

.ordamt{
    left:70%;
    position:absolute;
}

.ordprod{
    left:40px;
    position:relative;
}

.orddt{
    left:85%;
    position:absolute;
    color:#0282f0;
}

.lnkadd {
    color: darkmagenta;
    font-family: tw cen mt;
    font-size: 20px;
}

.lnkadd:hover{
    color:darkred;
}

.lblfailure {
    color: darkgreen;
    font-family: tw cen mt;
    font-size: 25px;
}

.whyustxt {
    padding: 15px 0px;
    text-align: center;
    color: white;
    font-family: tw cen mt;
    font-size: 20px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    background-color: rgb(128, 0, 96);
    margin:0px 2%;
    width:20%;
    border:1px solid white;
}

.whyus {
    background-color: rgb(128, 0, 96);
}

.testtxt {
    font-family: 'Tw Cen MT';
    text-align: center;
    color: black;
    font-size: 21px;
    font-style: italic;    
    padding-bottom: 15px;
}

.transferscheme{
    height:400px;
    background-color:lightyellow;
}

.animate1,.animate3 {
    color:magenta;
    animation-name: header;
    position: relative;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    -webkit-animation-name: header; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes header {
    from {
        left: -150px;
    }

    to {
        left: 10px;
        color: #0282f0;
    }
}

@keyframes header {
    from {
        left: -150px;
    }

    to {
        left: 10px;
        color: #0282f0;
    }
}

.animate2 {
    color: magenta;
    animation-name: headerW;
    position: relative;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    -webkit-animation-name: header; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes headerW {
    from {
        left: -150px;
    }

    to {
        left: 10px;
        color: white;
    }
}

@keyframes headerW {
    from {
        left: -150px;
    }

    to {
        left: 10px;
        color: white;
    }
}

.lblshop1 {
    COLOR: black;
    font-family: cambria;
    font-size: 29px;
    color:#0282f0;/*#030c8c;*/
}
.lblshop1First {
    COLOR: black;
    font-family: cambria;
    font-size: 29px;
    color:#84bb3b; /*#124e00;*/
}

.lblshop2 {
    color: white;
    font-family: cambria;
    font-size: 16px;
    font-style:italic;
    padding-left: 7%;
}

.lblcat {
    color: #0282f0;
    font-family: Cambria;
    font-size: 28px;
}

.searchimg {
    height: 35px;
    margin-right: 5%;
    position: absolute;
    margin-top: 2%;
    right: 0;
}

.txtsearch {
    height: 35px;
    margin-right: 5%;
    position: absolute;
    margin-top:2%;
    right: 0;
    width:450px;
    border-radius:2px;
}

.prodimglat {
    margin: 10px;
}

    .prodimglat:hover {
        box-shadow: saddlebrown 0px 0px 15px;
        padding: 3px;
        border-radius:100%;        
    }

.con1 {
    font-size: 20px;
    font-family: tw cen mt;
    color: yellow;
}

.contactus {
    color: white;
    font-size: 17px;
    font-family: 'Tw Cen MT';
    background-color: rgba(0,31,58,1);
    /*background-color:#454545;*/
    padding:10px;
}

.txtcontact {
    width: 70%;
    border-radius: 20px;
    padding: 5px;
    margin: 5px;
    color: black;
}

.goldimg{
    height:100%;
    width:100%;
}

.pnlrate{
    margin-top:20%;
}

.golddiv {
    margin-left: -15px;
    padding-left: 0px;
}

.lblphrate {
    color: darkslategray;
    font-family: tw cen mt;
    font-size: 24px;
    font-weight: bold;
}

.lblprate {
    font-family: tw cen mt;
    font-size: 20px;
    color: black;
    font-weight:bold;
}

.ordbtn1 {
    left: 70%;
    position: absolute;
}

.ordbtn2{
    left:82%;
    position:absolute;
}

.modalBackgroundO {
    background: rgba(0,0,0,0.7);
}

.pnlBackGroundO {
    position: fixed;
    top: 1% !important;
    left: 10px;
    width: 475px;
    height: auto;
    text-align: center;
    background-color: whitesmoke;
    border: solid 2px black;
}

.pnlBackGroundO #buttons, .pnlBackGroundO #buttons2 {
    display: inline-flex;
}

.pnlBackGroundO .rateheader {
    height: 42px;
    font-size: 27px;
    background: linear-gradient(135deg, darkslategray 0%, gray 54%,lightslategray 100%);
    /*background-color: darkgoldenrod;*/
    color: white;
    font-family: Cambria;
}

.pnlBackGroundO hr {
    margin: 5px;
    border: 1px solid darkslategray;
    border-image: none;
}

.pnlBackGroundO .main, .pnlBackGroundO #buttons, .pnlBackGroundO #buttons2 {
    background-color: whitesmoke;
}

.modalBackgroundR {
    background: rgba(0,0,0,0.7);
}

.pnlBackGroundR {
    position: fixed;
    top: 1% !important;
    left: 10px;
    width: 475px;
    height: auto;
    text-align: center;
    background-color: whitesmoke;
    border: solid 2px black;
}

    .pnlBackGroundR #buttons, .pnlBackGroundR #buttons2 {
        display: inline-flex;
    }

    .pnlBackGroundR .rateheader {
        height: 42px;
        font-size: 25px;
        /*background: linear-gradient(135deg, darkslategray 0%, gray 54%,lightslategray 100%);*/
        color: black;
        font-family: 'Tw Cen MT';
        padding-top:5px;
    }

    .pnlBackGroundR hr {
        margin: 5px;
        border: 1px solid darkslategray;
        border-image: none;
    }

    .pnlBackGroundR .main, .pnlBackGroundR #buttons, .pnlBackGroundR #buttons2 {
        background-color: whitesmoke;
    }

.simprodimg {
    margin: 10px;
}

    .simprodimg:hover {
        box-shadow: saddlebrown 0px 0px 15px;
        padding: 3px;
    }

.similarprod ul{
    list-style:none;
}

.similarprod{
    text-align:center;
}

.similarprod:hover lbllblD{
    color:#0282f0;
}

.custreview{
    text-align:left;
    align-content:center;
}
.bannerimges {
    width: 99%;
    height: 270px;
    /*  style="width: 100%; height:370px; left: 0px;"*/
}
.bannerimgs {
    width: 100%;
    height: 365px;
}
.carousel-control .icon-prev ,.icon-next{
    width: 30px;
    height: 44px !important;
    margin-top: -10px;
    font-size: 37px;
    color: white;
    font-weight: 600;
    background-color: #1a0101;
}

.drpdownajax .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input {
    border-color: transparent; /*darkgoldenrod;*/
    margin: 3px;
    border-radius: 5px;
    font-family: Tw Cen MT;
    color: black;
    width: 250px;
    height: 25px;
    background-color: #ededed;
    font-size: 16px;
}

.drpdownajax .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button {
    margin: 0;
    padding: 0;
    /*  background-image: url('../Images/button-15377.png');*/
    background-image: url('../Images/ScrollDownImage.jpg');
    background-size: 35px;
    background-position: center;
    border: 0px none;
    height: 21px;
    width: 40px;
}
.drpdownsearch {
    position: absolute;
    top: 18px;
    height: 35px;
    right: 495px;
    color: black;
    font-family: tw cen mt;
    font-size: 17px;
    width:50px;
}

.ourpromise p {
    line-height: 150%;
    font-style: normal;
    font-size: 12px;
    text-align: justify;
    margin: 10px;
    font-weight: lighter;
}

.ourpromise {
    display: inline-block;
    /* overflow-x:scroll;
    overflow-y:hidden;*/
}

.flip-box {
    background-color: transparent;
    width: 15%;
    height: 200px;
    border: 1px solid #f1f1f1;
    perspective: 1000px;
    margin:0px 15px;
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.flip-box-front {
    background-color: white;
    color: black;
}

.flip-box-back {
    background-color: lightgray;
    color: black;
    transform: rotateY(180deg);
}

.promspan {
    font-size: large;
    font-family: monospace;
}

.sort {
    float: right;
    color: darkmagenta;
}

.silv_H{
    height:250px !important;
}

.lblin {
    font-family: Pristina;    
    font-size: 50px;
    color: black;
    padding-left:5%;
}

.lnkview {
    font-size: 16px;
    color: darkmagenta;
    padding: 2px 5px;
    background-color: lavender;
    margin: 0px 5px;
}

.lnkviewclicked {
    color: darkgreen;
    font-size: 16px;
    padding: 2px 5px;
    background-color: turquoise;
    margin: 0px 5px;
}

.lblpprice {
    color: #0282f0;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}

.listviewimg:hover {
    background-color: rgba(251,216,167,.25);
    width:310px;
}

.listviewimg {
    position: relative;
    width: 15%;
}

.prodimg1 {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.listviewimg:hover .prodimg1 {
    opacity: 0.3;
}

.listviewimg:hover .middle {
    opacity: 1;
}

.btn_on_img {    
    font-size: 12px;
}

.prodimg1:hover {
    box-shadow: saddlebrown 0px 0px 15px;
    padding: 3px;
}

.qview {
    display: inline;
}

.dropdowns, .burgermenu {
    display: none;
}

.proddes{
    background-color:whitesmoke;
}

.sprod {
    font-size:21px;
}

.simiprod lbllbl{
    width:100px;
    height:60px;
}

.displbl{
    width:150px;
    height:30px;
}

.txttrack {
    width: 300px;
    font-family: Cambria;
    font-weight: 300;
}

.wishimg{
    height:200px;
    width:250px;
}

.spantxt {
    color: mediumvioletred;
    font-size: 12px;
    text-align:center;
}

.orderform{
    color:darkmagenta;
    display:inline-flex;
    justify-content:space-evenly;
}

.fright_txt{
    float:right;
}

.calendar {
    position: absolute;
    background-color: whitesmoke;
    font-family: tw cen mt;
    width: 250px;
}

.btnctrls{
    font-size:15px !important;
    margin:5px;
    width:120px !important;
}


.container {
    margin: 0 auto;
    /*   max-width: 1280px !important;*/
    width: 100% !important;
    padding: 0 10px;
}

.socicalMediaBox {
    width: 100%;
    float: left;
    clear: both;
    background: #fff;
    border-bottom: solid 2px #ededed;
    border-top: solid 2px #ededed;
}

    .socicalMediaBox dl dt .starImgBox {
        float: left;
        width: 100%;
        clear: both;
        margin: 18px 0 0 0;
    }

        .socicalMediaBox dl dt .starImgBox img {
            float: left;
            width: 13px;
            margin: 0 3px 7px 0;
        }

    .socicalMediaBox dl dt h4 {
        color: #212121;
        padding: 0;
        margin: 0;
        font-size: 15px;
        text-align: left;
    }

    .socicalMediaBox dl dt p, .socicalMediaBox dl dt span {
        color: #959595;
        padding: 0;
        margin: 5px 0 0 0;
        font-size: 13px;
        font-weight: 400;
    }

    .socicalMediaBox dl dt:first-child {
        border-left: none;
    }

    .socicalMediaBox dl dt {
        background: #fff;
        width: 24.6%;
        float: left;
        padding: 0 0 0 80px;
        margin: 0;
        border-left: solid 2px #ededed;
        height: 98px;
    }


    .socicalMediaBox dl dt {
        background: #fff;
        width: 24.6%;
        float: left;
        padding: 0 0 0 80px;
        margin: 0;
        border-left: solid 2px #ededed;
        height: 98px;
    }

        .socicalMediaBox dl dt p, .socicalMediaBox dl dt span {
            color: #959595;
            padding: 0;
            margin: 5px 0 0 0;
            font-size: 13px;
            font-weight: 400;
        }

.indicator li {
    display: inline-block;
    width: 10px;
    height: 5px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    /*  background-color: #000\9;*/
    background-color: #0282f0;
    border: 1px solid #84bb3b;
    border-radius: 10px;
}

.iconsize{
    font-size:20px;
}
/*.indicator li {
    display: inline-block;
    width: 173px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;*/
/*      background-color: #000\9;*/
/*background-color: #0282f0;
            border: 1px solid #84bb3b;
            border-radius: 10px;
        }*/
.carousel-control.right {
    background-color: transparent;
}
.carousel-control.right:hover {
    background-color: transparent;
}


.plan {
    height: 500px;
    background-color: whitesmoke;
    text-align: center;
}

.plan-screen {
    top: 30px;
    background-color: #84bb3b;
    height: 350px;
    text-align: center;
    padding: 5px;
    margin-right: 30px;
/*    border-right: 1px solid red;*/
    color: white;
    /* width: 45%; */
    border-radius: 20px;
}

.plan-extended {
    /*background-color: #84bb3b;*/
    height: 400px;
    text-align: center;
    padding: 5px;
    margin-right: 10px;
/*    border-right: 1px solid red;*/
    /*   width: 45%;*/
    /*   margin-right:10px;*/
}

.plantext1 {
    height: 21px;
/*    border: 1px solid red;*/
    margin-bottom: 20px;
}

.col1-plan {
    text-align: left;
    font-size: 18px;
    height: 135px;
}
.col2-plan {
    text-align: left;
    font-size: 18px;
    height: 135px;
}

.planimg {
    width: 100px;
    height: 100px;
    border-radius:30px;
}

.row1plan {
    height: 135px;
 /*   border: 1px solid red;*/
}

.row2plan {
    height: 160px;
/*    border: 1px solid red;*/
}
.row2-plan-text1{
    font-size:18px;
}
.row2-plan-text2 {
    font-size:24px;
}
.row2-plan-text3 {
    font-size: 30px;
    color: #030c8c !important;
}
.mflove {
    height: 200px;
    background-color: whitesmoke;
    /*   border:1px solid red;*/
}
.mflove-title {
    font-size:42px;color:#84bb3b;font-weight:500;height:50px;
}
.mflove-card {
    height: 103px;
    border: 1px solid #0282f0;
    box-shadow: 2px 2px #0282f0;
    margin-right: 30px;
    background-color: white;
    top:35px;
}
.mflove-text {
    font-size: 24px;
    color: #030c8c !important;
/*   color:white;*/
}
.lblval1 {
    font-size: 20px;
    color: #5f851d;
    float: right;
}

.divtab i {
    font-size: 45px;
    color: #5f851d;
}

.divtab, .dtab {
    padding: 10px;
    border: 1px solid lightgray;
    margin: 5px;
    height: 103px;
    background-color: ghostwhite;
}
.discount {
   height:200px;background-color:white;
}
.discount-text {
   color:#030c8c;
   border:1px solid #124e00;
   box-shadow:2px 2px #124e00;
   padding:10px;
   font-size:25px;
   height:150px;
   top:30px;
   background-color:whitesmoke;
}
.top-right {
    position: absolute;
    top: 4px;
    right: -383px;
    font-size: 73px;
    font-weight: 500;
    color: #165201;
}
.para1{
    font-size:70px;
}
.para2 {
    font-size: 40px;
}
.para3 {
    font-size: 70px;
}
.refbanner {
    height: 430px;
}

.refbanner-image {
    top: 70px;
}
.bannerbtnstyle {
    float: left;
    background: #0092ff;
    color: white;
    border-radius: 2px;
    padding: 7px 35px 8px;
    transition: all .3s ease;
    border: solid 1px #0282f0;
    /*font-size: 24px !important;*/
    /*font-weight: 400 !important;*/
    font-size: 24px;
    font-weight: 400;
    margin: -8px 36px;
}


/**********************************************************************************************************************************/

.container {
    margin: 0 auto;
  /*  max-width: 1280px !important;*/
    width: 100% !important;
    padding: 0 10px;
}

.container, header {
    position: relative;
}
.appDownload .innerBoxDiv {
    margin: 0 auto;
    max-width: 755px;
 /*   text-align:center;*/
}
.appDownload h2 {
    font-size: 40px;
    font-weight: 400;
    margin: 0;
    line-height: normal;
    text-align:center;
}
.marTop50 {
    margin-top: 40px;
}
.appImgBox {
    display: table-cell;
    width: 37.5%;
    float: left;
}

*, .btn, .homeBannerbg, .otrDiv .or {
    outline: 0;
}
.rightTextBox {
    display: table-cell;
    width: 50%;
    float: right;
}

.rightTextBox {
    display: table-cell;
    width: 60%;
    float: right;
}
    .rightTextBox h3 {
        font-size: 20px;
        font-weight: 600;
        margin: 10px 0;
        padding: 0;
        float: left;
        width: 100%;
        color: #212121;
    }
    .rightTextBox ul {
        float: left;
        width: 100%;
        margin: 12px 0 0 0;
    }
        .rightTextBox ul li {
            float: left;
            width: 100%;
            margin: 10px 0 0 0;
        }

ul:not(.browser-default) li {
    list-style-type: none;
}
.rightTextBox ul li .iconSec {
    float: left;
    width: 28px;
    text-align: left;
}
.rightTextBox ul li span {
    float: left;
    width: calc(100% - 48px);
    color: #212121;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 0 20px;
}
.bottomIconPart {
    float: left;
    width: 100%;
}

.bottomIconPart {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

.appImgBox img {
    float: left;
}

img, legend {
    border: 0;
}

img {
    max-width: 100%;
}
.rightTextBox a {
    font-size: 14px;
    font-weight: 400;
    color: #0282f0;
}

.rightTextBox a {
    font-size: 14px;
    font-weight: 400;
    color: #0282f0;
}
/*.bottomIconPart {
    float: left;
    width: 100%;
}*/

.bottomIconPart {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}
a {
    background-color: transparent;
    color: #0282f0;
    transition: color .2s ease-out;
}
.bottomIconPart img {
    float: left;
    width: 150px;
    height: 73px;
    margin: 0 12px 0 0;
}
.bottomIconPart .totlaDown {
    float: left;
    width: auto;
    margin: 0 0 0 8px;
    color: #888f97;
    font-size: 12px;
    line-height: 20px;
}
@media only screen and (min-width: 993px) {
    .container {
        width: 70%;
    }
}

@media only screen and (min-width: 601px) {
    .container {
        width: 85%;
    }
}



body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}

.navbar {
    overflow: hidden;
    background-color: white;
}

    .navbar a {
        float: left;
        font-size: 16px;
        color: #ffffff; /* #800060;*/
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }

.subnav {
    float: left;
    overflow: hidden;
}

    .subnav .subnavbtn {
        font-size: 18px;
        border: none;
        outline: none;
        color: black;
        padding: 14px 16px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
    }

    .navbar a:hover, .subnav:hover .subnavbtn {
        background-color: #2b92ff; /* #800060;*/
        color: white;
    }

.subnav-content {
    display: none;
    position: absolute;
    left: 0;
    background-color: #2b92ff; /* #800060;*/
    width: 100%;
    z-index: 1;
    color: white;
}

    .subnav-content a {
        float: left;
        color: white;
        text-decoration: none;
    }

        .subnav-content a:hover {
            background-color: deepskyblue;
            color: white;
        }

.subnav:hover .subnav-content {
    display: block;
}

#LnkBtnExtBenifits:hover .subnav-content {
    display: block;
}


.lbldval2 {
    color: yellow;
    font-size: 27px;
    float: right;
    top: -25px;
    position: relative;
}

.section {
    height: 300px;
    background-color: whitesmoke;
    /* border: 1px solid red;*/
    display: grid;
    grid-template-columns: 4fr 4fr 4fr;
}

.Panel {
    /*          border: 1px solid red;*/
    box-shadow: #2b92ff 0px 0px 15px;
    margin: 5px;
    background-color: #ffffff;
    height: 260px;
    padding: 10px;
}

.title {
    font-size: 20px;
    color: black;
    text-align: center;
    font-weight: 600;
    margin-bottom: 4px;
    padding: 5px;
    /*      border: 1px solid red;*/
    height: 60px;
}

.Price {
    font-size: 20px;
    color: black;
    text-align: center;
    font-weight: 500;
    margin-bottom: 4px;
    padding: 5px;
    /*           border: 1px solid red;*/
    height: 81px;
}

.BtnBuy {
    font-size: 20px;
    color: black;
    text-align: center;
    font-weight: 500;
    margin-bottom: 4px;
    padding: 5px;
    /*   border: 1px solid red;*/
    height: 51px;
}

.Benifits {
    font-size: 20px;
    color: black;
    text-align: center;
    font-weight: 500;
    margin-bottom: 4px;
    padding: 5px;
    /*      border: 1px solid red;*/
    height: 31px;
}
.btnlogstyle {
    float: left;
    background: #fff;
    color: #0092ff !important;
    border-radius: 2px;
    padding: 7px 35px 8px;
    transition: all .3s ease;
    border: solid 1px #0282f0;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin: -8px 36px;
}

    .btnlogstyle:hover {
        color: white !important;
        background-color: #0092ff;
    }
.btnghostps {
    font-size: medium;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #2b92ff; /* #800060;*/
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    height: 40px;
    font-size: 20px;
    width: 150px;
    border-radius: 10px;
}
.iq-fancy-box .iq-icon {
    border-radius: 90px;
    display: inline-block;
    height: 86px;
    width: 86px;
    line-height: 113px;
    text-align: center;
    color: rgba(0, 78, 146, 1);
    background: #f4f4f4;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
    .btnghostps:hover {
        background-color: white;
        color: #2b92ff; /* #800060;*/
        border: 2px solid #2b92ff; /* #800060;*/
    }
/*.subnav-content{display:block;}*/
.btnlogstyles {
    float: left;
    color: white !important;
    background-color: #0092ff;
    border-radius: 2px;
    padding: 7px 35px 8px;
    transition: all .3s ease;
    border: solid 1px #0282f0;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin: -8px 36px;
}
.middle-bottom {
    position: absolute;
    top: 235px;
    /*   right: -383px;*/
    left: 347px;
    font-size: 73px;
    font-weight: 500;
    color: #165201;
}
/*    .btnlogstyles:hover {
       
        background: #fff;
        color: #0092ff !important;
    }*/

.heading-title .title {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 25px;
    font-size: 36px;
    color: #333333;
}
.iq-fancy-box {
    padding: 20px 13px 20px 13px;
    min-height: 280px;
}
.iq-fancy-box {
    /*padding: 30px 15px 15px 15px;*/
    overflow: hidden;
    position: relative;
    background: #fff;
    border: 1px solid #f2f2f2;
    /*min-height: 310px;*/
}
    .regdevpin {
    border-radius: 10px;
    border: 1px solid #557171;
    height: 50px;
    padding: 10px;
}

.iq-fancy-box .iq-icon i {
    font-size: 46px;
}
    .iq-fancy-box .iq-icon {
    border-radius: 90px;
    display: inline-block;
    height: 86px;
    width: 86px;
    line-height: 113px;
    text-align: center;
    color: rgba(0, 78, 146, 1);
    background: #f4f4f4;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
::selection {
    background: #004e92;
    color: #fff;
    text-shadow: none;
}

.overview-block-ptb {
    padding: 80px 0;
}


}

@media (max-width: 1199px) {
    .iq-pricing ul li {
        line-height: 1.4;
        margin-bottom: 10px;
    }
}

.iq-pricing ul li {
    line-height: 40px;
}

li {
    list-style: none;
}



@media (max-width: 767px) {
    .overview-block-ptb {
        padding: 50px 0;
    }
}

@media (max-width: 1199px) {
    .overview-block-ptb {
        padding: 80px 0;
    }
}
.grey-bg {
    background: #f5f7fb;
}

.overview-block-ptb {
    padding: 100px 0;
}
.iq-tw-7 {
    font-weight: 700;
}

.iq-pricing {
    position: relative;
    display: inline-block;
    width: 100%;
    border: 1px solid #ededed;
    background: #fff;
}
    .iq-pricing .price-title {
        padding: 35px 20px;
        position: relative;
    }


element.style {
}

@media (max-width: 992px) {
    .iq-pricing .price-title p {
        font-size: 30px;
    }
}
.iq-pricing .price-title p {
    font-family: 'Open Sans', sans-serif;
    line-height: 60px;
    font-size: 40px;
    position: relative;
    margin-bottom: 0;
}

.iq-font-white {
    color: #ffffff;
}

.iq-tw-7 {
    font-weight: 700;
}

.iq-pricing .price-footer {
    padding: 30px 0;
    z-index: 9;
    position: relative;
}

@media (max-width: 992px) {
    .heading-title {
        margin-bottom: 40px;
    }
}
.heading-title {
    margin-bottom: 80px;
    text-align: center;
}




.heading-title .title {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 25px;
    font-size: 36px;
    color: #333333;
}

.iq-tw-7 {
    font-weight: 700;
}
.iq-pricing {
    position: relative;
    display: inline-block;
    width: 100%;
    border: 1px solid #ededed;
    background: #fff;
}

.text-center {
    text-align: center !important;
}

}

.iq-pricing .price-title {
    padding: 35px 20px;
    position: relative;
}

.iq-parallax {
    position: relative;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    background-origin: initial;
    background-position: center center !important;
    background-repeat: no-repeat;
}



}

@media screen and (max-width: 991px) .purple-3-features-home {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.purple-3-features-home {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: none;
    margin: 20px 0px;
    padding-top: 60px;
    padding-bottom: 60px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    grid-auto-flow: row;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    /*background-color: #7239d6;*/
    background-color: rgba(0,31,58,1);
    text-align: center;
    -o-object-fit: fill;
    object-fit: fill;
}

.w-inline-block {
    max-width: 100%;
    display: inline-block;
}

a {
    margin-right: 0px;
    margin-left: 0px;
  /*  background-color: rgba(0,31,58,1);*/
    /*color: #8f60de;*/
    text-decoration: none;
}

}

@media screen and (max-width: 479px){
    .purple-3-features-home {
        display: block;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        justify-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -ms-grid-row-align: center;
        align-self: center;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        grid-auto-flow: row;
        grid-auto-columns: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-columns: repeat(auto-fit, minmax(311px, 0.25fr));
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
        text-align: center;
    }
}

@media screen and (max-width: 991px){
    .purple-3-features-home {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        grid-auto-columns: 1fr;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
    }
}

.purple-3-features-home {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: none;
    margin: 20px 0px;
    padding-top: 60px;
    padding-bottom: 60px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    grid-auto-flow: row;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    /*background-color: #7239d6;*/
    background-color: rgba(0,31,58,1);
    text-align: center;
    -o-object-fit: fill;
    object-fit: fill;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


}

@media screen and (max-width: 479px) {
    .feature-block-2 {
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (max-width: 991px) {
    .feature-block-2 {
        margin-left: 7px;
    }
}
.feature-block-2 {
    max-width: 250px;
    margin: 10px 27px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline;
    text-align: center;
}


}

@media screen and (max-width: 479px) {
    .image-medium-icons {
        width: 75px;
        height: 75px;
        max-height: 75px;
        max-width: 75px;
    }
}
.heading-4-0 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #f3ecec; /*#333;*/
    font-size: 20px;
    line-height: 30px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
}
.image-medium-icons {
    max-height: 75px;
    max-width: 75%;
    text-align: center;
    -o-object-fit: fill;
    object-fit: fill;
}


.card1 {
    top: 50px; border: 1px solid #808080; border-radius: 10px; padding: 20px;margin:10px; /*height: 350px;*/
}

.temp1 {
    font-family: 'LatoRegular', sans-serif;
    margin: 0 auto;
    color: #555555;
    text-decoration: none;
   /* max-width: 450px;*/
   /* text-align: center;*/
    box-shadow: 1px 2px 15px #48484833;
    padding-bottom: 85px;
   /* background-image: url(../Images/bgImg.jpg);
    background-attachment: fixed;*/
}

















img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}

img {
    border: 0;
}






.index50percentoff {
    position: absolute;
    top: 139px;
    right: 465px;
    font-size: 22px;
    font-weight: 100;
    color: #165201;
}
.index50offbtn {
    background: #0092ff;
    color: white;
    border-radius: 2px;
    padding: 7px 35px 8px;
    transition: all .3s ease;
    border: solid 1px #0282f0;
    /* font-size: 24px !important;
    font-weight: 400 !important;*/
    font-size: 24px;
    font-weight: 400;
    margin: -8px 36px;
}
.GridPager a,
.GridPager span {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.GridPager a {
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
}

.GridPager span {
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
    border: 1px solid #3AC0F2;
}
.storehead {
   border: 1px solid #808080; border-radius: 15px; top: 28px; height: 300px; background-color: #ebebeb;
}
.storeoffice {
    align-content: center; align-items: center;font-size:30px;color: #2682f0;
}
.storeadd {
    align-content: center; align-items: center;color: #124e00;font-size: 25px;
}

/*************************************************************************************************************************************************************/
.main-wrapper {
    background: var(--theme-color);
}

#body {
    font-family: 'LatoRegular', sans-serif;
    margin: 0 auto;
    color: #555555;
    text-decoration: none;
    max-width: 450px;
    text-align: center;
    box-shadow: 1px 2px 15px #48484833;
    padding-bottom: 85px;
    background-image: url(card_images/bg2.png);
    background-attachment: fixed;
}

style attribute {
    --theme-color: #143160;
    --theme-color-light: #0b8fda;
}

:root {
    --theme-color: #143160;
    --theme-color-light: #0b8fda;
}
.firstpagetop {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 5%;
    padding-top: 35px;
    padding-bottom: 10px;
    margin: 0 auto;
    position: relative;
   
    position: relative;
    /* box-shadow: inset 0px 0px 10px rgb(0 0 0 / 50%); */
}
.views {
    transform: translate(-50%, 0);
    padding: 5px 10px;
    position: absolute;
    color: #fff;
    left: 50%;
    top: -3px;
    border: 1px solid transparent;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 14px;
    margin-bottom: 0px;
    border-top: 0;
    background: var(--theme-color);
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.companylogo {
    width: 60%;
    max-width: 200px;
    float: left;
    text-align: left;
    padding: 5px;
    position: relative;
    vertical-align: middle;
    text-align: center;
    height: 50px;
}
    .companylogo img {
        height: auto;
        max-width: 90%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto auto;
        max-height: 95%;
    }

.img-responsive, img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.companylogo {
    width: 60%;
    max-width: 200px;
    float: left;
    text-align: left;
    padding: 5px;
    position: relative;
    vertical-align: middle;
    text-align: center;
    height: 50px;
}

.companyname {
    margin: 5px auto 10px auto;
    font-size: 13px;
    color: var(--theme-light-color);
    letter-spacing: 0.4px;
    font-family: latobold;
    text-transform: uppercase;
}

.profilepic {
    width: 120px;
    border-radius: 50%;
    margin-bottom: 15px;
    overflow: hidden;
    height: 120px;
    position: relative;
    background: #fff;
}

.virtualcard {
    font-family: 'LatoRegular', sans-serif;
    margin: 0 auto;
    color: #555555;
    text-decoration: none;
    /*max-width: 450px;*/
    text-align: center;
    box-shadow: 1px 2px 15px #48484833;
    padding-bottom:0px;
    /*padding-bottom: 85px;*/
    /*background-image: url(../Images/bg_image3.jpg);
    background-attachment: fixed;*/
}
.btns:hover {
    background-color: #020f8b;
}

.btns {
    background-color: #020f8b;
}
.name {
    font-family: 'LatoHeavy';
    color: var(--theme-color-light);
    font-size: 22px;
    letter-spacing: 0.4px;
}
.actionbtn {
    display: flex;
    margin-bottom: 5px;
    margin-top: 20px;
}

.iconbtn {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 0 auto;
    box-shadow: 1px 1px 5px rgb(107 128 168 / 20%);
    border-radius: 50%;
    font-size: 20px;
    margin-bottom: 0px;
    background-color: var(--theme-color);
    color: #ffffff;
}
.icontxt {
    color: #666666;
    text-decoration: none;
    font-size: 12px;
    font-family: 'LatoRegular';
}
.actionbtn a {
    margin: 0 8px;
}

a {
    text-decoration: none;
    color: var(--theme-color);
}

.firstpagebottom {
    background-color: var(--theme-color);
   /* #1d9afd; */
    color: #ffffff;
    padding: 20px;
    margin-top: -1px;
}

.shadow-btn {
    display: flex;
    justify-content: center;
    margin: 0px -5px;
}

a.addphonebook {
    min-width: 175px;
}

.shadow-btn a {
    padding: 10px 2px;
    font-size: 12px;
    color: var(--theme-color);
    margin: 5px;
    background: #fff;
    flex: 1;
    border: 2px solid #ffffff;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 3px;
}

.share-whatsapp {
    text-align: left;
    display: flex;
    margin-bottom: 10px;
}

.input-wrapper {
    position: initial ;/* relative;*/
    flex: 1;
    overflow: hidden;
}

.share-whatsapp input {
    -webkit-appearance: none;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #fff;
    padding: 11px;
    outline: none;
    font-size: 12px;
    width: 100%;
    color: rgba(0, 0, 0, 1);
    border-radius: 3px;
    padding-left: 40px;
}

/*user agent stylesheet*/
input {
    writing-mode: horizontal-tb !important;
   /* font-style:;
    font-variant-ligatures:;
    font-variant-caps:;
    font-variant-numeric:;
    font-variant-east-asian:;
    font-weight:;
    font-stretch:;
    font-size:;
    font-family:;*/
    text-rendering: auto;
    color: fieldtext;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    -webkit-rtl-ordering: logical;
    cursor: text;
    background-color: field;
    margin: 0em;
    padding: 1px 2px;
    border-width: 2px;
    border-style: inset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}

.share-whatsapp {
    text-align: left;
    display: flex;
    margin-bottom: 10px;
}

/*.firstpagebottom {
    background-color: var(--theme-color);
    color: #ffffff;
    padding: 20px;
    margin-top: -1px;
}*/
.whatsapp-btn {
    -webkit-appearance: none;
    padding: 10px;
    font-size: 13px;
    background-color: #51B14D;
    color: #fff;
    border: none;
    box-shadow: 0 1px 4px rgb(0 0 0 / 20%), 0 0 40px rgb(255 251 251 / 10%) inset;
    display: flex;
    align-items: center;
    border-radius: 0 3px 3px 0;
}

table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: grey;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.contact-table td {
    padding: 5px 0;
    text-align: left;
}


td {
    display: table-cell;
    vertical-align: inherit;
}


.contact-icon {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: var(--theme-color-light);
    background-color: #ffffff;
    font-size: 16px;
    border-radius: 5px;
}

.fa {
  /*  display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
}

.contact-text {
    color: #ffffff;
    margin-left: 10px;
    font-size: 14px;
    margin-right: 10px;
    display: inline-block;
    font-family: 'LatoRegular';
    word-break: break-word;
}

a {
    text-decoration: none;
    color: var(--theme-color);
}


.share-btn.firstpage {
    padding: 0;
    justify-content: center;
    margin: 10px -4px 0;
    border-top: 1px solid var(--theme-color-light);
    padding-top: 10px;
}

.share-btn {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    padding: 0 60px;
    margin: 0;
}

    .share-btn.firstpage li {
        padding: 3px;
    }

    .share-btn li {
        padding: 4px;
        list-style: none;
    }

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.share-btn.firstpage li i {
    padding: 0;
    height: 30px;
    width: 30px;
    font-size: 15px;
    border-radius: 5px;
}

.share-btn li i {
    background-image: none;
    box-sizing: border-box;
    position: relative;
    margin: 0;
    overflow: hidden;
    line-height: 1.1em;
    color: var(--theme-color-light);
    display: block;
    cursor: pointer;
    font-size: 24px;
    height: 40px;
    width: 40px;
    text-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}

.share-btn-facebook {
    background-color: #3b5998;
}

.fa {
   /* display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
}

.p-20 {
    padding-top: 20px;
}

.page-container {
    text-align: left;
    padding: 20px;
    margin-top: 15px;
    line-height: 22px;
    font-size: 14px;
    position: relative;
    box-shadow: 1px 2px 15px #48484833;
    background: #fff;
    /* box-shadow: inset 0px 0px 10px rgb(0 0 0 / 50%); */
    overflow: hidden;
    word-break: break-word;
}

    .page-container:before {
        content: "";
        position: absolute;
        left: 0;
        top: 30%;
        height: 40%;
        width: 10px;
        background: var(--theme-color);
        border-radius: 0 5px 5px 0;
    }

    .page-container:after {
        content: "";
        position: absolute;
        right: 0;
        top: 30%;
        height: 40%;
        width: 10px;
        background: var(--theme-color);
        border-radius: 5px 0 0 5px;
    }

.section-heading {
    color: var(--theme-color);
    margin: 0 0 20px 0;
    display: inline-block;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

strong, b, h1, h2, h3, h4, h5 {
    font-family: 'LatoHeavy';
}


h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.page-container {
    /*text-align: left;
    padding: 20px;
    margin-top: 15px;
    line-height: 22px;
    font-size: 14px;
    position: relative;
    box-shadow: 1px 2px 15px #48484833;
    background: #fff;
    /* box-shadow: inset 0px 0px 10px rgb(0 0 0 / 50%); */
    /*overflow: hidden;
    word-break: break-word;*/
}

/*body {
    font-family: 'LatoRegular', sans-serif;
    margin: 0 auto;
    color: #555555;
    text-decoration: none;
    max-width: 450px;
    text-align: center;
    box-shadow: 1px 2px 15px #48484833;
    padding-bottom: 85px;
    background-image: url(../common/img/template3-bg.jpg);
    background-attachment: fixed;
}*/
/*
style attribute {
    --theme-color: #143160;
    --theme-color-light: #0b8fda;
}

:root {
    --theme-color: #143160;
    --theme-color-light: #0b8fda;
}*/

.section-heading:after {
    position: absolute;
    content: "";
    width: 100%;
    background-color: var(--theme-color);
    bottom: -5px;
    left: 0;
    height: 2px;
}

.about-tbl {
    font-size: 14px;
    margin-top: 15px;
    border-collapse: separate;
    border-spacing: 0 0px;
    width: 100%;
}

    .about-tbl .td-label {
        text-align: left;
        min-width: 140px;
        vertical-align: top;
    }

#form1 {
    display: block;
    margin-top: 0em;
}

.enquiry-form .enquiry-phoneNumber {
    flex: 1;
    margin-right: 5px;
}
.enquiry-form .enquiry-email {
    flex: 1;
    margin-left: 5px;
}
.enquiry-form input[type=submit] {
    background-color: var(--theme-color);
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 6px 0;
    font-family: 'Uniform', sans-serif;
}

.copyright {
    color: rgba(0,0,0, 0.8);
    background-color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    margin-top: 15px;
    margin-bottom: -26px;
}

.copyright-inner {
    background-color: #fff;
    padding: 5px;
}

.copyright a {
    color: rgba(0,0,0,0.8);
}

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.footer-menu {
    box-shadow: 0 1px 4px rgb(0 0 0 / 30%), 0 0 40px rgb(255 251 251 / 10%) inset;
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0;
    list-style-type: none;
    overflow: auto;
    position: relative;
    background: VAR(--theme-color-light);
    /* border-radius: 20px 20px 0 0; */
    display: flex;
    background-image: linear-gradient(to right, var(--theme-color-light), var(--theme-color-light)), linear-gradient(to right, var(--theme-color-light), var(--theme-color-light)), linear-gradient(to right, rgba(0, 0, 20, .50), var(--theme-color-light)), linear-gradient(to left, rgba(0, 0, 20, .50), var(--theme-color-light));
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    /*/*background-color: var(--theme-color);*/
    background-color: var(--theme-color-light);
    background-size: 20px 100%, 20px 100%, 20px 100%, 20px 100%;
    background-attachment: local, local, scroll, scroll;
}


    .footer-menu li {
        flex: 1;
        min-width: 80px;
    }

    .footer-menu .footer-menu-link {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 5px;
        box-sizing: border-box;
        color:#ffffff; /*#555555*/;
    }



.product-enquiry-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.product-enquiry-btn {
    padding: 7px 15px;
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    background: var(--theme-color);
    border-radius: 5px;
}
.card {
    text-align: left;
    background-color: #d8d8d870;
    padding: 20px;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
    /* box-shadow: 0 1px 4px rgb(0 0 0 / 20%), 0 0 40px rgb(255 251 251 / 10%) inset; */
}

.card .card-title {
    font-size: 18px;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    font-family: 'LatoRegular';
    font-weight:700;
}
.product-description {
    text-align: justify;
    max-width: 100%;
}

.product-price {
    font-size: 15px;
    color: #333;
}

.about-tbl h3 {
    font-size: 16px;
    line-height: 1;
    padding-left: 5px;
    margin: 7px 0;
}

.qr-image {
    max-width: 200px;
}

.page-container h2 {
    text-align: left;
    font-size: 20px;
    background: #0086c5;
    font-weight: 500;
    letter-spacing: -1px;
    width: -webkit-fill-available;
    border-bottom: 3px solid;
    padding: 10px;
    margin: 0px 0px;
    color: white;
}
.images-container {
    column-count: 3;
    -webkit-column-count: 3;
    column-gap: 0;
    -webkit-column-gap: 0;
}

.images-container .image-wrapper {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    padding: 3px;
}

.images-container .image-wrapper img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
    border: 1px solid #f5f5f5;
}
.share-modal {
    padding-top: 0;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.7);
}
.close {
    position: absolute;
    top: 0px;
    right: 15px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: 600;
    transition: 0.3s;
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 50px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
}
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
}



.footer-menu .footer-menu-icon {
    font-size: 20px;
    margin-bottom: 0px;
    color: #ffffff;
}
.firstpagetop:before {
    /*content: '';*/
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg,#ff0081,#6827b0);
    border-radius: 0 0 50% 50%/0 0 100% 100%;
    transform: scaleX(1.5);
}
/***************************************************************************************************************************************************/
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@media screen and (max-width: 1024px) {
    .left-part-box {
        float: none;
        width: auto;
    }
}

.left-part-box {
    padding: 35px;
    font-size: 25px;
    color: #1968b3;
    line-height: 40px;
    z-index: 99;
}

.left-part-box {
    float: left;
    width: 50%;
}

div, p, form, ul, li, h1, h2, h3, h4, h5, h6, a, span, form, img, br, input, textarea, label, samp, figure, section, aside, article, big, small {
    padding: 0;
    margin: 0;
}

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

user agent stylesheet
div {
    display: block;
}

.middle {
    vertical-align: middle;
    text-align: center;
}

body {
    padding: 0;
    margin: 0;
    font-family: 'uni_neueregular';
    font-size: 16px;
    line-height: 24px;
}

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}

100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (max-width: 800px) {
    .left-part-box h1 {
        text-align: center;
        font-weight: 500;
        position: relative;
    }
}
@media screen and (max-width: 1024px) {
    .left-part-box h1 {
        text-align: revert;
        font-weight: 500;
        position: relative;
    }
}
.left-part-box h1 {
    text-align: left;
    font-weight: 500;
    position: relative;
}

.left-part-box h1 {
    position: relative;
}

div, p, form, ul, li, h1, h2, h3, h4, h5, h6, a, span, form, img, br, input, textarea, label, samp, figure, section, aside, article, big, small {
    padding: 0;
    margin: 0;
}

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:-webkit-any(article, aside, nav, section) h1 {
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
}

user agent stylesheet
h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

style attribute {
    visibility: visible;
    animation-name: fadeInDown;
}

@media screen and (max-width: 600px) {
    .left-part-box {
        padding: 35px 10px;
        font-size: 25px;
        color: #1968b3;
        line-height: 40px;
    }
}
.left-part-box {
    padding: 35px;
    font-size: 25px;
    color: #1968b3;
    line-height: 40px;
    z-index: 99;
}

.middle {
    vertical-align: middle;
    text-align: center;
}


}

@media screen and (max-width: 1024px) {
    .left-part-box h1 i {
        display: inline-block;
    }
}
.left-part-box h1 i {
    font-style: normal;
    display: block;
}
@media screen and (max-width: 800px) {
    .left-part-box h1 span {
        display: inline-block;
        padding: 10px 0 0 0;
        position: inherit;
        top: 0;
        left: 0;
        text-align: center;
        margin: 0 auto;
        display: block;
    }
}
.clear {
    clear: both;
    line-height: 0 !important;
    font-size: 0 !important;
    height: 0px !important;
}
    /*************************************************************************************************************************************************************/

.benefit {
    background: #fff;
    height: auto;
    width: 100%;
    -webkit-box-shadow: 0px 0px 15px 0px rgb(50 50 50 / 39%);
    -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.39);
    box-shadow: 0px 0px 15px 0px rgb(50 50 50 / 39%);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.left-part-box2 {
    background: url(../images/bg6.jpg) top left no-repeat;
    height: 100%;
    background-size: cover;
    /* min-height: 100%; */
    text-align: left;
    color: #fff;
    padding: 35px;
    float: left;
    width: 50%;
}

div, p, form, ul, li, h1, h2, h3, h4, h5, h6, a, span, form, img, br, input, textarea, label, samp, figure, section, aside, article, big, small {
    padding: 0;
    margin: 0;
}

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


div {
    display: block;
}

.middle {
    vertical-align: middle;
    text-align: center;
}

.left-part-box2 h2 {
    font-size: 30px;
    color: #fff;
    position: relative;
}
.left-part-box2 ul {
    margin: 30px 0 0 0;
    width: 450px;
}
    .bgmc {
        display: block;
        width: 100%;
        color: #fff;
        font-size: 15px;
        line-height: 20px;
        border-bottom: none;
        border-right: none;
        height: auto;
        text-align: left;
        background: url(../Images/bg6.jpg) left 22px no-repeat;
        padding: 15px 0 15px 22px;
    }

.section ul li {
    margin: 0 auto;
    text-align: center;
}


/*************************************************************************************************************************************************************/
