/*@font-face {*/
/*  font-family: 'icomoon';*/
/*  src: url("../fonts/icomoon/icomoon.eot?srf3rx");*/
/*  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");*/
/*  font-weight: normal;*/
/*  font-style: normal; }*/

/* =======================================================
*
* 	Template Style
*	Edit this section
*
* ======================================================= */
@charset "UTF-8";

ol, ul {
    margin: 0;
    padding: 0;
}

ol li, ul li {
    list-style: none;
}

a, a:hover, a:active {
    color: inherit;
    text-decoration: inherit;
}


body {
    font-family: "Open Sans", Arial, Tahoma, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.8;
    /*color: rgba(0, 0, 0, 0.7);*/
    background-color: rgb(10,10,10);
    color: #FFFFFF;
}

#home {
    /*height: calc(100vh - 100px);*/
}

/*#home::after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  top: 0;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  background-image: url("../images/main_bg.jpg");*/
/*  background-repeat: no-repeat;*/
/*  background-size: cover;*/
/*  background-position: center;*/
/*  opacity: .1;*/
/*  z-index: -9;*/

/*}*/

.main-visual {
    overflow: hidden;
}

.main-text {
    top: -100px;
}

/*#header {*/
/*  position: absolute;*/
/*}*/

.alternative-font {
    font-family: "Varela Round", Arial, Tahoma, sans-serif;
}

.dropdown {
    font-family: "Open Sans", Arial, Tahoma, sans-serif !important;
}

.dropdown .btn {
    border: 0px !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.dropdown .dropdown-menu {
    background-color: rgba(20,20,20,1);
    color: white;
    min-width: 160px;
    padding: 0;
    max-height: 212px;
    overflow: auto;
}

.dropdown .dropdown-item {
    background-color: transparent;
    color: white;
    opacity: .8;
    padding: 1rem 1.5rem;
    font-size: 14px;
}

.dropdown .dropdown-item:hover {
    opacity: 1;
    cursor: pointer;
    background-color: rgb(16,16,16);
}

header {
    background-color: rgba(10,10,10, .9);
}

.card {
    /*background-color: rgb(16,16,16);*/
    background-color: transparent;
}

.card-body {
    padding: 0;
}

hr {
    border-color: transparent !important;
}

.btn {
    padding: 0 24px;
    /*border: 1px solid #ba0c3e;*/
    background-color: rgba(20,20,20, 1);
    /*border: 1px solid #f01e5a;*/
    border: 1px solid rgba(40,40,40, 1);
    transition: all .1s linear;
    /*float: right;*/
    font-size: 15px;
    /*width: 140px;*/
    display: inline-block;
    color: white;
    border-radius: 8px;
    height: 38px;
    /*font-weight: 600;*/
    line-height: 38px;
    letter-spacing: 0.02em;
    color: rgba(255,255,255,0.8);
    border-color: rgba(255,255,255,0.3);
}

.btn:hover {
    color: white;
    background-color: rgba(10,10,10, 1);
}

.feature-icon {
    font-size: 26px;
    margin-bottom: 10px;
    color: #f01e5a;
    opacity: .6;
}

/*.store-buttons {*/
/*  text-align: center;*/
/*}*/

.store-buttons a {
    margin: 0px 6px;
}

.footer li, .footer p {
    opacity: .7;
}

.footer li:hover {
    opacity: 1;
    cursor: pointer;
}

.social-btn {
    opacity: .8;
    padding: 0px 2px;
}

.social-btn:hover {
    opacity: 1;
}

.card h2 {
    color: #f01e5a;
    opacity: .8;
}

.card-body {
    opacity: .8;
}

.card .icon-check {
    padding-right: 8px;
    opacity: .6;
}

.alert {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    /*padding: 100px 0px;*/
    margin-bottom: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.alert .btn-info {
    color: #fff !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
    margin-left: 40px;
    /* padding: 10px; */
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 14px;
    height: 34px;
    line-height: inherit;
}

.apple-store img, .play-store img, .login-btn div {
    margin: 10px 0px;
}


@media (max-width: 992px) {
    /*#home {*/
    /*  height: auto;*/
    /*}*/

    /*#home::after {*/
    /*  background: none;*/
    /*}*/

    #header {
        margin-bottom: 40px;
    }

    .main-visual {
        max-width: 100%;
        overflow: initial;
    }

    .main-text {
        /*margin-top: auto;*/
        top: 60px;
    }

    .main-text .login-btn {
        display: inline !important;
    }

    .store-buttons {
        text-align: center;
    }
}

@media (max-width: 768px) {

    /*.main-text {*/
    /*    top: auto;*/
    /*}*/

    img.main-visual {
        width: 90% !important;
    }

    .store-buttons {
        text-align: center;
    }

    .store-buttons .apple-store {
        margin-bottom: 20px;
        display: block;
    }

    .web-btn, .mac-btn {
        display: none !important;
    }

    .alert {
        padding-bottom: 10px;
    }

    .alert .btn-info {
        display: block;
        margin: 20px auto;
    }

    .apple-store img, .play-store img {
        height: 60px !important;
        margin: 0;
    }
}

/*a {*/
/*  color: #DB3832;*/
/*  -webkit-transition: 0.5s;*/
/*  -o-transition: 0.5s;*/
/*  transition: 0.5s; }*/
/*a:hover, a:active, a:focus {*/
/*  color: #DB3832;*/
/*  outline: none;*/
/*  text-decoration: none !important; }*/