/*! CSS Used from: https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/1.7.3/tailwind.min.css */
a {
    background-color: transparent;
}

p {
    margin: 0;
}

*, ::after, ::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #333333;
}

a {
    color: inherit;
    text-decoration: inherit;
}

svg {
    display: block;
    vertical-align: middle;
}

.bg-white {
    --bg-opacity: 1;
    background-color: #181C26;
    background-color: #1a202c;
}

.bg-center {
    background-position: center;
}

.bg-cover {
    background-size: cover;
}

.border-indigo-600 {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: #1a202c;
}

.border {
    border-width: 1px;
}

.border-b-2 {
    border-bottom-width: 2px;
}

.border-b {
    border-bottom-width: 1px;
}

.inline-block {
    display: inline-block;
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.items-start {
    align-items: flex-start;
}

.items-center {
    align-items: center;
}

.justify-between {
    justify-content: space-between;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.h-6 {
    height: 1.5rem;
}

.h-20 {
    height: 5rem;
}

.text-xs {
    font-size: .75rem;
}

.text-sm {
    font-size: .875rem;
}

.ml-2 {
    margin-left: .5rem;
}

.mt-3 {
    margin-top: .75rem;
}

.mr-3 {
    margin-right: .75rem;
}

.mb-5 {
    margin-bottom: 1.25rem;
}

.p-6 {
    padding: 1.5rem;
}

.pr-2 {
    padding-right: .5rem;
}

.pb-2 {
    padding-bottom: .5rem;
}

.pb-5 {
    padding-bottom: 1.25rem;
}

.shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
}

.text-gray-600 {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(113,128,150,var(--text-opacity));
}

.text-gray-700 {
    --text-opacity: 1;
    color: #a0a0a0;
    color: #746a6a;
}

.text-gray-900 {
    --text-opacity: 1;
    color: #cccbcb;
    color: #cccbcb;
}

.text-indigo-600 {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(90,103,216,var(--text-opacity));
}

.hover\:text-indigo-600:hover {
    --text-opacity: 1;
    color: #5a67d8;
    color: rgba(90,103,216,var(--text-opacity));
}

.uppercase {
    text-transform: uppercase;
}

.w-20 {
    width: 5rem;
}

.w-2\/3 {
    width: 66.666667%;
}

.col-span-12 {
    grid-column: span 12/span 12;
}

@media (min-width:640px) {
    .sm\:col-span-6 {
        grid-column: span 6/span 6;
    }
}

@media (min-width:1024px) {
    .lg\:mx-5 {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }

    .lg\:col-span-3 {
        grid-column: span 3/span 3;
    }
}
/*@font-face {
    font-family: 'sf-pro';
    src: url('sf pro/sf-pro.ttf') format('truetype');
}
@font-face {
    font-family: 'sf-pro-italic';
    src: url('sf pro/sf-pro-italic.ttf') format('truetype');
}
body {
    margin: 0;
    position: relative;
    width: 100%;
    direction: ltr;
    font-family: "sf-pro";
    background-color: #181C26;
}
.headerWeb {
    position: relative;
    width: 100%;
    height: 80px;
    background-color: #222838;
}

.logo {
    position: absolute;
    height: 90px;
    top: 0px;
    left: 50px;
    z-index: 2;
}
.dateD {
    position: absolute;
    width: 300px;
    bottom: 0px;
    height: 24px;
    text-align: right;
    right: 2%;
    color: white;
    font-size: 12px;
}*/
/*! CSS Used from: https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/1.7.3/tailwind.min.css */
/*a {
    background-color: transparent;
}

p {
    margin: 0;
}

*, ::after, ::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #333333;
}

a {
    color: inherit;
    text-decoration: inherit;
}

svg {
    display: block;
    vertical-align: middle;
}

.bg-white {
    --bg-opacity: 1;
    background-color: #181C26;
    background-color: #1a202c;
}

.bg-center {
    background-position: center;
}

.bg-cover {
    background-size: cover;
}

.border-indigo-600 {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: #1a202c;
}

.border {
    border-width: 1px;
}

.border-b-2 {
    border-bottom-width: 2px;
}

.border-b {
    border-bottom-width: 1px;
}

.inline-block {
    display: inline-block;
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.items-start {
    align-items: flex-start;
}

.items-center {
    align-items: center;
}

.justify-between {
    justify-content: space-between;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.h-6 {
    height: 1.5rem;
}

.h-20 {
    height: 5rem;
}

.text-xs {
    font-size: .75rem;
}

.text-sm {
    font-size: .875rem;
}

.ml-2 {
    margin-left: .5rem;
}

.mt-3 {
    margin-top: .75rem;
}

.mr-3 {
    margin-right: .75rem;
}

.mb-5 {
    margin-bottom: 1.25rem;
}

.p-6 {
    padding: 1.5rem;
}

.pr-2 {
    padding-right: .5rem;
}

.pb-2 {
    padding-bottom: .5rem;
}

.pb-5 {
    padding-bottom: 1.25rem;
}

.shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
}

.text-gray-600 {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(113,128,150,var(--text-opacity));
}

.text-gray-700 {
    --text-opacity: 1;
    color: #a0a0a0;
    color: #746a6a;
}

.text-gray-900 {
    --text-opacity: 1;
    color: #cccbcb;
    color: #cccbcb;
}

.text-indigo-600 {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(90,103,216,var(--text-opacity));
}

.hover\:text-indigo-600:hover {
    --text-opacity: 1;
    color: #5a67d8;
    color: rgba(90,103,216,var(--text-opacity));
}

.uppercase {
    text-transform: uppercase;
}

.w-20 {
    width: 5rem;
}

.w-2\/3 {
    width: 66.666667%;
}

.col-span-12 {
    grid-column: span 12/span 12;
}

@media (min-width:640px) {
    .sm\:col-span-6 {
        grid-column: span 6/span 6;
    }
}

@media (min-width:1024px) {
    .lg\:mx-5 {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }

    .lg\:col-span-3 {
        grid-column: span 3/span 3;
    }
}*/

@font-face {
    font-family: 'sf-pro';
    src: url('fonts/sf-pro.ttf') format('truetype');
}
@font-face {
    font-family: 'sf-pro-italic';
    src: url('fonts/sf-pro-italic.ttf') format('truetype');
}
.my-reconnect-modal > div {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    background-color: #fff;
    opacity: 0.8;
    text-align: center;
    font-weight: bold;
}

.components-reconnect-hide > div {
    display: none !important;
}

.components-reconnect-show > div {
    display: none;
}

.components-reconnect-show > .show {
    display: block;
}

.components-reconnect-failed > div {
    display: none;
}

.components-reconnect-failed > .failed {
    display: block;
}

.components-reconnect-rejected > div {
    display: none;
}

.components-reconnect-rejected > .rejected {
    display: block;
}
.my-reconnect-modal > div {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    background-color: #fff;
    opacity: 0.8;
    text-align: center;
    font-weight: bold;
}

#components-reconnect-modal {
    display: none !important;  
}


