@font-face {
        font-family: 'PT Sans Narrow';
        src: url('/static/fonts/ptsansnarrow-regular-webfont.woff2') format('woff2'),
        url('/static/fonts/ptsansnarrow-regular-webfont.woff') format('woff');
        font-weight: 1000 !important;
        /* font-style: 12px !important; */
        /* letter-spacing: -20px !important; */
    }


    @font-face {
        font-family: 'PT Sans Narrow Bold';
        /* src: url('/static/fonts/PTN77F-webfont.woff') format('woff'); */
        /* src: url('/static/fonts/PTN57F-webfont.woff') format('woff'); */
        src: url('/static/fonts/ptsansnarrow-bold-webfont.woff2') format('woff2'),
        url('/static/fonts/ptsansnarrow-bold-webfont.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        letter-spacing: -20px !important;
    }
    
    @font-face {
        font-family: 'Poppins-Medium';
        src: url('/static/fonts/poppins-medium-webfont.woff2') format('woff2'),
             url('/static/fonts/poppins-medium-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
     
    @font-face {
        font-family: 'source_sans_proregular';
        src: url('/static/fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
            url('/static/fonts/sourcesanspro-regular-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'marquee_moonregular';
        src: url('/static/fonts/marq_moo-webfont.woff2') format('woff2'),
            url('/static/fonts/marq_moo-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'freebooter_scriptregular';
        src: url('/static/fonts/freebooterscript-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'astroregular';
        src: url('/static/fonts/astro-zlzx-webfont.woff2') format('woff2'),
             url('/static/fonts/astro-zlzx-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    
    }

    @font-face {
        font-family: 'icomoon';
        src:  url('/static/fonts/icomoon.eot?xtwqgc');
        src:  url('/static/fonts/icomoon.eot?xtwqgc#iefix') format('embedded-opentype'),
          url('/static/fonts/icomoon.ttf?xtwqgc') format('truetype'),
          url('/static/fonts/icomoon.woff?xtwqgc') format('woff'),
          url('/static/fonts/icomoon.svg?xtwqgc#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }
      
      [class^="icon-"], [class*=" icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
      
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      .icon-bookmark:before {
        content: "\e900";
      }
      .icon-bookmark-o:before {
        content: "\e901";
      }
      .icon-history:before {
        content: "\e94d";
      }
      .icon-clock:before {
        content: "\e94e";
      }
      .icon-user:before {
        content: "\e971";
      }
      .icon-users:before {
        content: "\e972";
      }
      .icon-stats-dots:before {
        content: "\e99b";
      }
      .icon-man:before {
        content: "\e9dc";
      }
      .icon-woman:before {
        content: "\e9dd";
      }
      .icon-man-woman:before {
        content: "\e9de";
      }
      .icon-checkmark:before {
        content: "\ea10";
      }
      .icon-play3:before {
        content: "\ea1c";
      }





  .btn-general {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    /* justify-content: center;
    align-items: center; */
    padding: 0 20px;
    /* width: 100%; */
    height: 50px;
    /* background-color: #333333; */
    background-color: #57b846;
    
    border-radius: 5px;
  
    font-family: Poppins-Medium;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
  
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    position: relative;
    z-index: 0;
  
    border-style:none;
    border-color:none;
  }

  .btn-general:enabled::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    /* width: 100%; */
    height: 100%;
    border-radius: 5px;
    top: 0;
    left: 0;
    background: #07c8f8;
    background: -webkit-linear-gradient(45deg, #190a99, #07c8f8);
    background: -o-linear-gradient(45deg, #190a99, #07c8f8);
    background: -moz-linear-gradient(45deg, #190a99, #07c8f8);
    background: linear-gradient(35deg, #190a99, #07c8f8);
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
  }
  
  .btn-general:hover:before {
    opacity: 1;
  }

  .btn-general::before,
.btn-general {
  width: 200px;
  height: 30px;
  text-align: left;
  /* margin: auto; */
  align-items: center;

} 

.btn-general a {
    color:rgb(73, 69, 69);
    font-size: 13px;
}

.btn-general:hover:enabled a,
.btn-general:hover:enabled i {
    color:white;
}

      
    
    .planets-icon,
    .signs-icon,
    .houses-icon,
    .aspects-icon {
        border:0px ; 
        margin:15px 30px 15px 0px;
    }

    .planetinsign-icon {
        border:0px ; 
        margin:15px 15px 15px 0px;
    }

    .imageMenu {
        width:95%;
        justify-content: center;
        display:flex;
        /* border: 1px solid black; */
        flex-wrap: wrap;
        padding-left:20px;
        margin-left:auto;
        margin-right:auto;
    }
    .imageMenu a {
        margin-top: auto;
        margin-bottom: auto;
        line-height: 60px;
    }

    .home-main {
        margin: 20px;
        margin-left: 0px;
        display:flex;
        flex-direction: row;
    }

    .home-main-left {
        flex-grow: 1;
    }
    .home-main-right {
        margin-left: 15px;
        margin-top:2px;
        /* width:30%; */
        min-width:248px;
        max-width:287px;
    }

    @media(max-width:700px) { 
        .footer-div {
            margin-top:0px;
        }
    }


    @media(max-width:700px) { 
        .home-main {
            flex-direction: column;
        }
        .home-main-left {
            width:100%;
        }
        .home-main-right {
            width:100%;
            max-width:unset;
            min-width:unset;
            margin:0px;
        }
    }

    @media(min-width:900px) { 
        
        .home-main-left {
            width:70%;
        }
        .home-main-right {
            width:30%;
        }
    }

    @media(max-width:320px) { 
        .home-main-left {
            margin-left:5px;
        }
        .home-main-right {
            margin-left:5px;
        }
    }

    body {
        color: #2e3249;
        /* color: #24273a */
        font-family: source_sans_proregular, Arial, sans-serif;
        font-size: 17px;
        font-weight: 200;
        /* letter-spacing: .2px; */
        line-height: 1.6rem;
    }

    h1 {
        font-family: marquee_moonregular,source_sans_proregular,Arial, sans-serif;
        font-size: 45px;
        padding: 0px;
        margin: 0px;
        margin-bottom: 5px;
        line-height: 1;
    }

    h2 {
        font-family: PT Sans Narrow Bold, source_sans_proregular, Arial, sans-serif;
        font-size: 30px;
        padding: 0px;
        padding-left: 4px;
        margin: 0px;
        margin-bottom: 5px;
        line-height: 1;
        /* letter-spacing: 0.5px; */
        font-weight: 700;
        color: #555 !important;
    }

    h3 {
        font-family: PT Sans Narrow, source_sans_proregular, Arial, sans-serif;
        font-size:28px;
        font-weight:900;
        letter-spacing: -1px;
        padding-left:5px;
        margin-bottom:0px;
        padding-bottom:8px;
        color:#777 !important;
    }


    p {
        margin-bottom: 20px;
        text-align: justify;
        margin-left: 5px;
        margin-right: 5px;
    }

    hr {
        padding: 0px;
        margin: 0px;
        border-width: 2px;

    }

    .quote {
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: 17px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        max-width: 400px;
    }

    .quote-credit {
        font-family: source_sans_proregular, Arial, Helvetica, sans-serif;
        margin-top: 10px;
        font-size: 15px;
        font-style: italic;
        font-weight: 700;
        color: #000;
    }

    .login-box-new {
        padding-left:15px;
        padding-right:15px;
        padding-top:10px;
        padding-bottom:5px;
        background-color: rgb(234,234,234);
        font-size: 16px;
        color: rgb(80,80,80);
    }

    #login-form {
        margin-bottom:0px;
        margin-block-end: 0px;
    }

    .side-menu-title,
    .login-box-title {
        font-family: PT Sans Narrow, source_sans_proregular, Arial, sans-serif;
        font-weight:600;
        margin-bottom: 0px;
        font-size: 20px;
        /* color: #111; */
        color: rgb(80,80,80);
        /* letter-spacing: 1px; */
    }

    .forgot-password {
        text-align: center;
        width:100%;
        margin-top:3px;
        margin-bottom:20px; 
        
    }
    .forgot-password a {
        color: #555;
    }
    .forgot-password a:hover {
        color: rgb(105, 137, 245);
    }

    .input-field {
        margin-top:10px;
        width:100%;
        padding:5px;
    }
    
    .register-btn,
    .register-btn::before {
        width:100% !important;
        height:40px !important;
        justify-content: center;
        font-size: 13px;
    }
    .login-btn,
    .login-btn::before {
        width:100% !important;
        height: 37px !important;
        justify-content: center;
        font-size: 13px;
    }

    .btn-center-small {
        
    }

    .login-btn {
        margin-top:15px;
        margin-bottom:0px;
    }
    .register-btn {
        margin-bottom:0px;
    }

    hr.login-hr {
        width:100%;
        border-width: 2px;
        display: block;
        border-color: #ccc;
        margin-bottom: 20px;
    }

    .why-register {
        margin:10px;
        margin-top:10px;
        margin-bottom:20px !important;
        /* text-align: justify; */
        /* font-style:italic; */
        line-height: 18px;
        font-size:small;
    }

    .welcome {
        display:flex;
        flex-direction: row;
        padding-bottom:0px;
    }

    .welcome-left {
        padding:30px;
        padding-left:15px;
        padding-top:36px;
        width:50%;
        font-family: freebooter_scriptregular;
        font-size:47px;
        color:#ccc;
    }

    

    .welcome-right {
        width:50%;
        padding:20px;
        padding-top:17px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: right;
        align-content: right;
        margin-right:0px !important;
        margin-left:auto;
    }

    @media(max-width:320px) { 
        .welcome-left {
            padding-right: 0px;
        }
        .welcome-right {
            padding-left:0px;
        }
    }

    .all-reports-btn,
    .all-reports-btn::before {
        width:200px !important;
        height: 40px !important;
        margin-left:auto;
        margin-right:auto;
        text-align: center;
        justify-content: center;
        font-size: 13px;
    }

    @media(max-width:800px) { 
        .all-reports-btn,
        .all-reports-btn::before {
            width:150px !important;
            /* height: 40px !important; */
        }
        .all-reports-btn {
            margin-top:5px;
        }
    }

    @media(max-width:320px) { 
        .all-reports-btn,
        .all-reports-btn::before {
            width:140px !important;
            /* height: 40px !important; */
        }
        .all-reports-btn {
            margin-top:5px;
            margin-left:6px;
        }
    }


    .page-left {
        max-width:270px;
        min-width:270px;
        margin:20px;
        -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
    }

    @media(max-width:991.98px) {
        .page-left { 
            margin-left:-270px;
        }
    }

    .side-menu {
        background-color: rgb(234,234,234);
        padding-bottom: 20px;
    }
    .side-menu-title {
        height:44px;
        padding-left:15px;
        padding-top:15px;
        letter-spacing: -0.5px;
        
    }
    .the-store-title {
        font-family: freebooter_scriptregular;
        color:#ccc;
        font-size:47px;
        margin-top:50px;
        margin-left:10px;
        margin-bottom:10px;
    }

    .the-store-desc {
        margin-left:5px;
        margin-right: 5px;
        /* font-size:16px; */
        color:rgb(70,70,70);
    }

    .main-left p {
        line-height: 1.6rem;
        color:#2e3249;
    }
    .h1-noline {
        margin-bottom:10px;
    }

    .rep-thumb-title {
        font-family: PT Sans Narrow, source_sans_proregular, Arial, sans-serif !important;
        font-size:13px;
        font-weight:600;
        border-bottom: 1px solid rgb(184, 181, 181);
        margin-bottom: 5px;
        line-height:15px;
        width: 96px;
        margin-left:3px;
        letter-spacing:-1px;
    }

    .rep-thumb-grid {
        background-color: #f3f3f3 !important;
        display: grid;
        margin-top:20px;
        /* padding-top:20px;
        padding-left:10px;
        padding-right:10px; */
        padding:10px;
        grid-template-columns: 120px 120px;
        grid-template-rows: 130px 130px 130px 130px 130px; 
        justify-items: center;
        width:260px;
        
    }

    .rep-thumb-grid a {
        color: #555 !important;
    }


    .rep-thumb-div {
        padding:10px;
        border: 1px solid #f3f3f3;
        border-radius: 5px;
    }

    .rep-thumb-div:hover {
        border: 1px solid rgb(71, 126, 207);
        cursor:pointer;
        border-radius: 5px;
        color: #000 !important;
    }

   
    

    .rep-thumb-img {
        border-radius: 5px;
    }

    .pink-link {
        font-weight: 800;
        /* font-family:arial black;  */
        font-size: 16px;
        color: #FF76A1
    }

    .orange-link {
        font-weight: 800;
        /* font-family:arial black;  */
        font-size: 16px;
        color: #e9bc6a
    }

    

    #astro-weather-div {
        background-color: #f3f3f3;
        width:100%;
        height:460px;
        margin-top:20px;
    }

    .astro-weather-grid {
        height:400px;
        width:100%;
        display: block;
        /* grid-template-columns: 50px auto auto 50px;
        grid-auto-rows: 40px; */
        padding-left:auto;
        padding-right:auto;
    }

    .weather-row {
        width:100%;
        display:flex;
        flex-direction: row;
        height: 40px;
        line-height: 40px;
        border: 1px solid #f3f3f3;
        border-radius: 10px;
    }

    .weather-row:hover {
        /* background-color: blue; */
        /* border: 1px solid #444; */
        border: 1px solid rgb(71, 126, 207);
        cursor:pointer;
        border-radius: 10px;
    }

    .weather-planet,
    .weather-sign {
        font-family: astroregular;
        font-size: 20px;
        color: #aaa;
        width:10%;
        flex-grow: 1;
        /* align-content: center;
        justify-content: center;
        align-items: center; */
        align-self: center;
        justify-self: center;
        margin-left:auto;
        margin-right:auto;
        text-align: center;
    }
    /* .weatherAngle {
        flex-grow: 1;
    } */
    .weather-text {
        color: #008CBA;
        width:30%;
        flex-grow: 1;
    }

    .weather-title {
        padding-top:10px;
        padding-left:15px;
        padding-bottom:15px;
        font-family: PT Sans Narrow, source_sans_proregular, Arial, sans-serif;
        font-weight: 600;
        font-size: 20px;
        color: rgb(80,80,80);
    }

    .weather-angle {
        color: #555 !important;
    }

    /* .weather-row:hover {
        background-color: rgb(78, 89, 151);
    } */
    .weather-row:hover .weather-angle {
        color: #000 !important;
    }

    .weather-row:hover .weather-text {
        /* color: #023cda !important; */
        color: #222 !important;
        text-shadow: 0 0 10px #fff, 0 0 20px #ff4da6, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6;
    }

    .weather-row:hover .weather-planet,
    .weather-row:hover .weather-sign {
        color: #333 !important;
    }
        

    .bottom-about-astro {
        padding-top:20px; 
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
                      
    .bottom-about-astro-left {
        width:40%;
    }

    .bottom-about-astro-left img {
        width: 90%;
        height: auto;
    }
    
    .bottom-about-astro-right {
        width:60%;
    }


    @media(max-width:1024px) { 
        .bottom-about-astro {
            /* padding-top:20px; 
            display:flex; */
            flex-direction: col;
            /* flex-wrap: wrap; */
            margin-bottom: 20px;
        }
                          
        .bottom-about-astro-left {
            width:80%;
            margin-left:auto;
            margin-right:auto; 
        }
    
        .bottom-about-astro-left img {
            width: 100%;
            height: auto;
        }
        
        .bottom-about-astro-right {
            width:100%;
        }
    }

    .bottom-about-astro-title {
        padding-top:15px;
        padding-bottom:15px;
        font-family: freebooter_scriptregular;
        color:#ccc;
        font-size:47px;
    }

    .bottom-about-astro-desc {
        padding-top:10px;
    }

    .bottom-about-astro-signs-box {
        padding:0px;
    }
    
    .zodiac-signs-pink-div {
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        background-color: rgb(255,242,255);
        padding-left:15px;
        padding-right:5px;
        padding-top: 5px;
        padding-bottom:5px;
        width:unset;
        border-radius: 10px;
        border: 0.5px solid #666;
        margin-top:10px;
        /* -webkit-transition:all 0s;
        -o-transition:all 0s;
        transition:all 0s; */
    }

    /* .zodiac-signs-flex-box {
        margin-left:auto;
        margin-right:auto;
    } */

    .zodiac-sign-about-link {
        font-family: PT Sans Narrow, source_sans_proregular, Arial, sans-serif;
        font-weight:400;
        padding:5px;
        padding-left:10px;
        width:90px;
        flex-grow: 1;
        border: 1px solid rgb(255,242,255);
        border-radius: 5px;
    }

    .zodiac-sign-about-link a {
        /* color:rgb(119, 177, 231); */
        color: #008CBA;
    }

    /* .zodiac-sign-about-link a:hover {
        color:#fff !important;
    } */

    
    .zodiac-sign-about-link:hover {
        /* background-color: rgb(62, 77, 165); */
        background-color: rgb(78, 89, 151);
        border: 1px solid rgb(223, 219, 219);
        border-radius: 5px;
    }
    

    .zodiac-sign-about-link:hover a {
        color:#fff !important;
    }

    
    .right-pink-div {
        margin-top: 20px;
        /* height:400px; */
        width:100%;
        background-color: rgb(255,242,255);
        padding:10px;
        padding-left: 15px !important;
    }

    .popular-title {
        font-family: freebooter_scriptregular;
        font-size:47px;
        color:#ccc;
        padding:20px;
        margin-bottom:10px;
        padding-left:15px;
    }

    .popular-list {
        margin:10px;
    }

    @media(max-width:700px) { 
        
        .popular-list {
            margin-left:20px;
        }
    }

    .popular-section {
        padding-top:10px;
    }

    .popular-report {
        padding-left:10px;
        border: 1px solid #ccc;
        margin:5px;
        border-radius: 5px;
    }


    .popular-report i.icon-play3 {
        /* padding-top:4px; */
        line-height:10px;
        padding-right:5px;
        color: #777;
    }
      

  
  .btn-5-div {
    /* width: 100%; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }

  
  .btn-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    /* justify-content: center;
    align-items: center; */
    padding: 0 20px;
    /* width: 100%; */
    height: 50px;
    /* background-color: #333333; */
    background-color: #fcdff7;
    
    border-radius: 5px;
  
    font-family: Poppins-Medium;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
  
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    position: relative;
    z-index: 0;
  
    border-style:none;
    border-color:none;
    
  }
  
  .btn-5::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    /* width: 100%; */
    height: 100%;
    border-radius: 5px;
    top: 0;
    left: 0;
    background: #07c8f8;
    background: -webkit-linear-gradient(45deg, #190a99, #07c8f8);
    background: -o-linear-gradient(45deg, #190a99, #07c8f8);
    background: -moz-linear-gradient(45deg, #190a99, #07c8f8);
    background: linear-gradient(35deg, #190a99, #07c8f8);
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
  }
  
  .btn-5:hover:before {
    opacity: 1;
  }
  
  
.btn-5::before,
.btn-5 {
  width: 200px;
  height: 30px;
  text-align: left;
  /* margin: auto; */
  align-items: center;

} 

.btn-5 a {
    color:rgb(73, 69, 69);
    font-size: 13px;
}

.btn-5:hover a,
.btn-5:hover i {
    color:white;
}

@media(max-width:500px) { 
    .right-pink-div .btn-5,
    .right-pink-div .btn-5::before
    {
        width:100% !important;
        height:40px !important;
        
    }
    .popular-list {
        margin-right:10%;
    }
}



.section-icons {
    float:left;
    letter-spacing: -10px;
    margin-right: 12px !important;
    margin-bottom:5px;
    color:#bbb;
}

.forecast-repeating {
    /* line-height:50px !important; */
    margin-right: 20px !important;
    margin-bottom:5px;
} 

.multiperson {
    font-size:18px;
}

.individual {
    font-size:21px;
}

.forecast-repeating i {
    
    line-height:24px !important;
    /* margin-right: 20px !important;
    margin-bottom:5px; */
} 

.section-icons i {
    
    line-height:24px;
    
}
  
  
/* ABOUT PAGE  */
  
.page-right-single {
    margin-top:15px;
    margin-right:25px;
    width:100%;
}
.page-right-single p {
    text-align: justify;
}
  
  
.about-img-btn-div {
    width:100%;
    background-color: #f4f4f4;
    /* margin:20px;*/
    margin-top:15px;
    margin-bottom:15px;
    padding: 20px; 
    display:flex;
    flex-direction: row;
    /* height:800px; */
}

.about-rep-header-img-div {
    width:60%;
    /* height:auto !important; */
} 
.about-rep-header-img {
    width:100%;
    border-radius: 10px;
}
  
.about-top-btn-box {
    margin-left: 15px;
    width:40%;
    display: flex;
    flex-direction: column;
}

.about-top-btn-box button {
    margin-bottom:15px;
}

/* .get-your-report-text-div {
    width:70%;
} */

.get-your-report-btns-div {
    display:flex;
    flex-direction: row;
    /* width:30%; */
}

.btn-6,
.btn-6::before {
    height: 45px !important;   
    width:100% !important;
    font-size:14px;
}

@media(max-width:600px) { 

    .get-your-report-text-div {
        width:50%;
    }

}

@media(max-width:500px) { 

    .btn-6,
    .btn-6::before {
        font-size: 12px;
    }

    

    .about-top-btn-box {
        margin-left: 10px;
    }
    .about-img-btn-div {
        padding: 10px; 
    }
    .about-top-btn-box button {
        margin-bottom:10px;
    }

    .about-img-btn-div {
        flex-direction: column;
    }

    .about-rep-header-img-div {
        width:100%;
        margin-bottom:15px;
    }

    .about-top-btn-box {
        width:100%;
        margin-left:unset;
        
    }

    .get-your-report-text-div {
        width:60%;
    }
    .get-your-report-btns-div {
        flex-direction: column;
        width:40%;
        padding-right:15px;
        padding-top:15px;
    }

    .get-your-report-btns-div .btn-6 {
        margin-bottom:7px;
    }
    
    
}

@media(max-width:320px) { 
    .btn-6,
    .btn-6::before {
        font-size: 11px;
        padding-left:7px;
        padding-right:7px;
    }

    .page-left {
        margin-right:5px;
    }
    .page-right-single {
        margin-left:5px;
        margin-right:10px;
    }

    
}

.arrows {
    width:10%;
    text-align: right;
}

.btn-text {
    width:90%;
}


/* .btn-6:hover  {
    height: 50px !important;   
} */

.about-celebrity-top-btn-box {
    border: 1px solid #888;
    border-radius: 5px;
    font-size: 12pt;
    padding:10px;
    line-height: 19px;
}

.celebrity-btn-group button {
    width:80px !important;
    background-color:#57b846;
    /* height: 35px !important; */
    
}
.celebrity-btn-group button,
.celebrity-btn-group button::before {
    height: 33px !important;
    margin-bottom: 5px;
    margin-right: 10px;
}

.celebrity-btn-group {
    display:flex;
    flex-direction: row;
    margin-top: 10px;
    
}

.celebrity-btn-group .btn-6 {
    align-content:center;
    justify-content: center;
}

@media(max-width:500px) { 

    .celebrity-btn-group {
        justify-content: space-around ;
    }
    .celebrity-btn-group .btn-6 {
        align-content:center;
        justify-content: center;
        width:90% !important;
        margin-right:auto;
        margin-left:auto;
        
        row-gap: 30px;
    }
    .celebrity-btn-group a {
        width:100%;
    }
}

  

.get-your-report-div {
    display: flex;
    flex-direction: row;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 5px;
    padding-top:10px;
    vertical-align: middle;
    margin-bottom: 25px;
    margin-top:25px;
}

.get-your-report-div button::before,
.get-your-report-div button {
    max-width:130px !important;
    height:35px !important;
    margin-bottom:5px;
}

.get-your-report-div a {
    margin-left:10px !important;
}

.get-your-report-div h2 {
    line-height: 35px;
    margin-right:20px;
}

.related-reports-div {
    background-color: #f3f3f3;
    display:flex;
    flex-direction: row;
    padding:15px;
    flex-wrap: wrap;
    
}

.related-reports-div .rep-thumb-div {
    margin-right: 10px;
}

.related-reports-title {
    margin-top:40px;
    margin-bottom:15px;
}

.related-reports-div a {
    color: #555 !important;
}

@media(max-width:500px) { 
    .related-reports-div {
        padding-left:40px;
    }
}

@media(max-width:400px) { 

    .related-reports-div {
        padding-left:20px;
    }
}


/* .about-indent div {
    padding-left: 20px;
    font-size: 15px;
} */

.about-indent div a.link-bit {
    padding-left: 45px !important;
    font-size: 15px;
}

.about-section {
    background-color:#eaeaf1;
    font-weight:700;
    color: #000 !important;
}

.about-section a,
.about-section i {
    color: #555 !important;
}

.compare-all-side-div {
    margin-left:15px;
    margin-right:15px;
    /* margin-bottom:10px; */
    /* height:30px; */
    margin-top:5px;
    margin-bottom:5px;
}

.compare-all-side-div button.btn-6::before,
.compare-all-side-div button.btn-6 {
    height:37px !important;
}

.compare-all-side-div a {
    padding:0 !important;
    margin:0 !important;
}


/* ----  ABOUT US SECTION ----- */


.about-us-photo-text-div {
    display: flex;
    flex-direction: row;
    margin-top:15px;
    margin-bottom:20px; 
}

.about-us-photo-div {
    width: 50%; 
}

.about-us-photo-img {
    width: 100%;
    border-radius: 10px;
}

.about-us-text-div {
    width: 47%;
    border: 1px solid #ddd;
    border-radius: 10px;
    line-height:40px;
    /* border-bottom: 1px solid #000; */
    background-color: #fcfcfc;
}


.about-us-person-type {
    font-family: freebooter_scriptregular;
    font-size: 47px;
    color: #ccc;
    margin:20px;
    padding-top:45px;
    padding-left:20px;
}
.about-us-person-name {
    margin:20px;
    padding-left:20px;
}

@media(max-width:550px) { 
    .about-us-photo-text-div {
        flex-direction: column;
    }
    .about-us-photo-div {
        width: 100%; 
    }
    .about-us-text-div {
        width: 100%;
    }
    .about-us-person-type {
        padding-top:25px;
    }
}

@media(max-width:400px) { 
    .about-us-person-type,
    .about-us-person-name {
        padding-left:10px;
    }
}

.horoscopes-credit-photo-text-div {
    display: flex;
    flex-direction: row;
    margin-top:15px;
    margin-bottom:20px; 
}

.horoscopes-credit-photo-div {
    width: 30%; 
    min-width: 190px;
}

.horoscopes-credit-photo-img {
    width: 100%;
    border-radius: 10px;
    
}

.horoscopes-credit-text-div {
    width: 70%;
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #fcfcfc;
}

.bold-italic {
    font-weight:900;
    /* font-style:italic; */
}

.horoscopes-credit-text-content {
    margin:20px;
    text-align: left;
    text-justify: unset;
}

.horoscopes-credit-text-content p {
    text-align: left;
    text-justify: unset;
    line-height:23px;
}   


@media(max-width:560px) { 
    .horoscopes-credit-photo-text-div {
        flex-direction: column;
    }
    .horoscopes-credit-photo-div {
        width: 100%; 
    }
    .horoscopes-credit-text-div {
        width: 100%;
    }
    /* .horoscopes-credit-person-type {
        padding-top:25px;
    } */
}

.btn-horoscope-upsell,
.btn-horoscope-upsell:hover,
.btn-horoscope-upsell::before,
.btn-horoscope-upsell::after  {
    width:100% !important;
    padding-top:10px;
    padding-bottom:10px;
    height:100% !important;
    font-size:14px !important; 
    /* height: unset !important; */
}



/* .btn-horoscope-upsell {
    height: unset !important;
} */

.btn-horoscope-upsell-btns-div {
    width:100%;
    display: flex;
    flex-direction: row;
    /* height:unset !important; */
    height:45px;
}

.btn-horoscope-upsell-btns-about-div {
    width:46%;
    /* height:50px; */
    margin-right:10px;
    height: unset !important;
}
.btn-horoscope-upsell-btns-reports-div {
    width:54%;
    /* height:50px; */
    height: unset !important;
}


@media(max-width:500px) { 
    .btn-horoscope-upsell-btns-div {
        flex-direction: column;
        height:110px;
    }
    .btn-horoscope-upsell-btns-about-div {
        width:100%;
        height:45px !important;
        margin-bottom:10px;
    }
    .btn-horoscope-upsell-btns-reports-div {
        width:100%;
        height:45px !important;
    }
}


.sign-range {
    font-size: 20px;
    margin-left:5px;
    font-style: italic;
    /* clear:right; */
    /* line-height:40px; */
    margin-bottom:10px;
    /* padding-top:4px; */
    /* margin-left:20px; */
    vertical-align: text-top;
    height:27px;
    font-weight: 100;
    color:#000;
}

h2.horoscope-sign-title {
    /* float:left; */
    /* clear:right; */
    margin-right:20px;
    margin-top:45px;
    font-size:40px;
    margin-bottom:0px;
}

/* .sign-bookmark::before {
    content:"";
    display:block;
    height:30px; /* fixed header height*/
    /* margin-top:-30px; negative fixed header height */
    /* visibility: hidden; */
/* } */ 

.sign-bookmark {
    margin-top: -30px;
    padding-bottom: 30px;
    display:block;
}

.horoscope-sign-symbol {
    width:180px;
    padding:40px;
    max-height:180px;
    background-color: #f5bdcf;
    border-radius: 15px;
    fill: white;
    margin-bottom: 14px;

    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==); */

    
}

.horoscope-card {
    border: 1px solid #aaa;
    padding:15px;
    border-radius: 10px;
    margin-bottom:35px;
    /* height:unset !important; */
}

.horoscope-header-symbol-text-div {
    display:flex;
    flex-direction: row;
}

.horoscope-sign-symbol-div {
    width:200px;
    min-width:200px;
}

.horoscope-sign-text-div {
    width:100%;
}


@media(max-width:460px) { 
    .horoscope-sign-symbol-div {
        width:160px;
        min-width:160px;
    }
    .horoscope-sign-symbol {
        width:150px;
        max-height:150px;
        padding:30px;
    }
    h2.horoscope-sign-title {
        font-size:30px;
        margin-top:25px;
    }
    .sign-range {
        font-size: 15px;
        line-height:18px;
    }
}

@media(max-width:375px) { 
    .horoscope-sign-symbol-div {
        width:120px;
        min-width:120px;
    }
    .horoscope-sign-symbol {
        width:110px;
        max-height:110px;
        padding:20px;
    }
    h2.horoscope-sign-title {
        /* font-size:30px; */
        margin-top:15px;
    }
    /* .sign-range {
        font-size: 15px;
        line-height:18px;
    } */
    .horoscope-card {
        padding:12px;
    }
}

.page-full {
    margin:15px;
    margin-left:30px;
    margin-right:30px;
}

.report-card-set {
    /* border: 1px solid #f00; */
    margin-top:5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /* margin-left:40px; */
    /* justify-content:space-between; */
}
.report-card {
    display:flex;
    flex-direction: column;
    margin: 5px;
    /* width:260px; */
    width:15%;
    height:620px;
    font-size:14px;
    line-height:17px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding:20px;
    background-color: #fdfdfd;
}

@media(max-width:2250px) { 
    .report-card {
        width:19%;
    }
}

@media(max-width:1400px) { 
    .report-card {
        width:24%;
    }
}

@media(max-width:1100px) { 
    .report-card {
        width:32%;
    }
}

@media(max-width:820px) { 
    .report-card {
        width:47%;
    }

}

@media(max-width:470px) { 
    .report-card {
        width:98%;
    }
}




.report-card-img-div {
    width:100%;
    padding-bottom:10px;
}

.report-card-img {
    width:100%;
    border-radius: 10px;
    border:0.5px solid #aaa;
}

.report-card-name { 
    font-family: PT Sans Narrow, source_sans_proregular, Arial, sans-serif;
    font-size:22px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-left: 2px;
}



.report-card-buttons {
    display:block;
    /* border:1px solid #c75359; */
}

.report-card-example-people,
.report-card-store-summary {
    display:block;
    /* border:1px solid #008CBA; */
    height:100%;

}

.report-card-store-buttons,
.report-card-examples-buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.report-card-example-web-div,
.report-card-example-pdf-div,
.report-card-try-div,
.report-card-buy-div {
    width:49%;
    margin:0px;
    
}
.report-card-example-web-div .btn-general,
.report-card-example-pdf-div .btn-general,
.report-card-try-div .btn-general,
.report-card-buy-div .btn-general {
    padding-top:5px;
}


.btn-report-card-example-web,
.btn-report-card-example-pdf,
.btn-report-card-example-web::before,
.btn-report-card-example-pdf::before,
.btn-report-card-try,
.btn-report-card-buy,
.btn-report-card-try::before,
.btn-report-card-buy::before
 {
    width:100%;
    font-size:13px;
    justify-content: center;
    border-radius: 4px;
    min-width:unset !important;
}

.price-dollar {
    font-size:15px;
    /* line-height:30px; */
    top:-6px;
    padding-right: 2px;
    /* padding-bottom: 10px; */
    position: relative;

}

.tag-triangle-left {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid black;
    position: relative;
  }
  
  .tag-triangle-left:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid #f1c8f5;
    position: absolute;
    top: -11px;
    left: 1px;
  }

  .report-card-tag,
  .active-tag {
    /* width:150px; */
    height:24px;
    display:flex;
    flex-direction: row;
    margin-right:5px;
    
  }

  .report-card-tag {
    margin-bottom:10px;
  }

  .active-tag {
    margin-bottom:5px;
  }

  .tag-right-div {
    display: flex;
    flex-direction: row;
    border-right:1px solid #400;
    border-top:1px solid #400;
    border-bottom:1px solid #400;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    /* width:120px; */
    height:24px;
    font-size: 12px;
    padding-left:7px;
    padding-top:0px;
    background-color: #f1c8f5;
    color:#333;
    
  }

  #active-tag-set .tag-text {
    
    /* font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; */
    
    /* height:24px; */
    font-size: 14px;
    padding-left:2px;
    padding-top:3px;
    line-height:15px;
    /* padding-top:2px; */
    background-color: #f1c8f5;
    /* color:#333;  */
    
  }

.tag-text {
    padding-left:2px;
    padding-top:2px;
    /* padding-top:2px; */
    background-color: #f1c8f5;
}

.report-card-tag .tag-text {
    color: #333;
    font-weight: 500;
    font-size:12px;
}

  .remove-active-tag {
      text-align: right;
      padding-left:9px;
      margin-left:3px;
      padding-right:9px;
      padding-top:2.5px;
      border-radius: 3px;
      font-size:14px;
      line-height:15px;
  }

  .remove-active-tag:hover {
    /* background-color: #FF76A1; */
    background-color: #eea5f5;
    color:#000;
    cursor: pointer;
    /* padding-left:8px;
    padding-right:10px; */
}

  .report-card-tag-set,
  #active-tag-set {
      display:flex;
      flex-direction: row;
  }

  .bookmark-symbol {
      width:27px;
      height:110px;
        fill:#555;
        color:#190a99;
        stroke-width: 0.5px;
  }

  .report-card-save-div {
    margin-left:0px;
    width:33%;
    font-size:22px;
    
  }

  .report-card-bookmark {
    display:flex;
    flex-direction: row;
    padding:5px;
    padding-left:8px;
    border:1px solid #fff;
    /* width:85px; */
  }

  .report-card-bookmark.save {
      width: 69px;
  }

  .report-card-bookmark.remove {
      width: 85px;
  }

  .report-card-bookmark.save .report-card-bookmark-save-txt {
        /* color:#f00; */
        padding-top:5px;
        
  }

  .report-card-bookmark.remove .report-card-bookmark-save-txt {
    color:#888;
    padding-top:0px;

}

.report-card-bookmark.remove:hover .report-card-bookmark-save-txt {
    color:#222;
}

.report-card-bookmark.save:hover .report-card-bookmark-save-txt {
    color:#222;
}

  .report-card-bookmark:hover {
      border:1px solid #999;
      border-radius: 3px;
      background-color: #eee;
      cursor: pointer;
  }

  .report-card-bookmark i {
    transform:scale(1,1.2); ;
    -webkit-transform:scale(1,1.2);
    -moz-transform:scale(1,1.2);
    -ms-transform:scale(1,1.2);
    color:#555;
  }

  .report-card-price-line {
      margin-top:20px;
      width:100%;
      display: flex;
      flex-direction: row;
      /* border:1px solid #57b846; */
  }

  .report-card-price {
      width:33%;
    display:block;
    /* margin-top:30px; */
    font-family: PT Sans Narrow, source_sans_proregular, Arial, sans-serif;
    font-size:24px;
    font-weight: 600;
    /* position:absolute; */
    /* margin-top:4px; */
    padding-top:10px;
    bottom:0px;
    /* border:1px solid #052530; */
    letter-spacing:-2px;
    text-align: right;
    color:#444;
    margin-right:5px;
}

.report-card-icons {
    text-align: center;
    width:33%;
    font-size:20px;
    color:#333;
    /* line-height:23px; */
    padding-top:7px;
}

.report-card-icons .icon-man {
    width:10px;
    padding:0px;
    letter-spacing: -10px;
}

.report-card-bookmark-save-txt {
    font-size:12px;
    padding-left:6px;
    /* padding-bottom:4px; */
    display:block;
    line-height:11px;
    font-weight: 600;
   
}

.report-card-tag-set {
    flex-wrap: wrap;
    /* font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; */
    font-family: source_sans_proregular,'Arial Narrow', Arial, sans-serif;
    margin-top:5px;
    margin-bottom:18px;
    margin-left:5px;
    margin-right:5px;
}



@media(max-width:470px) { 
    .report-card-tag-set {
        margin-top:5px !important;
        margin-bottom:10px !important;
    }
}

.report-card-tag .tag-text {
    padding-left:1px;
    padding-right:4px;
    height:20px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding-top:0px;
    border-right:1px solid #999;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
}
.report-card-tag {
    height:17px;
    margin-right:1px;
    font-size:12px;
}

.report-card-tag .tag-triangle-left {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #999;
  }
  
  .report-card-tag .tag-triangle-left:after {
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 9px solid #f1c8f5;
    top: -9px;
  }


  .report-set-filter-control {
      display:flex;
      flex-direction: row;
      width:100%;
      border: 1px solid #ddd;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top:15px;
      margin-bottom:15px;
  }

  .filter-icon-button-div {
      display:flex;
      flex-direction: row;
  }

  .report-set-filter-tags {
    display:flex;
    flex-direction: row;
    /* flex-grow: 1; */
    margin-left: 10px;
    margin-right: 10px;
    
}

#active-tags-div {
    display:none;
    flex-direction: row;
    border:1px solid #999;
    border-radius: 3px;
    width:100%;
    padding:0px;
    margin-top:8px;
    margin-bottom:2px;
}


#active-tag-set {
    padding-top:5px;
    padding-bottom:0px;
    width:100%;
    flex-wrap: wrap;
    flex-grow: 1;
}

#active-tags-clear-div {
    padding:2px;
}


#active-tags-clear-all {
    padding-top:0px;
    padding-right:10px;
    padding-left:10px;
    line-height:30px;
    color:#777;
    background-color: #bbb;
    border-radius: 3px;
    font-size:14px;
}

#active-tags-clear-all:hover {
    color:#000;
    background-color: #eea5f5;
    cursor: pointer;
}

.report-set-help-control {
    margin-left: 10px;
}

.report-set-filter-types {
    flex-grow:1;
}

.report-set-filter-control .btn-secondary.active {
    background-color: #deabe2 !important;
    color:#fff !important;
}

.toolbar-icon-saved {
    margin-right:10px;
    padding-top:5px;
    margin-left:4px;
}

.toolbar-icon-1-person,
.toolbar-icon-2-person {
    margin-right:2px;
    padding-top:1px;
    font-size:21px;
}

.toolbar-icon-2-person {
    margin-right:15px;
}

.toolbar-icon-2-person .icon-man {
    letter-spacing: -12px;
    padding:0px;
    margin:0px;
}

.report-set-filter-control .toolbar-icon-saved i {
    transform:scale(1,1.5) !important; 
    -webkit-transform:scale(1,1.5) !important;
    -moz-transform:scale(1,1.5) !important;
    -ms-transform:scale(1,1.5) !important;
    /* color:#555; */
    display:block;
    font-size: 14px;
  }

#report-card-summary {
    display: flex;
    justify-content: center;
    align-items:center;
}

  .summary-content {
    height:100%;
    width:100%;
    /* border: 1px solid #ddd; */
  }

  .report-card-example-pre-btn-text {
      display:none;
      margin-bottom:15px;
  }

  .report-card-example-people {
      display:none;
      flex-direction: column;
      justify-content: center;
      align-items:center;
      font-size:20px;
      font-weight: 800;
  }

  .report-card-examples-buttons {
      display:none;
  }

  .couple-name-plus {
      margin-top:5px;
      margin-bottom:5px;
  }

  .report-name-bold {
      /* display:inline !important; */
      font-weight:800;
      color:#222;
  }

  .report-set-filter-control *:focus {
    outline: none !important;
    box-shadow: none !important;
   }


   #tag-dropdown.show {
       display:flex;
       flex-direction: row;
       flex-wrap: wrap;
        width:590px;
        /* height:300px; */
        border-color: #deabe2;
        border-radius: 3px;
        box-shadow: inset 0 0 10px #deabe2;
        padding-left:10px;
   }

  
    @media(max-width:600px) { 
        #tag-dropdown.show {
            width:479px;
        }
    }

    @media(max-width:490px) { 
        #tag-dropdown.show {
            width:375px;
        }
    }

    @media(max-width:375px) { 
        #tag-dropdown.show {
            width:280px;
        }
    }





   .report-set-filter-control .dropdown-item {
        width:115px;
        margin-left:0px;
        padding-left:15px;
   }

   /* #report-card-summary {
       font-size: 25px;
   } */
   #summary-card-totals-text {
       margin-top:90px;  
       margin-bottom:110px;
       font-size:34px;
       line-height: 30px;
       text-align: center;
   }

   #summary-card-main-filter-text {
    margin-top:10px;  
    margin-bottom:7px;
    font-size:20px;
    line-height: 30px;
    text-align: center;
   }

   #summary-card-filter-tags-text {
    margin-top:15px;  
    margin-bottom:5px;
    font-size:20px;
    line-height: 20px;
    text-align: center;
   }

   

   #report-card-summary .btn-general,
   #report-card-summary .btn-general::before {
       font-size:13px;
       width:100%;
       justify-content: center;
       padding-top:5px;
   }

   #mode-description {
       margin-top:40px;
       margin-bottom:10px;
       line-height: 18px;
   }

   .mode-question {
       margin-left:7px;
       margin-right:12px;
       line-height:20px;
       font-size: 20px;
   }


   .store-mode-bold {
    display:inline !important; 
    font-weight:800;
    font-size:12px;
    /* color:#222; */
    line-height: 8px !important;
    background-color:#deabe2;
    border: 1px solid #aaa;
    color:#fff;
    padding:0px 4px 0px 4px;
    /* padding-bottom:0px; */
    border-radius: 2px;
}

