.icon-slide, .slider-caption{
    display: none!important;
}

.blue-box{
    background: #126AAC;
    height: 100%;
}

.active{
    display: block!important;
}

.no-margin{
    margin: 0!important;
}
.no-padding{
    padding: 0!important;
}

.icon-background {
    color: #004067;
}

.btn-slider{
    cursor: pointer;
    margin-top: 30%;
}

.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #87C6E4;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.dot-active{
    background-color: white!important;
}

.footer-box {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: #0A4068;
    color: white;
    text-align: center;
    height: 40px;
    vertical-align: center;
    font-size: 1em;
}

.resp-height{
    height: 100%;
}

div.footer-box a{
    color: #4EAFDC;
}
/*div.footer-box a:hover{*/
/*    border-bottom: #4EAFDC;*/
/*    text-decoration: underline;*/
/*}*/
@media screen and (max-width: 1534px) {
    .footer-box {
        height: 80px;
    }
}

@media screen and (max-width: 764px) {
    .footer-box div span{
        display:block;
        text-align: center!important;
        float: unset!important;
    }
    .footer-box div{
        text-align: center;
    }
    .resp-height{
        height: 100vh;
    }
}


@keyframes flipInX {
    from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fa-stack.fa-10x.box-slider{
    width: 250px !important;
    height: 250px !important;
}

i.fa.fa-circle.fa-stack-2x.icon-background{
    width: 100%;
    height: inherit;
    background: #004067;
    color: #004067;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

i.fa.fa-lock.active,
i.fa.fa-laptop.active,
i.fa.fa-bomb.active{
    width: 100% !important;
    height: inherit;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 10rem;
}
.form-control.form-control-lg{
    padding-left: 1rem !important;
}
button#kt_login_forgot_cancel.btn.btn-light.btn-elevate {
    box-shadow: rgba(153, 153, 153, 0.15) 0px 4px 16px 0px !important;
}
button#kt_login_forgot_cancel.btn.btn-light.btn-elevate:active,
button#kt_login_forgot_cancel.btn.btn-light.btn-elevate:hover {
    background-color: transparent !important;
    box-shadow: rgba(153, 153, 153, 0.25) 0px 9px 16px 0px !important;
    border-color: transparent !important;
}