.components-reconnect-show > div {
    display: none;
}

.components-reconnect-show > .show {
    display: block;
}

.components-reconnect-failed > div {
    display: none;
}

.components-reconnect-failed > .failed {
    display: block;
}

.components-reconnect-rejected > div {
    display: none;
}

.components-reconnect-rejected > .rejected {
    display: block;
}
body {
    margin: 0;
    position: relative;
    width: 100%;
    direction: ltr;
    font-family: "sf-pro";
    background-color: #181C26;
}

.headerWeb {
    position: relative;
    width: 100%;
    height: 80px;
    background-color: #222838;
}

.logo {
    position: absolute;
    height: 90px;
    top: -4px;
    left: 50px;
    z-index: 2;
}

.logo2 {
    position: absolute;
    height: 80px;
    bottom: 0px;
    right: 120px;
    z-index: 2;
}

.LiveChart {
    position: relative;
    width: 100%;
    height: 1px;
    z-index: 2;
}

.priceLive {
    position: relative;
    width: 70%;
    left: 15%;
    display: inline-block;
    background-color: #181C26;
    direction: ltr;
}

.Pricelist {
    position: relative;
    width: 40%;
    background-color: #222838;
    right: 2%;
    border-radius: 10px;
    color: white;
    float: left;
    top: 0px;
    margin: 10px;
    display: none;
}

