﻿#content-container{background:#fff;  color: #5c5551;
font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 400;color: #000;
    line-height: 1.7;}
    h1, h2, h3, h4, h5, h6{    font-family: 'Lato', sans-serif;
    color: #163585;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.3em;
    padding-bottom: 25px;
    margin-top: 7px;
    text-align: center;
    text-shadow: 1px 0px 2px #e6dd9c;
}
#content-container .stu-btn, #content-container input[type="submit"], #content-container input[type="button"] {
    background: #ffcd00 none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 2px;
    color: #000;
    font-weight: 500; font-size:1.2em;
    line-height: 1.2;
    padding: 10px 15px; text-transform:uppercase;
}
#content-container .stu-btn:hover, #content-container input[type="submit"]:hover, #content-container input[type="button"]:hover{background:#5c5551;color:#fff;border:1px solid #5c5551;transition:all 0.5s ease-in-out 0s;}
textarea{padding:5px 7px;margin:3px;width:175px;border:1px solid #dedcdc;border-radius:3px;}
input[type=password],input[type=text],input[type=date],input[type=mobile],input[type=number], input[type=email], select, select.wpcf7-form-control, .input, .select, textarea, textarea.form-control{padding: 6px 7px;
width: 90%;
border: 1px solid #d7d7d7;
max-width: 100%;
margin: 0;}
input[type=password]:focus, input[type=text]:focus, select:active, select:focus{border:1px solid #4D90FE;}
input[type="radio"], input[type="checkbox"]{margin-right:5px;}
#gender.form-control{ border:none;box-shadow: none;}

.wpcf7-form-control-wrap.hours, .wpcf7-form-control-wrap.minutes, .wpcf7-form-control-wrap.seconds {
    display: inline-block;
    width: 30%;
    margin-right: .7%;
}
.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date.form-control {
    line-height: 1;
}
.section-1 {
    background: url(/images/ask-astrologer-bg6.jpg) no-repeat top center;
    width: 100%;
    position:relative;padding: 70px 0 20px;
    background-size:cover;
}
.asknow-btn {
    text-align: center;
    margin: 15px auto 70px;
}
.ask-animated-img{ position:relative; vertical-align:bottom; text-align:right;}
.ask-animated-img img.ask-img-1{ position:absolute; top:30px; left:10px; margin-top:0;}
.ask-animated-img img{ vertical-align:bottom; margin-top:40px; }
.black-bg{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.6); z-index:0}
.container{ position:relative; z-index:9;}
.wpcf7-validation-errors { display: none !important; }
.section-1 h1 {
    /* color: #123474;*/
  color: #fff;
padding-bottom: 10px;
font-size: 2.7em;
line-height: 1.2;
padding-top: 0px;
font-weight: 700;
text-shadow: 1px 1px 2px #443535;
}
.section-1 h2{ color:#000;}
.section-1 p {
    color: #fff;
    font-size:1.3em;
    padding-bottom: 30px;
}
#content-container .section-1 .stu-btn{ font-size:1.4em;background: #ea1329;}
.video-wrap{ margin-top:0px;}
.section-3 {
    padding: 80px 0 120px;
}
.live-astrologer-img li {
    display: inline-block;
    width: 32%;
    text-align: center;
    margin: 0px auto 25px;
    vertical-align:top;
}
.live-astrologer-img li span {
    display: block;
    font-size: 1.1em;
    font-weight: 600;
    color: #333;
}
.live-tv-wrap {
    position: relative;
}
p.live-date-txt {
    margin-top: 40px;
}
.live-date-wrap p {
    text-align: left;
    font-size: 1.2em;
    line-height: 1.4;
}
p.live-date-txt1 {
    font-weight: 600;
    margin-top: 15px;
}
.live-tv-img {
    position: absolute;
    background: url(/images/live-fb.png) no-repeat center bottom;
    width: 100%;
    height: 176px;
    left: 0;
    bottom: -36px;
}
.questionnaire-match {
    background: #fff;
    box-shadow: 0px 10px 9px #ddd;
    float: left;
    width: 100%;
    margin:0 auto;
    border-radius: 5px;
    padding: 25px 15px;
}
.questionnaire-match p.subtitle {
    text-align: center;
    padding-bottom: 25px;
    font-size: 1.3em;
    padding-top: 0px;
    font-weight: 600;
    color: #555;

}
.form-group {
    float: left;
    width: 50%;
    margin-bottom: 25px;
}
.form-group.question-row{ clear:both;}
.form-group.submit-row{ width:100%; clear:both; text-align:center; margin-top:10px;}
textarea#question {
    height: 100px;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ border:none;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    float: left;
    text-align: center !important;
    width: 100%;
    color: #ff0000;
    margin: 10px auto;
}
.section-form {
   background:#ededed;
   padding:60px 0;
    clear:both;
}
.section-form h2{ padding-top:20px; line-height:1;}
#questionnaire-match {
  background: #fff;
  padding: 10px;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #ddd;
  margin-top:5px;
}
#questionnaire-match h2 {
text-align: center;
font-size: 1.5em;
padding: 5px 0; 
}
.stu-slider {
  background: #fff;
  padding: 10px 0;
  border-radius: 0 0 5px 5px;
  margin-bottom:0px;
  float:left;
  width:100%;
}
.questionnaire-content {
  padding: 10px;
}
.questionnaire-content label {
font-weight: 600;
color: #444;
vertical-align: top;
margin-top: 4px;
margin-bottom: 0px;
}
.questionnaire-content .form-group {
    float: left;
    width: 100%;
}
.questionnaire-content label.questionnaire-content-label {
  padding: 0px 10px 5px 10px;
font-size: 1em;
font-weight: 600;
margin-top: 0;
margin-bottom: 0;
float: left;
width: 35%;
}
.questionnaire-content label.questionnaire-content-label + div {
    float: left;
    width: 65%;
}
.radio input[type="radio"] {
margin-top: 8px;
}
label.radio {
  margin-left: 30px;
}
.ff-question-container {
  margin: 20px 10px;
  padding: 10px;
  background: #0a812d;
  border-radius: 3px;
  color: #fff;
}
.ff-question-image {
  float: left;
  margin: 5px;
}
.ff-question-image img{ width:50px; border-radius:50%;}
.join-img-warp{ text-align:center; color:#fff;}
.white-section {
    margin: 20px auto 0;
    padding: 40px 0 40px;
    background: rgba(37,109,50,1);
}
.section-2 {
    padding: 60px 0;
    background: #fff;
    text-align: center;
}
.section-2 p{ text-align:center;}
.next-plan::after {
    position: absolute;
    content: "";
    background: url(https://www.astroved.com/wp-content/uploads/2018/10/next-arrow.png) no-repeat;
    width: 81px;
    height: 121px;
    top: 24%;
    right: -71px;
    opacity: .15;
}
.live-date-wrap{ padding-left:50px;}
.redeem-wrap {
    padding: 12px 20px;
    text-align: center;
    margin: 10px 10px 14px 10px;
    background: #fdc403;
    border-radius: 5px;
}
.redeem-wrap img {
    margin-bottom: 10px;
    height: 54px;
    vertical-align: middle;
    margin-right: 15px;
    float: left;
    background: #fff;
    border-radius: 50%;
    padding: 0px;
    border: 5px solid #fff;
}
.next-plan {
    position: relative;
}
.spl-testi-bg {
   /*background: url(/images/live-testi-bg.jpg) no-repeat left bottom;*/
   background: url(/images/testimonial-live-bg.jpg) no-repeat left bottom;
   background-size: auto auto;
    padding: 50px 0 60px;
    background-size: cover;
    font-size: 17px;
    color: #000;
   text-align:center;
    clear: both;
    position:relative;
}

.spl-testi-inner h2 {
    text-align: center;
    color:#163585;
    font-weight: 700;
    padding: 5px 0 10px;
    margin: 0;
    font-size:1.8em;
}
.splpeople-say p{ text-align:center;color: #000; }
.splpeople-name {
    font-style: italic;
    color: #333;
    padding: 17px 0 5px;
    font-weight: 600;
    text-align:center !important;
}
.quote-icon {
    font-size: 2.3em;
    color: #777;
}
 .spl-testi-inner .carousel-control.right {
    background: rgba(255, 255, 255, 1) url("/images/slide-right.png") no-repeat scroll 10px 9px !important;
    border: medium none;
    font-size: 0;
    height: 35px;
    right: -80px;
    position: absolute;
    top: 44%;
    width: 35px;
    border-radius: 50%;
}
    .spl-testi-inner .carousel-control.left {
    background: rgba(255, 255, 255, 1) url("/images/slide-left.png") no-repeat scroll -2px 9px !important;
    border: medium none;
    font-size: 0;
    height: 35px;
    left: -70px;
    position: absolute;
    top: 44%;
    width: 35px;
    border-radius: 50%;

}
.spl-testi-inner .carousel-inner .item {
    display: none;
    position: relative;
    transition: left 0.6s ease-in-out 0s;
}
.spl-testi-inner .carousel-inner .item.active{ display:block;}
.top-banner {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
.top-banner img {
    width: 100%;
    margin: 0;
    padding: 0;
}
.section-video {
float: left;
width: 100%;
background: #fff;
padding: 50px 0 80px;
}
.section-video h4 {
    line-height: 1;
    padding-bottom: 25px;
}
.next-plan::after{ background:transparent;}

.live-tv-wrap{  padding:0;}
.demo-video{ position:relative;}
.embed-responsive{ z-index:9; margin-top:12px;}
.app-banner{ text-align:center; }
.app-banner img{ width:100%; display:block;}
.section-video .demo-video:before, .section-video .demo-video:after
{
    z-index: 0;
    position: absolute;
    content: "";
    bottom: 11px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.section-video .demo-video:after
{
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
    z-index:1;
}
.wpcf7-form div.wpcf7-mail-sent-ok {
    clear: both;
    background: #edffe6;
    border: 1px solid #a0de85;
    border-radius: 3px;
    width: 80%;
    margin: 0 auto;
    padding: 15px 20px;
    text-align: center !important;
    color: #246e05;
    font-weight: 600;
}
.errormessage span.wpcf7-not-valid-tip {

    display: inline-block;
    padding: 10px 15px;
    background: #ffeded;
    border-radius: 3px;
    border: 1px solid #ffc1c1;
}
.wpcf7-form-control-wrap.errormessage {
    float: left;
    width: 100%;
    text-align: center;
}
.disclaimer-bg {
    padding: 25px 0 15px;
}
.disclaimer-bg p {
    width: 90%;
    text-align: center;
    margin: 0 auto 5px;
}
#content-container .submit-row input[type="submit"] {
    font-weight: 600;
    font-size: 1.4em;
    padding: 12px 17px;
}
div.terms-wrap ul.av-list-2 li {
    padding: 2px 0 2px 20px;
    background: rgba(0, 0, 0, 0) url("../images/list-2.png") no-repeat scroll 0 6px;
}
.terms-wrap {
    font-size: 13px;
    line-height: 1.5;
}
.terms-wrap p {
    margin-bottom: 0;
}
div.terms-wrap .av-list-2{ margin-bottom:5px;}
.disclaimer-wrap {
    font-size: 13px;
}
.fb-like.fb_iframe_widget{ display:none;}
#livefbTooltip {
    display: inline-block;
    background: #000;
    width: 17px;
    height: 17px;
    line-height: 1.5;
    border-radius: 50%;
    text-align: center;
    font-size: .7em;
    margin-left: 3px;
    color: #fff;
}
#livefbTooltip ~ .tooltip{ width:200px;}

@media screen and (min-width:0px) and (max-width:767px)
{ .form-group {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
}
footer .follow-us h4{ text-align:center}
#page-content .container{ overflow:hidden;}
    .next-plan::after{ background:transparent;}
    .live-astrologer-img li{ width:29%; margin:2% 1%; }
.section-1 {font-size: 11px; padding: 15px 0;}
.section-video{padding: 15px 0 25px;}
.live-date-wrap {
    padding: 0;
    margin-top: 40px;
}
.live-date-wrap p{ font-size:1em;}
.redeem-wrap{ padding:10px;}
.redeem-wrap img{ height:42px;}
.section-form{padding: 30px 0;}
.spl-testi-inner h2{ font-size:1.4em;}
    }
@media (max-width: 991px) and (min-width: 768px){
.foo-column {
height: 420px;
}
}