.main-filter-bold {
    display:inline-block !important; 
    /* font-weight:800; */
    background-color:#deabe2;
    border: 1px solid #aaa;
    color:#fff;
    padding:4px 6px 4px 2px; 
    border-radius: 2px;
    line-height:12px;
}
.main-filter-bold .toolbar-icon-1-person i,
.main-filter-bold .toolbar-icon-2-person i {
    letter-spacing: -8px;
}

#main-filter-saved-text,
.main-filter-bold .toolbar-icon-saved,
#main-filter-2-person-text,
.main-filter-bold .toolbar-icon-2-person,
#main-filter-1-person-text,
.main-filter-bold .toolbar-icon-1-person
{
    display:inline;
}

#main-filter-saved-text,
#main-filter-1-person-text,
#main-filter-2-person-text {
    font-size:16px;
}



.main-filter-bold #main-filter-2-person-text,
.main-filter-bold #main-filter-1-person-text,
.main-filter-bold #main-filter-saved-text  {
    line-height:14px !important;
    padding:0px;
    vertical-align: top;
    font-size:14px !important;
}

.main-filter-bold .toolbar-icon-saved,
.main-filter-bold .toolbar-icon-1-person,
.main-filter-bold .toolbar-icon-2-person {
    font-size:15px;
    line-height: 15px;
}

