:root {
    --sftFont: "Sansation";
    --sftPrmX: #724a00;
    --sftPrm1: #926a12;
    --sftPrm2: #b28a32;
    --sftPrm3: #e2ca62;
    --sftEff: #f0f097;
}


@font-face {
    font-family: OpenSans;
    src: url(../V_Soft_Global_F/FONTS/OpenSans-Regular.eot) format("eot"),url(../V_Soft_Global_F/FONTS/OpenSans-Regular.woff) format("woff"),url(../V_Soft_Global_F/FONTS/OpenSans-Regular.ttf) format("truetype"),url(../V_Soft_Global_F/FONTS/OpenSans-Regular.svg#OpenSans) format("svg")
}

@font-face {
    font-family: Sansation;
    src: url("../V_Soft_Global_F/FONTS/Sansation.eot") format("eot"),url("../V_Soft_Global_F/FONTS/Sansation.woff2") format("woff2"),url("../V_Soft_Global_F/FONTS/Sansation.woff") format("woff"),url("../V_Soft_Global_F/FONTS/Sansation.ttf") format("truetype"),url("../V_Soft_Global_F/FONTS/Sansation.svg#Sansation") format("svg")
}

@font-face {
    font-family: Montserrat-Light;
    src: url("../V_Soft_Global_F/FONTS/Montserrat-Light.eot") format("eot"),url("../V_Soft_Global_F/FONTS/Montserrat-Light.woff") format("woff"),url("../V_Soft_Global_F/FONTS/Montserrat-Light.ttf") format("truetype"),url("../V_Soft_Global_F/FONTS/Montserrat-Light.svg#Montserrat-Light") format("svg")
}

/*@font-face {
  font-family: Maison;
  src: url(../V_Soft_Global_F/FONTS/MaisonNeue-Book.woff)
}

@font-face {
  font-family: Segoe;
  src: url(../V_Soft_Global_F/FONTS/Segoe_UI_Bold.woff);
  font-weight: 700
}
*/

.WebRupee {
  margin-right: 4px!important
}


.dvShowCase, .trs05, body {
    transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s
}

.trs1, #divJoin {
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s
}

.trs2 {
    transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: var(--sftFont)
}

body {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: #fff;
    color: var(--sftPrmX)
}

#tmpId * {
    font-size: 0.4rem;
}

input[type=radio] {
    vertical-align: unset;
    margin-right: 8px
}

.mBl,.mBp {
    display: none
}

.special {
    color: var(--sftPrmX);
    font-weight: 700!important
}

#pgLoader {
    z-index: 1040
}

#dvLoad {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%;
    background: radial-gradient(#ffffffcc,#b042ff1a);
    perspective: 30vmax
}

#dvLoad span {
    font-size: 4vmin;
    font-family: Montserrat-Light;
    letter-spacing: 1vmax;
    color: var(--sftPrmX);
    text-shadow: 2px 3px 5px #fff,0 0 2px #fff,0 0 5px #fff,0 0 10px #fff,0 0 20px #fff;
    font-weight: bolder;
}

#imgLoad {
    transform-style: preserve-3d;
    width: 10vmin;
    height: auto;
    opacity: .8;
}

.mainView {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0
}

#blackPaper {
    background: #000000d4;
    z-index: 1037
}

#mainBody {
    overflow: hidden;
    overflow-y: scroll;
}

#blackPaper.sml,#mainBody {
    position: absolute;
    top: 11vh;
    width: 100%;
    height: 85vh
}

#pgMenu {
    position: absolute;
    top: 11vh;
    width: 20%;
    height: 85%;
    z-index: 1000;
    text-align: right;
    right: -20%;
    background: #c29a32e3;
    transition: all .4s linear;
    padding: 14px 8px 14px 0;
    overflow-y: scroll
}

#dvMenu ol li {
    cursor: pointer;
    color: #fff;
    list-style: none;
    display: block;
    line-height: 40px;
    font-size: 1.1rem
}

#dvMenu .active,#dvMenu ol li ol li:hover,.sub li:hover a {
    color: var(--sftPrmX);
    background: #fff;
    text-shadow: none;
    text-decoration: none
}

.sup {
    margin-top: 20px
}

.shMenu {
    right: 0!important
}

.sub li a {
    color: #fff
}

.sup>a {
    font-size: 1.3rem;
    font-weight: 900;
    color: #ff0;
    text-shadow: 0 0 2px #000
}

.sub li {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 2px solid var(--sftEff);
    text-shadow: 0 0 3px var(--sftPrmX),0 0 5px var(--sftPrmX);
    border-bottom: 1px solid var(--sftEff);
    border-right: 0;
}

#inrBody {
    padding: 20px 0;
    position: relative
}

.header {
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 11vh;
    z-index: 1030;
    border-bottom: 1px solid var(--sftPrmX)
}

#hdInr {
    position: relative;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, var(--sftPrmX) 25%, var(--sftPrm1) 60%, var(--sftPrm2) 100%);
}

#inHdInr {
    margin: auto;
    width: 95%;
    height: 100%;
    display: flex
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4vh;
    overflow: hidden;
    z-index: 1030;
    border-top: 1px solid var(--sftPrmX);
    background: linear-gradient(to top, var(--sftPrmX) 25%, var(--sftPrm1) 60%, var(--sftPrm2) 100%);
}

