body {
    background: #130620 url(../images/body-bg.jpg) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    font-family: 'Philosopher', Sans-Serif;
    color: #222;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    height: 100%;
    position: static;
}

a, button, h1, h2, h3, h4, h5, h6, img, input, p, select {
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s
}

img, img a {
    border: 0
}

html {
    height: inherit;
    min-height: 100%;
    position: relative;
}

a, div, h1, h2, h3, h4, h5, h6, img, input, li, p, select, ul {
    margin: 0;
    padding: 0;
    outline: 0 !important;
    box-shadow: none;
    border: 0;
    list-style: none;
    font-weight: normal
}

a, button, h1, h2, h3, h4, h5, h6, img, input, p, select {
    transition: all .5s ease 0s
}

img {
    max-width: 100%
}

.top-logo {
    text-align: center;
    margin: 5px auto 10px;
}

.top-logo img {
    max-height: 70px;
}


.mid-cirle {
    margin: 10px 0;
}

.mid-main-box {
    width: 700px;
    margin: 0 auto 0px;
    text-align: center;
    padding: 0 0 40px;
    min-height: 600px;
}

.mid-main-box h2 {
    margin-bottom: 30px;
    font-size: 30px
}

.radio_area {
    text-align: left;
    padding: 0 30px;
}

.emails h2 {
    font-size: 24px;
    text-transform: none;
    margin: 9px 0 9px;
}

.m_box.calenderval {
    padding: 8px;
}

.m_box.calenderval1 {
    padding: 8px;
}

.form-control::-moz-placeholder {
    color: #FFF;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #FFF;
}

.form-control::-webkit-input-placeholder {
    color: #FFF;
}

h2 {
    font-size: 34px;
    color: #eaaf32;
    margin: 10px 0 30px 0;
    font-weight: 600
}

h2 span {
    font-size: 60px;
    color: #eaaf32;
}

.step_1 h2 {
    margin: 0;
}

.step_1-main {
    margin: 0 0 16px;
    font-size: 25px;
    color: #fff;
}

.step_1-signs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.button-box img {
    max-width: 85px;
}

.button-box {
    display: flex;
    width: 145px;
    height: 145px;
    margin: 5px;
    font-size: 14px;
    text-decoration: none;
    border-radius: 20%;
    border: 1px solid rgb(251 204 114);
    background: #000;
   /* box-shadow: 5px 5px 4px rgb(251 204 114);*/
    transform: scale3d(1, 1, 1);
    transition: all .4s ease;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de8fea', endColorstr='#d433ec', GradientType=1);
    justify-content: center;
    align-items: center;
}

.button-box:hover {
    background: #82631c;
    /*box-shadow: 0 6px 20px rgb(0, 0, 00, .1);*/
    transform: scale3d(1.03, 1.03, 1.03);
}

.button-box .sign-box img {
    height: 70px;
    margin: auto
}

.button-box a {
    text-decoration: none;
    display: inline-grid;
}

.button-box a span, p {
    font-family: Philosopher, arial, sans-serif;
    font-weight: normal;
    line-height: 1.4em;
    color: #fff;
    display: block
}

.footer-bottom {
    text-align: center;
    width: 100%;
    font-size: 16px;
    color: #222;
    margin: 0 0 5px;
    position: static;
    bottom: -20px;
    padding: 30px 10px 0;
    margin-bottom: 30px;
}

.footer-bottom p {
    margin-bottom: 15px;
    font-size: 16px
}

.footer-bottom a {
    color: #222
}

.slide {
    position: relative;
}

.control_btn {
    position: relative;
    width: 100%;
    margin: 20px 0;
}

.pre_btn {
    float: left;
    position: relative;
    cursor: pointer;
}

.nxt_btn {
    float: right;
    position: relative;
    cursor: pointer;
}

.step_5.slide .control_btn {
    top: 56%;
}

select.form-control {
    background: #fff;
    background-position: 96% 23px, left top;
    background-repeat: no-repeat, repeat;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #12051f;
}

.m_box {
    text-align: left
}

.bx_in {
    background-color: #000;
    width: 54px;
    height: 54px;
    /*box-shadow: 3px 3px 4px rgb(251 204 114);*/
    transform: scale3d(1, 1, 1);
    border: 1px solid rgb(251 204 114);
    transition: all .4s ease;
    cursor: pointer;
    border-radius: 20%;
    padding: 10px;
    margin: 0 0 10px;
    font-size: 20px;
}

.bx_in a {
    color: #fff;
    display: flex;
    justify-content: center;
}

.bx_in:hover {
    background-color: #82631c;
    box-shadow: 0 6px 20px rgb(0, 0, 00, .1);
    transform: scale3d(1.03, 1.03, 1.03);
}

.bx_in a:hover {
    text-decoration: none
}

