/* # =================================================================
   # Scalable values
   # ================================================================= */


/* Single property */


/* Multiple properties with same values */

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: scroll;
    /* All browsers without overlaying scrollbars */
    -webkit-text-size-adjust: 100%;
    /* iOS 8+ */
}

*,
::before,
::after {
    background-repeat: no-repeat;
    /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

::before,
::after {
    text-decoration: inherit;
    /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
    vertical-align: inherit;
}

* {
    padding: 0;
    /* Reset `padding` and `margin` of all elements */
    margin: 0;
}



/* # =================================================================
   # General elements
   # ================================================================= */


/* Add the correct display in iOS 4-7.*/

audio:not([controls]) {
    display: none;
    height: 0;
}

hr {
    overflow: visible;
    /* Show the overflow in Edge and IE */
}



/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

summary {
    display: list-item;
    /* Add the correct display in all browsers */
}

small {
    font-size: 80%;
    /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
    display: none;
    /* Add the correct display in IE */
}

abbr[title] {
    border-bottom: 1px dotted;
    /* Add a bordered underline effect in all browsers */
    text-decoration: none;
    /* Remove text decoration in Firefox 40+ */
}

a {
    background-color: transparent;
    /* Remove the gray background on active links in IE 10 */
    -webkit-text-decoration-skip: objects;
    /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
    outline-width: 0;
    /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    /* Specify the font family of code elements */
}

b,
strong {
    font-weight: bolder;
    /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
    font-style: italic;
    /* Address styling not present in Safari and Chrome */
}



/* Address styling not present in IE 8/9 */

mark {
    background-color: #ff0;
    color: #000;
}



/* https://gist.github.com/unruthless/413930 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}



/* # =================================================================
   # Forms
   # ================================================================= */

input {
    border-radius: 0;
}



/* Apply cursor pointer to button elements */

button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
    cursor: pointer;
}



/* Replace pointer cursor in disabled elements */

[disabled] {
    cursor: default;
}

[type="number"] {
    width: auto;
    /* Firefox 36+ */
}

[type="search"] {
    -webkit-appearance: textfield;
    /* Safari 8+ */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    /* Safari 8 */
}

textarea {
    overflow: auto;
    /* Internet Explorer 11+ */
    resize: vertical;
    /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    /* Specify font inheritance of form elements */
}

optgroup {
    font-weight: bold;
    /* Restore the font weight unset by the previous rule. */
}

button {
    overflow: visible;
    /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}



/* Remove inner padding and border in Firefox 4+ */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: 0;
    padding: 0;
}



/* Replace focus style removed in the border reset above */

button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    outline: 1px dotted ButtonText;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* Correct the inability to style clickable types in iOS */
}

button,
select {
    text-transform: none;
    /* Firefox 40+, Internet Explorer 11- */
}



/* Remove the default button styling in all browsers */

button,
input,
select,
textarea {
    background-color: transparent;
    border-style: none;
    color: inherit;
}



/* Style select like a standard input */

select {
    -moz-appearance: none;
    /* Firefox 36+ */
    -webkit-appearance: none;
    /* Chrome 41+ */
}

select::-ms-expand {
    display: none;
    /* Internet Explorer 11+ */
}

select::-ms-value {
    color: currentColor;
    /* Internet Explorer 11+ */
}

legend {
    border: 0;
    /* Correct `color` not being inherited in IE 8/9/10/11 */
    color: inherit;
    /* Correct the color inheritance from `fieldset` elements in IE */
    display: table;
    /* Correct the text wrapping in Edge and IE */
    max-width: 100%;
    /* Correct the text wrapping in Edge and IE */
    white-space: normal;
    /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* Correct the inability to style clickable types in iOS and Safari */
    font: inherit;
    /* Change font properties to `inherit` in Chrome and Safari */
}

[type="search"] {
    -webkit-appearance: textfield;
    /* Correct the odd appearance in Chrome and Safari */
    outline-offset: -2px;
    /* Correct the outline style in Safari */
}



/* # =================================================================
   # Specify media element style
   # ================================================================= */

img {
    border-style: none;
    /* Remove border when inside `a` element in IE 8/9/10 */
}



/* Add the correct vertical alignment in Chrome, Firefox, and Opera */

progress {
    vertical-align: baseline;
}

svg:not(:root) {
    overflow: hidden;
    /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
    display: inline-block;
    /* Internet Explorer 11+, Windows Phone 8.1+ */
}



/* # =================================================================
   # Accessibility
   # ================================================================= */


/* Hide content from screens but not screenreaders */

@media screen {
    [hidden~="screen"] {
        display: inherit;
    }
    [hidden~="screen"]:not(:active):not(:focus):not(:target) {
        position: absolute !important;
        clip: rect(0 0 0 0) !important;
    }
}



/* Specify the progress cursor of updating elements */

[aria-busy="true"] {
    cursor: progress;
}



/* Specify the pointer cursor of trigger elements */

[aria-controls] {
    cursor: pointer;
}



/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */

[aria-disabled] {
    cursor: default;
}



/* # =================================================================
   # Selection
   # ================================================================= */


/* Specify text selection background color and omit drop shadow */

::-moz-selection {
    background-color: #b3d4fc;
    /* Required when declaring ::selection */
    color: #000;
    text-shadow: none;
}

::selection {
    background-color: #b3d4fc;
    /* Required when declaring ::selection */
    color: #000;
    text-shadow: none;
}



/* This stylesheet generated by Transfonter (https://transfonter.org) on November 13, 2017 1:13 PM */