.main-filter-bold .toolbar-icon-saved,
.main-filter-bold .toolbar-icon-1-person,
.main-filter-bold .toolbar-icon-2-person {
    margin-right:6px;
    /* font-size:10px; */
}

#summary-clear-filter-tags-btn.btn-general,
#summary-clear-main-filter-btn.btn-general {
    justify-content: center;
    text-align:center;
    display:none;
}

#report-card-summary button.btn-general::before, 
#report-card-summary button.btn-general {
    text-align: center;
    justify-content: center;
}

#mode-description hr {
    color:#f00;
}

#description-hr {
    margin-bottom:60px;
}

#filter-control-bar-right {
    display:flex;
    flex-direction: row;
}

@media(max-width:841px) { 
    div.non-tablet {
        display:none !important;
    }
}

@media(max-width:720px) { 
    span.non-tablet-2 {
        display:none !important;
    }

    .page-full {
        margin-left:15px;
        margin-right:15px;
    }
}

@media(max-width:614px) { 
    span.non-tablet-3 {
        display:none !important;
    }
}

@media(max-width:570px) { 
    span.non-mobile,
    #main-filter-2-person-text,
    #main-filter-1-person-text {
        display:none;
    }
    .report-set-filter-types {
        width:100%;
    }
    
    .report-set-filter-types label {
        flex-grow: 1;
    }
    #main-filter-btn-group {
        width:100%;
    }

    .compare-all-reports-title {
        font-size:35px;
    }

    .report-set-filter-types {
        margin-bottom: 10px;
    }

    .report-set-filter-tags {
        margin-left:0px;
        margin-right:0px;
    }

   

    .report-set-help-control {
        margin-left:5px;
    }

    .report-set-celebrity-control {
        margin-left:5px;
        flex-grow: 1;
        justify-content: center;
        text-align: center;
    }

    /* .report-set-filter-tags #btnGroupDrop1 {
        padding-left:10px;
        padding-right:10px;
    } */

    label#mode-examples-label,
    label#mode-store-label {
        padding-left:8px;
        padding-right:8px;
    }

    #filter-control-bar-right {
        width:100%;
    }

    #main-filter-saved-text-with-icon {
        text-align: center;
        justify-content: center;
    }

    #main-filter-all-text-with-icon,
    #main-filter-2-person-text-with-icon,
    #main-filter-1-person-text-with-icon {
        display: block;
        /* margin:0px;
        padding:0px; */
        text-align: center;
    }

    #main-filter-label-2-person {
        border-left:1px solid #5b5b5b;
    }
    .toolbar-icon-2-person {
        margin-right:10px;
    }

    .toolbar-icon-saved {
        margin-right:5px;
    }

    #main-filter-label-saved {
        padding-left:6px;
        padding-right:6px;
    }
}