.headerPriceList {
    position: relative;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-bottom: solid 1px rosybrown;
    color: white;
    font-size: 15px;
    background-color: #222838;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.headerTitle {
    position: relative;
    width: 96%;
    height: 50px;
    left: 2%;
    text-align: center;
    font-size: 20px;
    background-color: #222838;
    line-height: 50px;
    color: white;
    margin-top: 20px;
}

.TitleCurrency {
    position: absolute;
    width: 40%;
    height: 100%;
    text-align: center;
    border-left: solid 1px #352020;
}

.TitlePrice {
    position: absolute;
    width: 30%;
    height: 100%;
    text-align: center;
    border-left: solid 1px #352020;
    right: 40%;
}

.TitleTime {
    position: absolute;
    width: 30%;
    height: 100%;
    text-align: center;
    right: 70%;
}

.OCurrency {
    position: absolute;
    width: 40%;
    height: 100%;
    text-align: center;
    color: #d4af37;
}

.OPrice {
    position: absolute;
    width: 30%;
    height: 100%;
    text-align: center;
    right: 40%;
    color: #d4af37;
}

.OTime {
    position: absolute;
    width: 30%;
    height: 100%;
    text-align: center;
    right: 70%;
    color: #d4af37;
}

.BKNone {
    background-color: white;
    border-radius: 0px;
    border: none;
}

.Changecolorgreen {
    animation: myfirst 2s 1;
}

@keyframes myfirst {
    0% {
        background: #30A500;
        color: white;
    }

    25% {
        background: #4ca527;
        color: white;
    }

    75% {
        background: #6ca754;
        color: white;
    }

    100% {
        background: tranparnt;
        color: white;
    }
}

.OCurrency img {
    top: 2.5px;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 5px;
}

.odd {
    background-color: #eae0c8;
}

.currencyShape {
    position: relative;
    width: calc(33% - 20px);
    height: 80px;
    background-color: #222838;
    margin: 10px;
    margin-bottom: 2px;
    float: left;
    color: #DFDFDF;
    border-radius: 3px;
}

.currencyShapeCrypto {
    position: relative;
    width: calc(33% - 20px);
    height: 120px;
    background-color: #222838;
    margin: 10px;
    margin-bottom: 2px;
    float: right;
    color: #DFDFDF;
    border-radius: 3px;
}


.switch-lang {
    width: 110px;
    text-align: left;
    cursor: pointer;
    z-index: 50;
    position: absolute;
    top: 0px;
    right: 20px;
    color:white;
}

    .switch-lang:hover .lang-dropdown {
        display: block;
    }

.switcher-link {
    color: #fff;
}

    .switcher-link:hover {
        color: #fff;
    }

.current-lang {
    background: #222838;
    padding: 3px 5px 0px 5px;
    border-radius: 5px;
}

.lang-flag {
    width: 20px;
    display: inline-block;
}

.lang-text {
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
    margin-top: 2px;
}

.lang-dropdown {
    display: none;
    background: #34495e;
    border-radius: 5px;
    margin-top: 2px;
}

.selecting-lang {
    padding: 3px 5px 3px 5px;
    cursor: pointer;
}

    .selecting-lang:hover {
        background: #22313f;
    }

ul > :first-child {
    border-radius: 5px 5px 0px 0px;
}

ul > :last-child {
    border-radius: 0px 0px 5px 5px;
}

li {
    list-style-type: none;
}

.menu-arrow {
    display: inline-block;
    width: 10px;
    margin-left: 10px;
    vertical-align: top;
    margin-top: 6px;
}

@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans);

.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9999;
}

.loading-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 100px;
    line-height: 100px;
}



    .loading-text:nth-child(1) {
        filter: blur(0px);
        -webkit-animation: blur-text 1.5s 0s infinite linear alternate;
        animation: blur-text 1.5s 0s infinite linear alternate;
    }





