body{  
    color: #000;
    }

.container 
{
    padding-left:15px;
    padding-right:15px;
}
[class^=col-xs].no-padding-l{ padding-left:5px;}
[class^=col-xs].no-padding-r{padding-right:5px;}

[class^=col-sm]{ padding-left:5px; padding-right:5px;}

.app-toolbar{box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16),0 1px 5px 0 rgba(0,0,0,0.12); background:#FFC107; padding:5px; width:100%;}
.app-toolbar img{width:200px; height:auto;}



.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }


.margin-b{ margin-bottom:10px;}
.margin-t{ margin-top:10px;}

.border-t{border-top:1px solid #FFE082}

.left-side { float:left; width:50%; box-sizing:border-box; }
.left-side img { padding-left:10px; padding-right:10px; }
.row { margin-left:-10px; margin-right:-10px; }

.promo-text{ margin:0px 40px 0px 40px; padding:10px;}
.promo-text > p{ font-size:18px;}
.promo-text > h2{font-size:28px; padding:8px 6px; margin: 0;}

.promo-ban-1,.promo-ban-2,.promo-ban-3,.promo-ban-4,.promo-ban-5{ margin:10px 40px 20px 40px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16),0 1px 5px 0 rgba(0,0,0,0.12); border:10px solid #fff; background:#fff;}



.shadowfilter {
	-webkit-filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 1));
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	
}


 .part-2 
    {
        background:#fff;
        padding:10px 10px 0px;
        border:0px solid #ddd;
        margin-top:5px;
        margin-bottom:5px;
        height:400px;
        transition: all 0.7s ease;
        position:relative;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16),0 1px 5px 0 rgba(0,0,0,0.12);
    }
    .part-2 .discount 
    {
        position:absolute;
        left:0;
        top:0;
    }  
  
    .img-2 img
    {
        width:130px;
    }
    
    .part-2 a 
    {
     color:#333;   
    }
    .part-2 > a:hover
    {
        text-decoration:none;
        color:#333;
    }
    .part-2 span 
    {
        color:#333;
    }
    


.full-part 
    {
        background:#f9f9f9;
        margin-bottom:10px;
        margin-top:10px;
    }
    .part-1 
    {
        background:#fff;
        padding:10px;
        border:1px solid #ddd;
        margin-top:5px;
        margin-bottom:5px;
        height:370px;
        transition: all 0.7s ease;
        position:relative;
    }
    .part-1 .discount 
    {
        position:absolute;
        left:0;
        top:0;
    }
    .part-1:hover 
    {
        border-top-right-radius:15px;
        border-bottom-left-radius:15px;
        border:1px solid red;
        
    } 
    .part-1 a:hover, .part-1 a:focus, .part-1 a:active  
    {
        text-decoration:none;
    }
    .content h2  
    {
        font-size:20px;
        line-height:26px;
        margin-bottom:10px;
    }
    .content p
    {
        font-size:18px;
    }
    .content p:nth-child(3) 
    {
        color:Red;
    }
    .img-1 img
    {
        width:130px;
    }
    .part-1 a 
    {
     color:#333;   
    }
    .part-1 > a:hover
    {
        text-decoration:none;
        color:#333;
    }
    .part-1 span 
    {
        color:#333;
    }