#planet-in-sign-header {
    margin-top:30px;
    margin-bottom:40px;
    /* border:1px solid #ff4da6; */
    display: flex;
    flex-direction: row;
}

@media(max-width:600px) { 
    #planet-in-sign-header {
        flex-direction: column;
    }
    #pis-header-combo-symbol {
        margin-bottom: 30px;
    }
}

#pis-header-meanings {
    /* border: 1px solid #57b846; */
    width:100%;
    /* margin-left:20px; */
   display:flex;
   flex-direction: column;
   justify-content:center;
}

#pis-header-combo-symbol {
    margin-left:30px;
    margin-right:30px;
    display:flex;
    align-content:center;
    align-items: center;
    justify-content:center;
}

#pis-header-meanings-join-text {
    color:rgb(255,160,255);
    margin-left:95px;
    margin-top:10px;
    margin-bottom:15px;
}

#pis-header-meanings-planet,
#pis-header-meanings-sign {
    display:flex;
}

.planet-sign-meaning-text {
    margin-left:20px;
    display:flex;
    line-height:18px;
    justify-content: center; 
    flex-direction: column;
}

.planet-sign-meaning-img-div {
    min-width:65px;
    text-align: center;
}

.signs-links-group,
.planet-in-sign-links-group {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    width:100%;
}

