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;
    width: 195px;
}
.top-logo img {
    max-height: 55px;
}

.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}
.mid-main-box h3{margin-bottom:20px;font-weight:700}
.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: #292828;margin:10px 0 30px 0;font-weight:600}
h2 span{font-size:60px;color:#222;}
.step_1 h2{margin:0;}
.step_1-main {
    margin: 0 0 16px;
    font-size: 25px;
}
.button-box img {
    max-width: 90px;
}
.button-box{
    display:inline-block;
    width:160px;
    margin:5px;
    padding:5px 0;
    font-size: 14px;
    text-decoration: none;
    border-radius: 4px;
    border: none;
    background: #fff;
    box-shadow: 0 1px 1px rgb(0, 0, 0, .4);
    transform: scale3d(1,1,1);
    transition: all .4s ease;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de8fea', endColorstr='#d433ec',GradientType=1 );
    text-align:center;
}
.button-box:hover {
    background: #fff;
    box-shadow: 0 6px 20px rgb(0, 0, 00, .1);
    transform: scale3d(1.03,1.03,1.03);
}
.button-box .sign-box{}
.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: #222;
    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 0px}
.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:#fff;
    width:100%;
    height:54px;
    box-shadow: 0 1px 1px rgb(0, 0, 0, .4);
    transform: scale3d(1,1,1);
    transition: all .4s ease;
    cursor: pointer;
    text-align:center;
    border-radius:5px;
    display:inline-block;
    padding: 10px;
    margin:0 0 10px;
    font-size:20px;}

.bx_in a{color:#222;display:block}
.bx_in:hover{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: 105%!important;
    height: 50px!important;
    line-height: 67px!important;
    font-size: 30px;
    margin: 0 auto 15px;
    display: table;
}
.step_5.slide .bx_in{
    max-width: 300px;
    height: 125px;
    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: none;
}

.step_5.slide .bx_in:hover {
    background: #fff;
    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: 100px;
}

.step_5.slide .bx_in h3 {
    margin-bottom: 0;
}
.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:25%;}
.step_5 h2 span{font-size:25px!important;display:block;margin-top:15px}
.button-box{width: 140px;margin: 5px 5px 5px 5px;}
.mid-main-box{width:auto}
.mid-main-box h2{font-size:24px}
.mid-main-box h2 span{font-size:36px}
.top-logo{
    width: 140px;
}
.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, .step_5 .bx_in{width:100%!important;height:122px!important;line-height:130px!important;font-size:23px!important}
.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:100% !important;height:68px !important;line-height:68px !important;font-size:30px;margin:0 auto 20px;}
}
@media (max-width:470px){
    .button-box{
        width: 90px;
        margin: 5px 5px 5px 5px;
    }

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

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

@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:50%;}
}

.footer {margin-top: 50px}
.footer-links {
    display: flex;
    justify-content: space-around;
    min-width: 350px;
    margin: auto;
    width: 50%;
    color: #222;
}
.footer-links a {
    color: inherit;
}
.footer-links a:hover {
    color: #4b98e6;
}

/* 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;
}
.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;
}