#ctl00_ctl00_BodyPlaceHolder_contBody_HeaderWebPart1_ctl00_divSwitchToMobile{
display:none;
}


.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;
}
.box-expert {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

#middle-scroller-mobile{
    display: none;
}
#middle-scroller-headline span{
color:  #882889;
font-size: 24.92px;
    display: block;
}
#scrolling { 
    overflow: hidden;
    width: 117%;
    height: 230px;
    position: relative;
    left: -38px;
}
#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: 18px;
    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: '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;
}


.box-expert{
    position: relative;
    display: block;
    height: 244px;
    clear: both;
    padding: 24px 11px 24px;
    box-sizing: border-box; 
    
}
.expert-image {
    max-width:76px;
    max-height: 64px;
    border:0;
    outline:none;
    float: left;
    margin-right: 10px;   
}

.stars-expert {
    margin: 5px 0 3px;
}

.expert-name {
     font-family: 'Open Sans Hebrew';
    display: block;
    color:  #000000;
font-size: 18px; 
font-weight: 400;
  line-height: 21.329px;
text-align: left;
  text-overflow: ellipsis;
  max-width: 370px;
  white-space: nowrap;
  overflow: hidden;
}

.reviews {
display: block;
color:  rgba(0, 0, 0, .9);
font-size: 12px; 
font-weight: 400;
line-height: 15.329px;
text-align: left;
font-family: 'Open Sans Hebrew';
}

.discription {
font-family: 'Open Sans Hebrew';
margin: 24px 0 8px;
clear:both;
color:  #000000;
font-size: 14px; 
font-weight: 400;
line-height: 18.329px; 
text-align: left;

    
/* added   */
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height:  18.329px;     /* fallback */
   max-height: 55px;      /* fallback */
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical; 
    
}

.price-wrapper {
    float:left;
}

.expert-cta-call {
    float: right;
    cursor: pointer;
    border-radius: 5px;
    font-family: 'Open Sans Hebrew';
    background-color:  #ff8400;
    width: 157px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color:  #ffffff;
    font-size: 18px; 
    font-weight: 700;
    transition: .1s all;
    margin-top: 7px;
    box-sizing: border-box;
    
}


.expert-cta-call:hover{
    background-color:  #ff8400;
}

.fee-text {
 font-family: 'Open Sans Hebrew';    
color:  #777777;
font-size: 12px; 
font-weight: 400;
margin-bottom: 8px;
text-align: left;
}

.price {
    font-family: 'Open Sans Hebrew';
color:  #000000;
font-size: 24px;
font-weight: 400;
line-height: 15.329px;
}


.box-expert:nth-child(odd){
    background:  #fff;
  
}

.box-expert:nth-child(even){
    background:  #eeeff3;
  
}
#show-more-experts,#show-more-experts a {
    color: #405eab;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
}

#footer-grid {
position: relative;
font-family: 'Open Sans Hebrew';
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;
}
#best-psychic-logo-footer {
    position: absolute;
    right: 0;
    top:-12px;
    
}

.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: BLOCK;
}
#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: http://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;
    background-color:  #e7eaff;
}
body,html{
    background: #e7eaff !important;
}
.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 {
    
    margin-bottom: 70px;
}
.second-header{
     margin: 20px 0 20px 0 !important; 
}
.main-header-h1 {
font-family: Roboto;
color:  #3e5cad;
font-size: 30px;
font-weight: 300;
margin: 0 0 20px 0;
text-align: left;
font-style: normal;
}

#main-content-left {
font-family: Roboto;
color:  #666666;
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;
}

@media only screen and (max-width:700px){
    #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;
}