.signs-links-group > *,
.planet-in-sign-links-group > * {
    margin: 12px 0 0 12px;
  }

  .signs-links-group .btn-5,
  .planet-in-sign-links-group .btn-5 {
    color: #777;
    padding-top:3px;
    padding-left:10px;
  }

  
  .planet-in-sign-links-group .btn-5,
  .planet-in-sign-links-group .btn-5::before {
    height: 40px;
    width: 240px;
  }

  .signs-links-group .btn-5:hover,
  .planet-in-sign-links-group .btn-5:hover {
    color: #fff;
  }

  .sign-symbol-char,
  .planet-symbol-char {
    font-family: astroregular;
    font-size: 22px;
    margin-right:7px;
    margin-left:5px;
    padding-top:0px;
    line-height:30px;
    padding-bottom:2px;
    color:rgb(230, 145, 233);
  }

  .page-right-single hr {
      margin-bottom:15px;
  }

  .article-quote {
      font-weight: bold;
      font-style: italic;
      margin-left:20px;
      margin-right:20px;
  }

  .astro-two-col-header {
      display:flex;
      flex-direction: row;
  }

  .astro-header-col1 {
      margin-bottom:30px;
      width:50%;
      padding:5px;
  }

  .astro-header-col1 img {
    width:100%;
    
}

  .astro-header-col2 {
    margin-left:10px;
    margin-right:10px;
    width:50%;
    padding:5px;
    }

  @media(max-width:650px) { 
    .astro-two-col-header {
        flex-direction: column;
    }
    .astro-header-col1 {
        width:100%;
    }
    .astro-header-col2 {
        width:100%;
        margin-left:0px;
        margin-right:0px;
    }
  
}

