*{font-family: Roboto !important;}
html, body{background-color: #fff !important;font-size: 21px;line-height: 32px;}
#logo{display: inline-block;width: 220px;height: 41px;padding: 1%;}
.navbar-default{background: #ffffff;border-bottom: none;padding-top:5px;position: absolute;}
.navbar-brand{padding: 7px 30px;}
.all-text{font-family: Merriweather !important;margin: 20px 0;font-weight: 300;}
.all-text a{font-family: Merriweather !important;font-weight: 300;}
.all-text a:hover{color: #337ab7;}
ul li{font-family: Merriweather !important;font-weight: 300;}
h2{font-weight: 400;}
.intro-small-text{font-size: 18px;color:#fff;}
.section-heading{font-size: 50px;font-weight: 400;color: #892788;}
#logo-k{width:190px;height: 35px;}
.container.first{margin-top: -100px;}
#start_text{background: #fff;border-top:5px solid #892788;}
.introduction{margin-top:-249px;}
.intro-text{padding: 120px 0 0 0;text-align: center;}
#intro-text{font-size: 18px;color: #333333; line-height: 34px;font-family: Roboto;margin-left: 10%;}
#intro-text::first-letter {
font-weight: bold;
color: #892788;
font-size: 70px;
float: left; line-height: 55px; padding-top: 4px; padding-right: 8px; padding-left: 3px;
}
.divider{width:100%;margin: 3% auto;border-top:2px solid #cccccc;}
.share-wrap{margin: 0 auto;text-align: center; }
.intro-text-in{font-size: 18px;color: #333333; line-height: 34px;font-family: Roboto;margin-left: 10%;}
.sub-cat-image{margin:5% 0 5% 10%;}
.see-tarot-page{font-size: 25px;text-align: center;line-height: 32px;color:#892788;text-decoration: underline;padding-bottom: 20px;}
.see-tarot-page:hover{color:#892788}
.see-more-article{text-align: center;}
.center-text{text-align: center;display: block;font-size: 28px;color:#892788;text-decoration: underline;}
.intro-lead-in{color:rgba(255, 255, 255, 1);font-size: 80px;text-shadow: 2px 3px 10px rgba(0, 0, 0, 0.3);line-height: 90px;}
.intro-heading{color:#ffffff;font-size: 54px;margin: 0 0 ;text-shadow: 2px 3px 10px rgba(0, 0, 0, 0.3);}
.banner-wrap{text-align: center;margin: 0 auto 10%;}
.man-header{font-size: 18px;}
.man-sub-head{font-size: 16px;}
#glance_wrap,#famous_wrap{text-align: center;margin: 0 auto;border:1px solid #892788; width: 100%;float: right;margin:10% 0 5% 0;}
.side_bar_puprle_box_head{font-size: 26px;font-family: Roboto;color:#333333;line-height: 40px;margin-top:-23px;}
.side_bar_puprle_box_head .white-bg-wr{background: #fff;padding: 0 10%;}
#glance_icons_wrap,#famous_text_wrap{text-align: left;padding: 10px 7px 20px 25px;}
#glance_icons_wrap .icon{width:25px;display: inline-block;height: 30px;vertical-align: top;}
#glance_icons_wrap .glance_desc{width:277px;display: inline-block;height: 45px;padding:0 0 5% 2%;}
.purple_star{background: url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/birthday_horoscope/2016/new-design/star-icon.svg) no-repeat; width: 25px;height: 25px;display: inline-block;margin: 0 2%;}
#famous_wrap .side_bar_puprle_box_head .white-bg-wr{padding: 0 2%;}
.social_wrap{ width: 100%;height: 50px;margin: 0 auto 2%; text-align: center;}
.may-like{border-top:1px solid #CCCCCC; }
.author_wrap{margin-bottom: 10%;}
.you-may-header{font-size: 30px;font-family: Roboto;padding: 2% 0;}
.border-line{border-bottom: 1px solid #CCCCCC; width:245px;height: 2px;vertical-align: middle;display: inline-block;}
.btn-b{background: #f7901e;color:#fff;width:385px;height: 85px;line-height: 85px;text-align: center;border-radius: 5px;font-size: 22px;padding: 0;cursor: pointer;display: block;margin: 0;}
.btn-b:hover{color:#fff;}
.header-row{text-align: center;font-size: 30px;font-weight: 300;margin: 2% auto;}
#image123{ width: 900px;height: 85px;text-align: center;margin: 3% auto;display: block;}
.shlish{text-align: center;font-size: 16px;font-weight: 600;margin:0 0 5% 0;}
.hezi{text-align: center;font-size: 16px; padding: 0 0 2% 0;font-weight: 600;}
.maroon{background: #eee8ea;}
.icon-p{width:125px;height: 95px;display: block;margin:3% auto;}
.sp-buttons{margin-bottom: 20px;}
.sp-button{background: #cccccc;width:20px;height: 20px;border:none;margin:4px 12px;}
.sp-selected-button{background: #892788;border:none;}
.sp-fade-arrows {opacity: 1;}
.sp-arrow{text-shadow: none;color:#9a9a9a;}
.sp-next-arrow:before {
content: '';
background:url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/winback-profile-page/arrow-right-on.svg) no-repeat;
width: 40px;
height: 75px;
display: inline-block;
}
.sp-previous-arrow:before {
content: '';
background:url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/winback-profile-page/arrow-left-on.svg) no-repeat;
width: 40px;
height: 75px;
display: inline-block;
}
.sp-horizontal .sp-previous-arrow{left:-10px;}
.sp-horizontal .sp-next-arrow{right:10px}
#grid-header{text-align: center;margin:5% auto;}
#big-head{font-size: 30px;}
#add-text{font-size: 16px;}
#expertgrid{text-align: center;padding-bottom:30px; }
.mod-wrap{
margin: 30px auto;
position: relative;
width:645px;
}
.btn.active, .btn:active {
box-shadow: none;
}
.containerBoxWarp {
position: relative
}
.containerBoxWarp .contentDiv {
float: left;
background-color: #fdfdfb
}
.containerBoxWarp .cornerImage {
height: 27px;
width: 36px
}
.containerBoxWarp .softEdge {}.containerBoxWarp .top-middle-left {
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Top_Middle_Left_Box.png") no-repeat scroll transparent;
width: 36px;
top: 0
}
.containerBoxWarp .top-middle-right {
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Top_Middle_Right_Box.png") no-repeat scroll transparent;
width: 36px;
top: 0
}
.containerBoxWarp .bottom-middle-left {
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Bottom_Middle_Left_Box.png") no-repeat left bottom scroll transparent;
width: 36px;
bottom: 0
}
.containerBoxWarp .bottom-middle-right {
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Bottom_Middle_Right_Box.png") no-repeat scroll right bottom transparent;
width: 36px;
bottom: 0
}
.containerBoxWarp .top-middle,
.containerBoxWarp .bottom-middle {
height: 27px
}
.containerBoxWarp .top-left {
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Top_Left_Box.png") no-repeat scroll 0 0 transparent;
float: left
}
.containerBoxWarp .bottom-middle {
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Bottom_Pixel_Box.png") repeat-x scroll 0 0 transparent;
float: left
}
.containerBoxWarp .top-middle {
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/top_Pixel_Box.png") repeat-x scroll 0 0 transparent;
float: left
}
.containerBoxWarp .top-middle-review {
background: url("//expertsimages.kassrv.com/images/Kasamba/Pop-up-header.png") repeat-x scroll 0 0 transparent;
float: left;
height: 61px;
margin-left: 11px
}
.containerBoxWarp .top-right {
float: left;
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Top_Right_Box.png") no-repeat scroll 0 0 transparent
}
.containerBoxWarp .middle-left {
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Left_Pixel_Box.png") repeat-y scroll 0 0 transparent;
width: 36px
}
.containerBoxWarp .middle-right {
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Right_Pixel_Box.png");
width: 36px
}
.containerBoxWarp .left-side-box {
float: left;
width: 36px
}
.containerBoxWarp .right-side-box {
float: left;
width: 36px
}
.containerBoxWarp .bottom-left {
float: left;
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Bottom_Left_Box.png")
}
.containerBoxWarp .top-middle {
float: left;
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Bottom_Pixel_Box.png") repeat scroll 0 6px transparent
}
.containerBoxWarp .bottom-right {
float: left;
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Bottom_Right_Box.png") no-repeat scroll 0 0 transparent
}
#memberComments {
font-family: serif;
font-size: 24px;
font-style: italic;
left: 40px;
position: relative;
top: 20px;
font-weight: bold;
color: #5f5771;
}
#close-rating{
position: absolute !important;
top: 15px !important;
right: 95px !important;
left: auto !important;
background: #fff !important;
border-radius: 50px !important;
width: 22px !important;
text-align: center !important;
border: 2px solid #000 !important;
font-weight: bold !important;
cursor: pointer !important;
}
#expertgrid{display: block;}
#scrolling #mob-ul {
margin: 0;
padding: 0;
list-style-type: none;
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
box-sizing: initial;
}
#scrolling li { float: left; box-sizing: initial;margin-right: 1%; }
#scrolling li .box_Expert {
border-radius:8px;;
display: inline-block;
width:250px;
height: 250px;
max-width: 300px;
background: #fff;
-webkit-box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.43);
-moz-box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.43);
box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.43);
box-sizing: initial;
}
#badge-wrap{text-align: center;margin:50px auto;}
#badge-wrap img{display: initial;max-width: 70%;width: 210px;}
#badge-txt-1{font-size: 18px;color:#333333;line-height: 80px;font-weight: 300;}
#badge-txt-2,#badge-txt-3{font-size: 18px;color:#666666;line-height: 35px;font-weight: 100;}
#badge-txt-4{font-size: 16px;color:#666666;line-height: 60px;font-weight: 100;letter-spacing: 8px;}
.sp-slides{text-align: center;list-style: none;}
.small-divider { width: 5%;border-top: 1px solid #a45c72;text-align: center; margin: 10px auto;}
.client-name{font-weight: 600;font-style: normal;}
.li-container{font-style: italic;font-size: 20px;}
.header-h{ text-align: center;margin: 2% auto;font-size: 22px;}
.register-part{width:130px;height: 110px; text-align: center;margin: 10% auto; display: block;}
#footer{background: #a4adb6;margin-bottom: 80px;}
#footer img{text-align: center;margin: 0 auto;display: block;}
#footer-txt{color: #fff;text-align: center;margin: 0 auto; line-height: 25px;padding: 0 2% 10px;}
#footer-txt a{color: #fff;}
.img-lable{font-size: 20px;padding-bottom: 2%;}
.lower-text{padding-bottom: 2%;}
.shlish.ho{margin:0 0 3% 0;}
.round-bo{border: 2px solid #892788; border-radius: 50px; width: 50px; height: 50px;line-height: 50px;font-size: 25px; margin: 0 auto;font-weight: 300;color:#892788;}
.dedfee{ text-align: right;margin: 0 27% 0 0;text-decoration: line-through;}
#contributing-expert{
text-align: center;
font-style: italic;
}
#contributing-expert a{
color: #892887;
font-size: 16px;
font-weight: 600;
font-style: normal;
text-decoration: underline;
}
.very-big{
font-family: Roboto;
color: #000000;
font-size: 23px;
font-weight: 700;
line-height: 1.4;
}
#Sagittarius-Man-middle{
float:right;
}
.special-text{
font-family: Roboto;
color: #666666;
font-size: 24px;
font-style: italic;
line-height: 32px;
}
#ctl00_ctl00_BodyPlaceHolder_contBody_HeaderWebPart1_ctl00_divSwitchToMobile{
display:none;
}
img{
max-width:100%;
}
.social{
text-decoration: none;
display: inline-block;
width: 45px;
}
.social + .social{
margin-left: 8px;
}
.col-md-4,.col-lg-4{
padding:0;
}
.panel{
background: #E7EAFF;
}
#see-more-experts-link{
font-size: 15px;
color: #3e5cae;
}
#see-more-experts{
width: 280%;
height: 230px;
line-height: 230px;
text-align: center;
}
div.footerbox4{
background: #5D556D;
}
.col-md-8,.col-lg-8{
padding-left:0;
}
#GRID_CODE_HERE *{
font-family: Roboto !important;
}
.bottom-expert{
position: absolute;
bottom: 15px;
width: 91%;
}
#middle-scroller-headline {
font-family: Roboto;
color: #3e5cae;
font-size: 33.22px;
font-weight: 400;
text-align: center;
}
#top-wrapper-image{
padding: 0;
}
#top-header-image-mobile{
display: none;
}
#logo-wrapper{
display: none;
}
.purple-color{
background-color: #e7eaff;
}
#footer-gray a{
text-decoration: none;
color:white;
}
#middle-scroller-mobile{
display: none;
}
#middle-scroller-headline span{
color: #882889;
font-size: 24.92px;
display: block;
}
#scrolling li + li{
margin-left:10px
}
#scrolling .box-expert{
background-color: #FFFFFF;
max-width: 300px;
box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.35);
float: left;
clear: none;
height: 230px;
}
#scrolling ul {
margin: 0;
padding: 0;
list-style-type: none;
/* position: absolute; */
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
#scrolling li {
float: left;
}
#kasamba-logo{
display: none;
max-width: 60%;
}
#footer-gray {
background-color: #a4acb6;
text-align: center;
padding: 20px 0;
margin: 0;
font-family: Roboto;
color: #feffff;
font-size: 13px;
font-weight: 300;
display: none;
}
.gray-class{
background-color: rgba(247, 247, 247, 0.5) !important;
}
.white-class{
background-color: #ffffff !important;
}
#main-wrapper {
border: 1px solid rgba(128, 128, 128, 0.4);
width: 100%;
max-width: 327px;
margin: 0 auto;
background-color: #ffffff;
}
#top-header-grid {
width: 100%;
height: 101px;
padding: 14px 0 0 0;
box-sizing: border-box;
background-color: #f7f7f7;
}
#top-header-grid h3 {
color:#872d87;
font-size: 24px;
font-weight: 400;
padding: 0;
line-height: 24px;
margin: 0;
text-align: center;
font-style: normal;
}
#top-header-grid h2{
color:#405eab !important;
font-family: 'Roboto' !important;
font-weight: 400 !important;
padding: 0;
line-height: 25px;
margin: 0;
font-size: 18px !important;
text-align: center;
font-style: normal !important;
}
#how-it-works-title {
font-family: 'Open Sans Hebrew';
color: #000000;
font-size: 14px;
font-weight: 400;
line-height: 28px;
text-align: center;
}
#middle-grid-wrapper {
text-align: center;
background-color: #E7EAFF;
}
#middle-grid-wrapper:after {
content: '';
display: block;
background: #E7EAFF;
width: 100%;
height: 20px;
}
.works-instructions {
font-family: 'Open Sans Hebrew';
font-size: 14.2px;
font-weight: 400;
line-height: 18px;
float: left;
max-width: 100px;
text-align: center;
margin-left: 22px;
}
.works-instructions + .works-instructions{
margin-left: 19px;
}
.works-instructions:first-child{
margin-left: 50px;
}
.active-cta{
background-color: #405eab !important;
}
.button-cta {
cursor: pointer;
float: left;
position: relative;
width: 50%;
height: 47px;
font-size: 18px;
font-weight: 400;
line-height: 47px;
text-align: center;
font-family: 'Open Sans Hebrew';
color: #ffffff;
}
#chat-button {
background-color: #cbcbcb;
}
#call-button {
background-color: #cbcbcb;
}
.clearfix {
clear: both;
line-height: 1;
}
#doc946{
padding-bottom: 30px !important;
}
.button-cta:hover .arrow-up{
display: block !important;
}
.arrow-up {
display: none;
position: absolute;
left:44%;
bottom: 0;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 12px solid #E7EAFF;
}
div#strong-content{
color: #333333;
font-weight: 400;
font-family: Roboto;
font-size: 16px;
line-height: 25px;
}
#top-header-image {
max-width: 100%;
}
#list-main{
padding: 20px;
font-family: Roboto;
color: #666666;
font-size: 16px;
font-weight: 400;
line-height: 25px;
text-align: left;
}
#spacing-social{
display:inline-block;
width:10px;
}
#list-main li{
margin: 10px 0;
list-style: initial;
}
.col-md-6,.col-lg-6{
padding: 0;
margin: 0;
}
#GRID_CODE_HERE {
margin-bottom: 40px;
}
.second-header{
margin: 20px 0 20px 0 !important;
font-size: 26px !important;
font-family: Roboto !important;
font-weight: 400 !important;
color:#333333 !important;
font-style: normal !important;
}
#author_link, #author_link:hover{color:#892788 !important;}
.main-header-h1 {
font-family: Roboto !important;
color: #3e5cad !important;
font-size: 30px !important;
font-weight: 300 !important;
margin: 0 0 20px 0 !important;
text-align: left !important;
font-style: normal !important;
}
.centered-text{
font-size: 20px;
font-family: Roboto !important;
text-align: center;
font-weight: 600;
}
#main-content-left {
font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 25px;
text-align: left;
padding-right: 50px;
}
#button-main-yellow {
border-radius: 3px;
padding: 0 5px;
background-color: #ffb106;
width: 100%;
max-width: 291px;
height: 60px;
line-height: 60px;
text-align: center;
font-family: Roboto;
display: inline-block;
color: #ffffff;
font-weight: 400;
font-size: 21px;
}
#link-wrapper {
text-decoration: none;
color: #ffffff;
}
#see-all {
color: #892887;
font-size: 18px;
font-weight: 400;
}
#see-all span.first-child{
color: #666666;
text-decoration: none;
}
#see-all .second-child {
text-decoration: underline;
color: #892887;
}
.banner-horo{
float: right;
text-align: right;
}
#writer{margin: 3% auto;text-align: center;}
#writer #left-side, #writer #right-side{
vertical-align: text-bottom;
}
#writer #right-side{
margin-left: 12px;
}
#writer #right-side a,#writer #right-side a:hover, #writer #right-side a:active{
color:#256f9c;
}
#mobile-images-auth{display: none;}
.inner-grid-header{font-size: 30px;color:#892788;line-height: 32px;margin:3% auto;text-align: center;padding: 3% 0 0;}
.inner-grid-header:hover{color:#892788;}
.see-more-link{color:#892788;line-height: 32px;margin:3% auto;text-align: center;padding: 0 0 3%;font-size: 25px;display: block;text-decoration: underline}
.see-more-link:hover{color:#892788;}
#sticky-btn-head{color: #892788 !important;font-size: 18px;line-height: 60px !important;text-decoration: none !important;text-align: center;display: block;}
#sticky-btn-head div{display: inline-block;background: #ff8400;color: #ffffff;font-size:20px;height:40px;width: 180px;border-radius: 4px;vertical-align: middle;line-height: 40px;text-align: center; }
.navbar-fixed-top{box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.3);height: 60px}
#footer-stick{position: fixed; left: 0;bottom:0;width: 100%; height: 75px;background: #ffffff;z-index: 999999;box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.3);}
#portfolio{margin-top:70px;}
@media only screen and (max-width:700px){
#portfolio{margin-top:70px;}
#sticky-btn-head div {
display: inline-block;
vertical-align: middle;
background: transparent;
margin: 3% 0;
color:#892788;
line-height: 24px;
}
#sticky-btn-head .btn-stick {
background: #ff8400;
color: #ffffff;
font-size: 18px;
height: 40px;
width: 102px;
border-radius: 4px;
vertical-align: middle;
line-height: 40px;
text-align: center;
}
#scrolling {
overflow: hidden;
width: 117%;
height: 230px;
position: relative;
left: -38px;
}
.all-text{width:100%;}
.navbar-brand{padding: 14px 0;}
#writer #right-side{
width:100%;
text-align: center;
margin:0 auto !important;
}
#writer #left-side{
width:100%;
}
#desktop-images-auth{
display: none;
}
#mobile-images-auth{
display: block;
max-width: 130px;
text-align: center;
margin: 0 auto;
}
.banner-horo{
float: none;
text-align: center;
padding: 0 0 20px 0;
}
#Sagittarius-Man-middle{
display:none;
}
#spacing-social{
display:none;
}
.social + .social{
margin-left: 2px;
}
.col-md-8, .col-lg-8{
padding-left: 16px;
}
.box-expert{
padding: 11px;
}
.purple-color:nth-child(1){
max-width:95%;
}
#see-all{
font-size:15px;
}
#main-content-left{
padding-right:0;
}
#top-header-image-mobile{
display: block;
max-width: 100%;
}
#middle-scroller-headline span{
font-size: 18px;
}
#middle-scroller-headline{
font-size: 24px;
}
#GRID_CODE_HERE,#top-header-image{
display: none;
}
#first-container{
background-color: #ffffff;
padding-bottom: 30px;
width: 95%;
}
#logo-wrapper{
display: block;
width:95%;
margin: 0 auto;
}
#link-wrapper {
text-decoration: none;
color: #ffffff;
display: block;
width: auto;
text-align:center;
}
#link-wrapper div{
display:inline-block;
}
#middle-scroller-mobile{
padding:0;
/* width:95%; */
}
#kasamba-logo{display: block; margin: 10px 0 20px 0; max-width: 50%;}
#footer-gray,#middle-scroller-mobile{
display: block;
margin: 30px 0 10px 0;
}
}
#GRID_CODE_HERE .demo-icon {
font-family: "fontello" !important;
}
#first-h1-the-positive-energy{
font-family: Roboto !important;
color: #892887 !important;
font-size: 30px;
font-weight: 600 !important;
}
#first-h1-the-temperance-card{
font-family: Roboto;
color: #892887;
font-size: 30px !important;
font-weight: 700;
}
#right-side{font-size: 16px;}
.purple-text{color:#892788;font-size: 16px;}
#facebook{background: url(//marketing-kasamba.kassrv.com/content/Kasamba/tarot-articles/462.png);width:35px;height: 35px;display: inline-block;vertical-align: middle;margin:0 0;}
#whatsup{display: none;background: url(//marketing-kasamba.kassrv.com/content/Kasamba/tarot-articles/665.png);width:35px;height: 35px;vertical-align: middle;margin:0 2%;}
#email{background: url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/birthday_horoscope/2016/new-design/email-icon.svg);width:45px;height: 47px;display: inline-block;vertical-align: middle;margin:0 2%;}
#twitter{background: url(//marketing-kasamba.kassrv.com/content/Kasamba/tarot-articles/461.png);width:35px;height: 35px;display: inline-block;vertical-align: middle;margin:0 1%;}
.container.first{position: relative;}
#left-shad,#right-shad{width:8px;height: 90px;position: absolute;left:-8px;top:100px;background: url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/birthday_horoscope/2016/new-design/left-shadow.png)}
#right-shad{left:auto;right:-8px; background: url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/birthday_horoscope/2016/new-design/right-shadow.png)}
.inner-link-chat{font-size: 20px;text-align: center;display: block;
width:80%;
height: 40px;
line-height: 38px;
border: 1px solid #892788;
border-radius: 20px;
color:#892788;
margin: 0 auto 2%;
cursor: pointer;
}
.inner-link-chat:hover{
text-decoration: none !important;
color:#892788 !important;
}
.expert-btn-art {
width: 50%;
height: 60px;
background: #f7901e;
display: block;
border-radius: 5px;
color: #fff !important;
margin: 2% auto;
font-size: 24px;
line-height: 60px;
text-align: center;
}
.expert-btn-art:hover{
text-decoration: none !important;
}
.img-responsive.mobile{display: none;}
.img-responsive.desktop{margin: 0;}
.img-responsive.desktop.inner{margin: 0 auto;}
#sticky-btn-head{color: #892788 !important;font-size: 24px;text-decoration: none !important;display: block;}
#sticky-btn-head div{display: inline-block;vertical-align: middle;margin: 1%;}
#sticky-btn-head .btn-stick{background: #ff8400;color: #ffffff;font-size:24px;height:42px;width: 180px;border-radius: 4px;vertical-align: middle;line-height: 42px;text-align: center; }
.navbar-fixed-top{box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.3);height: 60px}
@media screen and (max-width: 767px) {/*mobile */
.all-text {font-weight: 300;}
.container{background: transparent;}
#sticky-btn-head{color: #333333 !important;font-size: 18px;text-decoration: none !important;display: block;}
#sticky-btn-head div{display: inline-block;vertical-align: middle;margin: 1%;}
#sticky-btn-head .btn-stick{background: #ff8400;color: #ffffff;font-size:20px;height:40px;width: 115px;border-radius: 4px;vertical-align: middle;line-height: 40px;text-align: center; }
.navbar-fixed-top{box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.3);height: 60px}
.img-responsive.desktop{display: none;}
.img-responsive.mobile{display: block;}
.img-responsive.mobile.inner{margin: 0 auto}
.expert-btn-art {width:80%;}
.inner-link-chat {
font-size: 20px;
text-align: center;
display: block;
width: 100%;
height: 80px;
line-height: 30px;
border: 1px solid #892788;
border-radius: 41px;
color: #892788;
margin: 0 auto 10%;
cursor: pointer;
padding: 3% 5%;
}
#left-shad,#right-shad{display: none;height: 0;width:0;position: static;}
#mob-grid-header-pur{font-size: 30px !important;font-family: Roboto; font-weight: 400 !important;}
#mob-grid-sub-header-gre{font-size: 18px;color: #333333 !important;line-height: 22px;}
.introduction{margin-top: 0;}
.author_wrap{margin-top:5%;}
.border-line{width:20%;}
#whatsup{display: inline-block;}
#glance_wrap, #famous_wrap {
width: 94%;
margin: 10% auto 10%;
float: none;
}
#start_text{margin-top:-65px;}
.intro-text-in{margin:0 auto;}
#intro-text{margin:-98px auto 0;}
.intro-text{margin:20% auto 0;}
#transp_part-mob{
background: url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/birthday_horoscope/2016/new-design/birthday-cupCake-mobile.png) no-repeat;
background-size: 100%;
width:145px;
height: 120px;
position: relative;top: -125px;
}
.dedfee{ margin: 0 22% 0 0;}
#badge-wrap{margin: 25px auto 0;}
#badge-txt-1{line-height: inherit;}
#badge-txt-2, #badge-txt-3{font-size: 22px;}
#badge-txt-4{line-height: 45px;}
#scrolling {overflow: hidden;position: relative;width:110%;left:0;height:335px;text-align: center;margin: 0 auto;}
#expertgrid{display: none;}
.contact-link{ margin: 0 auto 2%;}
.box-expert{ width: 100%;max-width: 300px; height: 320px; text-align: center;}
.top{
background-image: url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/birthday_horoscope/2016/new-design/birthday-mobile-headerImage.jpg);
background-repeat:no-repeat;
background-attachment: scroll;
background-position: 0 0;
-webkit-background-size: 104%;
-moz-background-size: 104%;
background-size: 104%;
-o-background-size: 104%;
}
.top.scorpio{
background-image: url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/birthday_horoscope/2016/new-design/birthday-mobile-headerImage-scorpio.jpg);
}
.top.sagitt{
background-image: url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/birthday_horoscope/2016/new-design/saggitarius-lp-mobile-image_750x400.jpg);
background-position: top;
margin-top: 55px;
}
.top.capric{
background-image: url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/birthday_horoscope/2016/new-design/capricorn-mobile-wp-header.jpg);
background-position: top;
margin-top: 55px;
}
.top.aqua{
background-image: url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/birthday_horoscope/2016/new-design/aquarius-mobile-mainImage.jpg);
background-position: top;
margin-top: 55px;
}
.top.pisces{
background-image: url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/birthday_horoscope/2017/pisces/pisces-lp-mobile-mainImage.jpg);
background-position: top;
margin-top: 55px;
}
.top.aries{
background-image: url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/birthday_horoscope/2017/aries/aries-lp-mobile-mainImage.jpg);
background-position: top;
margin-top: 55px;
}
.top.taurus{
background-image: url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/birthday_horoscope/2017/taurus/taurus-lp-mobile-mainImage.jpg);
background-position: top;
margin-top: 55px;
}
.top.gemini{
background-image: url(//marketing-kasamba.kassrv.com/content/marcom/birthday-horoscope/2017/gemini/gemini-lp-mobile-mainImage.jpg);
background-position: top;
margin-top: 60px;
}
.top.cancer{
background-image: url(//marketing-kasamba.kassrv.com/content/marcom/birthday-horoscope/2017/cancer/cancer-lp-mobile-mainImage.jpg);
background-position: top;
margin-top: 60px;
}
.top.leo{
background-image: url(//marketing-kasamba.kassrv.com/content/marcom/birthday-horoscope/2017/leo-lp-mobile-mainImage.jpg);
background-position: top;
margin-top: 60px;
}
.top.virgo{
background-image: url(//marketing-kasamba.kassrv.com/content/marcom/birthday-horoscope/2017/virgo-lp-mobile-mainImage.jpg);
background-position: top;
margin-top: 60px;
}
.top.libra{
background-image: url(//marketing-kasamba.kassrv.com/content/marcom/birthday-horoscope/2017/libra-lp-mobile-mainImage.jpg);
background-position: top;
margin-top: 60px;
}
.top.scorpio{
background-image: url(//marketing-kasamba.kassrv.com/content/marcom/birthday-horoscope/2017/scorpio-lp-mobile-mainImage.jpg);
background-position: top;
margin-top: 60px;
}
.top.sagi{
background-image: url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/birthday_horoscope/2016/new-design/saggitarius-lp-mobile-image_750x400.jpg);
background-position: top;
margin-top: 60px;
}
.top.capri{
background-image: url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/birthday_horoscope/2016/new-design/capricorn-mobile-wp-header.jpg);
background-position: top;
margin-top: 60px;
}
.sub-cat-image{margin: 5% 0; width:100% !important;padding: 0;}
#image123{width:auto;height: auto;}
.maroon{background: #fff;}
.first-con{background:#F2F1F6}
.intro-heading{width:100%;font-size: 17px;}
.btn-b{ width: 100%;text-align: center;margin: 5% auto;height: 55px;line-height: 55px;}
.intro-text{padding: 5% 0;text-align: center;}
.intro-lead-in{font-size: 28px;}
/* .container.first{height: 76px;}*/
.container.why{background:#F2F1F6; }
.header-row {font-size: 30px;margin: 2% auto ;color:#892788;}
.adv-link{ text-align: center;margin: 0 auto;display: block;text-decoration: underline;color: #666666;padding: 5% 0;}
.img-lable{text-align: center;font-size: 20px;}
.shlish{padding: 0 5%;font-size: 13px;}
.hezi{padding: 0 5% 2% 5%;font-size: 13px;}
.icon-p{width:82px;height: 50px;display: block;margin:1% auto 3%;}
.icon-p.star{margin:0 auto;}
.intro-text {margin: 12% auto 0;display: none;}
#logo-k{width:160px;height: 29px;}
}
@media only screen and (max-device-width : 568px) {
.top{height:350px; }
.intro-text {
margin: 9% auto 0;display: none;
}
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;
}
.cd-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 100px;
right: 10px;
z-index: 10;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
/* image replacement properties */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: rgba(137,39,136,1) url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/advisors-quality-program/img/cd-top-arrow.svg) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.no-touch .cd-top:hover {
background-color: #e86256;
opacity: 1;
}
@media only screen and (min-width: 768px) {
.cd-top {
right: 20px;
bottom: 20px;
}
}
@media only screen and (min-width: 1024px) {
.cd-top {
height: 60px;
width: 60px;
right: 30px;
bottom: 30px;
}
}
body{
color: #333;
font-family: Roboto,arial, helvetica, sans-serif;
margin: 0;
}
header,li,p{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-shadow: none;
}
li{ text-align: -webkit-match-parent;}
#main-wrapper {
border: 1px solid rgba(128, 128, 128, 0.4);
width: 100%;
max-width: 327px;
margin: 0 auto;
background-color: #ffffff;
float: right;
}
#top-header-grid {
width: 100%;
height: 101px;
padding: 14px 0 0 0;
box-sizing: border-box;
background-color: #f0f0f0;
}
#top-header-grid h3 {
color:#872d87;
font-size: 17px;
font-weight: 400;
padding: 0;
line-height: 24px;
margin: 0;
text-align: center;
font-style: normal;
}
#top-header-grid h2{
color:#405eab !important;
font-family: 'Roboto' !important;
font-weight: 400 !important;
padding: 0;
line-height: 25px;
margin: 0;
font-size: 24px !important;
text-align: center;
font-style: normal !important;
}
#how-it-works-title {
font-family: 'Roboto';
color: #000000;
font-size: 17px;
font-weight: 400;
line-height: 28px;
text-align: center;
}
.how-it-123 span{
color:#892788;
font-size:26px;
background: #f0f0f0;
width:44px;
height: 44px;
border-radius: 44px;
display: inline-block;
line-height: 44px;
margin: 0 30px 1%;
position: relative;
z-index: 1;
}
.how-it-123-bar{ position: absolute;
top: 50px;
left: 65px;
border: 1px dashed #E4E4E4;
width: 60%;
height: 2px;
z-index: 0 !important;
}
#middle-grid-wrapper {
text-align: center;
background-color: #ffffff;
position: relative;
}
#middle-grid-wrapper:after {
content: '';
display: block;
background: #ffffff;
width: 100%;
height: 20px;
border-bottom: 1px solid #E4E4E4;
}
.works-instructions {
font-family: 'Roboto';
font-size: 14.2px;
font-weight: 400;
line-height: 18px;
float: left;
max-width: 100px;
text-align: center;
margin-left: 22px;
}
.works-instructions + .works-instructions{
margin-left: 33px;
}
.works-instructions.last{
margin-left: 19px;
}
#kasamba-logo-top{float: right;line-height: 94px;padding-right: 100px; padding-top: 30px; }
#show-more-experts {
width: 60%;
font-size: 18px;
font-weight: 400;
text-align: center;
height: 40px;
line-height: 38px;
border: 1px solid #892788;
border-radius: 20px;
color:#892788;
margin: 0 auto 2%;
}
#show-more-experts a{color:#892788;}
#footer-grid {
position: relative;
font-family:'Roboto' ;
padding: 8px 10px 5px;
box-sizing: border-box;
overflow: visible;
background: #872d87;
width: 100%;
height: 50px;
color: #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 20px;
text-align: left;
}
#footer-grid div{
color: #ffffff;
font-size: 14px;
font-weight: 300;
line-height: 17px;
text-align: left;
}
#footer-grid div strong{color: #ffffff;}
#footer .header_box1{display: inline-block;}
.icon-p{width:125px;height: 95px;display: block;margin:3% auto;}
.sp-buttons{margin-bottom: 20px;}
.sp-button{background: #cccccc;width:20px;height: 20px;border:none;margin:4px 12px;}
.sp-selected-button{background: #892788;border:none;}
.sp-fade-arrows {opacity: 1;}
.sp-arrow{text-shadow: none;color:#9a9a9a;}
.sp-next-arrow:before {
content: '';
background:url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/winback-profile-page/arrow-right-on.svg) no-repeat;
width: 40px;
height: 75px;
display: inline-block;
}
.sp-previous-arrow:before {
content: '';
background:url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/winback-profile-page/arrow-left-on.svg) no-repeat;
width: 40px;
height: 75px;
display: inline-block;
}
.sp-horizontal .sp-previous-arrow{left:-10px;}
.sp-horizontal .sp-next-arrow{right:10px}
#grid-header{text-align: center;margin: 1% auto;width:100%;}
#big-head{font-size: 44px;color:#892788;}
#add-text,#higher-header{font-size: 20px;line-height: 30px;}
#higher-header{font-size: 18px;margin: 0 auto 2%;}
#new-grid{width:100%;margin: 0 auto;max-width:668px;}
#inner-grid{background: #f0f1eb}
#expertgrid{text-align: center;padding-bottom:10px;width:100%;margin: 0 auto;}
.box-expert{
border-radius:8px;;
display: inline-block;
width: 28%;
background: #fff;
margin: 0 2%;
}
#inner-grid-in .box-expert{width:30%;}
.bottem-border{width:90%;margin: 0 auto;}
.profile_url{ font-size: 18px;color: #892788; font-weight: 400;font-style: normal !important;/*padding: 0 2%;*/}
.photo{border-radius: 80px;width:160px;height: 160px;}
.profile-photo{margin:5% auto 0;position: relative;}
.status{width: 60px;height: 25px;position: absolute;right:40px;bottom: -4px;background: url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/grid-assets/online-icon.svg) no-repeat;}
.expname{color:#892788;font-size: 18px;}
.expname:hover{text-decoration: none;color:#892788;}
.h1, .h2, .h3, h1, h2, h3 {
margin-top: 6px;
margin-bottom: 10px;}
.contact-link{display: block;background: #F18F20;color:#fff;text-align: center; width: 196px;
height: 50px;
line-height: 50px;
border-radius: 3px;
margin: 0 auto 2%;
font-size: 25px;
font-weight: 400;}
.contact-link:hover{color:#fff;text-decoration: none;}
.description {height: 73px;padding: 1% 0 0;font-size: 16px;font-weight: 300; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;margin: 0;text-align: left;}
.read-more{display: block;text-align: center;padding: 1% 0 0;color:#892788;font-size: 16px;}
.read-more:hover{color:#892788;}
.bottom-line{ text-align: center;margin:3% 4% 5%;}
.btn.rev-pop{color:#666666;font-size: 15px;padding: 6px 0px;}
.rating,.reviews{padding: 0 1px;}
.reviews{color: #892788;font-size: 15px;}
.rating img{width:85px;height: 16px;}
.perminute{font-size: 26px;}
.mod-wrap{
margin: 30px auto;
position: relative;
width:645px;
}
.btn.active, .btn:active {
box-shadow: none;
}
.containerBoxWarp {
position: relative
}
.containerBoxWarp .contentDiv {
float: left;
background-color: #fdfdfb
}
.containerBoxWarp .cornerImage {
height: 27px;
width: 36px
}
.containerBoxWarp .softEdge {}.containerBoxWarp .top-middle-left {
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Top_Middle_Left_Box.png") no-repeat scroll transparent;
width: 36px;
top: 0
}
.containerBoxWarp .top-middle-right {
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Top_Middle_Right_Box.png") no-repeat scroll transparent;
width: 36px;
top: 0
}
.containerBoxWarp .bottom-middle-left {
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Bottom_Middle_Left_Box.png") no-repeat left bottom scroll transparent;
width: 36px;
bottom: 0
}
.containerBoxWarp .bottom-middle-right {
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Bottom_Middle_Right_Box.png") no-repeat scroll right bottom transparent;
width: 36px;
bottom: 0
}
.containerBoxWarp .top-middle,
.containerBoxWarp .bottom-middle {
height: 27px
}
.containerBoxWarp .top-left {
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Top_Left_Box.png") no-repeat scroll 0 0 transparent;
float: left
}
.containerBoxWarp .bottom-middle {
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Bottom_Pixel_Box.png") repeat-x scroll 0 0 transparent;
float: left
}
.containerBoxWarp .top-middle {
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/top_Pixel_Box.png") repeat-x scroll 0 0 transparent;
float: left
}
.containerBoxWarp .top-middle-review {
background: url("//expertsimages.kassrv.com/images/Kasamba/Pop-up-header.png") repeat-x scroll 0 0 transparent;
float: left;
height: 61px;
margin-left: 11px
}
.containerBoxWarp .top-right {
float: left;
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Top_Right_Box.png") no-repeat scroll 0 0 transparent
}
.containerBoxWarp .middle-left {
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Left_Pixel_Box.png") repeat-y scroll 0 0 transparent;
width: 36px
}
.containerBoxWarp .middle-right {
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Right_Pixel_Box.png");
width: 36px
}
.containerBoxWarp .left-side-box {
float: left;
width: 36px
}
.containerBoxWarp .right-side-box {
float: left;
width: 36px
}
.containerBoxWarp .bottom-left {
float: left;
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Bottom_Left_Box.png")
}
.containerBoxWarp .top-middle {
float: left;
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Bottom_Pixel_Box.png") repeat scroll 0 6px transparent
}
.containerBoxWarp .bottom-right {
float: left;
background: url("//expertsimages.kassrv.com/images/Kasamba/Container boxes white/Bottom_Right_Box.png") no-repeat scroll 0 0 transparent
}
#memberComments {
font-family: serif;
font-size: 24px;
font-style: italic;
left: 40px;
position: relative;
top: 20px;
font-weight: bold;
color: #5f5771;
}
#close-rating{
position: absolute !important;
top: 15px !important;
right: 95px !important;
left:auto !important;
background: #fff;
border-radius: 50px;
width: 22px;
text-align: center;
border: 2px solid #000;
font-weight: bold;
cursor: pointer;
}
#expertgrid{display: block;}
#scrolling #mob-ul {
margin: 0;
padding: 0;
list-style-type: none;
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
box-sizing: initial;
}
#scrolling li { float: left; box-sizing: initial;margin-right: 1%; }
#scrolling li .box_Expert {
border-radius:8px;;
display: inline-block;
width:250px;
height: 250px;
max-width: 300px;
background: #fff;
-webkit-box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.43);
-moz-box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.43);
box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.43);
box-sizing: initial;
}
#badge-wrap{text-align: center;margin:50px auto;}
#badge-wrap img{display: initial;width:200px;}
#badge-txt-1{font-size: 34px;color:#333333;line-height: 80px;font-weight: 300;}
#badge-txt-2,#badge-txt-3{font-size: 28px;color:#666666;line-height: 35px;font-weight: 100;}
#badge-txt-4{font-size: 16px;color:#666666;line-height: 60px;font-weight: 100;letter-spacing: 8px;}
.sp-slides{text-align: center;list-style: none;}
.small-divider { width: 5%;border-top: 1px solid #a45c72;text-align: center; margin: 10px auto;}
.client-name{font-weight: 600;font-style: normal;}
.li-container{font-style: italic;font-size: 20px;}
.header-h{ text-align: center;margin: 1% auto 0;font-size: 30px;}
.register-part{width:130px;height: 110px;text-align: center;margin: 2% auto;display: block;}
.img-lable{text-align: center;margin: 2% auto;font-size: 20px;font-weight:500;}
.lower-text{font-size: 16px;text-align: left;margin:2% 0 10%;}
.dedfee{ text-align: right;/*margin: 0 50% 0 0*/;text-decoration: line-through;display: inline-block;}
#new-grid-mob{display: none;}
#new-grid-desktop{display: block; width:100%;max-width: 664px;}
#contributing-expert{
text-align: center;
font-style: italic;
}
#contributing-expert a{
color: #892887;
font-size: 16px;
font-weight: 600;
font-style: normal;
text-decoration: underline;
}
.very-big{
font-family: Roboto;
color: #000000;
font-size: 23px;
font-weight: 700;
line-height: 1.4;
}
#Sagittarius-Man-middle{
float:right;
}
.special-text{
font-family: Roboto;
color: #666666;
font-size: 24px;
font-style: italic;
line-height: 32px;
}
#ctl00_ctl00_BodyPlaceHolder_contBody_HeaderWebPart1_ctl00_divSwitchToMobile{
display:none;
}
img{
max-width:100%;
}
.social{
text-decoration: none;
display: inline-block;
width: 45px;
}
.social + .social{
margin-left: 8px;
}
.col-md-4,.col-lg-4{
padding:0;
}
.panel{
background: #E7EAFF;
}
#see-more-experts-link{
font-size: 15px;
color: #3e5cae;
}
#see-more-experts{
width: 280%;
height: 230px;
line-height: 230px;
text-align: center;
}
div.footerbox4{
background: #5D556D;
}
.col-md-8,.col-lg-8{
padding-left:0;
}
#GRID_CODE_HERE *{
font-family: Roboto !important;
}
.bottom-expert{
position: absolute;
bottom: 15px;
width: 91%;
}
#middle-scroller-headline {
font-family: Roboto;
color: #3e5cae;
font-size: 33.22px;
font-weight: 400;
text-align: center;
}
#top-wrapper-image{
padding: 0;
}
#top-header-image-mobile{
display: none;
}
#logo-wrapper{
display: none;
}
.purple-color{
background-color: #e7eaff;
}
#footer-gray a{
text-decoration: none;
color:white;
}
#middle-scroller-mobile{
display: none;
}
#middle-scroller-headline span{
color: #882889;
font-size: 24.92px;
display: block;
}
#scrolling li + li{
margin-left:10px
}
#scrolling .box-expert{
background-color: #FFFFFF;
max-width: 303px;
box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.35);
float: left;
clear: none;
height: 480px;
}
#scrolling ul {
margin: 0;
padding: 0;
list-style-type: none;
/* position: absolute; */
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
#scrolling li {
float: left;
}
#kasamba-logo{
display: none;
max-width: 60%;
}
#footer-gray {
background-color: #a4acb6;
text-align: center;
padding: 20px 0;
margin: 0;
font-family: Roboto;
color: #feffff;
font-size: 13px;
font-weight: 300;
display: none;
}
.gray-class{
background-color: rgba(247, 247, 247, 0.5) !important;
}
.white-class{
background-color: #ffffff !important;
}
#main-wrapper {
border: 1px solid rgba(128, 128, 128, 0.4);
width: 100%;
max-width: 327px;
margin: 0 auto;
background-color: #ffffff;
}
#top-header-grid {
width: 100%;
height: 101px;
padding: 14px 0 0 0;
box-sizing: border-box;
background-color: #892788;
}
#top-header-grid h3 {
color:#ffffff;
font-size: 24px;
font-weight: 400;
padding: 0;
line-height: 24px;
margin: 0;
text-align: center;
font-style: normal;
}
#top-header-grid h2{
color:#ffffff !important;
font-family: 'Roboto' !important;
font-weight: 400 !important;
padding: 0;
line-height: 25px;
margin: 0;
font-size: 18px !important;
text-align: center;
font-style: normal !important;
}
#how-it-works-title {
font-family: 'Open Sans Hebrew';
color: #000000;
font-size: 14px;
font-weight: 400;
line-height: 28px;
text-align: center;
}
#middle-grid-wrapper {
text-align: center;
}
#middle-grid-wrapper:after {
content: '';
display: block;
width: 100%;
height: 20px;
}
.works-instructions {
font-family: 'Open Sans Hebrew';
font-size: 14.2px;
font-weight: 400;
line-height: 18px;
float: left;
max-width: 100px;
text-align: center;
margin-left: 22px;
}
.works-instructions + .works-instructions{
margin-left: 19px;
}
.works-instructions:first-child{
margin-left: 50px;
}
.active-cta{
background-color: #405eab !important;
}
.button-cta {
cursor: pointer;
float: left;
position: relative;
width: 50%;
height: 47px;
font-size: 18px;
font-weight: 400;
line-height: 47px;
text-align: center;
font-family: 'Open Sans Hebrew';
color: #ffffff;
}
#chat-button {
background-color: #cbcbcb;
}
#call-button {
background-color: #cbcbcb;
}
.clearfix {
clear: both;
line-height: 1;
}
#doc946{
padding-bottom: 30px !important;
}
.client-review-sample {
background-color: rgba(247, 247, 247, 0.5);
padding: 18px 16px;
min-height: 126px;
/* position: absolute;
bottom: 0;
width:92%; */
}
.title-client-review {
color: #000000;
font-size: 18px;
font-weight: 400;
line-height: 15.329px;
text-align: left;
font-family: 'Open Sans Hebrew';
}
.rated-by {
font-family: 'Open Sans Hebrew';
color: #000000;
font-size: 12px;
font-weight: 400;
line-height: 15.329px;
text-align: left;
margin: 20px 0 10px;
}
.rated-by span{
color: #872886;
font-weight: 700;
}
.review-content {
float: left;
overflow: hidden;
font-family: 'Open Sans Hebrew';
max-width: 65%;
color: #000000;
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-align: left;
}
.stars-container {
float: right;
}
.expert-more-info {
box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.28);
width: 376px;
min-height: 407px;
position: absolute;
right:107%;
top:35px;
display: none;
}
.date-of-review {
font-family: 'Open Sans Hebrew';
color: rgba(0, 0, 0, 0.59);
font-size: 12px;
font-weight: 400;
line-height: 15.329px;
text-align: left;
margin-top: 10px;
}
.best-psychic-on-expert-box {
position: absolute;
top:17px;
right: 15px;
}
.box-of-review {
position: relative;
background: white;
}
.arrow-right {
width: 0;
height: 0;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
border-left: 20px solid #cbcbcb;
opacity: .3;
}
.side-view .arrow-right {
position: relative;
right: 0px;
top:50px;
}
.box-expert:hover .expert-more-info{
display: block;
}
.side-view {
position: absolute;
right: -32px;
height: 100%;
width: 32px;
}
.typcn:before{
font-family: 'typicons';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 22px;
height: 38px;
font-size: 22px;
text-align: center;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.expert-cta-call .typcn-phone:before{
-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity: .5;
}
.icon-chat{
opacity: .4;
}
.discription-seperator {
margin: 5px 0;
height: 6px;
border-bottom: 1px solid rgba(0, 0, 0, .2);
}
#phone-experts{
display: none;
}
#phone-experts,#chat-experts{
/*min-height: 550px; */
}
/* colorbox content */
#colorbox #cboxClose
{
top: 0;
right: 0;
}
#cboxLoadedContent{
margin-bottom:0;
}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*
User Style:
Change the following styles to modify the appearance of Colorbox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/embedded-experience/final/NewEmbededGrid/images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/embedded-experience/final/NewEmbededGrid/images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/embedded-experience/final/NewEmbededGrid/images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/embedded-experience/final/NewEmbededGrid/images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/embedded-experience/final/NewEmbededGrid/images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/embedded-experience/final/NewEmbededGrid/images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/embedded-experience/final/NewEmbededGrid/images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/embedded-experience/final/NewEmbededGrid/images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/embedded-experience/final/NewEmbededGrid/images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/embedded-experience/final/NewEmbededGrid/images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:rgba(6, 6, 6, 0.15) url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/embedded-experience/final/NewEmbededGrid/images/loading.gif) no-repeat center center;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/embedded-experience/final/NewEmbededGrid/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/embedded-experience/final/NewEmbededGrid/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(//marketing-kasamba.kassrv.com/ac/liveperson-consumer-marketing/embedded-experience/final/NewEmbededGrid/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
See: //jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
.container {
margin: 0 auto;
max-width: 1025px;
padding: 0;
}
.row {
padding: 0;
margin: 0;
}
#top-header-main {
margin-bottom: 30px;
}
div#strong-content{
color: #333333;
font-weight: 400;
font-family: Roboto;
font-size: 16px;
line-height: 25px;
}
#top-header-image {
max-width: 100%;
}
#list-main{
padding: 20px;
font-family: Roboto;
color: #666666;
font-size: 16px;
font-weight: 400;
line-height: 25px;
text-align: left;
}
#spacing-social{
display:inline-block;
width:10px;
}
#list-main li{
margin: 10px 0;
list-style: initial;
}
.col-md-6,.col-lg-6{
padding: 0;
margin: 0;
}
#GRID_CODE_HERE {
float: left;
margin-bottom: 40px;
font-family: Roboto !important;
}
.second-header{
margin: 20px 0 20px 0 !important;
font-size: 26px !important;
font-family: Roboto !important;
font-weight: 400 !important;
color:#333333 !important;
font-style: normal !important;
}
#author_link, #author_link:hover{color:#892788 !important;}
.main-header-h1 {
font-family: Roboto !important;
color: #3e5cad !important;
font-size: 30px !important;
font-weight: 300 !important;
margin: 0 0 20px 0 !important;
text-align: left !important;
font-style: normal !important;
}
.centered-text{
font-size: 20px;
font-family: Roboto !important;
text-align: center;
font-weight: 600;
}
#main-content-left {
font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 25px;
text-align: left;
padding-right: 50px;
}
#button-main-yellow {
border-radius: 3px;
padding: 0 5px;
background-color: #ffb106;
width: 100%;
max-width: 291px;
height: 60px;
line-height: 60px;
text-align: center;
font-family: Roboto;
display: inline-block;
color: #ffffff;
font-weight: 400;
font-size: 21px;
}
#link-wrapper {
text-decoration: none;
color: #ffffff;
}
#see-all {
color: #892887;
font-size: 18px;
font-weight: 400;
}
#see-all span.first-child{
color: #666666;
text-decoration: none;
}
#see-all .second-child {
text-decoration: underline;
color: #892887;
}
.banner-horo{
float: right;
text-align: right;
}
#mobile-images-auth{display: none;}
@media only screen and (max-width:700px){
#scrolling {
overflow: hidden;
/* width: 117%;*/
height:500px;
position: relative;
left: -38px;
z-index: 9999;
}
#writer #right-side{
width:100%;
text-align: center;
margin:0 auto !important;
}
#writer #left-side{
width:100%;
}
#desktop-images-auth{
display: none;
}
#mobile-images-auth{
display: block;
max-width: 100%;
text-align: center;
margin: 0 auto;
}
.banner-horo{
float: none;
text-align: center;
padding: 0 0 20px 0;
}
#Sagittarius-Man-middle{
display:none;
}
#spacing-social{
display:none;
}
.social + .social{
margin-left: 2px;
}
.col-md-8, .col-lg-8{
padding-left: 16px;
}
.purple-color:nth-child(1){
width: 100%;
}
#see-all{
font-size:15px;
}
#main-content-left{
padding-right:0;
}
#top-header-image-mobile{
display: block;
max-width: 100%;
}
#middle-scroller-headline span{
font-size: 18px;
}
#middle-scroller-headline{
font-size: 24px;
}
#GRID_CODE_HERE,#top-header-image{
display: none;
}
#first-container{
background-color: #ffffff;
padding-bottom: 30px;
width: 95%;
}
#logo-wrapper{
display: block;
width:95%;
margin: 0 auto;
}
#link-wrapper {
text-decoration: none;
color: #ffffff;
display: block;
width: auto;
text-align:center;
}
#link-wrapper div{
display:inline-block;
}
#middle-scroller-mobile{
padding:0;
/* width:95%; */
}
#kasamba-logo{display: block; margin: 10px 0 20px 0; max-width: 50%;}
#footer-gray,#middle-scroller-mobile{
display: block;
margin: 30px 0 10px 0;
}
}
#GRID_CODE_HERE .demo-icon {
font-family: "fontello" !important;
}
#first-h1-the-positive-energy{
font-family: Roboto !important;
color: #892887 !important;
font-size: 30px;
font-weight: 600 !important;
}
#first-h1-the-temperance-card{
font-family: Roboto;
color: #892887;
font-size: 30px !important;
font-weight: 700;
}
@media screen and (max-width: 600px) {/*mobile */
#logo a img{width: 220px;height: 41px;}
.section-heading{font-size: 40px;}
#top-header-grid {background: transparent;}
#GRID_CODE_HERE{display: none;}
#new-grid{ max-width: 310px;}
#new-grid-mob{display: block; width: 95%;}
#new-grid-desktop{display: none;}
#grid-header{width:100%;}
.inner{width:100%;}
.header_box2{display: none;}
.status{right: 60px;}
.bottom-line{ text-align: center;margin: 1% 0 5%;}
#scrolling {overflow: hidden;position: relative;width:107%;left:-15px;height:490px;text-align: center;margin: 0 auto;}
#big-head {
font-size: 22px;
color: #892788;
line-height: 44px;}
#add-text{font-size: 18px;}
#expertgrid{display: none;}
.contact-link{ margin: 0 auto 2%;}
.box-expert{ width: 100%;max-width: 290px; height: 475px; text-align: center; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.35);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.35);
border-radius: 3px;
}
#top-header-grid{background: transparent;}
.description{padding: 1% 3% 0;}
.btn-b{ width: 90%;text-align: center;margin: 0 auto 5%;height: 55px;line-height: 55px;}
}
.author-upper{ margin: 0 0 0 25px;display: none;}
.author-bottom{display: none;}
.text-right-side-wrap{display: inline-block;vertical-align: middle;margin:0 0 0 20px;}
.author-image-up{width:116px;height: 116px;}
.stars-author-up{height: 16px;margin: 0 0 0 35px;}
.stars-author-bottom{height: 11px;margin: 0 ;}
.author-image-bottom{width:82px;height: 82px;}
.author-name{font-size: 28px;font-weight: 500;color: #892788;}
.author-name a{color: #892788;}
.text-desktop{font-size: 19px;color: #333333;}
.text-mobile{display: none;}
.link-desktop{display: block;}
.link-mobile{display:none}
.author-name-bottom{font-size: 19px;font-weight: bold;color: #333333;margin-left: 20px;}
.author-name-bottom a{font-size: 19px;font-weight: bold;color: #892788;font-family:Roboto !important}
.text-desktop-bottom{font-size: 19px;color: #333333;font-weight: 500;margin:16px 0 20px 0}
.text-desktop-bottom-1{font-weight: 500;font-size: 19px;color: #333333;}
.link-mobile-bottom{display: none;}
.text-mobile-bottom-1{display: none;}
@media screen and (max-width: 767px) {/*mobile */
.section-heading{margin-bottom: 15px;}
.author-upper{ margin: 0 0 0 13px;}
.stars-author-up{margin: 10px 0 0;}
.author-image-up{width:90px;height: 90px;}
.author-name{font-size: 21px;}
.stars-author-up{display: block;}
.text-right-side-wrap{margin:0 0 0 10px;}
.text-desktop{display: none;}
.text-mobile{display: block;font-size: 15px;color: #333333;margin-top:10px;line-height: 20px;}
.link-desktop{display: none}
.text-desktop-bottom-1{display: none;}
.link-mobile {display: block;margin:-7px 0 15px;}
.link-mobile a{font-size: 15px;color: #892788;text-decoration: underline}
.text-mobile-bottom-1{display: block;font-weight: 500;font-size: 17px;color: #333333;}
.link-mobile-bottom{display: block;font-size: 20px;color: #892788;text-align: center;text-decoration: underline;margin:22px 0;}
.author-name-bottom{width: 65%;display: inline-block;vertical-align: middle;}
}