@-webkit-keyframes blur-text {
    0% {
        filter: blur(0px);
    }

    100% {
        filter: blur(4px);
    }
}

@keyframes blur-text {
    0% {
        filter: blur(0px);
    }

    100% {
        filter: blur(4px);
    }
}

.currencyShape img {
    position: absolute;
    top: 15px;
    width: 50px;
    height: 50px;
    margin: 2px;
    left: 10px;
    display: block;
    z-index: 1;
}

.currencyShape h3 {
    position: absolute;
    display: inline;
    left: 65px;
    font-size: 16px;
    margin-right: 10px;
    line-height: 16px;
    top: 5px;
    color: white;
}

.EnglishTitle {
    position: absolute;
    display: inline;
    left: 65px;
    font-size: 16px;
    margin-right: 10px;
    line-height: 16px;
    top: 40px;
    color: #545664;
    font-size: 12px;
}

.CurrencyPrice {
    position: absolute;
    display: inline;
    right: 5px;
    font-size: 16px;
    margin-right: 0px;
    line-height: 16px;
    top: 20px;
    color: white;
    width: 80px;
    border-bottom: solid 1px;
    text-align: right;
	direction: rtl;
}


.CurrencyPriceCrypto {
    position: absolute;
    display: inline;
    right: 20px;
    font-size: 16px;
    margin-right: 10px;
    line-height: 16px;
    top: 20px;
    color: white;
    width: 120px;
    border-bottom: solid 1px;
    text-align: left;
}

.CurrencyPriceCryptoCap {
    position: absolute;
    display: inline;
    right: 20px;
    font-size: 16px;
    margin-right: 10px;
    line-height: 16px;
    top: 20px;
    color: white;
    width: 120px;
    text-align: left;
}


.live-dot {
    height: .5rem;
    position: absolute;
    width: .5rem;
    right: 5px;
    top: 5px;
    border-radius: 100%;
    background-color: #1F7295;
}

    .live-dot:after {
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        width: 100%;
        border-radius: 100%;
        background-color: inherit;
        animation: 2s ease-out signal infinite;
        opacity: .6;
    }

.components-reconnect-show, .components-reconnect-failed, .components-reconnect-rejected {
    display: none;
}

@keyframes signal {
    20%, 100% {
        opacity: 0;
        transform: scale(5);
    }
}

.CurrencyPriceTa {
    position: absolute;
    display: inline;
    right: 5px;
    font-size: 16px;
    margin-right: 0px;
    line-height: 16px;
    top: 40px;
    color: red;
    text-align: left;
    direction: ltr;
}

.CurrencyPriceTa2 {
    position: absolute;
    left: 20px;
   
    direction: ltr;
}

.updateTime {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 50%;
    background-color: #1F7295;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    border-top-left-radius: 10px
}

.ColorRed {
    color: red;
}

.ColorBlue {
    color: #48B2E6;
}
.DiffCss {
    position: relative;
    margin-top: 35px;
    left: -30px;
}
.percentDiv {
    position: absolute;
    right: 20px;
    font-size: 16px;
    margin-right: 10px;
    line-height: 16px;
    top: 40px;
    width: 50%;
    color: white;
    font-size: 12px;
    text-align: right;
    direction: ltr;
    animation: Hidediv 3s 3;
    animation-iteration-count: infinite;
    animation-direction: forward;
    background-color: #222838;
}

.percentDiv2 {
    position:absolute;
    color: white;
    direction: ltr;
    margin: 0px;
    text-align: left;
    width: 200px;
    animation: Hidediv2 3s 3;
    animation-iteration-count: infinite;
    animation-direction: forward;
    background-color: #222838;
    left:20px !important;
}

.ColorBackRed {
    color: red;
}

.ColorBackGreen {
    color: green;
}

@keyframes Hidediv {
    0% {
        opacity: 0;
        display: none;
    }

    25% {
        opacity: 0;
        display: none;
    }

    75% {
        opacity: 1;
        display: block;
    }

    100% {
        opacity: 1;
        display: block;
    }
}