.under-image-quote {
    font-weight: bold;
    text-align: center;
    margin-left:22%;
    margin-right:22%;
    line-height:18px;
    margin-top:10px;
    font-size:15px;
}

.btn-general.btn-6.btn-read-more {
    width:150px !important;
    
}
.btn-general.btn-6.btn-read-more,
.btn-general.btn-6.btn-read-more::before {
    height: 30px !important;
}

.btn-text {
    padding-top:3px;
}
.para-with-close-button {
    margin-bottom:10px;
}

/* .btn-read-more .btn-text {
    width:10%;
} */

.about-intro-menu .astro-header-col2,
.about-intro-menu .astro-header-col1 {
    border:1px solid #aaa;
    border-radius: 10px;
    padding:20px;
    margin-bottom:30px;
}


.signs-links-group .btn-5::before,
.signs-links-group .btn-5 {
    height: 40px;
    width: 280px;
}

.houses-text-bold {
    font-weight: bold;
    letter-spacing: -0.5px;
    color: rgb(236, 105, 230);
}
.houses-text-bold:hover {
    color: rgb(236, 159, 233);
}


#all-contributors-div {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left:-10px;
    margin-top:-10px;
}

#all-contributors-div h3 {
    padding-bottom:5px;
    padding-top:0px;
    margin-top:0px;
}

