body {
    padding: 0;
    margin: 0;
    background: #F5F5F5;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Roboto Condensed', sans-serif;
}

@font-face {
    font-family: 'DigitalFont';
    src: url('/assets/font/digital-7.ttf');
    font-weight: normal;
    font-style: normal;
}

.digital-font {
    font-family: 'DigitalFont', sans-serif;
}

.content {
    margin: 0 auto;
    width: 50%;
}

.bg-image-taurus2 {
    background-image:url('/assets/background/taurusv2/taurus.png') !important;
    background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.bg-image-aries {
    background-image:url('/assets/background/aries/aries.png') !important;
    background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-image-gemini {
    background-image:url('/assets/background/gemini/gemini.png') !important;
    background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-image-aquarius {
    background-image:url('/assets/background/aquarius/aquarius.png') !important;
    background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-image-cancer {
    background-image:url('/assets/background/cancer/cancer.png') !important;
    background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-image-capricorn {
    background-image:url('/assets/background/capricorn/capricorn.png') !important;
    background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-image-leo {
    background-image:url('/assets/background/leo/leo.png') !important;
    background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-image-libra {
    background-image:url('/assets/background/libra/libra.png') !important;
    background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-image-pisces {
    background-image:url('/assets/background/libra/libra.png') !important;
    background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-image-sagitarius {
    background-image:url('/assets/background/sagitarius/sagitarius.png') !important;
    background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-image-scorpio {
    background-image:url('/assets/background/scorpio/scorpio.png') !important;
    background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-image-virgo {
    background-image:url('/assets/background/virgo/virgo.png') !important;
    background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}



.inside-ball-white {
    position: absolute;
    width:46px;
    height:46px;
    background-color: white;
    border-radius: 50%;
    padding:7px 2px;
    top:0px;
    bottom:5px;
    font-size:22px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}

.ball-white {
    margin-left: 3px;
    margin-right: 3px;
    position: relative;
    border: 3px solid var(--line, white);
    background: white;
    border-radius:50%;
    vertical-align:center;
    font-weight:600;
    width:50px;
    height:50px;
    display:inline-block;
    mix-blend-mode:color-burn;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}
/* 
.ball-white::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 12.5%; 
    width: 75%;
    height: 3px;
    background-color: var(--line, red);
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
} */

.ball-white-bigger {
    margin: 5px;
    background: white;border-radius:50%;vertical-align:center;padding:10px;font-size:20px;font-weight:600;width:50px;height:50px;display:inline-block
}

.bg_mobile_navbar {
    background: linear-gradient(110.53deg, #873BA3 14.72%, #252B61 101.42%);
}

.bg_gradient_green {
    background: #0D244F;
}
.bg_gradient_blue {
    background: #0D244F;
}
.bg_gradient_yellow {
    background: #0D244F;
}

.navbar-default {
    background-color: #FAF9FB;
    padding: 1em;
}

.color-primary {
    color: #0D244F;
}

.color-primary:hover {
    color: #0D244F;
}

.color-primary:active {
    color: #0D244F;
}

.background-primary {
    background-color: #0D244F;
}


.wow {
    visibility: hidden;
}

/***************************************************
                 BUTTONS (Generic)
****************************************************/
.btn-general {
    border-width: 2px;
    border-radius: 0;
    padding: 12px 26px 12px 26px;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.btn-white {
    border-color: #fff;
    color: #fff;
}

.btn-white:hover,
.btn-white:focus {
    background-color: #fff;
    color: #41464B;
}

.btn-blue {
    border-color: #0D244F;
    color: #0D244F;
}

.btn-blue:hover,
.btn-blue:focus {
    background-color: #0D244F;
    color: #fff;
}

.btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 22px;
    padding: 3px 15px;
    border-radius: 0;
    display: none;
}

.btn-blue {
    border-color: #0D244F;
    color: #0D244F;
}

.btn-blue:hover, .btn-blue:focus {
    background-color: #0D244F;
    color: #fff;
}

.btn-submit {
    background-color: #0D244F;
}

@media (max-width : 767px) {
    /*button*/
    .btn-general {
        padding: 6px 22px;
        font-size: 14px;
    }
}

/* ####################### */

.bg-paralax {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.nav-item a {
    color: black !important;
    text-decoration: none;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 700;
    margin: 0 10px;
}

.nav-item a:hover,
.nav-item a:focus {
    background: none;
    color: #0D244F !important;
}

.content-title h3 {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin: 0 0 30px 0;
}

.content-title-underline {
    height: 4px;
    width: 40px;
    background-color: #0D244F;
    margin: 0 auto 30px auto;
}