﻿#wrapper { max-width:1440px; width:100%  !important}
#top { margin:0 0 -14px }
#top img { width:100%; display:block }
 
#header { width:100%; background: rgba( 40, 40, 40, 0.8); height:40px;max-width:1440px; text-align:right;position:fixed; top:0; z-index:5;overflow:hidden; padding:0}

 

#header .lady50 {background-image:url(http://images.globes.co.il/images/lady50/logo1.png);  float:right; height: 34px; width: 64px; margin:4px 4px 0 4px}
#header b { float:right;  color:#fff; font-size:31px; font-family:almoni-dl7; margin-right:10px; margin-top:0}
#header span.year {float:right;  color:#fff;font-size:32px;margin-right:10px;margin-top:0;font-family:almoni-dl3; }
 


#header .globes {    background: rgba(0, 0, 0, 0) url("http://images.globes.co.il/images/lady50/g.png") no-repeat scroll 0 0;
    float: right;
    height: 20px;
    margin: 10px 17px 0 10px;
    width: 19px;}

 
#divTop50Content {
    float:right;
    width:calc(100% - 245px);
    margin-top:25px;
    padding:0 5px 0 10px;
    font-family:almoni-dl
}

#divKidumParent, #divTagitScroller, #divPatternLeftImgOrVideo, #divPatternRightImgOrVideo, #divImgPattern, #divVideoPattern, #divPatternCenterImg, #divPatternTextAbove,#divSingleItemPattern,#divDefaultText,#divPatternFollow,#divPlayButton,#divCreditLine
{
    display:none;
} 
.credits{position: absolute;
    top: -20px;
    background-color: rgba(128, 128, 128, 0.5 );
    width: 100%;
    height: 20px;
    color:white
}

h1,h2 { margin:0}
.divSingleItemTemplate { width:100%; display:block; }
.divKidumImg { float:left; }
.divKidumImg img { width:100%; height:auto}

#kidum {background: #feebe1; margin:30px 0 180px}
#kidumLinks {
    width:550px;
    direction: rtl;
    overflow: hidden;
    margin:0 auto;
    height:64px;
}
#kidum .text { clear:both;  margin:0 auto; text-align:center; background:#fff; padding-bottom:10px}
#kidum .text a {font-size:17px; color:#c00;}
#kidum .bText { clear:both;  margin:0 auto; text-align:center; background:#fff; padding-top:20px;font-size:15px; color:#7b7b7b; font-family:Arial; }


#kidumLinks p {
    color: #444;
    float: right;
    font-family: almoni-dl7;
    font-size: 19px;
    margin: 21px 15px 0 20px;
}

#kidumLinks p:before{content:"\f09e";font-family: fontawesome;font-size: 18px;color: #c00; margin-left: 14px;}

#kidumLinks .kidumLinksItems a { background-image:url(http://images.globes.co.il/images/Site2/kidumLinks.png);  display:inline-block; height:36px; width:100px; margin-top:15px}

#kidumLinks .kidumLinksItems a.instagram {background-position: -205px 0}
#kidumLinks .kidumLinksItems a.twitter {background-position: -110px 0}
#kidumLinks .kidumLinksItems a.facebook {background-position: 0 0}



.flowplayer {
	/* fonts for UI widgets */
	font-family: "myriad pro", tahoma, verdana, arial, sans-serif; background-color: #000;
	direction:ltr !important;
}