.contributor-card {
    width:47%;
    border:1px solid #aaa;
    padding:15px;
    padding-top:10px;
    border-radius: 10px;
    display:flex;
    flex-direction: column;
}

@media (max-width:550px) {
    .contributor-card {
        width:97%;
    }
}

.contributor-type {
    font-family: freebooter_scriptregular;
    font-size:47px;
    color:#ccc;
    line-height:50px;
    margin-top:20px;
    margin-bottom:0px;
}

.contributor-type.long-tail-char {
    margin-bottom:10px;
}

.contributor-img-div {
    width:100%;
}

.contributor-img-div img {
    width:100%;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.contributor-desc {
    margin-bottom:20px;
    flex-grow:1;
}

#all-contributors-div  > * {
    margin: 15px 0 0 15px;
  }

  .contributor-card button::before,
  .contributor-card button {
      color: #888;
      width: 150px;
  }

  .contributor-card .btn-text {
    padding-bottom:3px;
  }

  .contributor-card button:hover {
    color:#fff;
  }

  .right-aligned-btn-div {
    display:flex;
    flex-direction: row;
    justify-content:flex-end;
    /* border: 1px solid #f00; */
  }

  .contributor-card h2 {
      margin-top: 10px;
  }

  .contributor-card .related-reports-div {
      justify-content: space-evenly;
      /* flex-grow:1; */
  }

  .promo-card .right-aligned-btn-div {
      /* border:1px solid #f00; */
      margin-top: 20px;
  }


  @media (max-width:415px) {
    .contributor-card .related-reports-div {
        flex-direction: column;
    }
    .contributor-card img.rep-thumb-img {
        width:100%;
        height:auto;
    } 
    .contributor-card .rep-thumb-div {
        height:250;
    } 
    .contributor-card .rep-thumb-title {
        width:100%;
        font-size:16px;
    } 
}

@media (max-width:375px) {
    .contributor-card .rep-thumb-div {
        height:220;
    } 
}

@media (max-width:320px) {
    .contributor-card .rep-thumb-div {
        height:200;
    } 
}


#contact-email-icon {
    width:97px;
    display:block;
    margin-left:25px;
    margin-top:15px;
    fill:#dea8e6;
}
#contact-phone-icon {
    width:75px;
    display:block;
    padding-top:18px;
    padding-bottom:15px;
    margin-left:22px;
}
#contact-mailbox-icon {
    width:110px;
    display:block;
    padding-top:15px;
    padding-bottom:15px;
    margin-left:10px;
}