.m_box.decade .bx_in, .m_box.year_app .bx_in {
    width: 105px !important;
    height: 105px !important;
    font-size: 30px;
    margin: 0 auto 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mid-main-box h3 {
    margin-bottom: 20px;
    font-weight: 700;
    color: #fff;
}

.step_5.slide .bx_in {
    width: 190px;
    height: 190px;
    font-size: 20px;
    margin: 5px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 10px 0;
    text-decoration: none;
    border: 1px solid rgb(251 204 114);
}

.step_5.slide .bx_in:hover {
    background: #82631c;
   /* box-shadow: 0 6px 20px rgb(0, 0, 00, .1);*/
    transform: scale3d(1.03, 1.03, 1.03);
}

.step_5.slide .bx_in img {
    width: 85px;
    margin-top: 15px;
}

.step_5.slide .bx_in h3 {
    margin-bottom: 0;
    color: #fff;
}

.step_5 h2 span {
    font-size: 20px;
}

.step_5 .m_box {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

.step_2, .step_3, .step_4, .step_5 {
    display: none
}

@media (max-width: 1466px) {
    .mid-main-box {
        min-height: 470px;
    }
}

@media all and (min-width: 992px) and (max-width: 1024px) {
    .mid-main-box {
        min-height: 430px;
    }

    .time_dd {
        width: 32%;
    }

    select.form-control, select.time_dd {
        padding: 0 10px 0 !important;
        height: 50px !important;
        line-height: 50px !important;
        background-position: 94% 23px, left top;
        background-repeat: no-repeat, repeat;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .m_box.decade .bx_in {
        width: 80% !important;
        height: 90px !important;
        line-height: 99px !important;
        margin: 0 auto 20px;
    }

    .footer-bottom p {
        margin-bottom: 5px;
    }
}

@media all and (min-width: 768px) and (max-width: 992px) {
    .mid-main-box {
        min-height: 600px;
    }

    .time_dd {
        width: 32%;
    }

    .slide {
        width: 570px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .mid-main-box {
        min-height: auto;
    }

    h2 {
        font-size: 30px;
    }

    h2 span {
        font-size: 40px;
    }

    .m_box.calenderval {
        padding: 0px;
    }

    .m_box.calenderval1 {
        padding: 0px;
    }

    .m_box.decade .col-md-3.col-sm-3.col-xs-2, .m_box.year_app .col-md-3.col-sm-3.col-xs-3 {
        width: 30%;
    }

    .step_5 h2 span {
        font-size: 25px !important;
        display: block;
        margin-top: 15px
    }

    .button-box {
        width: 130px;
        height: 130px;
        padding: 5px;
    }

    .button-box .sign-box img {
        height: 60px;
    }

    .mid-main-box {
        width: auto
    }

    .mid-main-box h2 {
        font-size: 24px
    }

    .mid-main-box h2 span {
        font-size: 36px
    }

    .top-logo {
        width: 175px;
    }

    .btn_home {
        margin: 10px 0 0 5px;
        padding: 15px 20px;
    }

    .footer-bottom {
        position: relative
    }

    .button-box a span {
        font-size: 16px
    }

    body {
        /*background-size: auto !important*/
    }

    .step_2, .step_3, .step_4, .step_5, .step_6 {
        padding: 0px 20px
    }

    .step_3 .bx_in, .step_4 .bx_in {
        width: 100% !important;
        height: 122px !important;
        line-height: 130px !important;
        font-size: 23px !important
    }

    .step_5.slide .bx_in {
        width: 150px;
        height: 150px;
    }

    .step_3 .step_2 .bx_in {
        width: 19% !important
    }

    .btn_1 {
        width: 100%
    }

    .m_box.decade .bx_in, .m_box.year_app .bx_in {
        width: 105px !important;
        height: 105px !important;
        font-size: 30px;
        margin: 0 auto 20px;
    }
}

@media (max-width: 470px) {
    .button-box {
        width: 100px;
        height: 100px;
    }

    .button-box .sign-box img {
        height: 43px;
    }

    .m_box {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .card img {
        max-width: 45px;
        height: 45px;
    }

    .button-box a span {
        font-size: 13px
    }

    .m_box.decade .bx_in, .m_box.year_app .bx_in {
        width: 80px !important;
        height: 80px !important;
        font-size: 20px;
        margin: 0 auto 10px;
    }

    .step_5.slide .bx_in {
        width: 120px;
        height: 120px;
    }
}

@media (max-width: 375px) {
    .m_box.decade .col-md-3.col-sm-3.col-xs-2, .m_box.year_app .col-md-3.col-sm-3.col-xs-3 {
        width: 33%;
    }
}

.footer {
    margin-top: 50px
}

.footer-links {
    display: flex;
    justify-content: space-around;
    min-width: 350px;
    margin: auto;
    width: 50%;
    color: #aeaeae;
}

.footer-links a {
    color: inherit;
}

.footer-links a:hover {
    color: #4b98e6;
}

.cartonbox-content p {
    color: #090909;
}

/* CartonBox Custom */
.cartonbox-body {
    -webkit-transition: -webkit-filter 0.2s;
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
    overflow-x: hidden;
    color: #fff;
}

.cartonbox-go {
    -webkit-filter: blur(1px);
    filter: blur(1px);
}

.cartonbox-content h2 {
    padding: 0;
    margin-top: -10px;
}

.cartonbox-nav-dotted li:before {
    display: none;
}

.cartonbox-up .cartonbox-wrap {
    -webkit-transition: -webkit-transform 0.2s;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    -webkit-transform: translate3d(0, -200px, 0);
    transform: translate3d(0, -200px, 0);
}

.cartonbox-up .cartonbox-close,
.cartonbox-up .cartonbox-prev,
.cartonbox-up .cartonbox-next,
.cartonbox-up .cartonbox-nav,
.cartonbox-zoom-start .cartonbox-close,
.cartonbox-zoom-start .cartonbox-prev,
.cartonbox-zoom-start .cartonbox-next,
.cartonbox-zoom-start .cartonbox-nav {
    opacity: 0;
}

.cartonbox-zoom-start .cartonbox-wrap {
    -webkit-transition: -webkit-transform 0.2s;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
}

.cartonbox-zoom-finish .cartonbox-wrap {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.cartonbox-wrap.cartonbox-inline {
    max-width: 95%;
    padding: 0 35px;
}

.cartonbox-item .cartonbox-container {
    padding-left: 15px;
    padding-right: 15px;
}