@font-face {
    font-family: 'Enso';
    src:  url('fonts/Enso.ttf.woff') format('woff'),
    url('fonts/Enso.ttf.svg#Enso') format('svg'),
    url('fonts/Enso.ttf.eot'),
    url('fonts/Enso.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
body                                            { background:url('../images/bg-01.gif') top center; font-family: 'Yantramanav', sans-serif; margin:0; padding:0}
div, span, p,h1, h2, h3, h4, h5, h6             { margin:0; padding:0}
h1, h2, h3, h4, h5, h6                          { text-align:center}
h1.crypto-bids                                  { font-family: 'Enso'; padding-top:20px; color:#ffffff; font-size:40px; text-transform:uppercase; padding:21px}
h1.crypto-bids span                             { /*color:#f87d1a;*/ font-weight:bold}

img.logo                                        { height:46px; margin:6px auto; display:block}
form                                            { width:100%}
.none                                           { display:none}

.navbar                                         { background:#334960; color:#ffffff; padding:0px 0; min-height:60px; position:fixed; width:100%; top:0;
                                                    z-index:999; box-shadow:0 5px 16px 0 rgba(0,0,0,.8)}
.navbar a                                       { color:#ffffff; font-size:20px; display:block; padding:0 10px}
.navbar .access-beta                            { color:#f87d1a; border-color:#f87d1a}
.navbar .access-beta:hover                      { border-color:#ffffff}
.navbar .btn-faq                                { color:#ffffff}
.navbar-right                                   { padding:10px 0;}
.navbar-right a                                 { float:right}
a.access-beta                                   { margin-left:40px}
.modal-dialog                                   { width:980px; max-width:100%}
.chevron-down                                   { background:url('../images/chevron-down.png') no-repeat bottom center; width:100%; height:40px; position:absolute; bottom:-40px}
.chevron-down-cutout                            { background:url('../images/chevron-down-cutout.png') no-repeat bottom center; width:100%; height:40px; position:absolute; bottom:0}
.chevron-down-top                               { background:url('../images/chevron-down.png') no-repeat bottom center; width:100%; height:40px; position:absolute; top:0px}
.join-our-beta                                  { display:block; width:560px; height:85px; border-radius:12px; background:rgba(0,0,0,0.15); padding:20px; margin:14px auto;
                                                    color:#ffffff; font-size:18px; font-style:italic; text-align:center; cursor:pointer; line-height:22px}
.join-our-beta span                             { color:#f87d1a}
.join-our-beta:hover                            { color:#ffffff; text-decoration:none; border:0px solid #ffffff; box-shadow:0px 0px 9px 4px #fbb278}
.join-our-beta:hover span                       { color:#f87d1a; text-decoration:none}

section                                         { min-height:416px; position:relative; padding:60px 0}
section.header h2.crypto-bids                   { color:#ffffff; font-size:60px; padding-top:150px; text-transform:uppercase; padding-top:140px; top:40%; left:44%}
section.header h2.crypto-bids span              { color:#f87d1a}
section.header p.crypto-bids                    { color:#ffffff; font-size:60px; padding-top:150px; text-transform:uppercase; padding-top:140px; top:40%; left:44%}
section.header h3.crypto-bids                   { color:#ffffff; font-size:32px; padding-top:80px; top:66%; left:50%}
section.header h3.crypto-bids span              { /*color:#f87d1a;*/ font-weight:bold}
section.header h4.crypto-bids                   { color:#ffffff; font-size:18px; margin-top:70px; font-style:italic; text-align:center}
section.header h4.crypto-bids span              { color:#f87d1a}
section.dark                                    { background:#334960; min-height:376px}
section.header                                  { background:#334960; min-height:606px; padding-top:0}
section.light                                   {}
section.light p                                 { color:#334960; font-size:18px; margin-bottom:20px; padding-top:10px}
section.light h4                                { color:#f87d1a; font-size:44px; margin-bottom:20px}
section.dark p                                  { color:#ffffff; font-size:18px; margin-bottom:20px}
section.dark h4                                 { color:#f87d1a; font-size:36px; text-align:left; margin-bottom:20px}
.faq                                            { padding-top:60px; padding-bottom:60px; margin:auto; width:800px; text-align:center;  font-family:Montserrat; max-width:90%}
.orange                                         { color:#f87d1a}
.how-it-works                                   { margin-top:40px; max-width:90%;}

img.promo                                       { width:660px; height:336px; max-width:100%; border-radius:8px; border:3px solid #f87d1a}

.flip-clock-divider .flip-clock-label           { color:#334960}
#countdown                                      { margin-top:80px; margin-bottom:90px; z-index:500}
p.privacy                                       { width:100%; color:#334960}
p.privacy a                                     { color:#334960; text-decoration:underline}
p.privacy a:hover                               { text-decoration:none; color:#f87d1a}

.email-form                                     { margin-top:20px}
 input.email                                    { border-radius:8px; border:2px solid #334960; width:100%; height:60px; font-size:24px; padding:0 10px; color:#999999}
#mc-embedded-subscribe-form                     { z-index:500; position:relative}
.modal.fade .modal-dialog                       { -webkit-transform: translate(0); transform: translate(0)}
.modal-body > .container                        { width:auto}
.modal-content                                  { background:url('../images/bg-01.gif') top center; border-radius:30px}

p.why                                           { font-size:20px; margin-bottom:60px; padding-bottom:60px; border-bottom:3px dashed #cccccc}
div.faq                                         { border-bottom:0px dashed #cccccc; padding-bottom:60px}
.screenshots                                    {}
.screenshots img                                { width:850px; margin:0px auto 20px auto; max-width:92%; display:block; padding-top:30px; max-height:450px}


.btn-access                                     { background:#f87d1a; border:2px solid #9a4907; width:100%; height:60px; font-size:24px; color:#ffffff; border-radius:8px; text-transform:uppercase;
                                                    box-shadow:0px 0px 9px 4px #fbb278;}
.btn-access:hover                               { background:none; border:2px solid #f87d1a !important; color:#f87d1a}
.btn-outline                                    { border:2px solid #ffffff}

/**/
.ls-layers, .ls-slide-backgrounds, .ls-slide-effects, .ls-background-videos, .ls-bg-video-overlay
                                                { min-height:520px}


#slider1                                        { width:1280px; height:470px; margin:0 auto; margin-bottom:0px; display:block}
.ls-gui-element, .ls-circle-timer               { left:-10000px}
div.screenshots                                 { display:none}
div.info                                        { display:none}
div.info h2                                     { color:#ffffff}
div.info h3                                     { color:#f87d1a; margin-bottom:30px}
div.info p                                      { max-width:90%; margin:10px auto 30px auto; text-align:center}
div.info img                                    { display:block; width:120px; max-width:60%; margin:10px auto 0 auto}
div.info img.crypto-bids-site-image             { display:block; width:200px; max-width:90%; margin:10px auto 50px auto}
section.light div.info h2                       { color:#334960; font-size:54px}
section.light .faq h3                           { color:#f87d1a; font-size:18px; letter-spacing:3px; margin-bottom:20px}
section.light .faq p                            { font-size:14px}
div.steps                                       { display:none; max-width:90%; width:600px; margin:0 auto; padding-top:20px}
div.steps h2                                    { position:relative; margin:20px auto 10px auto}
div.steps h2 span                               { display:inline-block; margin-right:10px; border-radius:50%; background:#334960; color:#ffffff; width:50px; height:50px; padding-top:10px}
div.steps p                                     { text-align:center; font-size:14px; padding-bottom:60px}
div.steps img                                   { max-width:90%; margin:10px auto; display:block}
div.dont-miss h2                                { font-size:60px}
div.dont-miss h3                                { font-size:14px; letter-spacing:2px; color:#f87d1a}


.card {
    border-radius: 16px;
    margin-bottom: 20px;
    background-color: rgba(255, 255, 255, 0.54);
    border: 1px solid rgba(35, 35, 35, 0.2);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);}
.card-body {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 1.25rem;}

.top-spacer                                             { margin-top:40px}
.top-spacer > .card-body                                { padding-top:40px}
.top-spacer > .card-body h3                             { text-align:left}
.card .card-body p                                      { margin-top: 0; margin-bottom: 1rem}
img.mini-logo                                           { width:100px; margin:20px auto 40px auto}


footer                                                  { background:rgba(1, 16, 32, 0.75); padding:50px 0 0 0; position:absolute; width:100%; height:auto; min-height:346px; margin-bottom:-1px}
footer ul.footer-media li                               { line-height:50px;}
footer .footer-logo                                     { width:100px; margin:20px 0;}
footer a, footer p, .footer-sub p, .footer-sub a        { color:#DFDFDF}
footer strong                                           { display:block; width:100%; text-transform:uppercase; color:#fff}
footer ul                                               { margin:0; padding:0}
footer ul.footer-menu li                                { border-bottom: 1px solid #7b7b7b; list-style:none;}
footer ul.footer-menu li:last-child                     { margin-bottom:40px;}
footer ul.footer-media                                  { margin-top: 30px;}
ul.footer-media li                                      { padding: 0px;}
ul.footer-media li + li                                 { margin-left:10px;}
footer ul.footer-menu li a                              { display:block; width:100%; color:#DFDFDF; padding:12px 0; line-height:16px; font-size:16px;}
footer ul.footer-menu li a:hover                        { color:#fff; text-decoration:none;}
footer ul.footer-media li                               { display:inline-block;}
footer ul.footer-media li a                             { display:block; border-radius: 25px; height:50px; width:50px; background:#132940; color:#999; font-size:20px; text-align:center;}
footer ul.footer-media li a:hover                       { color:#fff;}
footer ul li strong                                     {}
.footer-sub                                             { background:rgba(1, 16, 32, 0.75); padding:20px 0; margin-top:10px; bottom:0; position: absolute; width:100%}
.footer-sub div + div                                   { text-align:right;}



@media (max-width:991px)                        {
    #slider1                                        { top:80px}
    section.header h2.crypto-bids                   { font-size:36px}
    section.header h3.crypto-bids                   { font-size:18px}
    section.header h4.crypto-bids                   { font-size:22px}
    input.email                                     { margin-bottom:20px}
    .modal-dialog                                   { max-width:96%}
}
@media (max-width:1280px)                        {
    #slider2c                                       { display:none}
    div.screenshots                                 { display:block}
}
@media (max-width:900px)                        {
    #slider2b, #slider5                             { display:none}
    div.steps                                       { display:block}
    .container                                      { width:100%}
    .card                                           { border:none; border-radius:0}
}
@media (max-width:800px)                        {
    #slider1, #slider2, #slider3, #slider4
                                                    { display:none}
    div.info                                        { display:block}
    section.header h2.crypto-bids                   { font-size:}
    section.header h3.crypto-bids                   { font-size:30px}
    section.header h4.crypto-bids                   {}
}
@media (max-width:662px)                        {
    section.header h2.crypto-bids                   { font-size:48px}
    section.header h2.crypto-bids span              { display:block; width:100%}
    section.header h3.crypto-bids                   { font-size:25px}
    section.header h4.crypto-bids                   { font-size:20px}
    section.light p.privacy                         { font-size:14px}
}
@media (max-width:540px)                        {
    .navbar-brand                                   { float:none}
    .navbar-right                                   { height:54px; text-align:center}
    .navbar-right a                                 { display:inline-block; float:none; margin:0 10px}
    a.access-beta                                   { margin-left:0}
    section.header                                  { min-height:554px}
    section.header h2.crypto-bids                   { font-size:48px; padding-top:160px}
    section.header h2.crypto-bids span              { display:block; width:100%}
    section.header h3.crypto-bids                   { font-size:22px; padding-top:50px}
    section.header h4.crypto-bids                   { font-size:18px; padding-top:0px}
    #countdown                                      { display:none}
    .modal-dialog                                   { max-width:95%}
}
@media (max-width:480px)                        {
    section.header h2.crypto-bids                   { font-size:36px}
    section.header h3.crypto-bids                   { font-size:16px}
    section.header h4.crypto-bids                   { font-size:14px}
    .faq h1                                         { font-size:24px}
    .faq h3                                         { font-size:14px}
}
@media (max-width:400px)                        {
    .top-spacer                                     { margin-top:90px}
    section.header h2.crypto-bids                   { font-size:34px; margin-top:20px}
    section.header h3.crypto-bids                   { font-size:26px; padding-left:4%; padding-right:4%}
    section.header h4.crypto-bids                   { font-size:14px}
}
@media (max-width:340px)                        {
    section.header h2.crypto-bids                   { font-size:34px}
    section.header h3.crypto-bids                   { font-size:26px}
    section.header h4.crypto-bids                   { font-size:12px}
}
@media (max-width:280px)                        {
    section.header h2.crypto-bids                   { font-size:28px}
    section.header h3.crypto-bids                   { font-size:20px}
    section.header h4.crypto-bids                   { font-size:17px; padding-left:4%; padding-right:4%}
}
@media (max-width:991px)                                {
    footer                                                  { padding:50px 0 140px 0; min-height:auto; margin-top:20px}
    .footer-sub                                             { height:auto}
    .footer-sub p                                           { min-height:30px}
    .footer-sub p a                                         { margin-top:16px; text-decoration:underline}
}