body {
    font-family: Arial,Helvetica,sans-serif
}

* {
    box-sizing: border-box
}

body {
    margin: 0;
    background: linear-gradient(#31343b 0,#31343b 700px,#FFF 0)
}

a {
    text-decoration: none;
    color: #0072dd
}

.text-xlg {
    font-size: 80px
}

.seo {
    font-weight: normal;
    font-style: normal
}

.textjustify {
    text-align: justify
}

.dblock {
    display: block
}

.text-center {
    text-align: center
}

.header {
    padding: 20px;
    text-align: center;
    color: white;
    background: linear-gradient(#31343b 0,#31343b 700px,#FFF 0)
}

.header h1 {
    font-size: 40px
}

.container {
    max-width: 1000px;
    margin: 0 auto
}

.navbarContainer {
    background-color: #2d3037;
    padding: 20px 0
}

.navItems {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

.navbar {
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
    display: flex!important
}

.navbar a {
    display: block;
    color: white;
    font-size: 18px;
    text-align: center;
    padding: 14px 20px;
    text-decoration: none;
    border-radius: 6px;
    margin: 0 2px;
    transition: background .3s ease 0s
}

.navbar a.active,.navbar a:hover {
    background-color: #765f3a;
    color: white
}

.main {
    padding: 10px
}

.todaymoon {
    text-align: center
}

.todaymoon img {
    height: 140px
}

.respTb {
    overflow: auto;
    overflow-y: hidden
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

thead tr {
    background-color: #31343b;
    color: #FFF
}

th,td {
    text-align: start;
    padding: 16px;
    font-size: 20px;
    font-weight: normal
}

tbody tr {
    border-bottom: 1px solid #f3f3f3
}

tbody tr:hover {
    background-color: #fbfbfb
}

.footer {
    padding: 20px;
    background: #31343b;
    color: #FFF
}

.footer .logo {
    text-align: left;
    border-bottom: 1px solid #765f3a;
    padding: 10px 0
}

.footer .logo img {
    width: 43.88px;
    height: 50px
}

.dgridfooter {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    gap: 20px 30px;
    margin-top: 20px
}

.dgridfooter ul {
    list-style: none;
    padding: 0
}

.dgridfooter ul li {
    margin-top: 10px
}

.dgridfooter a {
    color: #FFF;
    font-size: 14px;
    text-decoration: underline
}

.footer .copyright {
    text-align: left;
    background: #2d3037;
    padding: 20px 0
}

.footer .title {
    font-size: 20px;
    color: #ddd
}

.info {
    background: #ddd;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    border-radius: 100%;
    line-height: 20px;
    cursor: pointer
}

.mt-100 {
    margin-top: 100px
}

.bx-shadow {
    box-shadow: rgb(35 55 80 / 10%) 0 0 4px 0;
    border-radius: 4px;
    padding: 20px
}

.bx-shadow table th {
    font-weight: 700
}

.converterForm {
    min-height: 300px;
    background: #FFF;
    border-radius: 10px;
    box-shadow: rgb(35 55 80 / 30%) 0 0 6px 0;
    padding: 40px;
    max-width: 800px;
    margin: 0 auto
}

.converterForm .amount {
    margin-bottom: 10px
}

.converterForm label {
    font-size: 20px;
    display: block;
    margin-bottom: 8px;
    color: #444
}

.converterForm .amount input {
    padding: 15px;
    font-size: 22px;
    border-radius: 4px;
    border: 1px solid #e7e7e7;
    width: 100%;
    outline: 0
}

.converterForm .amount input:hover,.converterForm .amount input:focus {
    border: 1px solid #ccc
}

.converterForm .dflex {
    display: flex;
    justify-content: center;
    margin-bottom: 8px
}

.converterForm .toCurr {
    flex-direction: row
}

.converterForm .toGold {
    flex-direction: row-reverse
}

.converterForm .dflex div:nth-of-type(1) {
    width: 45%
}

.converterForm .dflex div:nth-of-type(2) {
    width: 10%;
    text-align: center
}

.converterForm .dflex div:nth-of-type(3) {
    width: 45%
}

.converterForm .dflex .between button {
    background: none;
    border: 0;
    cursor: pointer;
    border: 1px solid #e7e7e7;
    border-radius: 8px
}

.converterForm .dflex .between button:hover {
    border: 1px solid #ccc
}

.converterForm .botton {
    text-align: center;
    margin-top: 30px
}

.converterForm .botton button {
    display: inline-block;
    padding: 15px;
    min-width: 250px;
    font-size: 16px;
    background-color: #31343b;
    border: 0;
    color: #FFF;
    border-radius: 4px;
    transition: background .3s ease 0s;
    cursor: pointer;
    font-weight: bold
}

.converterForm .botton button:hover {
    background-color: #765f3a
}

.converterForm .result {
    font-size: 16px;
    line-height: 30px;
    color: #7b6a5c
}

.converterForm .result span {
    font-size: 25px;
    color: #333;
    font-weight: 700
}

.flag {
    background: url(../images/sprint-icons.png) no-repeat top left;
    width: 35px;
    height: 24px;
    flex-shrink: 0;
    display: inline-block;
    border-radius: 4px;
    zoom:.65;-moz-transform: scale(0.65);
    -moz-transform-origin: 5 0
}

.flag-lg {
    zoom:1;-moz-transform: scale(1);
    -moz-transform-origin: 5 0
}

.goldicon {
    background: url(../images/goldicon.png) no-repeat;
    display: inline-block;
    width: 25px;
    height: 18px;
    background-size: cover
}

.scrollbar {
    scrollbar-width: auto;
    scrollbar-color: #765f3a #fff
}

.scrollbar::-webkit-scrollbar {
    width: 16px
}

.scrollbar::-webkit-scrollbar-track {
    background: #fff
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #765f3a;
    border-radius: 6px;
    border: 3px solid #fff
}

.main {
    margin-top: 50px
}

.darkSection {
    background-color: #2d3037;
    padding: 80px 10px;
    color: #FFF;
    margin-top: 100px
}

.majorPairs {
    padding: 80px 10px;
    background-color: rgb(250,250,251)
}

.dgrid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
    gap: 20px 30px
}

.dgrid a {
    background: #FFF;
    color: #1e170b;
    border-radius: 4px;
    padding: 15px;
    box-shadow: rgb(0 0 0 / 20%) 0 1px 2px;
    font-weight: 600;
    transition: box-shadow .3s
}

.dgrid a:hover {
    box-shadow: rgb(0 0 0 / 20%) 0 1px 5px
}

.dropbtn {
    background-color: #FFF;
    padding: 16px;
    font-size: 20px;
    border: 1px solid #e7e7e7;
    cursor: pointer;
    width: 100%;
    border-radius: 4px
}

.dropbtn:hover,.dropbtn:focus {
    border: 1px solid #ccc
}

.dropdown {
    position: relative
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #FFF;
    min-width: 160px;
    width: 100%;
    box-shadow: -1px -1px 16px 2px rgb(0 0 0 / 10%);
    z-index: 1;
    margin: 0;
    max-height: 300px;
    overflow: auto;
    list-style: none;
    padding: 0;
    font-size: 16px;
    border-radius: 8px
}

.dropdown-content li {
    color: black;
    text-decoration: none;
    display: block;
    cursor: pointer
}

#myDropdown1 li,#myDropdown2 li {
    padding: 6px;
    border: 1px solid #f0f0f0;
    border-width: 1px 0;
    font-size: 21px;
    margin-top: 3px
}

.dropdown-content li a {
    color: #000;
    padding: 12px 16px;
    display: block
}

.dropdown-content li:hover {
    background-color: #fbfbfb
}

.show {
    display: block
}

.navbarContainer .dropdown {
    background-color: #FFF;
    border-radius: 6px;
    min-width: 160px
}

.navbarContainer .dropdown:hover .dropdown-content {
    display: block!important
}

.navbarContainer .dropdown .selected {
    display: block;
    width: 100%;
    font-size: 18px;
    padding: 14px 20px;
    text-decoration: none;
    border-radius: 6px;
    margin: 0 2px;
    transition: background .3s ease 0s
}

.navbarContainer .logo {
    color: #d5d5d5;
    display: flex;
    align-items: flex-end;
    text-align: center;
    font-size: 16px;
    transition: color .3s ease 0s;
    font-family: Arial,Helvetica,sans-serif;
    line-height: normal
}

.navbarContainer .logo a:hover {
    color: #765f3a
}

.navbarContainer .logo em {
    font-size: 12px
}

.navbarContainer .logo img {
    width: 42.11px;
    height: 48px;
    margin: 0 5px
}

thead tr th:first-child {
    border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px
}

thead tr th:last-child {
    border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0
}

.converterForm .dflex .between button {
    margin-top: 40px
}

.dropbtn {
    text-align: left
}

.pricegirds {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(100px,1fr));
    gap: 20px 30px;
    margin-top: 20px;
    max-width: 1000px;
    margin: 20px auto
}

.pricegirds .col {
    display: inline-block;
    font-size: 14px;
    color: #ddd
}

.pricegirds .col .mo {
    font-weight: bold;
    font-size: 16px;
    color: #FFF
}

.red {
    color: #ff4c4c!important
}

.green {
    color: #41c341!important
}

@media only screen and (max-width: 750px) {
    .navItems {
        flex-direction:column
    }

    .navbarContainer .dropdown {
        background: none;
        color: #FFF
    }

    .navbar {
        border-bottom: 1px solid #222
    }

    .navbarContainer .dropdown .selected {
        padding: 5px;
        text-align: center
    }

    .text-xlg {
        font-size: 40px
    }

    .header h1 {
        font-size: 20px
    }

    .navbarContainer .logo {
        justify-content: center
    }

    .converterForm .toCurr {
        flex-direction: column
    }

    .converterForm .toGold {
        flex-direction: column-reverse
    }

    .converterForm .dflex div:nth-of-type(1),.converterForm .dflex div:nth-of-type(2),.converterForm .dflex div:nth-of-type(3) {
        width: 100%
    }

    .converterForm .dflex .between button {
        margin-top: 25px;
        transform: rotate(90deg)
    }
}

.flag.zh {
    background-position:0 -1269px;
}

.flag.en {
    background-position:0 -6453px;
}

.flag.ar {
    background-position:0 -27px;
}

.flag.fr {
    background-position:0 -2052px;
}

.flag.tr {
    background-position:0 -6210px;
}

.flag.de {
    background-position:0 -1512px;
}

.flag.es {
    background-position:0 -1837px;
}

.flag.hi {
    background-position:0 -2970px;
}

.flag.ru {
    background-position:0 -5292px;
}

.flag.pt {
    background-position:0 -810px;
}

.flag.ja {
    background-position:0 -3213px;
}

.flag.it {
    background-position:0 -1890px;
}

.flag.fa {
    background-position:0 -3051px;
}

.flag-currency-aed { background-position: 0 -27px; }
.flag-currency-afn { background-position: 0 -54px; }
.flag-currency-all { background-position: 0 -135px; }
.flag-currency-amd { background-position: 0 -162px; }
.flag-currency-ang { background-position: 0 -1404px; }
.flag-currency-aoa { background-position: 0 -189px; }
.flag-currency-ars { background-position: 0 -243px; }
.flag-currency-aud { background-position: 0 -324px; }
.flag-currency-awg { background-position: 0 -351px; }
.flag-currency-azn { background-position: 0 -405px; }
.flag-currency-bam { background-position: 0 -432px; }
.flag-currency-bbd { background-position: 0 -459px; }
.flag-currency-bdt { background-position: 0 -486px; }
.flag-currency-bgn { background-position: 0 -567px; }
.flag-currency-bhd { background-position: 0 -594px; }
.flag-currency-bif { background-position: 0 -621px; }
.flag-currency-bmd { background-position: 0 -702px; }
.flag-currency-bnd { background-position: 0 -729px; }
.flag-currency-bob { background-position: 0 -756px; }
.flag-currency-brl { background-position: 0 -810px; }
.flag-currency-bsd { background-position: 0 -837px; }
.flag-currency-btn { background-position: 0 -864px; }
.flag-currency-bwp { background-position: 0 -918px; }
.flag-currency-byn { background-position: 0 -945px; }
.flag-currency-bzd { background-position: 0 -972px; }
.flag-currency-cad { background-position: 0 -999px; }
.flag-currency-cdf { background-position: 0 -1107px; }
.flag-currency-chf { background-position: 0 -1134px; }
.flag-currency-clp { background-position: 0 -1215px; }
.flag-currency-cny { background-position: 0 -1269px; }
.flag-currency-cop { background-position: 0 -1296px; }
.flag-currency-crc { background-position: 0 -1323px; }
.flag-currency-cup { background-position: 0 -1350px; }
.flag-currency-cve { background-position: 0 -1377px; }
.flag-currency-czk { background-position: 0 -1485px; }
.flag-currency-djf { background-position: 0 -1539px; }
.flag-currency-dkk { background-position: 0 -1566px; }
.flag-currency-dop { background-position: 0 -1620px; }
.flag-currency-dzd { background-position: 0 -1647px; }
.flag-currency-egp { background-position: 0 -1728px; }
.flag-currency-ern { background-position: 0 -1782px; }
.flag-currency-etb { background-position: 0 -1863px; }
.flag-currency-eur { background-position: 0 -1890px; }
.flag-currency-fjd { background-position: 0 -1944px; }
.flag-currency-fkp { background-position: 0 -1971px; }
.flag-currency-gbp { background-position: 0 -2214px; }
.flag-currency-gel { background-position: 0 -2268px; }
.flag-currency-ghs { background-position: 0 -2349px; }
.flag-currency-gip { background-position: 0 -2376px; }
.flag-currency-gmd { background-position: 0 -2430px; }
.flag-currency-gnf { background-position: 0 -2457px; }
.flag-currency-gtq { background-position: 0 -2592px; }
.flag-currency-gyd { background-position: 0 -2673px; }
.flag-currency-hkd { background-position: 0 -2700px; }
.flag-currency-hnl { background-position: 0 -2754px; }
.flag-currency-hrk { background-position: 0 -2781px; }
.flag-currency-htg { background-position: 0 -2808px; }
.flag-currency-huf { background-position: 0 -2835px; }
.flag-currency-idr { background-position: 0 -2862px; }
.flag-currency-ils { background-position: 0 -2916px; }
.flag-currency-inr { background-position: 0 -2970px; }
.flag-currency-iqd { background-position: 0 -3024px; }
.flag-currency-irr { background-position: 0 -3051px; }
.flag-currency-isk { background-position: 0 -3078px; }
.flag-currency-jmd { background-position: 0 -3159px; }
.flag-currency-jod { background-position: 0 -3186px; }
.flag-currency-jpy { background-position: 0 -3213px; }
.flag-currency-kes { background-position: 0 -3240px; }
.flag-currency-kgs { background-position: 0 -3267px; }
.flag-currency-khr { background-position: 0 -3294px; }
.flag-currency-kmf { background-position: 0 -3348px; }
.flag-currency-kpw { background-position: 0 -3402px; }
.flag-currency-krw { background-position: 0 -3429px; }
.flag-currency-kwd { background-position: 0 -3456px; }
.flag-currency-kyd { background-position: 0 -3483px; }
.flag-currency-kzt { background-position: 0 -3510px; }
.flag-currency-lak { background-position: 0 -3537px; }
.flag-currency-lbp { background-position: 0 -3564px; }
.flag-currency-lkr { background-position: 0 -3645px; }
.flag-currency-lrd { background-position: 0 -3672px; }
.flag-currency-lsl { background-position: 0 -3699px; }
.flag-currency-lyd { background-position: 0 -3807px; }
.flag-currency-mad { background-position: 0 -3834px; }
.flag-currency-mdl { background-position: 0 -3888px; }
.flag-currency-mga { background-position: 0 -3969px; }
.flag-currency-mkd { background-position: 0 -4023px; }
.flag-currency-mmk { background-position: 0 -4077px; }
.flag-currency-mnt { background-position: 0 -4104px; }
.flag-currency-mop { background-position: 0 -4131px; }
.flag-currency-mro { background-position: 0 0px; }
.flag-currency-mur { background-position: 0 -4293px; }
.flag-currency-mvr { background-position: 0 -4320px; }
.flag-currency-mwk { background-position: 0 -4347px; }
.flag-currency-mxn { background-position: 0 -4374px; }
.flag-currency-myr { background-position: 0 -4401px; }
.flag-currency-mzn { background-position: 0 -4428px; }
.flag-currency-nad { background-position: 0 -4455px; }
.flag-currency-ngn { background-position: 0 -4563px; }
.flag-currency-nio { background-position: 0 -4590px; }
.flag-currency-nok { background-position: 0 -4644px; }
.flag-currency-npr { background-position: 0 -4671px; }
.flag-currency-nzd { background-position: 0 -4752px; }
.flag-currency-omr { background-position: 0 -4779px; }
.flag-currency-pab { background-position: 0 -4806px; }
.flag-currency-pen { background-position: 0 -4833px; }
.flag-currency-pgk { background-position: 0 -4887px; }
.flag-currency-php { background-position: 0 -4914px; }
.flag-currency-pkr { background-position: 0 -4941px; }
.flag-currency-pln { background-position: 0 -4968px; }
.flag-currency-pyg { background-position: 0 -5157px; }
.flag-currency-qar { background-position: 0 -5184px; }
.flag-currency-ron { background-position: 0 -5238px; }
.flag-currency-rsd { background-position: 0 -5265px; }
.flag-currency-rub { background-position: 0 -5292px; }
.flag-currency-rwf { background-position: 0 -5319px; }
.flag-currency-sar { background-position: 0 -5346px; }
.flag-currency-sbd { background-position: 0 -5373px; }
.flag-currency-scr { background-position: 0 -5400px; }
.flag-currency-sdg { background-position: 0 -5427px; }
.flag-currency-sek { background-position: 0 -5454px; }
.flag-currency-sgd { background-position: 0 -5481px; }
.flag-currency-shp { background-position: 0 -5508px; }
.flag-currency-sos { background-position: 0 -5697px; }
.flag-currency-srd { background-position: 0 -5724px; }
.flag-currency-syp { background-position: 0 -5859px; }
.flag-currency-szl { background-position: 0 -5886px; }
.flag-currency-thb { background-position: 0 -6021px; }
.flag-currency-tjs { background-position: 0 -6048px; }
.flag-currency-tmt { background-position: 0 -6129px; }
.flag-currency-tnd { background-position: 0 -6156px; }
.flag-currency-top { background-position: 0 -6183px; }
.flag-currency-try { background-position: 0 -6210px; }
.flag-currency-ttd { background-position: 0 -6237px; }
.flag-currency-twd { background-position: 0 -6291px; }
.flag-currency-tzs { background-position: 0 -6318px; }
.flag-currency-uah { background-position: 0 -6345px; }
.flag-currency-ugx { background-position: 0 -6372px; }
.flag-currency-usd { background-position: 0 -6453px; }
.flag-currency-uyu { background-position: 0 -6480px; }
.flag-currency-uzs { background-position: 0 -6507px; }
.flag-currency-vef { background-position: 0 -6588px; }
.flag-currency-vnd { background-position: 0 -6669px; }
.flag-currency-vuv { background-position: 0 -6696px; }
.flag-currency-wst { background-position: 0 -6750px; }
.flag-currency-xaf { background-position: 0 -1080px; }
.flag-currency-xcd { background-position: 0 0px; }
.flag-currency-xof { background-position: 0 0px; }
.flag-currency-xpf { background-position: 0 -4860px; }
.flag-currency-yer { background-position: 0 -6804px; }
.flag-currency-zar { background-position: 0 -6858px; }
.flag-currency-zmw { background-position: 0 -6885px; }