@font-face {
    font-family: 'Circular';
    src: url('../fonts/circular/CircularStd-Black.otf');
  }

p, body {
    font-size: 15px;
    font-family: 'Lato', sans-serif;
}
h2, .h2 {
    font-size: 25px !important;
    font-family: 'Poppins', sans-serif;
}
h1, .h1 {
    color: #4a4a4a;
    font-family: 'Poppins', sans-serif;
    font-size: 39px;
}
h4, .h4 {
    font-family: 'Poppins', sans-serif;
}
.m-title {
    font-size: 34px!important;
    font-family: 'Poppins', sans-serif;
    color: #4a4a4a;
}
.s-title {
    font-family: 'Poppins', sans-serif;
}
.accordion .card-title a {
    font-family: 'Lato', sans-serif;    
}
.card-sm-bg {
    position: relative;
    z-index: 1;
}
.card {
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);    
}
.accordion .card {
    box-shadow: none    
}
.card-sm-bg::after {
    position: absolute;
    content: ' ';
    top: 10px;
    left: 10px;
    z-index: 0;
    width: 90px;
    height: 90px;
    opacity: 0.06;
    background: #FC4A1A no-repeat left center;
}
.card-sm-bg.blue::after {
    background-color: #2680EB;
}
.header {
    margin-bottom: 0;
    background-image: url('../img/preview/header_bg.png'); 
    background-size: cover;
    background-position: bottom;
    height: 100vh!important;
    min-height: 550px;
}
.header-fullscreen {
    background-image: url('../img/preview/header_bg.png'); 
    padding-bottom: 20px;
}
.inline {
    display: inline!important;
}
.h-100 {
    height: 100vh!important;
    min-height: 500px;
}

.excerpt-bg::before {
    position: absolute;
    content: '';
    left: -75px;
    top: -70px;
    width: 100%;
    height: 100%;
    background: left -30px no-repeat;
    background-size: cover;  
}
.capture-bg::before {
    background-image: url('../img/preview/discover.png');
}
.share-bg::before {
    background-image: url('../img/preview/share.png');
}
.host-bg::before {
    background-image: url('../img/preview/host.png');
    background-position: right 0;
    left: auto;
    right: -8px;
}
.custom-navbar-toggler {
    position: absolute;
    right: 0;
}

@media (max-width: 990px) {
    .capture-bg, .host-bg, .share-bg {
        background: none;
    }
    .header {
        background-size: cover;
    }
}


.store-icon {
    width: 200px;
}

.store-btn {
    background: #333333;
    border: 1px solid #D8D8D8;
    border-radius: 20px;
    height: 70px;
    width: 190px;
    padding: 10px;
    line-height: 1.5em;
    transition: all ease-in 0.3s;
    margin: 5px 10px 5px 0;
    letter-spacing: normal;
}

.store-btn a {
    color: #fff;
    font-weight: 100;
    font-size: 15px;
    text-align: left;
}

.store-btn .icon {
    width: 100%;
    height: 100%;
    flex: 1;
    margin-top: 3px;
    background-size: contain;
    background-repeat: no-repeat;
}

.store-btn .apple-store-icon {
    background-image: url('../img/apple-white.png');
}

.store-btn .play-store-icon {
    background-image: url('../img/play.png');
}

.store-btn:hover {
    background-color: #fff;
}

.store-btn:hover a {
    color: #333333
}

.store-btn:hover .apple-store-icon {
    background-image: url('../img/apple.png');
}

.store-btn-inverse {
    background-color: #fff;
}

.store-btn-inverse a {
    color: #333333!important;
}

.store-btn-inverse:hover {
    background-color: #333333;
    border-color: #333;
}

.store-btn-inverse:hover a {
    color: #fff!important;
}

.store-btn-inverse .apple-store-icon {
    background-image: url('../img/apple.png');
}

.store-btn-inverse:hover .apple-store-icon {
    background-image: url('../img/apple-white.png');
}

.section h2 { 
    color: #171C28;
}
.section h2 > span {
    color: #fc4a1a;
}

.categories h6 {
    color: #1F3349;
    /* letter-spacing: 1px; */
    font-size: 14px;
}

.footer a {
    font-size: 13px;
    color: #1F3349;
}

#lottie{
    /* background-color:#fff; */
    width:100%;
    height:100%;
    display:block;
    overflow: hidden;
    transform: translate3d(0,0,0);
    text-align: center;
    opacity: 1;
    position: absolute;
    bottom: -180px;
}


