#account-login .card-account-left {
  background: -webkit-gradient(linear, left top, right top, from(#266db9), to(#153b71));
  background: -webkit-linear-gradient(left, #266db9, #153b71);
  background: -moz-linear-gradient(left, #266db9, #153b71);
  background: -o-linear-gradient(left, #266db9, #153b71);
  background: linear-gradient(90deg, #266db9, #153b71);
  border-radius: 5px 0 0 5px; }
  #account-login .card-account-left .card-account-img {
    position: relative;
    top: -webkit-calc(200px - 125px);
    top: -moz-calc(200px - 125px);
    top: calc(200px - 125px); }

#account-login .card-account-right {
  border-radius: 0 5px 5px 0; }

.token-details {
    background: -webkit-linear-gradient(58deg,#FF4137,#FDC800);
    background: -moz-linear-gradient(58deg,#FF4137,#FDC800);
    background: -o-linear-gradient(58deg,#FF4137,#FDC800);
    background: linear-gradient(32deg,#FF4137,#FDC800);
    padding: 1.2rem;
    border-radius: .35rem;
    min-height: 372px;
}

.token-details .clock-counter .flip-clock-wrapper ul.flip {
    margin: 3px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.token-details .clock-counter .flip-clock-divider {
    width: 12px
}

.token-details .clock-counter .flip-clock-divider .flip-clock-dot {
    width: 6px;
    height: 6px;
    left: 3px
}

.token-details .progress {
    background: #FFF;
    border: 4px solid #FFF;
    border-radius: 1rem;
    height: 1.5rem;
    overflow: initial
}

.token-details .progress-bar-custom {
    border-radius: 1rem;
    height: 1rem;
    background: -webkit-gradient(linear,left top,right top,from(#29BEFF),to(#1C76FE));
    background: -webkit-linear-gradient(left,#29BEFF,#1C76FE);
    background: -moz-linear-gradient(left,#29BEFF,#1C76FE);
    background: -o-linear-gradient(left,#29BEFF,#1C76FE);
    background: linear-gradient(to right,#29BEFF,#1C76FE);
    -webkit-box-shadow: 2px 0 7px 0 rgba(0,0,0,.35);
    box-shadow: 2px 0 7px 0 rgba(0,0,0,.35)
}

.token-details .progress-top {
    position: absolute;
    top: -1.8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    color: #FFF;
    padding: 0 1rem
}

.token-details .progress-top li {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    font-size: .75rem
}

.token-details .progress-top li.pre-sale {
    position: relative;
    left: .75rem
}

.token-details .progress-top li.bonus {
    position: relative;
    right: 1rem
}

.token-details .progress-bars {
    position: absolute;
    top: -1.1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    color: #FFF;
    padding: 0 1rem
}

.token-details .progress-bars li {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.token-details .progress-bottom {
    position: absolute;
    bottom: 1.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    color: #FFF;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0 1rem
}

.token-details .progress-bottom .progress-info {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    font-size: .75rem
}

.clock-counter .flip-clock-divider {
    width: 16px
}

.clock-counter .flip-clock-divider:first-child {
    width: 0
}

.clock-counter .flip-clock-divider .flip-clock-label {
    font-size: .875rem;
    right: -70px
}

.clock-counter .flip-clock-divider.minutes .flip-clock-label,.clock-counter .flip-clock-divider.seconds .flip-clock-label {
    right: -80px
}

.clock-counter .flip .inn {
    font-size: 2rem;
    font-weight: 600
}

.clock-counter .flip-clock-wrapper ul {
    width: 43px;
    height: 65px;
    background: #FFF!important
}

.clock-counter .flip-clock-wrapper ul li {
    line-height: 4.5rem
}

.clock-counter .flip-clock-wrapper ul li a {
    color: #3F3F3F!important
}

.clock-counter .flip-clock-wrapper ul li a div.up {
    height: 52%;
    top: -2px
}

.clock-counter .flip-clock-wrapper ul li a div.up:after {
    top: 32px;
    height: 1px;
    background-color: #000!important;
    background-color: rgba(0,0,0,.4)!important
}

.clock-counter .flip-clock-wrapper ul li a div.down div.inn,.clock-counter .flip-clock-wrapper ul li a div.up div.inn {
    text-shadow: 0 1px 2px #FFF!important;
    background-color: #FFF!important;
    color: #3F3F3F!important
}

.clock-counter .flip-clock-wrapper ul li a div.down {
    height: 51%
}

.clock-counter .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow,.clock-counter .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow,.clock-counter .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow,.clock-counter .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: 0 0!important;
    -webkit-animation: none!important;
    -moz-animation: none!important;
    -o-animation: none!important;
    animation: none!important
}

.clock-counter .flip-clock-wrapper .flip-clock-dot {
    width: 7px;
    height: 7px
}

.clock-counter .flip-clock-wrapper .flip,.clock-counter .flip-clock-wrapper .flip-clock-dot {
    background: #FFF;
    -webkit-box-shadow: 2px 1px 11px rgba(0,0,0,.37)!important;
    box-shadow: 2px 1px 11px rgba(0,0,0,.37)!important
}

.clock-counter .flip-clock-wrapper .flip-clock-dot.top,.clock-counter .flip-clock-wrapper .flip.top {
    top: 24px
}

.clock-counter .flip-clock-wrapper .flip-clock-dot.bottom,.clock-counter .flip-clock-wrapper .flip.bottom {
    bottom: 48px
}

.clock-counter .flip-clock-wrapper .flip-clock-divider .flip-clock-label,.clock-counter .flip-clock-wrapper .flip-clock-meridium a {
    color: #FFF!important
}

.token-details .progress-top li {
    padding: 0;
    white-space: nowrap;
}
.sale-box .card-header h5{
	margin-bottom: 0.5rem;
}
.sale-box ul {
    font-size: 85%;
    padding: 1rem 1rem 0 2rem;
    margin: 0;
}
.sale-box ul li{
    border-top: 1px solid rgb(199 184 255 / 40%);
    padding-block: .5rem;
    list-style: disc;
    line-height: 1.6;
}
@media (min-width: 768px) {
    .sale-box .card {
        min-height: 360px;
    }
}
@media (max-width: 575.98px) {
	.footer {
		position: relative !important;
	}
	.blank-page .content-wrapper .flexbox-container {
	    height: inherit;
	}
	.token-details .progress-bottom {
	    top: 2rem
	}
	.token-details .clock-counter .flip-clock-wrapper .flip {
	    margin: 2px;
	    height: 24px;
	    padding: 23px 1px
	}
	
	.token-details .clock-counter .flip-clock-wrapper .flip li {
	    top: 6px
	}
	
	.token-details .clock-counter .flip-clock-wrapper .flip li a .up .inn {
	    font-size: 1.5rem;
	    top: -16px
	}
	
	.token-details .clock-counter .flip-clock-wrapper .flip li a .down .inn {
	    font-size: 1.5rem;
	    bottom: 16px
	}
	
	.token-details .clock-counter .flip-clock-wrapper .flip-clock-dot {
	    width: 4px;
	    height: 4px;
	    left: 2px
	}
	
	.token-details .clock-counter .flip-clock-wrapper .flip-clock-dot.top {
	    top: 16px
	}
	
	.token-details .clock-counter .flip-clock-wrapper .flip-clock-dot.bottom {
	    bottom: 64px
	}
	
	.token-details .clock-counter .flip-clock-divider.days .flip-clock-label {
	    left: -20px
	}
	
	.token-details .clock-counter .flip-clock-divider.hours .flip-clock-label {
	    left: -8px
	}
	
	.token-details .clock-counter .flip-clock-divider.minutes .flip-clock-label {
	    left: -7px
	}
	
	.token-details .clock-counter .flip-clock-divider.seconds .flip-clock-label {
	    left: 0
	}
}