@font-face {
    font-family: 'Avenir';
    src: url("/assets/ccrb/font/Avenir-Black.eot");
    src: url("/assets/ccrb/font/Avenir-Black.eot?#iefix") format("embedded-opentype"), url("/assets/ccrb/font/Avenir-Black.woff") format("woff"), url("/assets/ccrb/font/Avenir-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Book';
    src: url("/assets/ccrb/font/Avenir-Book.eot");
    src: url("/assets/ccrb/font/Avenir-Book.eot?#iefix") format("embedded-opentype"), url("/assets/ccrb/font/Avenir-Book.woff") format("woff"), url("/assets/ccrb/font/Avenir-Book.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url("/assets/ccrb/font/Avenir-Medium.eot");
    src: url("/assets/ccrb/font/Avenir-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/ccrb/font/Avenir-Medium.woff") format("woff"), url("/assets/ccrb/font/Avenir-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url("/assets/ccrb/font/Avenir-Light.eot");
    src: url("/assets/ccrb/font/Avenir-Light.eot?#iefix") format("embedded-opentype"), url("/assets/ccrb/font/Avenir-Light.woff") format("woff"), url("/assets/ccrb/font/Avenir-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url("/assets/ccrb/font/Avenir-Heavy.eot");
    src: url("/assets/ccrb/font/Avenir-Heavy.eot?#iefix") format("embedded-opentype"), url("/assets/ccrb/font/Avenir-Heavy.woff") format("woff"), url("/assets/ccrb/font/Avenir-Heavy.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url("/assets/ccrb/font/Avenir-Roman.eot");
    src: url("/assets/ccrb/font/Avenir-Roman.eot?#iefix") format("embedded-opentype"), url("/assets/ccrb/font/Avenir-Roman.woff") format("woff"), url("/assets/ccrb/font/Avenir-Roman.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url("/assets/ccrb/font/MyriadPro-Regular.eot");
    src: url("/assets/ccrb/font/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/ccrb/font/MyriadPro-Regular.woff") format("woff"), url("/assets/ccrb/font/MyriadPro-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

h2 {
    font-size: 22px;
    font-weight: 900;
}

@media screen and (min-width: 500px) {
    h2 {
        font-size: -webkit-calc(22px + 8 * (100vw - 500px) / 500);
        font-size: calc(22px + 8 * (100vw - 500px) / 500);
    }
}

@media screen and (min-width: 1000px) {
    h2 {
        font-size: 30px;
    }
}

h3,
.flashToken--cards-item {
    font-size: 16px;
    font-weight: 500;
}

@media screen and (min-width: 500px) {
    h3,
    .flashToken--cards-item {
        font-size: -webkit-calc(16px + 5 * (100vw - 500px) / 500);
        font-size: calc(16px + 5 * (100vw - 500px) / 500);
    }
}

@media screen and (min-width: 1000px) {
    h3,
    .flashToken--cards-item {
        font-size: 21px;
    }
}

html,
body,
.nbtn,
.top--search input {
    font-size: 16px;
    font-weight: 500;
}

html,
body {
    font-family: 'Avenir';
}

h2.has-line {
    position: relative;
    display: inline-block;
    margin-top: 5px;
}

h2.has-line:before {
    content: '';
    position: absolute;
    display: block;
    max-width: 70px;
    top: -4px;
    width: 100%;
    height: 2px;
    background-color: currentColor;
}

h2.has-line_center:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

h2.has-line_left:before {
    left: 0;
}

h3 {
    max-width: 50ch;
}

.section {
    text-align: center;
}

.section--description {
    margin-top: 30px;
    margin-bottom: 20px;
    max-width: 50ch;
    margin: 30px auto 20px;
}

.section--description p:not(:last-child) {
    margin-bottom: 20px;
}

.u-text_grey {
    color: #3d3d3d;
}

.u-text_white {
    color: #fff;
}

strong {
    font-weight: 900;
}

.nbtn {
    height: 40px;
    min-width: 250px;
    padding: 0 30px;
    border-radius: 50px;
    -webkit-transition: all .22s ease;
    transition: all .22s ease;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
}

.nbtn:hover,
.nbtn:focus {
    text-decoration: none;
}

.btn_grey {
    background-color: #3d3d3d;
    color: #fff;
}

.btn_grey:hover {
    background-color: #242323;
    color: #fff;
}

.btn_yellow {
    background-color: #ffc805;
    color: #3d3d3d;
}

.btn_yellow:hover {
    background-color: #ebb700;
    color: #3d3d3d;
}

.btn_center {
    margin-left: auto;
    margin-right: auto;
    display: block;
}


#high-internal-value-modal .modal-content {
    background-image: url(/assets/ccrb/image/section_flashToken.jpg);
}

.goog-te-gadget-simple {
    background-color: rgba(0, 0, 0, 0.8) !important;
    border-left: 1px solid #21211f !important;
    border-top: 1px solid #21211f !important;
    border-bottom: 1px solid #21211f !important;
    border-right: 1px solid #21211f !important;
    font-size: 10pt;
    color: #fff !important;
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 2px;
    cursor: pointer;
    zoom: 1;
}

.goog-te-gadget-simple .goog-te-menu-value span {
    text-decoration: none;
    color: #fff !important;
}
html,
body {
    height: 100%;
    margin: 0;
  /*  overflow-x:hidden;*/
}

.wrapper {
    width: 80%;
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 10px;
}

.section {
    z-index: 800;
    background-size: cover;
    background-position: center center;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: -1px;
}

@media screen and (min-width: 500px) {
    .section {
        padding-top: -webkit-calc(40px + 20 * (100vw - 500px) / 700);
        padding-top: calc(40px + 20 * (100vw - 500px) / 700);
        padding-bottom: -webkit-calc(40px + 20 * (100vw - 500px) / 700);
        padding-bottom: calc(40px + 20 * (100vw - 500px) / 700);
    }
}

@media screen and (min-width: 1200px) {
    .section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.section_small .section--description {
    width: 100%;
    max-width: 100%;
}

.section_small .wrapper {
    max-width: 800px;
}

.section_small .wrapper h3 {
    max-width: 100%;
}

.section_darkenBg:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
}

.section_darkenBg .wrapper {
    position: relative;
    z-index: 200;
    overflow: hidden;
    text-align: left;
}

.missing {
    width: 100%;
    height: 300px;
    background-color: red;
}

.half {
    float: left;
    width: 50%;
}

.u-center {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
    text-align: center;
}

.rowed {
    width: 100%;
    overflow: hidden;
}

.btn-facebook.btn-stroke {
    border: 1px double #3b5998;
    background-color: transparent;
    color: #3b5998;
}

.mb-10 {
    margin-bottom: 10px;
}

.modal .row {
    width: auto;
}

#signup .modal-content {
    background-image: url(/assets/ccrb/image/section_flashToken.jpg);
}

#buy-ccrb .modal-content {
    background-image: url(/assets/ccrb/image/section_team.jpg);
}

.bg-glass {
    background-color: rgba(62, 78, 153, 0.71);
    padding: 15px;
}

[v-cloak] {
    display: none;
}

.input-group-btn>.btn {
    position: relative;
    min-width: 50px;
    border-radius: 4px;
    height: 34px;
}

.deposit-btn {
    min-width: auto;
}

.how-to-buy p,
.coinpayments-info p {
    font-size: 12px;
}

#how-to-buy-info,
.coinpayments-info {
    padding: 5px 15px 0;
}

.flashToken--description_first {
    max-width: 100%;
}

.yellow-bg {
    background-color: #ffc80547;
}

.mt40 {
    margin-top: 40px;
}

.mt20 {
    margin-top: 20px;
}

.f-60 {
    font-size: 60%;
}

.header {
    width: 100%;
    padding: 10px 0;
    background-color: transparent;
    -webkit-box-shadow: 0 0 8px 8px transparent;
    box-shadow: 0 0 8px 8px transparent;
    position: fixed;
    -webkit-transition: all .22s ease;
    transition: all .22s ease;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.video-wrapper{
  max-width: 70% ;
}

.header.is-scroll {
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.2);
}

.header--logo img {
    max-width: 160px;
    width: 100%;
    height: auto;
    display: block;
}

.header--logo h1 {
    opacity: 0;
    position: absolute;
    margin: -1px;
    z-index: -1;
}

.header .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.header--menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
}

.header--menu-item {
    padding: 0 10px;
}

.header--menu-item svg {
    fill: #fff;
    width: 18px;
    height: auto;
    display: block;
    -webkit-transition: all .22s ease;
    transition: all .22s ease;
    margin-top: -5px;
}

.header--menu-item svg:hover {
    fill: #B18112;
}

.header--menu-item_search {
    position: relative;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

.header--menu-link {
    color: #fff;
    text-transform: capitalize;
    text-decoration: none;
    -webkit-transition: all .22s ease;
    transition: all .22s ease;
}

.header--menu-link:hover {
    color: #B18112;
}

.header--menu-sub {
    display: none;
}

.header--mobileNav-btn {
    display: none;
    margin-right: 20px;
}

.header--mobileNav-btn svg {
    fill: #fff;
}

.header--mobileNav-close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    z-index: 9999;
    padding: 15px 15px;
    display: none;
}

.header--mobileNav-close svg {
    fill: #fff;
    width: 25px;
    height: auto;
    display: block;
}

.mobile-none{
  display: none;
}
.limegreen{
  background-color: #50c450;
}
.limegreen-2{
  background-color:	#ffc700 !important;
}
.limegreen-3{
  background-color:#e5b300 !important
}
.limegreen-4{
  background-color:#cc9f00 !important
}

.limegreen-5{
  background-color: #b28b00 !important
}



@media screen and (max-width: 1000px) {
    .header .wrapper {
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .header {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.9);
        padding: 0;
    }
    .header--logo img {
        max-width: 100px;
    }
    .header--mobileNav {
        position: fixed;
        width: 100vw;
      /*  height: 100vh;*/
        background-color: rgba(0, 0, 0, 0.9);
        top: 0;
        left: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        padding: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow-y: auto;
        -webkit-transition: all .75s ease;
        transition: all .75s ease;
    }
    .header--mobileNav.is-active {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .header--mobileNav li {
        width: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 30px;
    }
    .header--mobileNav li a,
    .header--mobileNav li button {
        padding: 10px 0;
        width: 100%;
        height: 100%;
        display: block;
    }
    .header--mobileNav li:not(:last-child) {
        border-bottom: 1px solid white;
    }
    .header--mobileNav-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .header--logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .video-wrapper{
      max-width: 100% !important;
    }

    .mobile-none{
      display: block !important;
    }

    .mobile-hide{
      display: none;
    }

}

.footer {
    background-color: #ffc805;
    color: #fff;
}

.footer .wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
}

.top {
    background-position: bottom left;
    position: relative;
    padding-top: 0;
    padding: 0;
}

.top .wrapper {
    padding-top: 80px;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.top--search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 45px 0px;
}

.top--search .nbtn {
    min-width: 100px;
}

.top--search input {
    width: 450px;
    max-width: 50%;
    min-width: 250px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50px 0 0 50px;
    height: 40px;
    padding: 0 60px 0 18px;
    margin-right: -50px;
    color: #fff;
}

.top--search input::-webkit-input-placeholder {
    color: white;
}

.top--search input:-ms-input-placeholder {
    color: white;
}

.top--search input::placeholder {
    color: white;
}

@media screen and (max-width: 600px) {
    .top--search {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .top--search input {
        margin: 0 0 10px 0;
        padding: 0 18px;
        max-width: 100%;
        border-radius: 50px;
    }
}

.flashToken {
    padding: 100px 0 20px;
    text-align: center;
}

.flashToken h3 {
    margin-left: auto;
    margin-right: auto;
}

.flashToken .section--description h3 {
    margin-top: 40px;
}

.flashToken--sale {
    padding: 30px 0;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.2);
    max-width: 700px;
    margin: 0 auto;
}

.flashToken--sale .title {
    margin-bottom: 30px;
}

.flashToken--sale ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flashToken--sale ul li:not(:last-child) {
    margin-right: 10px;
}

@media screen and (min-width: 500px) {
    .flashToken--sale ul li:not(:last-child) {
        margin-right: -webkit-calc(10px + 20 * (100vw - 500px) / 700);
        margin-right: calc(10px + 20 * (100vw - 500px) / 700);
    }
}

@media screen and (min-width: 1200px) {
    .flashToken--sale ul li:not(:last-child) {
        margin-right: 30px;
    }
}

.flashToken--cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.flashToken--cards-item {
    padding-top: 3px;
    font-size: 30px;
    width: 40px;
    height: 60px;
    border-radius: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: #3e4e99;
    background: -webkit-linear-gradient(top, #3e4e99 0%, #3e4e99 50%, #2f4191 50%, #2f4191 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#3e4e99), color-stop(50%, #3e4e99), color-stop(50%, #2f4191), to(#2f4191));
    background: linear-gradient(to bottom, #3e4e99 0%, #3e4e99 50%, #2f4191 50%, #2f4191 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e4e99', endColorstr='#2f4191', GradientType=0);
}

.meetus img{
  border-radius: 0px !important;
  width: 100% !important;
  height: 100% !important;
}
.pd-0{
  padding: 0px !important;
}
.team-pd-events{
  padding-bottom: 40px;
  margin: 0;
}
.px-15{
padding: 15px 0;
}

@media (max-width: 768px) and (min-width:420px){
  .vid-yasin {
      height: 235px !important;
  }
}

@media (min-width: 360px) and (max-width:410px){
  .vid-yasin {
      height: 150px !important;
  }
}
@media  (max-width: 414px) and (min-width:362px){
  .vid-yasin {
      height: 175px !important;
  }
}


@media screen and (min-width: 500px) {
    .flashToken--cards-item {
        padding-top: -webkit-calc(3px + 3 * (100vw - 500px) / 700);
        padding-top: calc(3px + 3 * (100vw - 500px) / 700);
    }
}

@media screen and (min-width: 1200px) {
    .flashToken--cards-item {
        padding-top: 6px;
    }
}

@media screen and (min-width: 500px) {
    .flashToken--cards-item {
        font-size: -webkit-calc(30px + 20 * (100vw - 500px) / 700);
        font-size: calc(30px + 20 * (100vw - 500px) / 700);
    }
}

@media screen and (min-width: 1200px) {
    .flashToken--cards-item {
        font-size: 50px;
    }
}

@media screen and (min-width: 500px) {
    .flashToken--cards-item {
        width: -webkit-calc(40px + 20 * (100vw - 500px) / 700);
        width: calc(40px + 20 * (100vw - 500px) / 700);
    }
}

@media screen and (min-width: 1200px) {
    .flashToken--cards-item {
        width: 60px;
    }
}

@media screen and (min-width: 500px) {
    .flashToken--cards-item {
        height: -webkit-calc(60px + 30 * (100vw - 500px) / 700);
        height: calc(60px + 30 * (100vw - 500px) / 700);
    }
}

@media screen and (min-width: 1200px) {
    .flashToken--cards-item {
        height: 90px;
    }
}

@media screen and (min-width: 500px) {
    .flashToken--cards-item {
        border-radius: -webkit-calc(9px + 6 * (100vw - 500px) / 700);
        border-radius: calc(9px + 6 * (100vw - 500px) / 700);
    }
}

@media screen and (min-width: 1200px) {
    .flashToken--cards-item {
        border-radius: 15px;
    }
}

.flashToken--cards-item:not(:last-child) {
    margin-right: 4px;
}

@media screen and (min-width: 500px) {
    .flashToken--cards-item:not(:last-child) {
        margin-right: -webkit-calc(4px + 6 * (100vw - 500px) / 700);
        margin-right: calc(4px + 6 * (100vw - 500px) / 700);
    }
}

@media screen and (min-width: 1200px) {
    .flashToken--cards-item:not(:last-child) {
        margin-right: 10px;
    }
}




.flashToken--cards-title {
    text-align: center;
    font-weight: 900;
    width: 100%;
    display: block;
    margin-top: 15px;
}

.flashToken--graph {
    max-width: 100%;
    width: 1200px;
    margin: 0 auto;
}

.flashToken--stats {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    margin-top: 20px;
}

.flashToken--stats .half {
    padding: 0 20px;
}

.flashToken--stats span {
    font-weight: 300;
    margin-bottom: 5px;
}

.flashToken--stats-value {
    border-width: 4px 0;
    border-style: solid;
    border-color: #e1b423;
    background-color: #ffc805;
    padding: 0px 10px;
}

.flashToken .nbtn {
    margin: 10px 0 20px;
}

.flashToken--description_first {
    margin-top: 10px;
    margin-bottom: 0;
}

.flashToken--description_first p:first-child {
    margin-bottom: 40px;
}

@media screen and (max-width: 500px) {
    .flashToken .wrapper {
        width: 100%;
    }
}

.usability .left {
    list-style: none;
    text-align: left;
    padding-right: 30px;
    float: left;
    width: 40%;
}

.usability .right {
    float: left;
    width: 60%;
    text-align: left;
}

.usability ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.usability ul li {
    position: relative;
    width: 50%;
    float: left;
    padding: 5px 20px;
    line-height: 1.4em;
    min-height: 4.2em;
}

.usability ul li:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 10px;
    left: -4px;
    background-image: url(/assets/ccrb/image/bullet-grey.png);
    background-size: contain;
}

@media screen and (max-width: 1000px) {
    .usability .left,
    .usability .right {
        width: 50%;
    }
}

@media screen and (max-width: 800px) {
    .usability .left,
    .usability .right {
        width: 100%;
        padding: 20px;
    }
    .usability .right li {
        width: 100%;
    }
}

.ecosystem {
    background-color: #7886bd;
    text-align: left;
}

.ecosystem .wrapper {
    overflow: hidden;
}

.ecosystem h3 {
    margin: 10px 0 40px;
}

.ecosystem ul {
    max-width: 1000px;
    margin: 20px auto 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ecosystem ul li {
    position: relative;
    width: 33%;
    float: left;
    padding: 20px;
}

.ecosystem ul li:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 26px;
    left: -4px;
    background-image: url(/assets/ccrb/image/bullet.png);
    background-size: contain;
}
.pd-ccrb-top{
  padding: 20px 0px 4px 0px;
}

@media screen and (max-width: 700px) {
    .ecosystem ul li {
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .ecosystem ul li {
        width: 100%;
    }
}

@media screen and (max-width: 800px) {
    .ecosystem {
        /*position: relative;*/
    }
    .ecosystem:before {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        /*z-index: 1000;*/
    }
}

.ecosystem--graph {
    max-width: 1200px;
    margin: 40px auto;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.ecosystem--graph .details.is-active .text--item:nth-child(1) {
    opacity: 0;
    -webkit-animation: fadeIn 0.3s forwards;
    animation: fadeIn 0.3s forwards;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.ecosystem--graph .details.is-active .lines path:nth-child(1) {
    opacity: 0;
    -webkit-animation: fadeIn 0.45s forwards;
    animation: fadeIn 0.45s forwards;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.ecosystem--graph .details.is-active .items--item:nth-child(1) {
    opacity: 0;
    -webkit-animation: fadeIn 0.55s forwards;
    animation: fadeIn 0.55s forwards;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
}

.ecosystem--graph .details.is-active .text--item:nth-child(2) {
    opacity: 0;
    -webkit-animation: fadeIn 0.4s forwards;
    animation: fadeIn 0.4s forwards;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.ecosystem--graph .details.is-active .lines path:nth-child(2) {
    opacity: 0;
    -webkit-animation: fadeIn 0.6s forwards;
    animation: fadeIn 0.6s forwards;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.ecosystem--graph .details.is-active .items--item:nth-child(2) {
    opacity: 0;
    -webkit-animation: fadeIn 0.7s forwards;
    animation: fadeIn 0.7s forwards;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.ecosystem--graph .details.is-active .text--item:nth-child(3) {
    opacity: 0;
    -webkit-animation: fadeIn 0.5s forwards;
    animation: fadeIn 0.5s forwards;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.ecosystem--graph .details.is-active .lines path:nth-child(3) {
    opacity: 0;
    -webkit-animation: fadeIn 0.75s forwards;
    animation: fadeIn 0.75s forwards;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.ecosystem--graph .details.is-active .items--item:nth-child(3) {
    opacity: 0;
    -webkit-animation: fadeIn 0.85s forwards;
    animation: fadeIn 0.85s forwards;
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.ecosystem--graph .details.is-active .text--item:nth-child(4) {
    opacity: 0;
    -webkit-animation: fadeIn 0.6s forwards;
    animation: fadeIn 0.6s forwards;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.ecosystem--graph .details.is-active .lines path:nth-child(4) {
    opacity: 0;
    -webkit-animation: fadeIn 0.9s forwards;
    animation: fadeIn 0.9s forwards;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.ecosystem--graph .details.is-active .items--item:nth-child(4) {
    opacity: 0;
    -webkit-animation: fadeIn 1s forwards;
    animation: fadeIn 1s forwards;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.ecosystem--graph .details.is-active .text--item:nth-child(5) {
    opacity: 0;
    -webkit-animation: fadeIn 0.7s forwards;
    animation: fadeIn 0.7s forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.ecosystem--graph .details.is-active .lines path:nth-child(5) {
    opacity: 0;
    -webkit-animation: fadeIn 1.05s forwards;
    animation: fadeIn 1.05s forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.ecosystem--graph .details.is-active .items--item:nth-child(5) {
    opacity: 0;
    -webkit-animation: fadeIn 1.15s forwards;
    animation: fadeIn 1.15s forwards;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

.ecosystem--graph .details.is-active .text--item:nth-child(6) {
    opacity: 0;
    -webkit-animation: fadeIn 0.8s forwards;
    animation: fadeIn 0.8s forwards;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.ecosystem--graph .details.is-active .lines path:nth-child(6) {
    opacity: 0;
    -webkit-animation: fadeIn 1.2s forwards;
    animation: fadeIn 1.2s forwards;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.ecosystem--graph .details.is-active .items--item:nth-child(6) {
    opacity: 0;
    -webkit-animation: fadeIn 1.3s forwards;
    animation: fadeIn 1.3s forwards;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.ecosystem--graph .details.is-active .text--item:nth-child(7) {
    opacity: 0;
    -webkit-animation: fadeIn 0.9s forwards;
    animation: fadeIn 0.9s forwards;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.ecosystem--graph .details.is-active .lines path:nth-child(7) {
    opacity: 0;
    -webkit-animation: fadeIn 1.35s forwards;
    animation: fadeIn 1.35s forwards;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.ecosystem--graph .details.is-active .items--item:nth-child(7) {
    opacity: 0;
    -webkit-animation: fadeIn 1.45s forwards;
    animation: fadeIn 1.45s forwards;
    -webkit-animation-delay: 0.35s;
    animation-delay: 0.35s;
}

.ecosystem--graph .details.is-active .text--item:nth-child(8) {
    opacity: 0;
    -webkit-animation: fadeIn 1s forwards;
    animation: fadeIn 1s forwards;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.ecosystem--graph .details.is-active .lines path:nth-child(8) {
    opacity: 0;
    -webkit-animation: fadeIn 1.5s forwards;
    animation: fadeIn 1.5s forwards;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.ecosystem--graph .details.is-active .items--item:nth-child(8) {
    opacity: 0;
    -webkit-animation: fadeIn 1.6s forwards;
    animation: fadeIn 1.6s forwards;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.ecosystem--graph .details:not(.is-active) .text--item:nth-child(1) {
    -webkit-animation: fadeOut 0.2s forwards;
    animation: fadeOut 0.2s forwards;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
}

.ecosystem--graph .details:not(.is-active) .lines path:nth-child(1) {
    -webkit-animation: fadeOut 0.2s forwards;
    animation: fadeOut 0.2s forwards;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
}

.ecosystem--graph .details:not(.is-active) .items--item:nth-child(1) {
    -webkit-animation: fadeOut 0.2s forwards;
    animation: fadeOut 0.2s forwards;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
}

.ecosystem--graph .details:not(.is-active) .text--item:nth-child(2) {
    -webkit-animation: fadeOut 0.3s forwards;
    animation: fadeOut 0.3s forwards;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.ecosystem--graph .details:not(.is-active) .lines path:nth-child(2) {
    -webkit-animation: fadeOut 0.3s forwards;
    animation: fadeOut 0.3s forwards;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.ecosystem--graph .details:not(.is-active) .items--item:nth-child(2) {
    -webkit-animation: fadeOut 0.3s forwards;
    animation: fadeOut 0.3s forwards;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.ecosystem--graph .details:not(.is-active) .text--item:nth-child(3) {
    -webkit-animation: fadeOut 0.4s forwards;
    animation: fadeOut 0.4s forwards;
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.ecosystem--graph .details:not(.is-active) .lines path:nth-child(3) {
    -webkit-animation: fadeOut 0.4s forwards;
    animation: fadeOut 0.4s forwards;
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.ecosystem--graph .details:not(.is-active) .items--item:nth-child(3) {
    -webkit-animation: fadeOut 0.4s forwards;
    animation: fadeOut 0.4s forwards;
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.ecosystem--graph .details:not(.is-active) .text--item:nth-child(4) {
    -webkit-animation: fadeOut 0.5s forwards;
    animation: fadeOut 0.5s forwards;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.ecosystem--graph .details:not(.is-active) .lines path:nth-child(4) {
    -webkit-animation: fadeOut 0.5s forwards;
    animation: fadeOut 0.5s forwards;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.ecosystem--graph .details:not(.is-active) .items--item:nth-child(4) {
    -webkit-animation: fadeOut 0.5s forwards;
    animation: fadeOut 0.5s forwards;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.ecosystem--graph .details:not(.is-active) .text--item:nth-child(5) {
    -webkit-animation: fadeOut 0.6s forwards;
    animation: fadeOut 0.6s forwards;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

.ecosystem--graph .details:not(.is-active) .lines path:nth-child(5) {
    -webkit-animation: fadeOut 0.6s forwards;
    animation: fadeOut 0.6s forwards;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

.ecosystem--graph .details:not(.is-active) .items--item:nth-child(5) {
    -webkit-animation: fadeOut 0.6s forwards;
    animation: fadeOut 0.6s forwards;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

.ecosystem--graph .details:not(.is-active) .text--item:nth-child(6) {
    -webkit-animation: fadeOut 0.7s forwards;
    animation: fadeOut 0.7s forwards;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.ecosystem--graph .details:not(.is-active) .lines path:nth-child(6) {
    -webkit-animation: fadeOut 0.7s forwards;
    animation: fadeOut 0.7s forwards;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.ecosystem--graph .details:not(.is-active) .items--item:nth-child(6) {
    -webkit-animation: fadeOut 0.7s forwards;
    animation: fadeOut 0.7s forwards;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.ecosystem--graph .details:not(.is-active) .text--item:nth-child(7) {
    -webkit-animation: fadeOut 0.8s forwards;
    animation: fadeOut 0.8s forwards;
    -webkit-animation-delay: 0.35s;
    animation-delay: 0.35s;
}

.ecosystem--graph .details:not(.is-active) .lines path:nth-child(7) {
    -webkit-animation: fadeOut 0.8s forwards;
    animation: fadeOut 0.8s forwards;
    -webkit-animation-delay: 0.35s;
    animation-delay: 0.35s;
}

.ecosystem--graph .details:not(.is-active) .items--item:nth-child(7) {
    -webkit-animation: fadeOut 0.8s forwards;
    animation: fadeOut 0.8s forwards;
    -webkit-animation-delay: 0.35s;
    animation-delay: 0.35s;
}

.ecosystem--graph .details:not(.is-active) .text--item:nth-child(8) {
    -webkit-animation: fadeOut 0.9s forwards;
    animation: fadeOut 0.9s forwards;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.ecosystem--graph .details:not(.is-active) .lines path:nth-child(8) {
    -webkit-animation: fadeOut 0.9s forwards;
    animation: fadeOut 0.9s forwards;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.ecosystem--graph .details:not(.is-active) .items--item:nth-child(8) {
    -webkit-animation: fadeOut 0.9s forwards;
    animation: fadeOut 0.9s forwards;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.ecosystem--graph .details .text--item {
    fill: #fff;
    letter-spacing: 0.03em;
    cursor: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 11px;
    font-family: Avenir-Book, Avenir;
}

.ecosystem--graph .details .items--item-top {
    fill: #FFD337;
}

.ecosystem--graph .details .items--item-front {
    fill: #E1B423;
}

.ecosystem--graph .details .items--item-sides {
    fill: #A5801C;
}

.ecosystem--graph .clickableItem {
    cursor: pointer;
    -webkit-transition: all .22s ease;
    transition: all .22s ease;
}

.ecosystem--graph .clickableItem text {
    fill: #fff;
    font-size: 13px;
    font-family: Avenir-Black, Avenir;
    letter-spacing: 0.03em;
    cursor: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .22s ease;
    transition: all .22s ease;
}

.ecosystem--graph .clickableItem .items--item-top {
    -webkit-transition: all .22s ease;
    transition: all .22s ease;
    fill: #53609f;
}

.ecosystem--graph .clickableItem .items--item-front {
    -webkit-transition: all .22s ease;
    transition: all .22s ease;
    fill: #3d4c93;
}

.ecosystem--graph .clickableItem .items--item-sides {
    -webkit-transition: all .22s ease;
    transition: all .22s ease;
    fill: #283887;
}

.ecosystem--graph .clickableItem--y {
    -webkit-transition: all .22s ease;
    transition: all .22s ease;
    position: relative;
}

.ecosystem--graph .clickableItem:hover,
.ecosystem--graph .clickableItem.is-active {
    top: -3px;
}

.ecosystem--graph .clickableItem:hover .items--item-top,
.ecosystem--graph .clickableItem.is-active .items--item-top {
    fill: #FFD337;
}

.ecosystem--graph .clickableItem:hover .items--item-front,
.ecosystem--graph .clickableItem.is-active .items--item-front {
    fill: #E1B423;
}

.ecosystem--graph .clickableItem:hover .items--item-sides,
.ecosystem--graph .clickableItem.is-active .items--item-sides {
    fill: #A5801C;
}

.ecosystem--graph .clickableItem:hover text,
.ecosystem--graph .clickableItem.is-active text {
    fill: #3d3d3d;
}

.ecosystem--graph .clickableItem:hover .clickableItem--y,
.ecosystem--graph .clickableItem.is-active .clickableItem--y {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.ecosystem--graph_mobile {
    display: none;
    margin: 30px auto 20px;
    max-width: 100%;
}

@media screen and (max-width: 800px) {
    .ecosystem--graph {
        display: none;
    }
    .ecosystem--graph_mobile {
        display: block;
    }
    .ecosystem--graph .details.is-active {
        display: none;
    }
    .ecosystem--graph .clickableItem.is-active .items--item-top {
        -webkit-transition: all .22s ease;
        transition: all .22s ease;
        fill: #53609f;
    }
    .ecosystem--graph .clickableItem.is-active .items--item-front {
        -webkit-transition: all .22s ease;
        transition: all .22s ease;
        fill: #3d4c93;
    }
    .ecosystem--graph .clickableItem.is-active .items--item-sides {
        -webkit-transition: all .22s ease;
        transition: all .22s ease;
        fill: #283887;
    }
    .ecosystem--graph .clickableItem.is-active text {
        fill: #fff;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.internalValue--graph {
    width: 900px;
    max-width: -webkit-calc(100% - 20px);
    max-width: calc(100% - 20px);
    margin: 100px auto;
    display: block;
}

.tokenisedProperties .wrapper {
    text-align: left;
}

.tokenisedProperties .nbtn {
    margin: 20px 0 40px;
}

.tokenisedProperties h3 {
    max-width: 100%;
}

.tokenisedProperties--img {
    max-width: 100%;
    display: block;
    margin: 20px 0 40px;
}

.roadmap .wrapper {
    text-align: center;
}

.roadmap--list {
    margin: 40px auto 30px;
    list-style: none;
    font-weight: 300;
}

.roadmap--list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    float: left;
}

.roadmap--list-item:last-child .half {
    max-height: 80px;
    min-height: 80px;
}

.roadmap--list-item:last-child .half:first-child {
    border-right-style: dashed;
    min-height: 0;
}

.roadmap--list .half {
    min-height: 160px;
    position: relative;
}

.roadmap--list .half:first-child {
    border-right: 1px solid #3d3d3d;
    padding-right: 40px;
    text-align: right;
    z-index: 1;
}

.roadmap--list .half:first-child:before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    right: -1px;
    -webkit-transform: translate(50%, -10%);
    transform: translate(50%, -10%);
    background-color: #ffc805;
    border-radius: 50%;
    border: 6px solid #ffe99b;
}

.roadmap--list .half:last-child {
    padding-left: 40px;
    text-align: left;
    padding-bottom: 40px;
}

.roadmap--list .half:last-child span {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

@media screen and (max-width: 800px) {
    .roadmap .wrapper {
        width: 100%;
    }
    .roadmap--list-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .roadmap--list li:last-child .half {
        border-left-style: dashed;
    }
    .roadmap--list .half {
        width: -webkit-calc(100vw - 30px);
        width: calc(100vw - 30px);
        text-align: left !important;
        min-height: 0;
        padding-left: 20px !important;
        border-left: 1px solid #3d3d3d;
        border-right: none !important;
        margin-left: 10px;
    }
    .roadmap--list .half span:not(:last-child) {
        margin-bottom: 10px;
    }
    .roadmap--list .half:before {
        left: -1px;
        -webkit-transform: translateX(-12px) !important;
        transform: translateX(-12px) !important;
    }
    .roadmap--list .half:last-child {
        padding-bottom: 20px;
    }
}

.cryptopay {
    background-color: #fff;
}

.cryptopay .nbtn {
    margin-top: 50px;
    margin-bottom: 20px;
}

.cryptopay--img {
    max-width: 100%;
    margin: 80px auto 0;
    display: block;
}

.ccrbx {
    background-position: top right;
}

.ccrbx .nbtn {
    margin-top: 30px;
    margin-bottom: 20px;
}

.followus {
    background-position: top right;
}

.followus .wrapper {
    text-align: center;
}

.followus a {
    display: inline-block;
    -webkit-transition: all .22s ease;
    transition: all .22s ease;
}

.followus a:hover {
    opacity: .8;
}

.followus a:not(:last-child) {
    margin-right: 10px;
}

.followus img {
    max-width: 50px;
    display: block;
}

.exchanges {
    background-position: top right;
}

.exchanges--parners {
    display: block;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.exchanges .wrapper {
    text-align: center;
}

.exchanges .section--description {
    margin-bottom: 50px;
}

.visa {
    background-color: #7886bd;
    text-align: left;
}

.visa .wrapper {
    overflow: hidden;
}

.visa h2 {
    margin-bottom: 30px;
}

.visa .row {
    margin-bottom: 100px;
}

.visa ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 60px 0 0;
    counter-reset: visa;
}

.visa ul li {
    width: 33.3%;
    counter-increment: visa;
    position: relative;
    padding: 20px 40px 0 0;
}

.visa ul li:before {
    position: absolute;
    content: counter(visa);
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #fff;
    top: 0;
    left: 20;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.visa--img {
    max-width: -webkit-calc(100% - 50px);
    max-width: calc(100% - 50px);
}

@media screen and (max-width: 800px) {
    .visa--img {
        max-width: 200px;
        margin: 30px 0;
        display: block;
    }
    .visa .half {
        width: 100%;
    }
    .visa ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .visa ul li {
        width: 100%;
        padding: 10px 20px;
    }
    .visa ul li:before {
        position: static;
        -webkit-transform: none;
        transform: none;
        float: left;
        margin-right: 10px;
        width: 30px;
        height: 30px;
    }
}

.ccrbpay ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 40px;
}

.ccrbpay ul li {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 0 10px;
}

.ccrbpay ul div {
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 256px;
}

.ccrbpay ul div img {
    display: block;
    margin: 0 auto 20px;
}

.ccrbpay ul p {
    color: #ffc805;
}

.ccrbpay .nbtn {
    margin: 80px auto 0;
}

@media screen and (max-width: 800px) {
    .ccrbpay ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ccrbpay ul li {
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .ccrbpay ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ccrbpay ul li {
        width: 100%;
        padding-bottom: 20px;
    }
    .ccrbpay ul li div {
        height: auto;
    }
}

.app {
    background-position: top left;
}

.app .nbtn {
    margin-top: 30px;
    margin-bottom: 20px;
}

.team {
    background-position: top right;
}

.team .wrapper {
    text-align: center;
}

.team--navigation {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    overflow: hidden;
    height: 40px;
    border-radius: 50px;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 30px auto 50px;
}

.team--navigation li {
    width: 25%;
    position: relative;
    -webkit-transition: all .22s ease;
    transition: all .22s ease;
    background-color: #3d3d3d;
}

.team--navigation li:not(:last-child) {
    margin-right: 3px;
}

.team--navigation li:hover,
.team--navigation li.active {
    background-color: #ffc805;
}

.team--navigation li button {
    width: 100%;
    height: 50px;
    outline: none;
}

.team--members {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    list-style: none;
    margin-bottom: 30px;
    margin: 0 auto 30px;
}

.team--members li {
    width: 140px;
    min-width: 15%;
    padding: 10px;
}

.team--members li img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}

.team--members li strong,
.team--members li span {
    display: block;
    width: 100%;
    margin-top: 5px;
}

.team--members li span {
    text-shadow: none;
    font-weight: 300;
    color: #ffc805;
}

.team .meet-us {
    width: 100%;
    padding: 50px 0;
    display: none;
}

.team .meet-us .nbtn {
    margin-top: 20px;
}

@media screen and (max-width: 800px) {
    .team .wrapper {
        width: 100%;
        padding: 0 5px;
    }
    .team--navigation {
        height: auto;
    }
}

.account {
    background-position: top right;
}

.account .wrapper {
    text-align: center;
}

.account--navigation {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    overflow: hidden;
    height: 40px;
    border-radius: 50px;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 30px auto 50px;
}

.account--navigation li {
    width: 25%;
    position: relative;
    -webkit-transition: all .22s ease;
    transition: all .22s ease;
    background-color: #3d3d3d;
}

.account--navigation li:not(:last-child) {
    margin-right: 3px;
}

.account--navigation li:hover,
.account--navigation li.active {
    background-color: #ffc805;
}

.account--navigation li button {
    width: 100%;
    height: 50px;
    outline: none;
}

.account--members {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    list-style: none;
    margin-bottom: 30px;
    margin: 0 auto 30px;
}

.account--members li {
    width: 140px;
    min-width: 15%;
    padding: 10px;
}

.account--members li img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}

.account--members li strong,
.account--members li span {
    display: block;
    width: 100%;
    margin-top: 5px;
}

.account--members li span {
    text-shadow: none;
    font-weight: 300;
    color: #ffc805;
}

.account .meet-us {
    width: 100%;
    padding: 50px 0;
    display: none;
}

.account .meet-us .nbtn {
    margin-top: 20px;
}

@media screen and (max-width: 800px) {
    .account .wrapper {
        width: 100%;
        padding: 0 5px;
    }
    .account--navigation {
        height: auto;
    }
}



/**addan*/

.text-strong {
    font-weight: bolder;
}
.pd-ccrb-top{
  padding: 0px 0px 4px 0px !important;
}
.text-red {
    color: red;
}

@media screen and (max-width: 1400px) {
    .section_darkenBg .wrapper {
        overflow: hidden;
    }
}

.text-red {
    color: red;
}

.header.header-black {
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.2);
}

a.dn-how-works {
    font-size: 20px;

    color: #fff;
    cursor: pointer;
    z-index: 10;
    bottom: 25px;
    margin-bottom: 25px;
    text-decoration: none!important;
}
.join-tokensale{
      font-size: 25px !important;
}
.top-txt{
  font-weight: normal;
  font-size: 20px;
  padding: 20px 0px;
  margin-left: auto;
  margin-right: auto;
}
 .mx-35{
   margin-top:20px;
 }
a.dn-how-works:focus,
a.dn-how-works:hover {
    color: #fff;
    text-decoration: none;
}
.ccrb-sale-ccrb{
  padding: 20px 0px;
}
.dn-how-works:after {
    width: 26px;
    height: 15px;
    display: block;
    content: "\f063";
    margin: 15px auto 0;
    -webkit-transition: margin .3s ease;
    transition: margin .3s ease;
    -moz-transition: margin .3s ease;
    -o-transition: margin .3s ease;
    font: normal normal normal 32px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.preFlashToken {
    padding: 100px 0 80px;
    text-align: center;
}

.preFlashToken h3 {
    margin-left: auto;
    margin-right: auto;
}

.preFlashToken .section--description h3 {
    margin-top: 40px;
}

.preFlashToken--sale {
    padding: 0;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.2);
    max-width: 700px;
    margin: 0 auto;
}

.preFlashToken--sale .title {
    margin-bottom: 30px;
}

.preFlashToken--sale ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.preFlashToken--sale ul li:not(:last-child) {
    margin-right: 10px;
}

@media screen and (min-width: 500px) {
    .preFlashToken--sale ul li:not(:last-child) {
        margin-right: -webkit-calc(10px + 20 * (100vw - 500px) / 700);
        margin-right: calc(10px + 20 * (100vw - 500px) / 700);
    }
}

@media screen and (min-width: 1200px) {
    .preFlashToken--sale ul li:not(:last-child) {
        margin-right: 30px;
    }
}

.preFlashToken--cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.preFlashToken--cards-item {
    padding-top: 3px;
    font-size: 30px;
    width: 40px;
    height: 50px;
    border-radius: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: #3e4e99;
    background: -webkit-linear-gradient(top, #3e4e99 0%, #3e4e99 50%, #2f4191 50%, #2f4191 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#3e4e99), color-stop(50%, #3e4e99), color-stop(50%, #2f4191), to(#2f4191));
    background: linear-gradient(to bottom, #3e4e99 0%, #3e4e99 50%, #2f4191 50%, #2f4191 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e4e99', endColorstr='#2f4191', GradientType=0);
}

.saleFlashToken--cards-item {
    background: #176e79;
    background: -webkit-linear-gradient(top, #176e79 0%, #176e79 50%, #10616b 50%, #10616b 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#176e79), color-stop(50%, #176e79), color-stop(50%, #10616b), to(#10616b));
    background: linear-gradient(to bottom, #176e79 0%, #176e79 50%, #10616b 50%, #10616b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#176e79', endColorstr='#10616b', GradientType=0);
}

@media screen and (min-width: 500px) {
    .preFlashToken--cards-item {
        padding-top: -webkit-calc(3px + 3 * (100vw - 500px) / 700);
        padding-top: calc(3px + 3 * (100vw - 500px) / 700);
    }
}

@media screen and (min-width: 1200px) {
    .preFlashToken--cards-item {
        padding-top: 6px;
        margin-right: 5px;
    }
}

.preFlashToken--cards-item {
    margin-right: 5px;
}

#contact input {
    border: 1px solid #ddd;
    padding: 7px 20px;
    width: 100%;
    color: #000;
}

#contact textarea {
    border: 1px solid #ddd;
    padding: 7px 20px;
    color: #000;
}

.contact-info-item-container {
    border-bottom: 1px solid #ddd;
    float: left;
    padding-bottom: 20px;
    padding-left: 60px;
    position: relative;
    width: 100%;
}

.wrapper-contact {
    width: 80%;
    margin: 0 auto;
}

.mgnB20 {
    margin-bottom: 20px;
}

.mgnB40 {
    margin-bottom: 17px;
}

.mgnT0 {
    margin-top: 0px !important;
}

.contact-info-item-container .fa.fa-map-marker {
    background: #0097d3 none repeat scroll 0 0;
    border-color: #77d8ff;
}

.contact-info-item-container .fa.fa-phone {
    background: #ffc805 none repeat scroll 0 0;
    border-color: #dbab00;
}

.contact-info-item-container .fa.fa-envelope-o {
    background: #8f7d41 none repeat scroll 0 0;
    border-color: #705f29;
}

.contact-info-item-container h2 {
    padding: 0px;
    font-size: 20px;
    margin: 0px;
}

.contact-info-item-container .fa {
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 300;
    height: 46px;
    left: 0;
    padding: 12px;
    position: absolute;
    top: 0;
    width: 46px;
    text-align: center;
}

.top .wrapper {
    width: 100%;
    max-width: 100%;
}

.flashToken--description_second {
    max-width: 100%;
}

.mt135 {
    margin-top: 135px;
}

.vid-yasin {
    height: 287px;
}

.vid-chris {
    height: 252px;
}



@media screen and (max-width: 767px) {
    .mt135 {
        margin-top: 0;
    }
    .vid-yasin,.vid-chris {
        height: auto;
    }
    .p20-sm{
        padding: 20px 0;
    }
    .flashToken {
        text-align: center;
    }

    .header--mobileNav li {
        width: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 20px;
    }
.top-txt{
  width:100% !important;
}
}



@media screen and (max-width: 600px) {
    .preFlashToken--cards-item {
        width: 25px;
    }
    a.dn-how-works {
        margin: 30px auto;
    }
}

.fg-linkedin {
    /*background-color: #0077B5;*/
    background-color: #af9b62;
    color: #fff;
    padding: 1px 3px;
    font-size: 23px;
}

.get-free-btn-top {
    height: 50px;
    width: 200px;
    max-width: 100%;
    font-size: 120%;
}

.mt-40 {
    margin-top: 40px;
}
.mt-70 {
    margin-top: 70px;
}
.mb-40 {
    margin-bottom: 40px;
}

.mb-20 {
    margin-bottom: 20px;
}
.mt-0{
  margin-top:0px !important;
}
.mb-0{
  margin-top:0px !important;
}
.mt-20 {
    margin-top: 20px;
}

.modal.modal-wide .modal-dialog {
    width: 90%;
}

.modal-wide .modal-body {
    overflow-y: auto;
}

.border-right.dotted {
    border-right: 1px dotted #DDD;
}

.count-box{
    padding-bottom: 5px;
    color: #fff;
}

.bg-brown-1 {
    background-color: #997700 !important;
    border: 1px solid #997700;
}

.bg-brown-2 {
    background-color: #b28b00 !important;
    border: 1px solid #b28b00;
}

.bg-brown-3 {
    background-color: #cc9f00 !important;
    border: 1px solid #cc9f00;
}

.bg-brown-4 {
    background-color: #e5b300 !important;
    border: 1px solid #e5b300;
}

.bg-brown-5 {
    background-color: #ffc700 !important;
    border: 1px solid #ffc700;
}

#signupForm ul li{
    padding: 10px;
}


.mobile-video{
  display:block;
}
.mobile-video-show{
  display: none !important;
padding-top: 10px;
}
.counter-mobile-margin{
  margin:5px 0px !important;
}
.moblie-progressbar-txt{
  font-size: 12px;

 display: none;
}
.watchvideo{
  background-color: #fff;
  border-radius: 65px;
  max-width: 75px;
}
.watchvideo:active{
  color: #fff;
    font-size: 20px;
    text-decoration: none;
}
.available{
  display: none;
}
.deskavailable{
  display:none;
}
.hide-desktop-video{
  display: none;
}
.progressbar-homepage{
  padding: 0px 40px 0px 70px;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
.mobile-video{
  display:none !important;
}
.mobile-video-show{
  display: block !important;
      padding-top: 10px;
}
.ccrb-sale-ccrb {
    padding: 0px 0px!important;
}
.top-txt {

    font-size: 18px !important;
  }
  .top .wrapper{
    padding-top: 35px !important;
  }
  .counter-mobile-margin{
    margin:2px 0px !important;
  }
  .moblie-progressbar-txt{
    font-size: 12px;

   display: block;
  }
  .hide-desktop-video{
    display: block;
  }
  .progressbar-homepage{
    padding: 0px 40px 0px 70px;
  }
  .mobile-mt-0{
    margin-top:0px !important;
  }
  .mt-70 {
    margin-top: 30px;
}
}
/* iPad pro(portrait and landscape) ----------- */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {
  .top-txt{
    font-size: 20px !important;
    padding:0px;
  }
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
.section_darkenBg:after{
  height: 777px !important;
}
.top .wrapper {
  min-height: 0px;
}
.mt-70 {
    margin-top: 30px;
}
.txt-h2-ipad{
  font-size: 20px;
}
.top-txt{
  font-size: 14px;
  padding:0px;
}
.mx-35{
  margin-top:0px !important;
}
.section_darkenBg:after {
    height: 622px !important;
}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
.moblie-progressbar-txt{
  font-size: 12px;

 display: block;
}
.mobile-video{
  display:none !important;
}
.mobile-video-show{
  display: block !important;
      padding-top: 10px;
}
.ccrb-sale-ccrb {
    padding: 0px 0px!important;
}
.top-txt {

    font-size: 18px !important;
  }
  .top .wrapper{
    padding-top: 35px !important;
  }
  .counter-mobile-margin{
    margin:2px 0px !important;
  }
  .hide-desktop-video{
    display: block;
  }
  .progressbar-homepage{
    padding: 0px 12px 0px 20px;
  }
  .mobile-mt-0{
    margin-top:0px !important;
  }
  .mt-70 {
    margin-top: 30px;
}
.top-txt{

  padding:0px;
}
.join-tokensale {
    font-size: 20px !important;
}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
.moblie-progressbar-txt{
  font-size: 12px;

 display: block;
}
.mobile-video{
  display:none !important;
}
.mobile-video-show{
  display: block !important;
      padding-top: 10px;
}
.ccrb-sale-ccrb {
    padding: 0px 0px!important;
}
.top-txt {
   padding: 0px !important;
    font-size: 18px !important;
  }
  .top .wrapper{
    padding-top: 35px !important;
  }
  .counter-mobile-margin{
    margin:2px 0px !important;
  }
  .hide-desktop-video{
    display: block;
  }
  .progressbar-homepage{
    padding: 0px 12px 0px 20px;
  }
  .mobile-mt-0{
    margin-top:0px !important;
  }
  .join-tokensale {
    font-size: 20px !important;
}
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.moblie-progressbar-txt{
  font-size: 12px;

 display: block;
}
.mobile-video{
  display:none !important;
}
.mobile-video-show{
  display: block !important;
      padding-top: 10px;
}
.ccrb-sale-ccrb {
    padding: 0px 0px!important;
}
.top-txt {

    font-size: 18px !important;
  }
  .top .wrapper{
    padding-top: 35px !important;
  }
  .counter-mobile-margin{
    margin:2px 0px !important;
  }
  .hide-desktop-video{
    display: block;
  }
  .progressbar-homepage{
    padding: 0px 12px 0px 20px;
  }
  .mobile-mt-0{
    margin-top:0px !important;
  }
  .mt-70 {
    margin-top: 30px;
}
.mx-35{
  margin: 0px 35px;
}
.top-txt {
   padding: 0px !important;

  }
  .join-tokensale {
    font-size: 20px !important;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.moblie-progressbar-txt{
  font-size: 12px;

 display: block;
}
.mobile-video{
  display:none !important;
}
.mobile-video-show{
  display: block !important;
      padding-top: 10px;
}
.ccrb-sale-ccrb {
    padding: 0px 0px!important;
}
.top-txt {

    font-size: 18px !important;
  }
  .top .wrapper{
    padding-top: 35px !important;
  }
  .counter-mobile-margin{
    margin:2px 0px !important;
  }
  .hide-desktop-video{
    display: block;
  }
  .progressbar-homepage{
    padding: 0px 12px 0px 20px;
  }
  .mobile-mt-0{
    margin-top:0px !important;
  }
  .mt-70 {
    margin-top: 30px;
}
.mx-35{
  margin: 0px 35px;
}
.top-txt {
   padding: 0px !important;

  }
  .join-tokensale {
    font-size: 20px !important;
}
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.moblie-progressbar-txt{
  font-size: 12px;

 display: block;
}
.mobile-video{
  display:none !important;
}
.mobile-video-show{
  display: block !important;
      padding-top: 10px;
}
.ccrb-sale-ccrb {
    padding: 0px 0px!important;
}
.top-txt {

    font-size: 18px !important;
  }
  .top .wrapper{
    padding-top: 35px !important;
  }
  .counter-mobile-margin{
    margin:2px 0px !important;
  }
  .hide-desktop-video{
    display: block;
  }
  .progressbar-homepage{
    padding: 0px 12px 0px 20px;
  }
  .mobile-mt-0{
    margin-top:0px !important;
  }
  .mt-70 {
    margin-top: 30px;
}
.mx-35{
  margin: 0px 35px;
}
.top-txt {
   padding: 0px !important;

  }
  .join-tokensale {
    font-size: 20px !important;
}
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.moblie-progressbar-txt{
  font-size: 12px;

 display: block;
}
.mobile-video{
  display:none !important;
}
.mobile-video-show{
  display: block !important;
      padding-top: 10px;
}
.ccrb-sale-ccrb {
    padding: 0px 0px!important;
}
.top-txt {

    font-size: 18px !important;
  }
  .top .wrapper{
    padding-top: 35px !important;
  }
  .counter-mobile-margin{
    margin:2px 0px !important;
  }
  .hide-desktop-video{
    display: block;
  }
  .progressbar-homepage{
    padding: 0px 12px 0px 20px;
  }
  .mobile-mt-0{
    margin-top:0px !important;
  }
  .mt-70 {
    margin-top: 30px;
}
.mx-35{
  margin: 0px 35px;
}
.top-txt {
   padding: 0px !important;

  }
  .join-tokensale {
    font-size: 20px !important;
}
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.moblie-progressbar-txt{
  font-size: 12px;

 display: block;
}
.mobile-video{
  display:none !important;
}
.mobile-video-show{
  display: block !important;
      padding-top: 10px;
}
.ccrb-sale-ccrb {
    padding: 0px 0px!important;
}
.top-txt {

    font-size: 18px !important;
  }
  .top .wrapper{
    padding-top: 35px !important;
  }
  .counter-mobile-margin{
    margin:2px 0px !important;
  }
  .hide-desktop-video{
    display: block;
  }
  .progressbar-homepage{
    padding: 0px 12px 0px 20px;
  }
  .mobile-mt-0{
    margin-top:0px !important;
  }
  .mt-70 {
    margin-top: 30px;
}
.mx-35{
  margin: 0px 35px;
}
.top-txt {
   padding: 0px !important;

  }
  .join-tokensale {
    font-size: 20px !important;
}
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.moblie-progressbar-txt{
  font-size: 12px;

 display: block;
}
.mobile-video{
  display:none !important;
}
.mobile-video-show{
  display: block !important;
      padding-top: 10px;
}
.ccrb-sale-ccrb {
    padding: 0px 0px!important;
}
.top-txt {

    font-size: 18px !important;
  }
  .top .wrapper{
    padding-top: 35px !important;
  }
  .counter-mobile-margin{
    margin:2px 0px !important;
  }
  .hide-desktop-video{
    display: block;
  }
  .progressbar-homepage{
    padding: 0px 12px 0px 20px;
  }
  .mobile-mt-0{
    margin-top:0px !important;
  }
  .mt-70 {
    margin-top: 30px;
}
.mx-35{
  margin: 0px 35px;
}
.top-txt {
   padding: 0px !important;

  }
  .join-tokensale {
    font-size: 20px !important;
}
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.moblie-progressbar-txt{
  font-size: 12px;

 display: block;
}
.mobile-video{
  display:none !important;
}
.mobile-video-show{
  display: block !important;#
      padding-top: 10px;
}
.ccrb-sale-ccrb {
    padding: 0px 0px!important;
}
.top-txt {

    font-size: 18px !important;
  }
  .top .wrapper{
    padding-top: 35px !important;
  }
  .counter-mobile-margin{
    margin:2px 0px !important;
  }
  .hide-desktop-video{
    display: block;
  }
  .progressbar-homepage{
    padding: 0px 12px 0px 20px;
  }
  .mobile-mt-0{
    margin-top:0px !important;
  }
  .mt-70 {
    margin-top: 30px;
}
.mx-35{
  margin: 0px 35px;
}
.top-txt {
   padding: 0px !important;

  }
  .join-tokensale {
    font-size: 20px !important;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.moblie-progressbar-txt{
  font-size: 12px;

 display: block;
}
.mobile-video{
  display:none !important;
}
.mobile-video-show{
  display: block !important;
      padding-top: 10px;
}
.ccrb-sale-ccrb {
    padding: 0px 0px!important;
}
.top-txt {

    font-size: 18px !important;
  }
  .top .wrapper{
    padding-top: 35px !important;
  }
  .counter-mobile-margin{
    margin:2px 0px !important;
  }
  .hide-desktop-video{
    display: block;
  }
  .progressbar-homepage{
    padding: 0px 12px 0px 20px;
  }
  .mobile-mt-0{
    margin-top:0px !important;
  }
  .mt-70 {
    margin-top: 30px;
}
.mx-35{
  margin: 0px 35px;
}
.top-txt {
   padding: 0px !important;

  }
  .join-tokensale {
    font-size: 20px !important;
}
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.moblie-progressbar-txt{
  font-size: 12px;

 display: block;
}
.mobile-video{
  display:none !important;
}
.mobile-video-show{
  display: block !important;
      padding-top: 10px;
}
.ccrb-sale-ccrb {
    padding: 0px 0px!important;
}
.top-txt {

    font-size: 18px !important;
  }
  .top .wrapper{
    padding-top: 35px !important;
  }
  .counter-mobile-margin{
    margin:2px 0px !important;
  }
  .hide-desktop-video{
    display: block;
  }
  .progressbar-homepage{
    padding: 0px 12px 0px 20px;
  }
  .mobile-mt-0{
    margin-top:0px !important;
  }
  .mt-70 {
    margin-top: 30px;
}
.mx-35{
  margin: 0px 35px;
}
.top-txt {
   padding: 0px !important;

  }
  .join-tokensale {
    font-size: 20px !important;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.moblie-progressbar-txt{
  font-size: 12px;

 display: block;
}
.mobile-video{
  display:none !important;
}
.mobile-video-show{
  display: block !important;
      padding-top: 10px;
}
.ccrb-sale-ccrb {
    padding: 0px 0px!important;
}
.top-txt {

    font-size: 18px !important;
  }
  .top .wrapper{
    padding-top: 35px !important;
  }
  .counter-mobile-margin{
    margin:2px 0px !important;
  }
  .hide-desktop-video{
    display: block;
  }
  .progressbar-homepage{
    padding: 0px 12px 0px 20px;
  }
  .mobile-mt-0{
    margin-top:0px !important;
  }
  .mt-70 {
    margin-top: 30px;
}
.mx-35{
  margin: 0px 35px;
}
.top-txt {
   padding: 0px !important;

  }
  .join-tokensale {
    font-size: 20px !important;
}
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.moblie-progressbar-txt{
  font-size: 12px;

 display: block;
}
.mobile-video{
  display:none !important;
}
.mobile-video-show{
  display: block !important;
      padding-top: 10px;
}
.ccrb-sale-ccrb {
    padding: 0px 0px!important;
}
.top-txt {

    font-size: 18px !important;
  }
  .top .wrapper{
    padding-top: 35px !important;
  }
  .counter-mobile-margin{
    margin:2px 0px !important;
  }
  .hide-desktop-video{
    display: block;
  }
  .progressbar-homepage{
    padding: 0px 12px 0px 20px;
  }
  .mobile-mt-0{
    margin-top:0px !important;
  }
  .mt-70 {
    margin-top: 30px;
}
.mx-35{
  margin: 0px 35px;
}
.top-txt {
   padding: 0px !important;

  }
  .join-tokensale {
    font-size: 20px !important;
}
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.moblie-progressbar-txt{
  font-size: 12px;

 display: block;
}
.mobile-video{
  display:none !important;
}
.mobile-video-show{
  display: block !important;
      padding-top: 10px;
}
.ccrb-sale-ccrb {
    padding: 0px 0px!important;
}
.top-txt {

    font-size: 18px !important;
  }
  .top .wrapper{
    padding-top: 35px !important;
  }
  .counter-mobile-margin{
    margin:2px 0px !important;
  }
  .hide-desktop-video{
    display: block;
  }
  .progressbar-homepage{
    padding: 0px 12px 0px 20px;
  }
  .mobile-mt-0{
    margin-top:0px !important;
  }
  .mt-70 {
    margin-top: 30px;
}
.mx-35{
  margin: 0px 35px;
}
.top-txt {
   padding: 0px !important;

  }
  .join-tokensale {
    font-size: 20px !important;
}
}

/*# sourceMappingURL=style.css.map */