@keyframes Hidediv2 {
    0% {
        opacity: 0;
        display: none;
    }

    25% {
        opacity: 0;
        display: none;
    }

    75% {
        opacity: 1;
        display: block;
    }

    100% {
        opacity: 1;
        display: block;
    }
}


.footer {
    position: relative;
    width: 100%;
    background-color: #222838;
    height: 150px;
    margin-top: 30px;
    text-align: center;
    color: white;
    font-size: 13px;
}

.infrom {
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.dateD {
    position: absolute;
    width: 250px;
    bottom: 0px;
    height: 24px;
    text-align: right;
    right: 2%;
    color: white;
    font-size: 12px;
}

.homeb {
    margin-top: 10px;
    font-size: 13px;
    width: 20%;
}

.currencyShapeSecond {
    position: relative;
    width: 100%;
    height: 300px;
    background-color: #222838;
    margin: 3px;
    margin-bottom: 2px;
    float: none;
    color: #DFDFDF;
    border-radius: 3px;
}

    .currencyShapeSecond img {
        position: absolute;
        top: 15px;
        width: 50px;
        height: 50px;
        margin: 2px;
        left: 10px;
        display: block;
        z-index: 1;
    }

    .currencyShapeSecond h2 {
        position: absolute;
        display: inline;
        left: 65px;
        font-size: 16px;
        margin-left: 10px;
        line-height: 16px;
        top: 15px;
        color: white;
    }

    .currencyShapeSecond .title {
        position: absolute;
        display: inline;
        left: 20%;
        font-size: 16px;
        margin-left: 10px;
        line-height: 16px;
        top: 15px;
        color: white;
    }

    .currencyShapeSecond .price {
        position: absolute;
        display: inline;
        right: 40%;
        font-size: 16px;
        margin-right: 10px;
        line-height: 16px;
        top: 15px;
        color: white;
    }

    .currencyShapeSecond div h3 {
        position: relative;
        display: table;
        right: 0%;
        font-size: 16px;
        margin-right: 10px;
        line-height: 16px;
        top: 15px;
        color: white;
        margin-top:20px;
    }

.chart {
    width: 100%;
    position: relative;
    height: 300px;
    top: 20px;
}

.canvas {
    position: relative;
    width: 100%;
}

.ads {
    position: relative;
    width: calc(50% - 10px);
    margin: 3px;
    margin-bottom: 0px;
    float: none;
    color: #DFDFDF;
    border-radius: 0px;
    top: 10px;
    display: inline-table;
}

    .ads img {
        position: relative;
        width: 100%;
        /* height:90px;*/
    }

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

@media only screen and (max-width: 1500px) {
    .currencyShape {
        position: relative;
        width: calc(33.33% - 20px);
        height: 80px;
        background-color: #222838;
        margin: 10px;
        margin-bottom: 2px;
        float: right;
        color: #DFDFDF;
        border-radius: 3px;
    }

    .currencyShapeSecond {
        position: relative;
        width: 100%;
        height: 600px;
        background-color: #222838;
        margin: 3px;
        margin-bottom: 2px;
        float: none;
        color: #DFDFDF;
        border-radius: 3px;
        right: 0%;
    }

        .currencyShapeSecond div h3 {
            position: relative;
            display: table;
            right: 15%;
            font-size: 16px;
            margin-right: 10px;
            line-height: 16px;
            top: 30px;
            color: white;
            width: 100%;
        }

        .currencyShapeSecond .title {
            position: absolute;
            display: inline;
            right: 0%;
            font-size: 16px;
            margin-right: 10px;
            line-height: 16px;
            top: 30px;
            color: white;
        }

        .currencyShapeSecond .price {
            position: absolute;
            display: inline;
            right: 55%;
            font-size: 16px;
            margin-right: 10px;
            line-height: 16px;
            top: 30px;
            color: white;
        }
}

@media only screen and (max-width: 1250px) {
    .currencyShape {
        position: relative;
        width: calc(50% - 20px);
        height: 80px;
        background-color: #222838;
        margin: 10px;
        margin-bottom: 2px;
        float: right;
        color: #DFDFDF;
        border-radius: 3px;
    }

    .currencyShapeSecond {
        position: relative;
        width: 100%;
        height: 600px;
        background-color: #222838;
        margin: 3px;
        margin-bottom: 2px;
        float: none;
        color: #DFDFDF;
        border-radius: 3px;
        right: 0%;
    }

        .currencyShapeSecond div h3 {
            position: relative;
            display: table;
            right: 15%;
            font-size: 16px;
            margin-right: 10px;
            line-height: 16px;
            top: 30px;
            color: white;
            width: 100%;
        }

        .currencyShapeSecond .title {
            position: absolute;
            display: inline;
            right: 0%;
            font-size: 16px;
            margin-right: 10px;
            line-height: 16px;
            top: 30px;
            color: white;
        }

        .currencyShapeSecond .price {
            position: absolute;
            display: inline;
            right: 55%;
            font-size: 16px;
            margin-right: 10px;
            line-height: 16px;
            top: 30px;
            color: white;
        }

    @media only screen and (max-width: 700px) {
        .priceLive {
            position: relative;
            width: 96%;
            left: 1%;
            background-color: #181C26;
            display: inline-block;
        }

        .ads {
            position: relative;
            width: 100%;
            background-color: #222838;
            margin: 3px;
            margin-bottom: 0px;
            float: none;
            color: #DFDFDF;
            border-radius: 0px;
            top: 10px;
        }

            .ads img {
                width: 100%;
                /*height: 100%;*/
            }

        .currencyShape {
            position: relative;
            width: 100%;
            height: 80px;
            background-color: #222838;
            margin: 3px;
            margin-bottom: 2px;
            float: none;
            color: #DFDFDF;
            border-radius: 3px;
        }

        .footer {
            position: relative;
            width: 100%;
            background-color: #222838;
            height: 150px;
            margin-top: 30px;
            text-align: center;
            color: white;
            margin-bottom: 50px
        }

        .logo {
            position: absolute;
            height: 80px;
            top: 0px;
            left: 5px;
        }

        .logo2 {
            position: absolute;
            height: 80px;
            bottom: 0px;
            right: 50px;
            z-index: 2;
        }

        .headerWeb {
            position: relative;
            width: 100%;
            height: 70px;
            background-color: #222838;
        }

        .chart {
            width: 100%;
            position: relative;
            height: 300px;
            top: 20px;
        }

        .currencyShapeSecond div h3 {
            position: relative;
            display: table;
            right: 25%;
            font-size: 16px;
            margin-right: 10px;
            line-height: 16px;
            top: 30px;
            color: white;
            width: 100%;
        }

        .currencyShapeSecond .title {
            position: absolute;
            display: inline;
            right: 0%;
            font-size: 16px;
            margin-right: 10px;
            line-height: 16px;
            top: 30px;
            color: white;
        }

        .currencyShapeSecond .price {
            position: absolute;
            display: inline;
            left: 70%;
            font-size: 16px;
            margin-right: 10px;
            line-height: 16px;
            top: 30px;
            color: white;
        }

        .percentDiv2 {
            color: white;
            direction: rtl;
            text-align: left;
            margin: -1px;
            animation: Hidediv2 3s 3;
            animation-iteration-count: infinite;
            animation-direction: forward;
            background-color: #222838;
        }

        .ColorBackRed {
            color: red;
        }

        .ColorBackGreen {
            color: green;
        }

        .homeb {
            margin-top: 10px;
            font-size: 13px;
            width: 95%;
        }

        .currencyShapeSecond {
            position: relative;
            width: 100%;
            height: 300px;
            background-color: #222838;
            margin: 2px;
            margin-bottom: 2px;
            float: none;
            color: #DFDFDF;
            border-radius: 3px;
            right: 0%;
        }

        .currencyShapeCrypto {
            height: 120px;
        }
        .DiffCss {
            position: relative;
            margin-top: 50px;
            left: 0px;
        }
    }
}