@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
body{font-family: 'Lato', sans-serif;}
.box-shadow {box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.1);}

@media (min-width: 991px){
.c-box  {
    width: 50%;
    float: left;
    padding: 20px 40px 20px 40px;
}
.dot{height: 25px;width: 25px;}
.line{margin: 0 50px 12px 50px;width: 180px;}
}


@media (max-width: 1250px){
}



@media (max-width: 990px){
.c-box{width: 100%;padding: 10px 20px 10px 20px;}
.dot{height: 20px;width: 20px;}
.line{margin: 0 20px 9px 20px;width: 70px;}
}

.ordered-succ-div{text-align: center;margin: 40px auto 40px auto;position: relative;}
@keyframes checkmark_slide_text {
    0% {
        background-size: 0% 0%;
    }
    35% {
        background-size: 0% 0%;
    }
    100% {
        background-size: 160% 500%;
    }
}
.ordered-title {
    animation: 5s cubic-bezier(0, 0.47, 0.39, 1) 0s 1 checkmark_slide_text;
    font-weight: 900;
    display: inline-block;
    background: radial-gradient(#adf175 50%, transparent 50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 160% 500%;
    color: transparent!important;
    -moz-background-clip: text;
    -webkit-background-clip: text;
}
@keyframes checkmark_slide_kick {
    0% {
        
    }
    100% {

    }
}
@keyframes checkmark_slide_stem {
    0% {
        
    }
    100% {

    }
}
@keyframes checkmark_slide {
    0% {
        transform: scale(2,2) rotate(85deg) translateX(90%) translateY(60%);
    }
    50% {
        transform: rotate(45deg) translateX(-40%) translateY(10%) scale(1,1);
    }
    60% {
        transform: rotate(45deg) translateX(-40%) translateY(10%) scale(1.5,1.5);
    }
    80% {
        transform: rotate(45deg) translateX(-40%) translateY(30%) scale(0,0);
        opacity: 1;
    }
    100% {
        transform: rotate(45deg) translateX(-40%) translateY(30%) scale(0,0);
        opacity: 0;
    }
}
.checkmark {
    animation: 2.5s cubic-bezier(0, 0.47, 0.39, 1) 0s 1 checkmark_slide;
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    width: 3em;
    height: 3em;
    left: 50%;
    -ms-transform: rotate(45deg) translateX(-50%); /* IE 9 */
    -webkit-transform: rotate(45deg) translateX(-50%); /* Chrome, Safari, Opera */
    transform: rotate(45deg) translateX(-50%);
    animation-fill-mode: forwards;
}
.checkmark_stem {
    animation: 1s cubic-bezier(0, 0.47, 0.39, 1) 0s 1 checkmark_slide_stem;
    position: absolute;
    width: .5em;
    height: 2.5em;
    background-color: #adf175;
    left: 1.5em;
    top: .2em;
}

.checkmark_kick {
    animation: 1s easecubic-bezier(0, 0.47, 0.39, 1) 0s 1 checkmark_slide_kick;
    position: absolute;
    width: .7em;
    height: .5em;
    background-color: #adf175;
    left: .8em;
    top: 2.2em;
}





.form-title {
    font-weight: 900;
    margin: 40px auto 40px auto;
    color: rgb(30, 30, 30);
}

.btn-login-form{
    margin: 10px 15px 10px 15px;
}

.main {
    text-align: center;
}

.main-div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    padding: 20px 200px 20px 200px;
}

.md-s-b-bg{
    border-radius: 10px;
    border: 2px solid rgb(245,245,245);
    background-color: white;
}

.mgl-a {
    margin-left: auto;
}

.mgr-a {
    margin-right: auto;
}

.w-max-h-a {
    width: 100%;
    height: auto;
}

.p-r-s {
    padding: 20px 40px 20px 40px;
    display: inline-block;
    font-size: 1.3rem;
    color: rgb(221, 237, 71);
}

.c-title {
    font-weight: 700;
    font-size: 1.25rem;
}

.col {
    padding-bottom: 10px;
}

.h-btn {
    padding: 0 5px 0 5px;
    font-size: .75rem;
    color: rgb(75, 75, 75);
}
.h-btn:hover {
    color: rgb(150, 150, 150);
}

.a-r {
    text-align: right;
    padding-right: 40px;
}

.border-items {
    border-top: 2px solid rgb(245,245,245)!important;
}

.dot {
    border-radius: 50%;
    display: inline-block;
}

.dot-done {
  background-color: #DCDCDC;
}

.dot-doing {
  border: #DCDCDC solid 2px;
  background-color: #F6F6F6;
}

.dot-not-done {
  border: #DCDCDC solid 2px;
}

.line {
    height: 2px;
    display: inline-block;
    background-color: #DCDCDC;
}

.pmfall {
    margin: 20px 0 20px 0;
}

.c-border-top {
    border-top: rgb(245,245,245) solid 2px;
}

.c-border-bot::after {
    padding-top: 10px;
    color: rgb(245,245,245);
    content: '';
    display: block;
    border-bottom: 3px solid;
    width: 100%;
    position: relative;
}

.row-p {
    padding-top: 20px;
}

.c-border {
    border: rgb(245,245,245) solid 2px;
    border-radius: 10px;
}

.c-box-mid {
    border-right: rgb(245,245,245) solid 2px;
}

.small-shadow {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
}

.mm-text {
    font-size: 1.75rem;
    font-weight: 900;
}
.ss-text {
    color: #656565;
    font-weight: 700;
}
.txt-a-l {
    text-align: left;
}
.input-txt {
    border-radius: 10px;
    border-color: #E6E6E6;
}
.btn-large-custom{
    width: 100%;
    font-weight: 700;
    font-size: 1.25rem;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.input-text {
    padding: 40px;
}

.payment-main {
    width: 100%;
}

.input-text:focus {
    border: rgb(0, 0, 0) solid 2px!important;
}

.rounded-lg {
  border-radius: 10px;
}

.nav-pills .nav-link {
  color: #555;
}

.nav-pills .nav-link.active {
  color: #fff;
}