body{
  font-family:Tilt Neon;
  font-size:18px;
  padding-top:24px;
}


.navbar-brand {
padding:0px;
}

.nav-item{
  font-size:24px;
  padding-top:20px;
}



#green {
background-color:#3fb44a;}

#orange {
background-color:#ed9620;}

#gr_tx {
color:#3fb44a;}

#or_tx {
color:#ed9620;}

.jumbotron-odi-hero{
padding: 0rem 0rem;
 position: relative;
 max-width: 100%;
 
}
.jumbotron-odi-dark{
 max-width: 100%;
 padding: 0px;
 
}

.jumbotron-overlay {
 height:100%;
 padding: 100px 0;
 color:#fff;
 
}
.jumbotron-padding{
 padding-top: 1rem;
 
}

.btn-circle {
   border-radius: 30px;
}

.latest-news {
 border-bottom: .25rem solid transparent;
 border-bottom-color: #007bff;
}





.percent {
    width: 63px;
    height: 30px;
    position: absolute;
    background: #FFCA28;
    color: #fff;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    border-bottom-left-radius: 15px;
    padding: 10px
}

.card-image {
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.card-inner {
    padding: 20px
}

.price span {
    color: #0094d8;
    font-weight: 600;
    font-size: 20px
}

.price sup {
    color: #94c93e;
    font-weight: 600;
    font-size: 14px;
	text-decoration: line-through;
    top: -3px
}

.details {
    border-radius: 20px;
    width: 110px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.wishlist {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #f7a754;
    background: #fdeddc;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.5s all;
    font-size: 15px
}

.wishlist:hover {
    color: #fff;
    background: #FFCA28;
}

.help-block.with-errors {
    color: #ff5050;
	font-size:12px;
    margin-top: 5px;
}

.cart {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    background: green;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.5s all;
    margin-left: 5px;
    font-size: 15px
}

.star-active {
    color: #FFCA28 !important
}

.fa-star {
    color: #CFD8DC;
    cursor: pointer
}



.ringing-bell {
    transition: translate(-50%, -50%)
}

.faa-ring {
    color: #0094d8;
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    12% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    18% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    20% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover>.faa-ring {
    -webkit-animation: ring 4s ease infinite;
    animation: ring 4s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0px;
    transform-origin-z: initial
}


.btn-success{color:#fff;background-color:#94c93e;border-color:#94c93e}

.btn-success:hover{color:#94c93e;background-color:#fff;border-color:#94c93e}
.btn-success:focus,.btn-success.focus{color:#fff;background-color:#94c93e;border-color:#94c93e}
.btn-success.disabled,
.btn-success:disabled{color:#fff;background-color:#94c93e;border-color:#94c93e}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle{color:#fff;background-color:#00b3b3;border-color:#000}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus{color:#fff;background-color:#94c93e;border-color:#94c93e}

.btn-outline-success{color:teal;background-color:transparent;background-image:none;border-color:teal}
.btn-outline-success:hover{color:#222;background-color:#009a9a;border-color:teal}
.btn-outline-success:focus,
.btn-outline-success.focus{box-shadow:0 0 0 .2rem rgba(0,128,128,0.5)}
.btn-outline-success.disabled,
.btn-outline-success:disabled{color:teal;background-color:transparent}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#009a9a;border-color:teal}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,128,128,0.5)}


.btn-primary{color:#fff;background-color:#0094d8;border-color:#0094d8}

.btn-primary:hover{color:#fff;background-color:#0094d8;border-color:#0094d8}
.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#0094d8;border-color:#0094d8}
.btn-primary.disabled,
.btn-primary:disabled{color:#fff;background-color:#0094d8;border-color:#0094d8}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0094d8;border-color:#0094d8}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus{color:#fff;background-color:#0094d8;border-color:#0094d8}

.btn-outline-primary{color:#0094d8;background-color:transparent;background-image:none;border-color:#0094d8}
.btn-outline-primary:hover{color:#fff;background-color:#0094d8;border-color:#0094d8}
.btn-outline-primary:focus,
.btn-outline-primary.focus{box-shadow:0 0 0 .2rem rgba(0,128,128,0.5)}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled{color:#0094d8;background-color:transparent}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#0094d8;border-color:#0094d8}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,128,128,0.5)}