.contact-intro {
    padding:20px;
}
.contact-method-div {
    border:1px solid #ddd;
    border-radius: 10px;
    padding:20px;
}
.astro-two-col {
    display:flex;
    flex-direction: row;
}
.astro-col1 {
    width:40%;
    min-width:145px;
}
.astro-col2 {
    width:60%;
}

.contact-method-div-email .astro-col1 {
    width:30%;
}
.contact-method-div-email .astro-col2 {
    width:70%;
}

.contact-us.astro-two-col-header {
    margin-bottom:15px;
} 


.contact-us .astro-header-col1 {
    width:55%;
}
.contact-us .astro-header-col2 {
    width:45%;
}

@media (max-width:1200px) {
    .contact-us.astro-two-col-header {
        flex-direction:column;
        margin-bottom:0px;
    } 

    .contact-us .astro-header-col2,
    .contact-us .astro-header-col1 {
        width:100%;
    }

    .astro-header-col1,
    .astro-header-col2 {
        margin-bottom:20px;
    }

    .astro-col1 {
        width:30%;
        min-width:140px;
    }
    .astro-col2 {
        width:70%;
    }
    .contact-us .astro-header-col2 {
        margin-left:0px;
    }
    /* .contact-us .astro-header-col1 {
        margin-bottom:0px;
    } */
}

@media (max-width:415px) {
    .contact-method-div.astro-two-col {
        flex-direction: column;
    } 
}

.contact-phone,
.contact-email {
   
    font-weight:bold;
    margin-bottom:15px;
    margin-top:10px;
}

.contact-phone {
    font-size:24px;
    margin-left:10px;
}
.contact-email {
    font-size:19px;
    padding-bottom:10px;
    margin-left:30px;
    padding-top:5px;
    color: #002;
    font-weight:800;
}

@media (max-width:415px) {
    .contact-email {
        font-size:20px;
    }
}

.contact-us p {
    text-align: left;
}

.contact-post-text {
    line-height:19px;
    margin-top:35px;
}

.contact-email-text {
    line-height:17px;
}

.contact-email-text p {
    margin-top:20px;
    margin-bottom:0px;
}

.contact-phone-text {
    line-height:17px;
    margin-top:60px;
}

@media (max-width:415px) {
    .contact-phone-text {
        line-height:17px;
        margin-top:20px;
        margin-bottom:20px;
    }
}

.contact-phone-text p {
    margin-bottom:0px;
}

.uppercase {
    text-transform: uppercase;
    margin-top:20px;
}

/* .full-page.login-box-new {
    max-width: 500px;
} */

input:required:invalid:not(.no-icon), 
input:focus:invalid:not(.no-icon) {
    /* background-image: url("http://localhost:9999/astro-gui/icons/alert-icon.svg"); */
    background-image: url("/static/images/icons/alert-icon.svg");
    background-position: 98% 50%;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
    background-size: 20px;
    
  }
input:required:valid:not(.no-icon) {
    /* background-image: url("http://localhost:9999/astro-gui/icons/tick-mark.svg"); */
    background-image: url("/static/images/icons/tick-mark.svg");
    background-position: 98% 51%;
    background-repeat: no-repeat;
    background-size: 20px;
  }

  input.no-icon:required:invalid, input:focus:invalid {
    /* background-image: url("http://localhost:9999/astro-gui/icons/alert-icon.svg"); */
    /* background-position: 98% 50%; */
    /* background-repeat: no-repeat;
    -moz-box-shadow: none;
    background-size: 20px; */
    color: #f00;
  }
  input.no-icon:required:valid {
    /* background-image: url("http://localhost:9999/astro-gui/icons/tick-mark.svg");
    background-position: 98% 51%;
    background-repeat: no-repeat;
    background-size: 20px; */
    color: #444;
  }

  .btn-general:disabled,
  .btn-general:disabled:hover {
      background-color:#ccc !important;
      background:#ccc !important;
  }
  

  #email-confirm-code-group {
      position:relative;
  }
  #email-confirmation-code {
     
      /* position:relative;
      z-index:0;
      top:0; */
      left:0;
      right:0;
      bottom:0;
  }
  .confirm-check-spinner,
  .confirm-check-spinner-text {
     display:block;
     
  }

  .confirm-check-spinner {
      margin-right:10px;
      margin-top:4px;
      color:#777;
  }

  .confirm-check-spinner-text {
      padding-top:0px;
  }
  #confirm-code-check-spinner {
      position:absolute;
      /* z-index:10; */
      top:17px;
      /* left:0; */
      right:40;
      bottom:0;
      /* z-index: 10; */
      display:none;
      flex-direction: row;
  }

  .login-btn .spinner-border {
    margin-right:15px;
    margin-top:-5px;
    margin-left:-5px;
    display:none;
  }
  .login-btn  {
      padding-top:4px;
  }

  .signup-form-line {
    margin-top:30px;
    margin-bottom: 0px;
    border-color:#ccc;
  }

  #password-main {
      margin-top:0px;
  }

  #confirm-email-btn-countdown-text {
      position:absolute;
      right:15;
  }

  #dob-group,
  #tob-group {
      margin-top:0px !important;
      display:flex;
      flex-direction: row;
      flex-wrap: nowrap;
  }

  .dob-year,
  .dob-month,
  .dob-day {
      width:30%;
  }

  #tob-hour-select {
      width:80px;
      margin-right:10px;
  }
  #tob-minute-select {
    width:60px;
    margin-right:10px;
}

.dob-part
{
    text-align: center;
    padding:3px;
    height:36px;
    font-size:19px;
    margin-top:0px;
}

#dob-year {
    width:57px;
    
}
#dob-month {
    width:40px;
}
#dob-day {
    width:40px;
}

.date-time-group {
    display:flex;
    flex-direction: row;
    /* background-color: #fff; */
    justify-content: space-evenly;
    margin-top:10px;
}
.date-time-group input {
    margin-top:0px;
}

/* #tob-group {
    margin-left:10px;
} */

#tob-hour,
#tob-min {
    width:40px;
}
.dob-separator {
    font-size:25px;
    padding-top:5px;
    padding-left:2px;
    padding-right:2px;
    color:#999;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999 !important;
    opacity: 0.1; /* Firefox */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999 !important;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    color: #999 !important;
  }

  #gender-mf {
      margin-left:10px;
  }

  #gender-mf label {
      width:40px;
  }

  #tob-ampm {
    height:30px;
    padding:0px;
    margin-top:0px;
    margin-left:5px;
    visibility: hidden;
  }

  #gender-m-label,
  #gender-f-label,
  #ampm-am-label,
  #ampm-pm-label {
      padding-left:8px;
      padding-right:8px;
      padding-top:3px;
      padding-bottom:0px;
  }

  #gender-mf label,
  #tob-ampm label {
    background-color: #fff;
    color:#AAA;
    border-color: #bbb;
  }
  #gender-mf label.active,
  #tob-ampm label.active {
    background-color: #deabe2 !important;
    color:#fff !important;
}

#dob-title {
    margin-top: 20px;
}
  
#name-sex-group {
    display:flex;
    flex-direction: row;
}

#new-chart-form input {
    margin-top:0px;
}
  
.form-section {
    margin-top:15px;
    padding-top:5px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px;
    border:1px solid #ccc;
    border-radius:5px;
    background-color: #f4f4f4;
}

#tob-text {
    line-height:12px;
    font-size:14px;
}

.form-section-title {
    margin-top:5px;
    margin-bottom:10px;
    /* font-family: PT Sans Narrow Bold, source_sans_proregular, Arial, sans-serif; */
    font-size:18px;
    
}

#chart-location:invalid {
    color:#b347bd;
}

#chart-holder {
    height:400px;
    width:100%;
}

.shadow {
    /* filter:drop-shadow(3px 3px 2px #000000);  */
    text-shadow: 1px 1px 2px #999;
    /* color: #e4e717; */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10pt;
}

.chartHouseNumbers {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 7pt;
}