.full-part .btn-offer 
{
    color:#fff;
	background: #FF6F00;
	text-transform: uppercase;
	font-weight: 500;
	transition: box-shadow .50s;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16),0 1px 5px 0 rgba(0,0,0,0.12);
	padding: 40px;
	font-size: 25px;
	margin-top: 90px;
	transition: all 0.7s ease;
}
.full-part .btn-offer1 
{
    color:#fff;
	background: #FF6F00;
	text-transform: uppercase;
	font-weight: 500;
	transition: box-shadow .50s;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16),0 1px 5px 0 rgba(0,0,0,0.12);
	padding: 8px 15px;
	font-size: 15px;
	margin-top: 10px;
	transition: all 0.7s ease;
}
.error 
{
    margin-bottom:20px;
}
.full-part .btn-offer1:hover{background:#FF8F00;color:#fff;text-decoration:none;box-shadow: 0 1px 5px 0 rgba(0,0,0,0.24),0 1px 10px 0 rgba(0,0,0,0.24);}
.full-part .btn-offer:hover{background:#FF8F00;color:#fff;text-decoration:none;box-shadow: 0 1px 5px 0 rgba(0,0,0,0.24),0 1px 10px 0 rgba(0,0,0,0.24);}
.ui-promo-bn { box-shadow: 0 1px 5px 0 rgba(0,0,0,0.24),0 1px 10px 0 rgba(0,0,0,0.24); background:#fff; margin-top:20px; padding:10px; }
.res-style {
    z-index: 2;
}
.pb-0 {
    padding-bottom: 0!important;
}
.pt-0 {
    padding-top: 0!important;
}
.bg-white {
    background: #fff;
}
.box-design {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 5px;
}
.card-design {
    box-shadow: 3px 3px 10px rgba(166, 209, 237, 0.5);
    border: 1px solid #fafafa;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 10px;
}
.p-10 {
    padding: 10px !important;
}
.box-design h3 {
    font-size: 18px;
    margin-top:0px;
    padding-top: 10px;
    margin-bottom: 20px;
}
.mt-0 {
    margin-top: 0!important;
}
.text-uppercase {
    text-transform: uppercase;
}
.box-design .Reportimgsection {
    margin-bottom: 0px;
    margin-top: 22px;
    float: left;
    padding-left: 5px;
}
.box-design .Reportimgsection img {
    width: 65px;
    margin: 0 auto;
}
.Reportsectionbtn {
    text-align: right;
    padding: 10px;
}

/*.box-design h3 {
    font-size: 24px;
    padding-top: 10px;
    margin-bottom: 25px;
    margin-top:0px;
}
.box-design .Reportimgsection {
    margin-bottom: 20px;
    margin-top: 0px;
    padding-left: 0px;
}
.box-design .Reportimgsection img {
    width: 120px;
    margin: 0 auto;
}
.Reportsectionbtn {
    padding: 10px;
}*/
.mb-10 {
    margin-bottom: 10px !important;
}
.p-10 {
    padding: 10px !important;
}
.bg-theme-colored {
    background: #009383;
}
.bg-theme-colored-darker4 {
    background: #f87026;
}
.bg-theme-colored-darker2 {
    background: #003255;
}
.res-style .btn {
    font-size: 16px;
    padding: 10px 16px;
    line-height:22px;
    color:#fff;
}
.res-style .btn:hover 
{
    color:#fff;
}

.bg-theme-colored-darker3 {
    background: #ffa300;
}
.sub-head {
    line-height: 24px;
    font-size: 22px;
    margin-bottom: 25px;
    margin-top: 10px;
    padding: 10px 0px;
    position: relative;
    border-bottom: 1px solid #ddd;
    background: #fff;
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
    font-weight: bold;
}
.text-p {
    text-align: justify;
    line-height: 26px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}
.sub-head sup, .text-p sup
{
    font-size:11px;
}
 .sample-re {
    display: block;
    text-align: right;
    text-decoration: underline;
}
.btn-st 
{
    color: #000;
    background: #f5f5f5;
    padding: 10px 25px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 40px;
    line-height: 13px;
    margin-top: 10px;
}
@media(max-width:768px){.promo-ban-1,.promo-ban-2,.promo-ban-3,.promo-ban-4,.promo-ban-5{margin:5px 8px 0px 8px; border:4px solid #fff; }.left-side {width:100%; margin-bottom:10px;}.promo-text{ margin:0px 0px 0px 0px; padding:10px;}.promo-text > p{ font-size:13px;}}


    
   .res-style .card-design 
    {
        padding:0px;
        height:110px;
        position:relative;
    }
    .res-style .Reportsectionbtn {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 10px;
   }
.res-style .box-design h3 
 {
   font-size:16px; 
   padding-top: 0px;
   margin-bottom: 7px;
 }   

 .res-style .box-design .Reportimgsection img 
 {
     width:65px;
     margin-top:0px;
 }
.res-style .btn {
    font-size: 14px;
    padding: 8px 8px;
    line-height: 16px;
    color: #fff;
    width: 110px;
}
.res-style .box-design .Reportimgsection 
{
    margin-bottom:0px;
    margin-top:0px;
    width:24%;
    padding-left:0px;    
    height:110px;
    background:#f5f5f5;
    padding-top:20px;
}
.res-style .sub-head {
    line-height: 24px;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 0px;
    padding: 10px;
    position: relative;
    border-bottom: 1px solid #f9d66c;
    background: #fffcde;
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
}
.res-style .text-p {
    text-align: justify;
    line-height: 22px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 3px;
}

@media(max-width:350px) 
{
    .res-style .sub-head 
    {
        padding: 10px 3px;
        font-size:17px;
    }
}

.brd-ui {
    background: #FFF8E1;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 16%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    border-radius: 3px;
    padding-bottom: 16px;
}
.add-home-widget
    {
        margin-left: 0px;
        margin-right: 0px;
    }
    .pad-tta-box
    {
        padding-top: 1.4rem !important;
    }
    .tta-card
    {
        border: 1px solid #e0e0e0;
        transition: all .3s ease 0;
        float: left;
        width: 100%;
        border-radius: 10px;
        position: relative;
        padding: 10px 10px;
        background-color: #fff;
        margin:0px;
    }
    .img-box
    {
        width: 18%;
        height: 18%;
        border: 1px solid #a7a3a3;
        border-radius: 50%;
        float: left;
        position: relative;
        box-sizing: border-box;
        padding:0px;
    }
    .profile-img
    {
        border-radius: 50%;
        width: 100%;
        border: 2px solid #fff;
    }
    .float-left
    {
        float: left !important;
    }
    
    .yes-no
    {
        position: absolute;
        top: -11px;
        right: 2px;
    }
    .stamp
    {
        position: absolute;
        top: 44px;
        left: -3px;
    }
    .stamp img
    {
        width: 50px;
        height: 40px;
    }
    .ratings
    {
        font-size: 13px;
        color: #383838;
        width: 100%;
        display: block;
        margin-top: 3px;
        border: 1px solid #ddd;
        border-radius: 20px;
        padding: 5px 8px;
        text-align: center;
        float: left;
        width: 70%;
    }
    .r-r
    {
        vertical-align: middle;
        padding-top: 2px;
        display: inline-block;
        padding-left:3px;
    }
    .featu .ratings img
    {
        width: 14px;
        margin-right: 2px;
    }
    .tta-name {
        text-align: left;
        float: left;
        width: 82%;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right:0px;
    }
    .about-icon
    {
        position: absolute;
        left: -18px;
        top: 4px;
    }
    .name-of-astologer
    {
        font-size: 16px;
        color: #1a1a1a !important;
        font-weight: 600;
        width: 88%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        float: left;
        margin-bottom: 10px;
    }
    .expertise-tta
    {
        white-space: nowrap;
        width:50%;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 13px;
        padding: 4px 0;
        float: left;
    }
    .ext-left 
    {
        width:70%;
    }
    .ext-right 
    {
         width:30%;
    }
    .expertise-tta img
    {
        margin-right: 5px;
        margin-top: 1px;
        width: 16px;
    }
    .my-calll-position1
    {
        padding: 6px 12px;
        font-size: 13px;
        border-radius: 20px;
        cursor: pointer;
        position: absolute;
        right: 75px;
        bottom: 3px;
        font-weight: bold;
    }
    .call-btn {
    background: #15b76c!important;
}
    .my-calll-position
    {
        padding: 6px 8px;
        font-size: 13px;
        border-radius: 20px;
        cursor: pointer;
        position: absolute;
        right: 0px;
        bottom: 3px;
        font-weight: bold;
    }
    .my-calll-position:hover, .my-calll-position:active, .my-calll-position:focus, .my-calll-position1:hover, .my-calll-position1:active, .my-calll-position1:focus
    {
        text-decoration: none;
        background: #7db1fc;
        transition: 0.3s;
        color: #fff;
        outline:none;
    }
    .works-ac .chked-n
    {
        display: none;
    }
    .bg-dark-1
    {
        background: #7db1fc;
    }
    .bg-dark-2
    {
        background: #8e88d0;
    }
    .bg-dark-3
    {
        background: #fbb97c;
    }
    .text-white
    {
        color: #fff;
    }
    .call-check-wdt
    {
        margin-top: 10px;
    }
    .ic_expertise, .ic_experience, .ic_rupee, .ic_language {
        width: 16px;
        height: 16px;
        display: inline-block;
        
    }
    .ic_expertise 
    {
        background: url(/images/icons/expertise.png);
        background-size: cover;
        background-repeat: no-repeat;
        vertical-align: middle;
    }
    .ic_experience 
    {
        background: url(/images/icons/experience.png);
        background-size: cover;
        background-repeat: no-repeat;
        vertical-align: middle;
    }
    .ic_rupee 
    {
        background: url(/images/icons/language.png);
        background-size: cover;
        background-repeat: no-repeat;
        vertical-align: middle;
    }
    .ic_language 
    {
        background: url(/images/icons/rupee.png);
        background-size: cover;
        background-repeat: no-repeat;
        vertical-align: middle;
    }
    .bullet-green
    {
        background: url(https://varta.astrosage.com/images/bullet_green.png);
        background-size: cover;
        background-repeat: no-repeat;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        display: block;
    }
    .rt-printed 
    {
        vertical-align: middle;
        width: 13px;
        height: 13px;
        display: inline-block;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
    .rt-full 
    {
        background: url(/images/icons/full.png);
        
    }
    .rt-half 
    {
        background: url(/images/icons/half.png);
        
    }
    .rt-blank 
    {
        background: url(/images/icons/blank.png);
    }
   .mr-btn 
   {
       padding:10px 30px;
       font-size:20px;
       border-radius:30px;
       color:#fff;
       margin-bottom:10px;
       display:inline-block;
   }
   .mr-btn:hover, .mr-btn:focus, .mr-btn:active{
    text-decoration: none;
    background: #7db1fc;
    transition: 0.3s;
    color: #fff;
    outline: none;
     }
   .mt-40 
   {
       margin-top:30px;
   }
   .promo-text-design 
   {
       background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    margin: 12px;
    border-radius: 8px;
   }
   .promo-text-design h2 {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    margin-top:10px;
    font-size: 28px;
}
.promo-text-design p {
font-size: 16px;
    line-height: 26px;
    }
    .mt-10 
    {
        margin-top:10px;
    }
   
    @media only screen and (max-width: 980px)
    {
        .tta-card
        {
            margin-bottom: 15px;
        }
    }
    @media only screen and (max-width: 480px)
    {
        .ratings
        {
            width: 88%;
        }
        .featu .ratings img
        {
            width: 12px;
        }
        .my-calll-position
        {
            padding: 6px 6px;
        }
        .my-calll-position1 
        {
            right:67px;
        }
        .tta-card 
        {
            padding:10px 5px;
        }
        .ext-left 
        {
            padding-right:5px;
        }
        .stamp img 
        {
            width: 40px;
            height: 30px;
        }
    }