.btn-landing-transparent{
    color:#fff;
    background-color:transparent;
    border: 2px solid #fff!important;
    transition: 0.5s;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
}
.btn-landing-transparent:hover{
    color:#5846f9;
    background-color:#fff;
    border-color:#fff;
}
.btn-check:focus+.btn-landing-transparent,.btn-landing-transparent:focus{
    color:#fff;
    background-color:transparent;
    border-color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075),0 0 0 .25rem rgba(68,174,116,.5);
}
.btn-check:active+.btn-landing-transparent,.btn-check:checked+.btn-landing-transparent,.btn-landing-transparent.active,.btn-landing-transparent:active,.show>.btn-landing-transparent.dropdown-toggle{
    color:#fff;
    background-color:transparent;
    border-color:#fff;
}
.btn-check:active+.btn-landing-transparent:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-landing-transparent:active:focus,.show>.btn-landing-transparent.dropdown-toggle:focus{
    box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .25rem rgba(68,174,116,.5)
}
#hero {
    width: 100%;
    height: 100vh;
}
#hero h1 {
    margin: 0;
    font-size: 52px;
    font-weight: 700;
    line-height: 64px;
    color: #fff;
}
#hero h2 {
    color: rgba(255, 255, 255, 0.8);
    margin: 10px 0 0 0;
    font-size: 20px;
}
#hero .animated {
    animation: up-down 2s ease-in-out infinite alternate-reverse both;
}
@media (max-width: 991px) {
    #hero {
      text-align: center;
    }
    #hero .container, #hero .container-fluid {
      padding-top: 68px;
    }
    #hero .animated {
      -webkit-animation: none;
      animation: none;
    }
    #hero .hero-img {
      text-align: center;
    }
    #hero .hero-img img {
      width: 50%;
    }
}
@media (max-width: 768px) {
    #hero h1 {
        font-size: 26px;
        line-height: 36px;
    }
    #hero h2 {
        font-size: 18px;
        line-height: 24px;
    }
    #hero .hero-img img {
        width: 60%;
    }
}
@media (max-width: 575px) {
    #hero .hero-img img {
        width: 80%;
    }
}
@media (max-width: 575px), (max-height: 600px) {
    #hero {
        height: auto;
    }
}
@-webkit-keyframes up-down {
    0% {
      transform: translateY(10px);
    }
    100% {
      transform: translateY(-10px);
    }
}
@keyframes up-down {
    0% {
      transform: translateY(10px);
    }
    100% {
      transform: translateY(-10px);
    }
}
.img-fluid {
    max-width: 100%;
    height: 95%;
}
.landing-dark-bg {
    background: linear-gradient(90deg, rgba(109, 43, 150, 0.9) 0%, rgba(45, 48, 120, 0.9) 100%), url("../media/img/landing.jpg") center center no-repeat;
    background-size: cover;
}
.landing-dark-color {
    color: rgba(109, 43, 150, 0.9);
}
[data-kt-sticky-landing-header=on] .landing-header {
    background-color: rgba(113, 35, 153, 1.0);
}
[data-kt-sticky-landing-header=on] .landing-header .menu .menu-link.active {
    color: #fff;
    background-color: rgba(239,242,245,.4);
}
section {
    padding: 100px 0;
    overflow: hidden;
}
.blog-post-content img, svg {
    width:100%!important;
    max-height:275px!important;
    max-width:100%!important;
}
.blog-post-content-view img, svg {
    width:100%!important;
    max-width:100%!important;
    max-height:440px!important;
} 