.flowplayer.is-playing{background-color: #000}	
            
          
.divKidum
{
    position:relative;
    display:block;
    clear:both;
    overflow:hidden;
    background:#FEFEF3;
    margin-bottom:10px
}
          
.divKidumBody {
    width:50%;
    direction:rtl;
    text-align:right;
    margin:0 50px 0 0;
    position:absolute;
}
.divKidumBody .Lnumber { font-size:132px; font-weight:normal; margin:25px 0 0 0; font-family:almoni-dl3}    
.divKidumBody .Lname {font-size:45px;  font-weight:normal; font-family:almoni-dl7;margin:0 }
.divKidumBody b {font-size:25px; font-weight:normal;font-family:almoni-dl; display:block; margin-bottom:10px;}   
 
.divKidumBody .titleLine {  border-bottom: 5px solid #c00;  width: 50px;}  
 
 
 
.divKidumBody span {font-size:20px; font-weight:normal;}         
.divKidumBody p { margin:50px 0 0 0; font-size:22px; line-height:28px;font-family:almoni-dl; width:520px}



.tagitTitle  {font-size:45px; font-family:almoni-dl7;position:relative; text-align:center; display:inline-block; width:460px; margin-bottom:40px} 
.tagitTitle span { display:block}
.tagitTitle:after {  border-bottom: 3px solid #c00; content: ""; position: absolute;   right: 215px;  top:120px;  width: 30px; margin-left:15px}  



#divWithScrollingContainer
{
    border:0px;
}

.sticky
{
    position:fixed;
    top:35px;
}

.divSideImages {width:220px; float:right;margin-top:1px;margin-right:10px;  
    /*position:fixed; */
    top:0;
    right:0;   
}

#divWithScrolling
{
    width:215px;
    position: relative;
    border:0px !important;
    padding-right:5px;
}


.divSideImages:before { background:url(http://images.globes.co.il/images/lady50/l50.jpg); content:''; width:210px; height:223px; display:block; margin-bottom:10px; margin-right:5px;
                        
                        display:none}
  
#divWithScrolling  div { }
.selected { outline:5px solid #000;}

          
.divSideImages div {   
    float:right;
    width:102px;
    margin:0 0 5px 5px;
    cursor:pointer;            
}
.divSideImages div:nth-child(1),.divSideImages div:nth-child(2) { margin-top:10px}

.divSideImages div img { width:100%; height:auto; display:block}
.divSideImages div:nth-child(even) { margin-left:0}          


 
.divKidum .socialLinks {float:right}
.socialLinks span {float:left;font-size:17px;font-weight:bold;line-height:15px;margin-right: 10px;width:50px;}
.socialLinks a {border:0;color:#fff;float:left;height:20px;line-height:20px;margin:0 5px 0 0;padding:5px 3px;text-align:center;width:28px;font-size:17px;}
 
.socialLinks .fa-twitter                {background:#69d0f7}
.socialLinks .fa-twitter:before         {content:"\f099"}
.socialLinks .fa-facebook               {background:#2e5693;}
.socialLinks .fa-facebook:before        {content:"\f09a"}   
.socialLinks .fa-google-plus            { background:#c00}
.socialLinks .fa-google-plus:before     {content:"\f0d5 "}
 
#header .socialLinks { float:left; margin:4px 0 0 15px !important}
#header .socialLinks span {color:#fff; font-size:18px; line-height:30px; float:right; width:90px; margin-top:0}
#header .socialLinks .choose { width:230px; font-size:19px; float:right}
 
.divLSide, .divRSide, .divCenter,.quote,.divCenterText,.tagItems {
  
    clear:both;
    margin-bottom:10px;
    overflow:hidden;
    position:relative;
}
.divLSide element,.divRSide element {width:50%;text-align:right;float:right;  }
 
.divLSide .divImgOrVideo {float:left; }
.divRSide .divImgOrVideo {float:right;}
.divTextAboveTitle {font-size:29px;} 
.divRSide .divImgOrVideoBody { float: left;}

@media all and (min-width: 1024px) {
    .divRSide .divImgOrVideoBody,.divLSide .divImgOrVideoBody {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .divRSide .divImgOrVideoBody { right: 50%; }
    .divLSide .divImgOrVideoBody { left: 50%; }
}



.divImgOrVideo { position:relative}
.divImgOrVideo .imgorvideo { cursor:pointer} 
.divImgOrVideo .play { position:absolute; bottom:10px;left:10px; width:67px !important; height:67px; display:block}


.divImgOrVideoBody .divTitle {font-size:45px; font-family:almoni-dl7; margin:0 50px 0 0; position:relative; clear:both} 
.divImgOrVideoBody .titleLine {  border-bottom: 3px solid #c00;  width: 30px !important;  margin-right: 50px;}  
 
.divImgOrVideoBody .divSubtitle {font-size:19px; font-weight:normal;margin:20px 50px 0 40px; line-height:30px; }

.divImgOrVideoBody .divSubtitle strong {font-family:almoni-dl7} 

.divLSide img, .divRSide img {
    width:100%;
    height:auto;
    display:block;
}

.quote {background:#FDEBE2;}
.quote:before, .quote:after {content: "\201C"; position:absolute; color:#fff; font-size:500px; line-height:0; font-family:Georgia;transform:rotate(180deg); }
.quote:before {left:-35px; top:-75px}
.quote:after {right:-20px; bottom:180px}
.quoteTitle {font-size:45px; font-family:almoni-dl7;position:relative; text-align:center; display:inline-block; width:400px; margin-top:50px}
.quote .divTitle {padding:20px 10% 61px; font-size:22px; text-align:center; line-height:28px; position:relative; z-index:1}
.quote .titleLine {  border-bottom: 3px solid #c00;  width: 30px !important;  margin:7px auto 5px;}  

.divCenter {position:relative; background:#FDEBE2; padding:5%;text-align:right}
.divCenter h2 {padding:0;   font-size:25px;font-weight:normal;max-width:600px;  margin:0 auto}
.divCenter p {font-size:18px;font-weight:normal; line-height:30px; font-family:Arial;max-width:645px;  margin:10px auto}
.divCenterText img { width:100%; height:auto}
.divCenterText .divTitle {font-size:35px;}

.morelink span {
    width: 224px;
    height: 45px;
    margin: 20px 0 0 0;
    cursor: pointer;
    display: block;
    font-size: 16px;
    color: #c00;
}

 
.divCenter .divCenterText { height:210px; overflow:hidden!important}
.divCenter.open .divCenterText { height:auto;}
.divCenter .fa:after{content: " \f078 "}
.divCenter .fa:before {content: " להמשך קריאה ";font-family:'almoni-dl';}
.divCenter.open .fa:after{content: " \f077 "}
.divCenter.open .fa:before{content: " הסתר "; font-family:'almoni-dl';}


.G_BradCrams { text-align:right; padding:10px 0}
.tagTitle {font-size:24px;}

    
.tagItems .first { float:right; width:49%; margin-left:2%}
.tagItems .second {float:right; width:49%}
.tagItems element .tagImgWr img { width:100%}
.tagItems .tagTitle { text-align:right}
.tagItems span {position: absolute; top:30%;  background:#474747; color: #fff;  cursor: pointer;  display: block;  height: 100px;  width: 40px;}
.btnBack  { right:0; }
.btnForward {left:0;} 

.tagItems span i {
    color: #fff;
    font-size: 36px;
    line-height: 36px;
    margin-top: 30px;
}
.btnBack i { margin-right:3px;}
.btnForward  i { margin-right: 10px;}

#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #cc0000; /*#29d;*/

  position: fixed;
  z-index: 1031;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}


 #top .mobile { display:none}








@media all and (max-width: 1240px) {
    
.divKidumBody .Lnumber { font-size:80px; margin-top:0 !important}
 
.divImgOrVideoBody .divTitle { font-size:35px;margin-top:0 !important}
.divKidumBody b { font-size:19px}
.divKidumBody p { font-size:19px; line-height:24px; margin-top:20px;width:100%}    
.divImgOrVideoBody .divTitle,
.divImgOrVideoBody .titleLine,
.divImgOrVideoBody .divSubtitle { margin-right:20px} 
.divImgOrVideo iframe { width:100%}
 
}

@media all and (max-width: 769px) {
 
 .divKidumBody .Lname {font-size:35px; line-height:35px; margin:10px 0 5px}
   .divRSide .divImgOrVideoBody {position:static}
 
.divImgOrVideo iframe { height:170px}
#top .mobile { display:block !important; }  
#top .comp,.tagItems .second { display:none !important}   

#top {background:url(http://images.globes.co.il/images/lady50/cover-mobile.png) no-repeat 0 0; width:100%; height:auto; margin-top:40px}
    
.divSideImages { margin-right:0}   
#wrapper,.quoteTitle { width:100%  !important}
#divWithScrolling { width:105px  !important}
#divTop50Content { width:calc(100% - 65px)  !important; padding: 0 10px 0 0;}
.divSideImages, .divSideImages div,#divWithScrolling { width:50px !important}

#divTop50Content .divImgOrVideo,
#divTop50Content div,
#divTop50Content img,
#divTop50Content .divImgOrVideoBody,
#divTop50Content .second,
#divTop50Content .first,
#divTop50Content .Lname  { float:none; width:100%; overflow:visible; }
 
.tagitTitle { font-size:25px;width:100%; margin-bottom:10px}
.divLSide, .divRSide { margin:20px 0}

.divKidumBody {position:static; margin:0 10px 0 0;width: 95% !important; padding-bottom:10px}
.divKidumBody .Lnumber { position:absolute; top:0}
.divKidum .socialLinks { display:none}    
.divKidumBody .titleLine { position: absolute;  width: 50px !important;}
.divSideImages div:nth-child(1), .divSideImages div:nth-child(2) { margin-top:5px!important}
.divKidumBody p { margin-top:25px;  font-size: 19px; line-height: 28px; font-family:arial;}
.divImgOrVideoBody .divTitle {font-size:25px}
.divImgOrVideoBody .divTitle,
.divImgOrVideoBody .divSubtitle { margin-right:10px !important;}
.divImgOrVideoBody .divTitle { margin-top:78px !important}
.divImgOrVideoBody .titleLine { margin:10px 6px 10px 0}

.quote .divTitle  { width:98%!important; padding:1%!important;font-size: 19px;   line-height: 25px;}
.quote {padding-bottom:20px!important;}
.divCenter {width:100%!important; padding:20px 0 !important;font-size: 19px;   line-height: 25px;}
 .divCenter p {margin:10px}
 
#kidum { margin-bottom:40px}
.divImgOrVideoBody .divSubtitle {font-size: 17px; margin-bottom:40px; font-family:arial;}   


.quote:before {left:-14px; top:-27px; font-size:200px}
.quote:after {right: -9px;bottom: 74px;font-size:200px}
 
 .divImgOrVideo { float:right!important; margin-bottom:10px}
 .divImgOrVideo .play { width:30px!important; height:30px}
 
.divSideImages::before,
#header span,
#header b,
.tagitTitle::after,
#header .socialLinks .choose { display:none!important}

#divTop50Content { margin-top:19px}
#divWithScrolling { width:55px!important }
#divTop50Content .tagItems span { width:30px!important;top:60px!important; height:60px!important; }
#divTop50Content .tagItems span i { margin-top: 14px;}
#divTop50Content .btnBack i { margin-right:0}
#divTop50Content .btnForward i { margin-right:4px}
#kidumLinks { height:94px}
#kidumLinks p { display:none}
#kidumLinks a {width:65px!important; height:65px!important}
#kidumLinks .kidumLinksItems a.instagram {background:url(http://images.globes.co.il/images/lady50/inst.png) no-repeat 0 0; }
#kidumLinks .kidumLinksItems a.twitter {background:url(http://images.globes.co.il/images/lady50/twitter.png) no-repeat 0 0; margin:0 10px}
#kidumLinks .kidumLinksItems a.facebook {background:url(http://images.globes.co.il/images/lady50/fb.png) no-repeat 0 0; }
}
 