#btmMine a {
    color: #fff!important;
}
#btmMine a:hover {
    color: #ff0!important;
    text-decoration: none;
}
#btmMine {
    padding: .7vh 10px 0 0;
    font-size: .8rem;
    text-align: right
}

#divLogo {
    margin: auto;
    flex: 45%;
    width: 45%;
    height: 90%
}

#cJoin {
    position: relative;
    margin: auto;
    flex: 18%;
    width: 18%;
    height: 90%
}

#divLiveRate {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: right;
    color: #ff0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1rem
}

#cMenu {
    margin: auto;
    flex: 5%;
    width: 5%;
    height: 90%;
    display: flex
}

#divMenu {
    margin: auto;
    display: flex;
}

#menuIcon i {
  font-size: 18px
}

#menuIcon:hover {
  background-color: var(--sftEff)
}

#menuIcon {
  background-color: #fff;
  width: 25px;
  height: 25px;
  margin: auto;
  cursor: pointer;
  padding-top: 1.8px;
  text-align: center;
}

#divMenu:hover {
    cursor: pointer;

}

#divLogo img {
    width: 40%;
    height: 100%;
    max-width: 350px
}

.aLeft {
    text-align: left!important
}

.aRight {
    text-align: right!important
}

.aCenter {
    text-align: center!important
}

.hideIt {
    display: none!important
}

.noOpc {
    opacity: 0!important;
    z-index: -1!important
}

.tUline {
    text-decoration: underline!important
}

#wrnAll:focus {
    border: none!important;
    box-shadow: none!important;
    outline: 0!important
}

#wrnAll {
    position: fixed;
    width: 100%;
    z-index: 990;
    font-size: 1rem;
    border: none!important;
    background-color: transparent;
    text-align: center;
    text-align-last: center;
    padding-bottom: 5px
}

.scrollTop {
    opacity: 1;
    padding-top: 6px;
    text-align: center;
    color: #fff;
    font-size: 19px;
    bottom: 4vh;
    width: 37px;
    right: 20px;
    height: 35px;
    position: fixed;
    background-color: var(--sftPrmX);
    z-index: 990;
    border-radius: 3px 3px 0 0
}

.scrollTop:hover {
    cursor: pointer;
    color: #ff0
}

.chkBox {
    margin: 0;
    width: 13px;
    cursor: pointer;
    height: 13px
}

.rMargin {
    margin-right: 40px;
    margin-left: 5px
}

#pgLoader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: url(../images/swarnkalabackground.jpg);
    background-repeat: round
}

::-webkit-scrollbar {
    height: 8px;
    width: 8px;
    background: var(--sftPrmX)
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--sftEff)
}

::-webkit-scrollbar-thumb {
    border-radius: 500px;
    background-color: var(--sftPrm3)
}

input[type=password]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
  border: 1px solid var(--sftPrm2)!important;
  box-shadow: inset 0 0 2px 1px var(--sftPrm2)!important;
  outline: 0
}

.sclText {
  transform: scaleX(1.1);
  -moz-transform: scaleX(1.1);
  -ms-transform: scaleX(1.1)
}

.eBig {
  font-size: .88rem!important
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 700!important
}

.onlyFlex {
    display: flex!important
}

.btn {
  color: #fff;
  padding: 8px 15px!important;
  background: linear-gradient(to bottom,var(--sftPrmX) 25%,var(--sftPrm1) 60%,var(--sftPrm2) 100%);
  border-radius: 0;
  border: none
}

.specialDk {
  background-color: var(--sftPrmX)!important;
  color: #fff!important;
  font-weight: 700!important
}

.btn:hover {
  color: #ff0;
  cursor: pointer;
}


@media (orientation: portrait) {
  #divLogo img {
    width:100%
  }

  #divLogo {
    flex: 30%;
    width: 30%;
    height: 70%
  }
}

@media (max-width: 920px) {
  ::-webkit-scrollbar {
    display:none
  }
}

@media (max-width: 849px) {
  #pgMenu {
    width:40%;
    right: -40%
  }
  .mBl {
    display: unset;
  }
}

@media (min-width: 850px) and (max-width:1200px) {
    #pgMenu {
        width:30%;
        right: -30%
    }
}

@media (max-height: 600px) and (orientation:landscape) {
    #menuClose {
        font-size:1.2rem
    }

    #divLiveRate {
        font-size: 1.8vh;
    }

    #btmMine {
        padding-top: 0;
        font-size: 11px;
    }
}

@media (min-width: 1200px) {
    .col-lg-2-0 {
        position:relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (max-width: 1050px) and (orientation:portrait) {
    #pgMenu {
      width: 30%;
      right: -30%
    }
}

@media (max-width: 700px) and (orientation:portrait) {
    #menuClose {
        font-size: 1.5rem
    }

    #pgMenu {
        width: 40%;
        right: -340%
    }
}

@media (max-width: 600px) and (orientation:portrait) {
    #pgMenu {
        width: 60%;
        right: -60%
    }

    #inHdInr {
        width: 95%
    }

    #divLiveRate {
        font-size: 3.2vw;
    }

    .mBp {
        display: unset;
    }
}

@media (min-width: 1024px) and (max-width:1349px) {
    body {
        font-size:14px
    }
}

@media (min-width: 1350px) and (max-width:1799px) {
    body {
        font-size:15px
    }
}

@media (min-width: 1800px) and (max-width:2300px) {
    body {
        font-size:17px
    }
}

@media (min-width: 2301px) {
    body {
        font-size:.6vw
    }
}