@import url('https://fonts.googleapis.com/css2?family=Arvo:wght@400;700&display=swap');

@font-face {
  font-family: 'Catamaran';
  src: url('../../fonts/v2/Catamaran-Bold.eot');
  src: url('../../fonts/v2/Catamaran-Bold.eot?#iefix') format('embedded-opentype'),
      url('../../fonts/v2/Catamaran-Bold.woff2') format('woff2'),
      url('../../fonts/v2/Catamaran-Bold.woff') format('woff'),
      url('../../fonts/v2/Catamaran-Bold.ttf') format('truetype'),
      url('../../fonts/v2/Catamaran-Bold.svg#Catamaran-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Catamaran';
  src: url('../../fonts/v2/Catamaran-Light.eot');
  src: url('../../fonts/v2/Catamaran-Light.eot?#iefix') format('embedded-opentype'),
      url('../../fonts/v2/Catamaran-Light.woff2') format('woff2'),
      url('../../fonts/v2/Catamaran-Light.woff') format('woff'),
      url('../../fonts/v2/Catamaran-Light.ttf') format('truetype'),
      url('../../fonts/v2/Catamaran-Light.svg#Catamaran-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Catamaran';
  src: url('../../fonts/v2/Catamaran-SemiBold.eot');
  src: url('../../fonts/v2/Catamaran-SemiBold.eot?#iefix') format('embedded-opentype'),
      url('../../fonts/v2/Catamaran-SemiBold.woff2') format('woff2'),
      url('../../fonts/v2/Catamaran-SemiBold.woff') format('woff'),
      url('../../fonts/v2/Catamaran-SemiBold.ttf') format('truetype'),
      url('../../fonts/v2/Catamaran-SemiBold.svg#Catamaran-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Catamaran';
  src: url('../../fonts/v2/Catamaran-Regular.eot');
  src: url('../../fonts/v2/Catamaran-Regular.eot?#iefix') format('embedded-opentype'),
      url('../../fonts/v2/Catamaran-Regular.woff2') format('woff2'),
      url('../../fonts/v2/Catamaran-Regular.woff') format('woff'),
      url('../../fonts/v2/Catamaran-Regular.ttf') format('truetype'),
      url('../../fonts/v2/Catamaran-Regular.svg#Catamaran-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Catamaran';
  src: url('../../fonts/v2/Catamaran-Medium.eot');
  src: url('../../fonts/v2/Catamaran-Medium.eot?#iefix') format('embedded-opentype'),
      url('../../fonts/v2/Catamaran-Medium.woff2') format('woff2'),
      url('../../fonts/v2/Catamaran-Medium.woff') format('woff'),
      url('../../fonts/v2/Catamaran-Medium.ttf') format('truetype'),
      url('../../fonts/v2/Catamaran-Medium.svg#Catamaran-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


* {
    margin: 0;
    padding: 0;
    text-decoration: none
}


body { font-family: 'Rubik', sans-serif;  transition: 0.5s ease-in-out; margin:0px; padding-right: 0px!important;}

/* html, body {overflow-x: hidden;} */
b, strong{ font-weight:500;}
a{outline:none;}
a:focus {outline: none;}
h1{font-family: 'Unna', serif; margin:0px;}
h4{ margin:0px;}

.container {max-width: 1300px; margin: 0 auto;  padding: 0 1.5rem;}
.row {margin-left: -20px;  display: inline-block; }
.row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height:0;}
.top_header{width:100%; float:left; background:#1d3048; padding:5px 0px;}
.top_header li{list-style-type:none; list-style:none; float:left; color:#FFFFFF; padding:0px 12px; font-size:14px; font-weight:400;}

.space-remove {border-left-width: 0px !important;}
.top_header li a{color:#FFFFFF; font-size:15px; text-decoration:none;}
.live_chat{ background:url(../../img/v2/live-chat.png) no-repeat left top; width:20px; height:21px; float:left; margin-right:5px;}
.prd-des{ width:100%; float:left; }
#askexpert-grid{ display:none;}
.ask-question p { font-weight: 300;
  line-height: 1.3;
  padding: 15px 0px 5px;
  font-family: 'Catamaran', sans-serif;
}

.customer-support .dropdown{ border:solid 1px #334b69; border-radius:5px; margin-right:15px; padding:0px 10px;}
.customer-support li li{ width:100%; float:left; padding:0px!important; border-bottom:solid 1px #ededed;}
.customer-support li li:last-child{ border-bottom:none;}
.customer-support li li a{ color:#000000; width:100%; float:left;}

.horosign{box-shadow:0px 0px 5px rgba(0, 0, 0, 0.4); padding:4px 0px; margin-bottom:8px; transition:all 0.3s ease-in; border-radius:10px;}
.horosign:hover{box-shadow:0px 0px 15px rgba(0, 0, 0, 0.4); transition:all 0.3s ease-in;}
.horosign img{ height:34px!important;}
.incomplete-profile{text-align:center; background:#3f70ae; color:#fff; font-size:15px; width:100%; float:left; padding:3px 0px;}
.aries-sign{background:rgba(246, 204, 204, 0.8); border: solid 1px rgba(246, 204, 204, 1.0);  text-align: center;display: inline-block;}
.taurus-sign{background:rgba(213, 243, 246, 0.8); border: solid 1px rgba(213, 243, 246, 1.0);  text-align: center;display: inline-block;}
.gemini-sign{background:rgba(246, 243, 193, 0.8); border: solid 1px rgba(246, 243, 193, 1.0);  text-align: center;display: inline-block;}
.cancer-sign{background:rgba(217, 238, 211, 0.8); border: solid 1px rgba(217, 238, 211, 1.0);  text-align: center;display: inline-block;}
.leo-sign{background:rgba(245, 222, 198, 0.8); border: solid 1px rgba(245, 222, 198, 1.0);  text-align: center;display: inline-block;}
.virgo-sign{background:rgba(221, 206, 224, 0.8); border: solid 1px rgba(221, 206, 224, 1.0);  text-align: center;display: inline-block;}
.libra-sign{background:rgba(246, 218, 229, 0.8); border: solid 1px rgba(246, 218, 229, 1.0);  text-align: center;display: inline-block;}
.scorpio-sign{background:rgba(222, 225, 246, 0.8); border: solid 1px rgba(222, 225, 246, 1.0);  text-align: center;display: inline-block;}
.sagittarius-sign{background:rgba(227, 246, 237, 0.8); border: solid 1px rgba(227, 246, 237, 1.0); text-align: center;display: inline-block;}
.capricorn-sign{background:rgba(238, 224, 214, 0.8); border: solid 1px rgba(238, 224, 214, 1.0);  text-align: center;display: inline-block;}
.aquarius-sign{background:rgba(242, 224, 245, 0.8);border: solid 1px rgba(242, 224, 245, 1.0);  text-align: center;display: inline-block;}
.pisces-sign{background:rgba(224, 210, 145, 0.8); border: solid 1px rgba(224, 210, 145, 1.0);  text-align: center;display: inline-block;}
.partner-programme-form{width:100%; float:left;}
.partner-programme-form label{ color:#000!important;}
.partner-programme-form .form-control{ border:solid 1px #ccc!important;}
.member-show{ display:none;}
.hidden-des{ display:none!important;}
.diwali{ position:absolute; left:50%; font-size:32px; top:-6px; font-family: 'Sacramento', cursive; z-index:100;}
.email{background:url(../../img/v2/email.png) no-repeat left top; width:18px; height:13px; float:left; margin-right:5px; margin-top:5px;}
.phone{background:url(../../img/v2/phone.png) no-repeat left top; width:16px; height:16px; float:left; margin-top:5px;}
.right-panel{float:right!important;}
ul{padding:0px; margin:0px;}
.single-product{ padding-right:50px; padding-left:15px;}
.single-product .report-content {border:none;}
.login-area{float:right; text-align:right;}
.submitbtn{ border-radius:30px; background: rgb(42,85,149); display:inline-block; font-size:18px; font-weight:500;
background: linear-gradient(90deg, rgba(42,85,149,1) 0%, rgba(50,107,193,1) 100%); padding:8px 2.2rem; border:none; color:#FFF;}

.customer-support .dropdown-top {
  position: inherit; border:none;
 float:left!important;
}
.customer-support .dropdown-top button{ background:none;}

.modal {
  padding-right: 0px !important;
}

.after-login{float:right; text-align:right; position:relative; z-index:1000;}
.after-login .submenu li{ font-size:14px; text-align:left; padding:8px 15px!important;}
.after-login ul{background:none!important;}
.after-login .submenu li{ background:#333!important; font-size:13px; color:#ddd; border-bottom:solid 1px #666;}
.after-login .submenu li a{ padding:0px!important; border:none;}
.after-login .submenu li a:last-child{padding:5px 15px!important;}
.after-login .submenu li a:hover{ background:#fff!important; color:#000000;}
.after-login li span{ color:#f9c85a;}
.myaccount{color:#FFFFFF; float:left; padding-left:15px; margin-top:3px;}
.myaccount a{ color:#FFFFFF; font-size:20px;}
.cart{float:left; position:relative; margin-top:3px; padding:0px 8px;}
.mtop-submenu{display:none;}
.nxt-mon{ color:#006fff; font-weight:500; float:left; text-transform:uppercase; border-bottom:solid 2px #006fff;  margin-bottom:5px; float:right; text-align:right;}
.linkbtn{ color:#203f78; font-weight:600; font-size:18px; text-decoration: underline;}
.sign-combo{float: right; text-align: right;}
.login_btn{ background:#f9c85a; color:#000000!important; font-size:14px; text-transform:uppercase; padding:5px 20px; font-weight:500; border-radius:5px; float:left; margin-right:5px;}
.sign_up{background:#323232; color:#FFFFFF!important; float:right; margin-right:0px;}

.moon-sign-notification {
  width: 30%;
  border: solid 3px #3b7fa4;
  text-align: left;
  padding: 2rem;
  font-weight: 300;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.4);
  position: fixed;
  z-index: 100000000;
  background: linear-gradient(180deg, rgba(29,48,72,1) 0%, rgba(46,94,156,1) 100%);
  border-radius: 10px;

  /* Centering on the Page */
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.moon-sign-notification .highlight-content{ background:#fff; text-align:center; font-size: 22px; color:#1d3048; padding:1rem 1.5rem; line-height:26px; font-family: 'Catamaran', sans-serif; border-radius: 10px;}
.moon-sign-notification .radio-buttons{font-family: 'Catamaran', sans-serif; font-size:18px;  color: #fff;}
.moon-sign-notification .highlight-content strong{font-size: 20px;}
.close-button{ position:absolute; right:-10px; background:#2e5e9c; width:28px; height:28px; border-radius:100%; line-height:30px; text-align:center; top:-10px; cursor:pointer; color:#FFF;}
.close-button i{ color:#FFF; font-weight:300;}
.button_area{ width:100%; text-align:center;}
.moon-sign-notification .radio-buttons:last-child{ width:100%;}
.moon-sign-notification .checkmark{left:10px; top:7px; background:#fff; width: 15px; height: 15px; border: none;}
.moon-sign-notification .radio-buttons .checkmark:after{top: 3px; left: 3px; width: 9px; height: 9px;}
.moon-sign-notification .radio-buttons .checkmark:after{background: #2d5b97;}
.moon-sign-notification .radio-buttons input:checked ~ .checkmark{background-color:#fff;}
.tooltip {position: relative; display: inline-block;}
.signup_form .unlimited{ margin-top:0px;}
#membership{ margin-top:20px; width:100%; float:left;}
.tooltip .tooltiptext {visibility: hidden; width: 100%; background-color: #333; color: #fff; text-align: center;
border-radius:6px; padding:5px 0; position: absolute; bottom:20px; left:0px; z-index: 1;}
.tooltip:hover .tooltiptext {visibility: visible;}
.has-error .form-control{border-color:#F00 !important;}
.modal-ajax-loader{width:35px !important;}
.help-block.with-errors{height:auto;}
.form-group input.error, .form-group select.error {border: 1px solid red;}
div.error-list label.error {margin-left: 1em;width:100%;color:#ff0000;font-size:13px;font-style:italic;}
div#authMessage{width:100%; text-align:center; display:inline-block; color: #f13737; font-size:17px; margin-bottom: 10px; padding:20px 0px 0px;}
.main_menu{ width:100%; float:left; position:relative; background:#fafafa; /*padding:10px 0px 10px;*/ padding:5px 0px 0px; }
.tagline{width:100%; float:left; background:#ffffff; text-align:center; padding:2px 0px; font-size:18px;}
.social{width:100%; float:left;}
.social ul{ padding:0px; margin:0px;}
.nav .nav-links {display: flex; align-items: center; justify-content: flex-end; float:right; text-align:right;}
.nav-links { float:right; margin:22px 0px 0px;}
.list-inline li {display: inline-block;}
.list-inline li a{ color:#000;}
.social a {font-size: 1.2rem; padding: 0.4rem;}
.nav .social {padding: 0;}
.list-inline li a {color: #111; font-weight: 600; font-size: 1rem; padding: 1rem 0.4rem;}
.mobile-search-bar {background: #fef9ee; float:left; font-family: 'Unna', serif; border-top: 1px #ebebeb solid; padding: 1rem 0;
width: 100%; display: none; -webkit-box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.02); -moz-box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.02); box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.02); }
.mobile-search-bar .input-large {margin:0; width:100%;}
.mobile-search-bar .span-2 {border-left-width: 0;}
.main_menu .span-1 {float:right; width:10%;}
.signs-grid .sign {width: 100%; margin: 0 auto; display: block;}
.signs-grid h3 {
  font-size: 17px;
  font-weight: 600;
  padding: 8px 5px 5px;
  margin: 0px 0 0px 0;
  font-family: 'Catamaran', sans-serif;
  color: #001111;
  transition: all 0.3s ease-in;
}
.h-ask-question{ width:100%; float:left;}
.h-ask-question .ask-question{background:none; border:none; box-shadow:none; margin:0px 0px 0px; padding:0px;}
.h-ask-question .ask-question textarea{ background:#f8f8f8; padding: 20px 15px; border-radius: 0.25rem; border:solid 2px #dfa333; font-family: 'Unna', serif; font-style: italic; font-size:17px; margin-top: -25px;}
.h-ask-question .ask-question h3{ background: #ffebbd; margin-left: 12px; font-family: 'Catamaran', sans-serif; border-radius: 20px; color: #000; display: inline-block; padding: 5px 20px; border: solid 2px #dfa333;}

.h-ask-question .ask-question h2{font-size:36px;}
.h-ask-question .ask-question b {    font-family: 'Arvo', serif;font-size: 32px;font-weight: 400;}

.h-ask-question .free_horoscope_btn{float:left!important; margin-top:-5px; padding:8px 2.6rem!important;}
.ask-question{ background:#c7e1f2; float:left; width:100%; border:solid 3px #fff; box-shadow:2px 0px 21px rgba(0, 0, 0, 0.2); margin:0px 0px 0px; padding:15px 25px 10px;}

.ask-question textarea{ width:100%; float:left; height:125px; resize:none; padding:10px 15px; line-height:24px;border:none; border-radius:0px;}
.question-time-duration{ width:100%; float:left;}
.question-time-duration .form-group{ padding-top:15px; display: flex; align-items: center; width: 100%!important;}
.question-time-duration .form-group label{ font-family: 'Catamaran', sans-serif; color:#000; line-height: 18px;  font-size:18px; width:auto; float:left; padding-right:50px; font-weight:600;}
.question-time-duration .checkmark{ background:#fff; box-shadow:none; border:solid 1px #2e5e9c; }
.extra-pro{width:100%; margin-bottom:10px; text-align:center; float:left}
.extra-pro li{ list-style-type:none; list-style:none; text-align:center; display:inline-block; margin-bottom:3px;}
.extra-pro li a{ background:#00a9ff; padding:3px 10px; text-align:center; color:#FFF; border-radius:3px; border:solid 1px #000;}
.extra-pro li a svg{ margin-right:5px;}
.astrologer-programs{ margin-left: 15px; background:#2e5e9c; border-radius:5px; padding:8px 20px; color:#ffffff; font-weight:400; margin-top:15px; font-size:16px; text-align:left;  display:inline-block;  box-shadow:0px 0px 21px rgba(0, 0, 0, 0.2);}
.astrologer-programs span{font-weight:500;}
.astrologer-programs .icon{background:#006fff; width:43px; height:43px; line-height:43px; float:left; border-radius:50px; text-align:center; margin-left:-50px;}
/* .astrologer-programs:hover{background:#006fff; color:#FFF;} */
.question-time-duration .free_horoscope_btn{font-family: 'Catamaran', sans-serif; padding: 2px 25px!important; font-weight:500; border:
none; padding:5px 25px; box-shadow:5px 0px 10px rgba(0, 0, 0, 0.3); float:right; margin-top:0px;}
.content-grid{width:100%; float:left; background:#fff; padding:0px 0px 0px 0px;}
.content-grid .morelink{ font-weight:500; text-decoration:underline;}

.content-grid-area{background:#FFF; float:left; width:100%;}
.article-blog h3 {font-size: 38px; font-family: 'Unna', serif; font-weight: 400; margin: 0px 0px 20px; position: relative; font-family: 'Unna', serif; line-height:36px;}

.content-grid p{ font-size:18px; font-weight:300;}
.content-img{ float:left;  margin-right:15px; width:235px}
.content-grid {
    width: 100%;
    float: left;

}
.content-grid h3 {
    font-size: 38px;
    font-family: 'Unna',serif;
    font-weight: 400;
    margin: 0 0 0px;
    position: relative;
    font-family: 'Unna',serif;
}
.content-img {
    float: left;
    border: solid 2px #fff;
    box-shadow: 5px 0 16px rgb(0 0 0 / 10%);
    margin-right: 15px; margin-bottom:15px
}

#spinning-circle {
    width: 190px;
    height: 191px; float:left; margin-right:20px;
    -webkit-animation:spin 50s linear infinite;
    -moz-animation:spin 50s linear infinite;
    animation:spin 50s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.form-group{width:100%; float:left; padding-top:14px;}
.free_horoscope_btn{ background:#2e5e9c; font-size:20px; color:#FFF; border-radius:5px; border:solid 1px #5e9ba8; padding:8px 35px; cursor:pointer; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.7); font-weight:500;  display:inline-block; margin-top:10px;}
.button-area{width:100%; text-align:center!important; display:inline-block; margin:5px 0px 10px;}
.form-group label{ color:#FFF; font-family: 'Rubik', sans-serif; font-size:18px; font-weight:500; display:block;  padding-bottom:10px;}
.input-medium{width:50%; float:left; padding-right:10px; box-sizing:border-box;}
/*.input-medium select{ margin-bottom:10px;}*/
.form-control{border-radius:5px; background:#fff; float:left; padding:5px 10px; width:100%; border:none;}
#MemberGLocation{ width:95%;}
.input-small{width:33.3%; float:left; padding-right:10px; box-sizing:border-box;}
.input-medium select {margin-bottom: 10px;}
.our-expert-blog {width: 100%;float: left;text-align: center;}
.card{ width:100%; float:left; display:flex;}
.heading-img{ width: 100%; text-align: center; display: inline-block;  background: url(../../img/v2/heading-img.png) no-repeat center bottom;     font-size: 32px;
  font-family: 'Arvo', serif;
  padding: 0px 0px 15px;
  line-height: 30px; background-size: 200px; padding-bottom: 25px!important; margin-bottom: 10px;}
  .heading-img span{font-family: 'Catamaran', sans-serif; font-weight: 500; font-size: 22px;}

.cool-link {display: inline-block; text-decoration: none; color:#336699; font-weight:500;}
.cool-link::after {content: ''; display: block; width: 0; height: 2px; background: #336699; transition: width 0.3s; -moz-transition: width 0.3s;}
.cool-link:hover::after {width: 100%; }
.our-expert-grid{width:100%; float:left; padding:0px 0px; }
.our-expert{ width:100%; float:left; position:relative; padding:15px 0px 0px;}
.our-expert .astrologer{width:100%;  text-align:center; display:inline-block; outline:none; border:none; padding:15px 0px 0;}
.our-expert .astrologer_detail{ width:100%; float:left; text-align:left; box-shadow:0px 4px 5px rgba(0, 0, 0, 0.1); padding:10px 5px; font-family: 'Proza Libre', sans-serif; min-height:175px;}
.our-expert .button-area .icon-cercal{ width:34px; height:34px; line-height:32px; background:#fff; border-radius:100%; border: solid 1px #ccc;}
.our-expert .button-area i{ font-size:14px; color:#666; margin-right:5px;}
.our-expert-blog{width:100%; float:left; text-align:center; border-radius:5px; transition:all 0.3s ease-in;}
.our-expert-blog:hover i{ color:#ac9e02;transition:all 0.3s ease-in;}
.our-expert-blog:hover .name{ color:#2e5e9c!important; transition:all 0.3s ease-in;}

.chat-icon{background: #1d3048; position: fixed; z-index: 1000;  width: 48px; height: 48px; border-radius: 50%; cursor: pointer; line-height: 4; text-align: center;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16); bottom: 18px; right: 50px; transition: all 0.5s;}
.chat-icon:hover{transform: scale(1.1);}
  .chat-icon svg{width: 24px; height: 24px; display: inline-block;}
  .chat-icon svg path{fill: #fff}
.our-expert .astrologer img{ width:75px; height: 75px; object-fit: cover;  border-radius: 5px; object-fit: cover;}
.our-expert h2{  color: #000; font-weight: 400; padding-bottom:5px; position:relative;}
.header-img {position: relative;max-width: 275px;margin: 0 auto;}
.header-img:before, .header-img:after {position: absolute;top: 50%;content: "";width: 85px;height: 1px;background: #dbdde0;}
.header-img:before {left: 0;}
.header-img:after {right: 0;}
.header-img .img-responsive {max-width: 60px;margin: 0 auto;}
.our-expert .view-all-btn {position: relative; color: #2e5e9c; float:right; float:right; }
.our-expert .slick-active{opacity: 1.0;}
.our-expert .view-all-btn a{ color:#2e5e9c; font-size:14px; }
.our-expert li{list-style-type:none; list-style:none; float:left; margin:20px 0px 0px;}
.our-expert li .astrologer{ float:left; padding-right:20px; width:35%;}
.our-expert li .astrologer_detail{ margin:0px 0px 0px; width:65%; float:left; padding:0px 0px 0px 10px;}
.our-expert-blog .astrologer_detail p{ font-weight:300; line-height:20px; width:100%; }
.our-expert-blog .astrologer_detail .name{font-size:17px; font-weight:500; font-family: 'Arvo', serif; padding:8px 0px 5px; color:#000000; width:100%; float:left; line-height:18px; text-align: center;}
.our-expert-blog .astrologer_detail .experience{font-size:13px; color:#000; padding:0px 0px; float:left; text-align: center; width:100%;  margin:0px 0px 0px;}
.our-expert-blog .astrologer_detail .more{ color:#006aec; margin-top:10px;}
.our-expert-blog .view-more{ border:solid 1px #336699; color:#2e5e9c; border-radius:5px; padding:3px 15px;  text-align:center;  margin:0px 0px 0px; font-weight:500;}
.our-expert-blog .view-more:hover{ background:#2e5e9c; color:#FFFFFF;}
.modal-open{padding-right:0px!important;}
.astrology-report-grid .slick-next:before{ font-size:24px; }
.astrology-report-grid .slick-prev:before{ font-size:24px; }
@-webkit-keyframes nav-secondary {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
            transform: translateY(-1em);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes nav-secondary {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
            transform: translateY(-1em);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.sub-footer{ background: #00567e;  padding: 25px 0px 10px; float: left; width: 100%; margin-top: 20px; background: url(../../img/v2/sub-footer-bg.png) repeat-x, linear-gradient(#0075ab, #005075);}
.sub-footer h2{ font-size: 18px; color: #fff; font-weight: 400; padding: 10px 15px 0px;  float: left; border-right: solid 1px #9c9c8a; min-height: 45px; font-family: 'Catamaran', sans-serif;}
.sub-footer ul{ padding: 6px 0px 0px 10px; margin: 0px; display: inline-block;}
.sub-footer li{ list-style: none; display: inline-block;}
.sub-footer li a{background: linear-gradient(#ffffff, #fff8e6); transition:all 0.3s ease-in; border: solid 1px #bebeb1; color: #000; font-family: 'Unna', serif; font-size: 20px; padding: 0px 10px; display: inline-block;}
.sub-footer li a:hover{ box-shadow: 5px 5px 0px rgba(0, 0, 0, .19);  transition:all 0.3s ease-in;}
.sub-footer .sign{ width: 100%; text-align: center;}
.sub-footer h3{ font-size: 17px; font-weight: 400; color: #000; text-align: center;}
.sub-footer h3:hover{ color: #337ab7;}
.footer{ width:100%; float:left; background:#ffffff; padding:30px 0px 0px; margin:0px 0px 0px; border-top:solid 1px #cccccc;}
.footer-link{width:100%; float:left; margin-bottom:15px;}
.footer-link h3{padding:0px; margin:0px; font-size:22px; color:#000; position:relative; font-family: 'Unna', serif; font-weight:400; margin:0px 0px 15px;}
.footer-link h3 a{ color:#000;}
.footer-link h3:after{content:""; position:absolute; width:64px; height:2px; background:#2e5e9c; bottom:-3px; left:0px;}
.footer-link li{list-style-type:none; list-style:none; font-family: 'Rubik', sans-serif; padding:2px 0px;}
.footer-link li a{ font-size:15px; color:#000; clear:both; margin:3px 0px; font-weight: 400;}
.footer-link li a:hover{ color:#2e5e9c;}
.footer-link .social{ width:34px; height:34px; float:left; color:#FFF!important; border-radius:100%; text-align:center; line-height:34px;}
.facebook{background:#3b5998;}
.twitter{background:#2aaae0;}
.instagram{ background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  }
.copyright{width:100%; float:left; background:#ededed; padding:8px 0px; font-size:16px;  font-family: 'Unna', serif;}
input, textarea {border: 1px #dddddd solid; font-family: 'Rubik', sans-serif; font-size:16px;box-sizing: border-box !important; border-radius: 2px;}
.copyright p{ line-height:20px;}
.input-large {padding: 0.7rem;margin-bottom: 1rem;}
.radio-buttons {display: block; position: relative; padding-left: 30px; padding-bottom:0px!important;cursor: pointer;
font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* Hide the browser's default radio button */
.radio-buttons input {position: absolute;opacity: 0;cursor: pointer;}
/* Create a custom radio button */
.checkmark {position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #fff; border:solid 1px #ccc;
border-radius: 50%; -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);}

/* On mouse-over, add a grey background color */
.radio-buttons:hover input ~ .checkmark {background-color: #ccc;}

/* When the radio button is checked, add a blue background */
.radio-buttons input:checked ~ .checkmark {background-color: #2196F3;}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}

/* Show the indicator (dot/circle) when checked */
.radio-buttons input:checked ~ .checkmark:after {display: block;}

/* Style the indicator (dot/circle) */
.radio-buttons .checkmark:after {top: 4px; left: 4px;width: 8px;height: 8px;border-radius: 50%;background: white;}
.cd-top {display: inline-block;height: 30px;width: 30px; border-radius:5px; position: fixed;bottom: 75px;right: 10px; border-radius: 2px;
 -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden; z-index: 10000;
  text-indent: 100%;white-space: nowrap;
  background: rgba(232, 98, 86, 1) url(../../img/v2/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;}
.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;}
.cd-top.cd-top--show {visibility: visible;opacity: 1;}
.cd-top:hover {background-color: #e86256; opacity: 1;}
.heading:before {left: 0;}
.signs-grid .img-responsive{ width:48px; height:48px; text-align:center; display:inline-block;}
.btn {font-family: "proxima-nova", sans-serif;text-align: center; color: #fff; font-size:16px; background: #2e5e9c; padding: 0.7rem 1rem; border: 0; display: block; box-sizing: border-box; transition: background-color 300ms linear;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15); border-radius: 2px; }
.btn:hover {background: #966ec7; color: #fff; transition: background-color 300ms linear; }
.col {border: 0px solid rgba(0, 0, 0, 0); float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  box-sizing: border-box; -moz-background-clip: padding-box !important; -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important; border-left-width: 20px; padding: 0 0px; }
.horoscope-sign-icon {  position: relative; margin-top: 14px;}
.horoscope-sign-icon p{font-family: 'Catamaran', sans-serif; font-size: 16px; line-height: 16px; font-weight: 400; margin-bottom: 0px;}
.horoscope-sign-icon a {text-align: center; display: inline-block; width: 100%;margin-bottom: 0px;}
.horoscope-sign-icon span{ display:inline-block; font-size:16px; font-weight:300; font-family: 'Rubik', sans-serif; position:relative}
.horoscope-sign-icon span:after{content:""; width:30px; right:-32px; height:1px; background:#f0f0f0; position:absolute; top:10px;}
.horoscope-sign-icon span:before{content:""; width:30px; left:-32px; height:1px; background:#f0f0f0; position:absolute; top:10px;}
.sign-box {
  text-align: center;
  display: inline-block; width: 7%;
  margin-right: 1%;
}
.sign-box .horosign{margin-right:0px;  float: none;}
.horosign {
  padding: 4px 0px;
  width: 54px;
  position: relative; margin-right: 10px;
  height: 54px;
  transition: all 0.3s ease-in;
  border-radius: 10px;
  border-radius: 100%; float: left;
}
.horosign i img {
  height: 10px!important;
}
.horosign i {
  left: 40%;
  position: absolute;
  top: -10px;
  font-weight: normal;
  color: #666;
  font-style: inherit;
  bottom: 5px;
}
.horosign img {
  height: 32px!important;
  margin-top: 13px;
}

/* start commented backslash hack \*/
* html .row {height: 1%; }
.row {display: block; }

/* close commented backslash hack */
.span-1 {
  width: 8.3333333333%;
  border-left-width: 20px;
  padding: 0 0px;
  margin-left: 0; }
.span-2 {
  width: 16.6666666667%;
  border-left-width: 20px;
  padding: 0 0px;
  margin-left: 0; }
.span-3 {
  width: 25%; float:left;
  border-left-width: 20px;
  padding: 0 0px;
  margin-left: 0; }
.span-4 {
  width: 33.3333333333%;
  border-left-width: 20px;
  padding: 0 0px;
  margin-left: 0; }
.span-5 {
  width: 41.6666666667%;
/*  border-left-width: 20px;*/
  padding: 0 0px;
  margin-left: 0; }
.span-6 {
  width: 50%;
  border-left-width: 20px;
  padding: 0 0px;
  margin-left: 0; }
.span-7 {
  width: 58.3333333333%;
  border-left-width: 20px; float:left;
  padding: 0 0px;
  margin-left: 0; }
.span-8 {
  width: 66.6666666667%;
  border-left-width: 20px;
  padding: 0 0px;
  margin-left: 0; }
.span-9 {
  width: 75%;
  border-left-width: 20px;
  padding: 0 0px;
  margin-left: 0; }
.span-10 {
  width: 83.3333333333%;
  border-left-width: 20px;
  padding: 0 0px;
  margin-left: 0; }
.span-11 {
  width: 91.6666666667%;
  border-left-width: 20px;
  padding: 0 0px;
  margin-left: 0; }
.span-12 {
  margin-left: 0;
  width: 100%; }
.offset-1 {
  margin-left: 8.3333333333%; }
.offset-2 {
  margin-left: 16.6666666667%; }
.offset-3 {
  margin-left: 25%; }
.offset-4 {
  margin-left: 33.3333333333%; }
.offset-5 {
  margin-left: 41.6666666667%; }
.offset-6 {
  margin-left: 50%; }
.offset-7 {
  margin-left: 58.3333333333%; }
.offset-8 {
  margin-left: 66.6666666667%; }
.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.3333333333%; }
.offset-11 {
  margin-left: 91.6666666667%; }
.offset-12 {
  margin-left: 100%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .span-sm-1 {
    width: 8.33333%; }
  .span-sm-2 {
    width: 16.66667%; }
  .span-sm-3 {
    width: 25%; }
  .span-sm-4 {
    width: 33.33333%; }
  .span-sm-5 {
    width: 41.66667%; }
  .span-sm-6 {
    width: 50%; }
  .span-sm-7 {
    width: 58.33333%; }
  .span-sm-8 {
    width: 66.66667%; }
  .span-sm-9 {
    width: 75%; }
  .span-sm-10 {
    width: 83.33333%; }
  .span-sm-12 {
    width: 100%; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }

}

@media only screen and (min-width: 0px) and (max-width: 767px) {
.span-xs-1 {width: 8.33333%; }
.span-xs-2 {width: 16.66667%; }
.span-xs-3 {width: 25%; }
.span-xs-4 {width: 33.33333%; }
.span-xs-5 {width: 41.66667%; }
.span-xs-6 {width: 50%; }
.span-xs-7 {width: 58.33333%; }
.span-xs-8 {width: 66.66667%; }
.span-xs-9 {width: 75%; }
.span-xs-10 {width: 83.33333%; }
.span-xs-12 {width: 100%; }
.offset-xs-0 {margin-left: 0; }
.offset-xs-1 {margin-left: 8.33333%; }
.offset-xs-2 { margin-left: 16.66667%; }
.offset-xs-3 { margin-left: 25%; }
.offset-xs-4 { margin-left: 33.33333%; }
.offset-xs-5 {margin-left: 41.66667%; } }
p{font-size: 18px;line-height: 1.5; color: #000; margin: 0 0 0.6rem 0; }
h1{font-size: 2rem; line-height: 1.3; }
h2 {font-size: 1.6rem;  font-family: 'Rubik', sans-serif;  font-weight:400;}
h3 {font-size: 1.25rem; margin-bottom: 0.5rem; }
h4 {font-size: 1.125rem; margin-bottom: 0.5rem; }
h5 {font-family: 'Rubik', sans-serif; font-size: 20px; margin:0px; padding:0px; font-weight:300;}
ol{padding: 0 0 0 1rem; }
ol li {margin-bottom: 1rem; color: #000; line-height: 1.6; }
ul li {color: #000;line-height: 1.6; }
blockquote {font-size: 1.2rem; background: #ffffff; margin:0px; padding:0px 10px; border:none }
blockquote p{ font-size:18px!important; font-size:400; text-align:center;}
.img-responsive {display: block; width: 100%; height: auto; }
.img-responsive.truth {min-width: 160px; }
.img-circle {border-radius: 50%; }
.text-right {text-align: right; }
.text-center {text-align: center; }
.flex-center {display: flex; align-items: center; }
.line {height: 1px;background: #eaeaea;width: 100%; }
@media only screen and (min-width: 1025px) and (max-width: 1105px) {
  .nav .dropdown .drop-btn {
    padding: 1rem 0.2rem; } 
  }

@media screen and (max-width: 980px) {
  .logo {padding: 0px 0 5px 0; float: none;}
   .login_btn {padding: 5px 10px;}

}

@media screen and (max-width: 767px) {
	.container{ padding:0px 1rem;}
.m{border-left-width: 0px;}
.after-login{position: absolute; z-index: 10003;
  top: 10px;
  right: 15px;}
  .product-form .l-area{border-right: none; border-bottom: solid 1px #ccc;}
.ask-question p{font-size: 18px;}
.sub-footer li{ margin-bottom: 8px;}
.sub-footer h2{ border-right: none; padding-left: 0px;}
.sub-footer ul{ padding-left: 0px;}
.sub-footer{ padding: 20px 0px;}
#spinning-circle{ width:125px; height:125px;}
.vidic-astrology h2{ padding-bottom:5px; line-height:24px; font-size:28px; display: inherit;}
.cercal-icon-grid{  box-shadow: 0 1px 6px 2px rgba(0,0,0,.15); margin:10px 15px 10px 0px; min-height:215px; padding:10px;}
.top_header{padding:0;}
.top_header li a{font-size:14px;}
.top_header li{ padding:0px 15px 0px 0px; font-size:14px;}
.cercal-icon-grid li h3::after{ left:35%;}
.customer-support li:nth-of-type(1) {display: none;}
.section_main_content p{ line-height:20px; margin-bottom: 20px}
.logo{width:100px; float:left; padding-right:0px; margin-left: 0px; padding-left: 0px;} 
.logo img{ width:135px!important;}
.free-horoscope-reading{ margin:0px 0px 30px;}
.our-expert .slider{ margin:0px;}
.h-ask-question .ask-question .container{ padding:0px;}
.question-time-duration .form-group{display: inline-block;}
.question-time-duration .form-group label{margin-bottom: 10px; width: 100%;}
.our-expert-grid{ margin-top:0px!important; padding-top:0px!important;}
.horoscope-block .hidden-des{display: flex!important;}
.ask-question textarea{ min-height:120px; margin-top:10px;}
.question-time-duration{ border:none; padding-left:0px!important;}
.question-time-duration .form-group label{ font-size:15px;}
.question-time-duration .free_horoscope_btn{ padding:3px 10px; margin-bottom:10px;}
.view-all-btn{ position:relative; float:right; top:0px; right:-10px;}
.home-product-block{width:100%; left:left;}
.astrology-report-grid .nav-tabs > li{margin:0px 1.5rem 0px 0px}
.home-product-block{display: flex;overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;}
.home-product-block ul{display: flex;}
.home-product-block li{ width:213px; margin-left:20px; display:inline-block; margin-right:0px;}
.top_header .open > .dropdown-menu{ z-index:10000; left:-15px;}
.vidic-astrology p img{ margin-top:0px; width:50px}
.our-expert h2 span{padding-left:0px;}
.our-expert li .astrologer{width:100%;}
.our-expert li .astrologer_detail{width:100%;}
.content-img{ width:50%;}
.sign-information-blog{ height:auto; margin-bottom:15px;}
.slText h3{ font-size:28px;}
.slText p{ width:93%;}
.ctrlPrev{ left:5px;}
.ctrlNext{ right:5px;}
.slText{ padding:0px;}
.top-services{width:100%; float:left; padding:15px 0px 10px; background:#FDFAF2; display:block; border-bottom: 1px solid #E3E1BD;}
.yearly-left .name{ display:none;}
.moon-sign-notification{ width:95%; left:0px!important; margin-left:2.5%;}
.signup-form{min-height:auto; margin-top:20px;}
.form-group label{color:#000;}
.signup_form .form-group label{ text-align:left}
.grid_item{width:48%; float:left;}
/*.report-price{padding-right:0px; background:#eaeaea; padding:10px 15px;}*/
.report-info{ padding:10px .5rem 0px}
.left-menu{ margin-bottom:20px; padding-bottom:13px; border-bottom:solid 1px #e7e7e7;}
.image_disp{ width:95px; height:95px; border-radius:100%; margin:0px 15px 0px;}
.image_disp img{ width:297px; margin:-10px 0px 0px -35px;}
.single-product{ padding:0px;}
.signup_form .form-group{ padding:0px;}
.signup_form .form-group label{ width:100%; float:left;}
.signup_form{ width:100%; float:left; margin:0px;}
.signup_form .form-control, .form_block, .form_block2{ width:100%;}
.signup_form .title p{ padding:20px 0px 0px; float:left; width:100%; margin:0px;}
.signup_form .input-small{width:33.3%;}
.signup-bottombg{ bottom:0px;}
.form_block input{ width:68%!important;}
.your-moon-sign li{width:100%;}
.love-compatibility-form{ border:none; padding-right:0px; border-bottom:solid 1px #ccc;}
.love_compatibility_general_information{padding:0px 15px;}
.love_compatibility_general_information label{ text-align:left;}
.error{ margin-left:0px;}
.article-list li{width:48%;}
.error-message{margin-left:0px;}
.article-detail nav{display:block; margin-bottom:10px;}
.show-mobile{display:block!important;}
.hidden-mobile{ display:none!important;}
.hidden-des{ display:block!important;}
.our-expert-list li{ width:49%; margin-right:2%;}
.our-expert-list li:nth-of-type(2n){margin-right:0px;}
.signup_sucessful{ min-height:auto;}
.signup_form{ min-height:auto;}
.form-right-bar{ width:100%; float:left;}
.yearly-main img{ margin-bottom:0px!important;}
.monthly_also_like li{ width:48%; float:left; margin-bottom:15px;}
.other-information li{width:100%!important; float:left;}
.signup-form .free_horoscope_btn{ padding:4px 35px;}
/*.heading::before, .heading::after { display:none;}*/
.signup-form .form-group{padding-bottom:0px; padding-top:14px;}
.logo img{ width:30%;}
.site-map li{ width:100%!important;}
.modal-sm{ width:95%; float:left;}
.home_popup_content{ width:100%; float:left; background:#fff none}
.popup_image{display:none;}
#hidden-mobile{display:none;}
.main-horoscope-right{ padding:0px;}
.sign-tabs .D-Y-M-Topnav{ margin-top:0px;}
.main-horoscope-right .banner-content{ margin-top:0px;}
.sign-based-article li{ padding:15px 10px 0px; line-height:16px; height:auto;}
.moon-sign-notification{ width:86%; left:0px!important; margin-left:7%; padding:20px; transform: translate(0%, 0%);}
.moon-sign-notification .highlight-content{ font-size:18px; line-height: 22px; padding: 1rem 12px;}
.moon-sign-notification .highlight-content strong{ font-size:16px!important}
.moon-sign-notification .radio-buttons{ font-size:16px; line-height: 20px;}
.moon-sign-notification .radio-buttons span{ font-size:18px!important}
.moon-sign-notification .radio-buttons{ width:100%!important; margin-top:12px;}
.horoscope-sign-container{margin-top:-10px;}
.free-horoscope-reading .love-com{ border:none;}
.panchang_ephimeris{ margin-bottom:0px; padding:5px 15px;}
.today_planetary_conatiner h3{padding:10px 0px 5px; line-height:24px; font-size:27px;}
.today_planetary_conatiner h3:after{content:"+"; background:#2e5e9c; width:24px; height:24px; color:#FFF; float:right; border-radius:100%; text-align:center; line-height:24px; font-weight:900; position:relative;}
.daily_astrology_planner h3{padding:10px 15px 5px; line-height:24px;}
.daily_sign h2{font-family: 'Unna', serif; font-size:20px; line-height:24px;}
.daily_sign .sign-icon{ text-align:center; width:inherit; height:auto; border-radius:0; border:none; line-height:inherit; text-align:center; display:inline-block;}
.daily_sign a .sign-icon:hover{box-shadow:0px 0px 30px rgba(0, 0, 0, 0.1); border:none; transition:all 0.3s ease-in;}
.daily_sign .sign-icon img{ width:auto; padding-top:15px; height:72px;}
.daily_sign h2 span{ float:left; font-size:14px;}
.horoscope-sign-icon h3{ font-size:14px;text-align:center; color:#000;}
.signs-grid{ padding:0px 0px; background:none;}
.signs-grid .row{margin-left: 0px;}
.mainsign-grid li a{font-size:14px;}
.mainsign-grid li{width:16.6%; border-top:solid 1px #ccc; border-right:solid 1px #ccc}
.mainsign-grid li:nth-of-type(6n){ border-right:none;}
.signs-grid .heading{ padding:5px 0px 15px; margin:0px 0px; font-size:32px;}
.horosign{box-shadow:0px 0px 4px rgba(0, 0, 0, 0.4); padding:10px 0px; margin-bottom:8px; margin-right:10px; margin-left:5px;}
.horosign:hover{box-shadow:0px 0px 4px rgba(0, 0, 0, 0.4);}
.horosign img{ height:28px!important;}
.signs-grid h3 {
  font-size: 14px;
  white-space: nowrap;
  display: block !important;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 0px 15px;
}
.horoscope-sign-icon a:hover h3 {color: #2e5e9c; transition: all 0.3s ease-in;}
.product-report{ margin:0px 0px 0px;}
.astrology-report-grid, .trending-article{ background:none; margin-bottom: 0px; padding-bottom: 0px;}
.morecontent span {display: none;}
.morelink {display: block;}
.logo img{ width:60%;}
.content-grid .morelink{ display:block;}
.our-expert-blog .astrologer_detail p{ display:none;}
.our-expert .card--content{min-width: 131px;}
.our-expert-blog .view-more{ display:none;}
.other-sign ul{ display:inherit}
.compatibility-with-sign .banner{display:none;}
.compatibility-contentblock{ width:100%; float:left;}
/*.compatibility-with-sign{ margin-top:20px;}*/
.sign-name-banner{ background:none; border-bottom:dotted 1px #ccc;}
.sign-name-banner h1{ color:#000; padding-left:0px;}
.sign-name-banner .selected-combo select{ border:solid 1px #ccc; padding-bottom:5px;}
.other-sign{ margin-bottom:20px;}
.login-area {
    position: absolute;
    right: 15px; z-index: 1000;
    top: 10px;
}
.other-sign h4{ padding:0px;}
.trending-article h2 span{ background:#fff;}
.cart a{color:#000;}
.myaccount a{color:#000;}
.article-detail-content h2{ font-size:1.8rem; line-height:24px;}
/*.product-detail h3{background:#2e5e9c; color:#FFF; font-size:28px; padding:7px 0px 7px 15px;}*/
.horoscope-compatibility{ padding:15px 0px; margin:15px 0px;}
.recent-articles-rightbar li .image{float:right;}
.card {display: flex; min-width: 100%;  overflow-x: auto; -webkit-overflow-scrolling: touch;}
.card::-webkit-scrollbar {display: none;}
.other-sign li{background-image:none; background:#efefef; padding:5px 0px; border-right:solid 3px #fff; max-width:175px!important; border:solid 1px #ccc; margin-right:5px; border-radius:3px;}
.sign-prediction{display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
.sign-prediction ul{display:flex}
.sign-prediction li{ width:220px!important;}
.sign-name-banner h1 span {font-family: 'Sacramento', cursive; font-size: 1.9rem;}
.mainsign-grid{ position:relative; z-index:10; padding:0px 0px 0px;}
.other-sign li a{ display:flex; padding:5px;}
.horoscope-panel .zone{ top:8px;}
.horoscope-panel .zone li a{ font-size:14px!important; line-height:16px;}
.morecontent .morelink{ display:block;}
.vidic-astrology{ padding:0px 0px 0px!important;}
.vidic-astrology p{ font-size:20px; line-height:1.3; margin:0px;}
.main-horoscope-page .dmy-heading{ height:auto;}
.horoscope-sign-container .dmy-tab li a{ padding:3px 15px!important;}
.daily-main-area .daily_sign{ min-height:auto;}
.daily-banner{ height:auto;}
.yearly-free-question{ border-left:0px; border-top:solid 1px #ccc; padding:10px 15px 0px 0px; margin-top:10px; line-height:18px;}
.astrologyplanner .num{ margin-right:10px; float:left;}
.mobile-scroller{ width:100%; float:left; margin-left:-10px;}
.next-month{font-family: 'Unna', serif; padding:0px 10px; font-style:italic; color:#000; font-size:21px; width:auto; text-align:left}
.sign-free{width:100%; text-align:center; display:inline-block; padding:3px 25px 3px 15px; margin-bottom:10px;}
.sign-free select{ width:auto!important; float:left; margin-left:-5px; margin-bottom:8px; padding:0px 25px 0px 0px; position:relative; z-index:100; background: #fff url(../../img/v2/appearance.jpg) no-repeat right 8px !important; border-bottom: solid 2px #3e075c; border-radius:0px;}
.horoscope-block h3{ padding:0px 15px 5px; display: inherit;}
.horoscope-sign select{ margin-bottom:10px;}
.astrology-report-grid .slick-prev{ top:-23px; left:82%; }
.our-expert h2{ font-size:35px;}
.horoscope-block p a{ font-weight:500;}
.horoscope-block{ padding-bottom:0px}
.horoscope-sign{ margin:0px;}
.report-block{ margin-bottom: 0px; padding:10px 0px; border:none;}
.chat-button{width:50%; background: #f1c861;
background: -webkit-linear-gradient(top,#f5d78e,#eeb933);
background: linear-gradient(to bottom,#f5d78e,#eeb933); color:#000; float:left; padding:10px 0px; border-right:solid 1px #aa8326; font-size:18px; }
.order-mbtn{background: #f2ad58;
background: -webkit-linear-gradient(top,#f6c88f,#ed9220);
background: linear-gradient(to bottom,#f6c88f,#ed9220); float:right; color:#000; padding:10px 0px; width:50%; font-size:18px;}
.bottom-content{width:100%; margin-top:0px; border:none;}
.block-area2 h4{padding: 10px 0px 5px!important; margin-bottom:0px;
font-size: 17px;}
.block-area2 img{ border-radius:0px;}
.home-product-block2 .iconimg{ padding:15px 0px 0px;}
.block-area p, .block-area2 p{  font-size:16px; line-height:normal;}
.block-area, .block-area2{ min-height:270px; width:100%; display:inline-block;}
.block-area2{ box-shadow:none;}
.block-area2 p{ padding:0px;}
.astrology-report-grid .row{ margin-right:0px;}
.our-expert-blog .astrologer_detail .name{padding: 8px 10px 0px; white-space: nowrap;
display: block !important;
overflow: hidden;
text-overflow: ellipsis;
width: 95%;}
.content-grid h3{ line-height:32px;}
.content-grid p{ line-height:24px;}
.sign-box{ width: 22%; margin: 0px 0.83% 1.66% 0.83%;}
.horosign i { top: -5px;}
.horosign img {
  height: 26px !important;
  margin-top: 10px;
}
.horosign i img{height: 10px;}
.horosign{ padding:8px 0px; margin:0px 10px 0px 0px; width: 48px; height: 48px;}
/*.horosign{ width:70px;}*/
.formarea p{ font-size:18px!important; line-height:normal; padding-top:5px;}
.form-banner-grid{ padding-top:0px!important; display: none;}
.signs-grid-middle{ margin-top:0px;}
.signs-grid-middle .mainsign-grid li{ width:25%; border-top:none; padding:5px 10px; margin-bottom:5px;}
.signs-grid-middle .mainsign-grid li a{ font-size:16px;}
.signs-grid-middle .mainsign-grid li img{ width:58px;}
.horoscope-section li{width:49%; border:none;}
.signs-grid-middle .heading{ font-size:35px; text-align:left; line-height:30px;}
.signs-grid-middle .heading::before, .heading::after{ width:0px;}
.signs-grid-middle .container{ padding:0px 1rem;}
.ask-question .modal-dialog{ width:95%;}
.ask-question .modal-body img{ width:100px;}
.sub-footer li a{font-size: 16px;}
.copyright p{font-size: 14px;}
.sub-footer h2{min-height: auto;}
}
@media screen and (max-width: 480px) {
.login_area{ width:100%; text-align:center; display:inline-block; float:none; padding:8px 0px;}
.sign_up, .login_btn{ float:none;}
.horoscope-sign-container h1 span{font-size: 14px; }
.login_btn{float:left; font-size:12px;}
.logo img{ width:100%;}
.horoscope-section li{ padding-top:5px; width:100%;}
.our-expert li .astrologer img{ width:75%;}
.grid_item{ width:100%; float:left; margin-top:0px!important;}
/*.product-detail img {padding:0px; width:32px;} */
.report-content{border:none; padding:0px 0px 0px; margin:0px;}
.report-content .share_icon{ margin-bottom: 30px;}
.personal-sign{ width:50%;}
.our-expert-services-block{ width:100%;}
.love-compatibility .form-group{ padding:10px 0px 0px;}
.fb_login_btn img{ width:100%;}
.fb_login_btn{ margin:10px 0px;}
.yearly-horoscope-block h4{ margin:0px; font-size:28px;}
.ask-question h2, .recent-articles-rightbar h2, .other-sign h4{ font-size:28px!important;}
.dmy-learn-horoscope li{ width:50%;}
.heading{font-size:30px;}
.horoscope-sign-content-image-block{ width:30%;}
.our-expert .astrologer img{ width:50px; height: 50px; display: inline-block;}
.content-grid{ background:#ffffff;}
}

.grecaptcha-badge { visibility: hidden; }