@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);

body {
    font-family: roboto, sans-serif;
    font-size: 16px;
    font-weight: 300;
}

#bg-slider {
    background-image: url("../images/slider.jpg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-attachment: fixed;
    padding: 230px 0;
    color: #fff;
    position: relative;            
}

.global-page-header {
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    background: #2e67ce;
    color: #fff;
}

.global-page-header .breadcrumb .active, 
.global-page-header .breadcrumb li a {
    color: #fff;
}

.page-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.15);
}

.page-header.is-sticky {
    position: fixed;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 8px 0;
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.9);
    animation: slideDown 0.35s ease-out;
}

.page-header.is-sticky #normal-logo {
   display: none;
}

.page-header.is-sticky #small-logo {
   display: block !important;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
main {
    padding-top: 116px;
}

#features .icon {
    text-decoration: none;
    color: #fff;
    background-color: #4880e8;
    height: 70px;
    text-align: center;
    width: 70px;
    font-size: 40px;
    line-height: 75px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    /* text-shadow:#0b49b8 1px 1px,#0b49b8 2px 2px,#0b49b8 3px 3px,#0b49b8 4px 4px,#0b49b8 5px 5px,#0b49b8 6px 6px,#0b49b8 7px 7px,#0b49b8 8px 8px,#0b49b8 9px 9px,#0b49b8 10px 10px,#0b49b8 11px 11px,#0b49b8 12px 12px,#0b49b8 13px 13px,#0b49b8 14px 14px,#0b49b8 15px 15px,#0b49b8 16px 16px,#0b49b8 17px 17px,#0b49b8 18px 18px,#0b49b8 19px 19px,#0b49b8 20px 20px,#0b49b8 21px 21px,#0b49b8 22px 22px,#0b49b8 23px 23px,#0b49b8 24px 24px,#0b49b8 25px 25px,#0b49b8 26px 26px,#0b49b8 27px 27px,#0b49b8 28px 28px,#0b49b8 29px 29px,#0b49b8 30px 30px,#0b49b8 31px 31px,#0b49b8 32px 32px,#0b49b8 33px 33px,#0b49b8 34px 34px,#0b49b8 35px 35px,#0b49b8 36px 36px,#0b49b8 37px 37px,#0b49b8 38px 38px,#0b49b8 39px 39px,#0b49b8 40px 40px,#0b49b8 41px 41px,#0b49b8 42px 42px,#0b49b8 43px 43px,#0b49b8 44px 44px,#0b49b8 45px 45px,#0b49b8 46px 46px,#0b49b8 47px 47px,#0b49b8 48px 48px,#0b49b8 49px 49px,#0b49b8 50px 50px,#0b49b8 51px 51px,#0b49b8 52px 52px,#0b49b8 53px 53px,#0b49b8 54px 54px,#0b49b8 55px 55px,#0b49b8 56px 56px,#0b49b8 57px 57px,#0b49b8 58px 58px,#0b49b8 59px 59px,#0b49b8 60px 60px,#0b49b8 61px 61px,#0b49b8 62px 62px,#0b49b8 63px 63px,#0b49b8 64px 64px,#0b49b8 65px 65px,#0b49b8 66px 66px,#0b49b8 67px 67px,#0b49b8 68px 68px,#0b49b8 69px 69px,#0b49b8 70px 70px,#0b49b8 71px 71px,#0b49b8 72px 72px,#0b49b8 73px 73px,#0b49b8 74px 74px,#0b49b8 75px 75px,#0b49b8 76px 76px,#0b49b8 77px 77px,#0b49b8 78px 78px,#0b49b8 79px 79px,#0b49b8 80px 80px,#0b49b8 81px 81px,#0b49b8 82px 82px,#0b49b8 83px 83px,#0b49b8 84px 84px,#0b49b8 85px 85px,#0b49b8 86px 86px,#0b49b8 87px 87px,#0b49b8 88px 88px,#0b49b8 89px 89px,#0b49b8 90px 90px,#0b49b8 91px 91px,#0b49b8 92px 92px,#0b49b8 93px 93px,#0b49b8 94px 94px,#0b49b8 95px 95px,#0b49b8 96px 96px,#0b49b8 97px 97px,#0b49b8 98px 98px,#0b49b8 99px 99px,#0b49b8 100px 100px; */
}

.ion-ios-bulb:before {
    content: "";
}

#features .media .media-left {
    padding-right: 25px;
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    /* align-items:flex-start; */
}

.bg-cta {
    background-color: #2e67ce;
}