@font-face {
  font-family: 'OpenSansHebrew';
  font-style: normal;
  font-weight: 400;
  src: url(../../../../Static/fonts/OpenSansHebrew/OpenSansHebrew-Regular.ttf) format('truetype');
}

html, body {font-family: almoni-dl!important;}
 #wrapper {margin-top:80px!important; width:100% !important; max-width:100%  !important; max-height:100% !important; border:0  !important;  box-shadow: none  !important; overflow:visible  !important;}
 
body.show, html.show { height: auto}
.hide {display:none}
.splash  {
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  display:block;
  z-index:999999999;
  visibility:hidden;
  background-color: white;
}
.splash img {width:100%; height:100%; position:relative;}
.showMore{padding-bottom:20px; text-decoration:underline; cursor:pointer }
.fmoreinfo{border: solid;    border-width: 1px;    width: 90px;    padding: 10px 39px;    margin-top: 31px;    font-family: almoni-dl;    font-size: 17px;}

 .go2top  {background:url(../../../../images/ladies-top50-2017/arrow.png) no-repeat 0 0; width:89px; height:89px; display:block; position:fixed; left:1%; bottom:2%;z-index:111111 }
.main { margin: 0 auto;   }

.topNav { background:#000; height:80px; overflow:hidden;position: fixed; padding:15px 0;    top: 0;    left: 0;    z-index: 1000000;    width: 100%;    display:block;}

#single .itemText .r .resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
#single .itemText .r.resp-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


.topNav .r {float:right; margin:21px 25px 0 0; }
.topNav a .globes { float:right; margin-top:5px;width: 86px; }
.topNav a .globes_m { display:none;}
.topNav .logo .lady {  float:right;    margin:2px 5px 0;}
#single .topLink_mDiv, .topLink_mDiv {display:none;}
#article .topLink_mDiv {display:none;}
.topNav .logo {position:relative;    margin-left: 10px;
    padding-left: 10px;}
.topNav .logo:after {
      height: 57px;
    border: solid 1.2px #ffffff;
    position: absolute;
    content: "";
    left: -10px;
    top: -54px;
}
.topNav  .t50 {width:334px; height:auto; margin-top:-18px}

.topNav .r strong {color:#fff; font-size: 19px; font-family: almoni-dl7; font-weight:normal}
.topNav .r span {color:#fff; font-size: 19px;}

.topNav .l {float:left;margin:18px 0 0 20px}
.topNav .social {    
    width: 137px;    
    float: left;    
    height: 42px;
    cursor:pointer;
    font-size: 24px;
    font-family: almoni-dl;
    line-height: 39px;
    background: #fff;
}

.topNav .topLink {   
    background: #000;
    color:#fff;
    float: right;    
    border: 1px #fff solid;
    height: 40px;
    width: 200px;
    margin-left:20px;
    font-size: 24px;
    font-family: almoni-dl;
    line-height: 39px;
}
 
.mainImage * {color:#fff}
.mainImage {/*height: 415px;*/ overflow:hidden; position:relative;}
.mainImage:after {    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 47%,rgba(0,0,0,0.5) 100%);
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 99%;
    z-index: 1111;
    width: 1000%;
      opacity: 0.3;

}
.mainImage .number {
    font-family: almoni-dl7;
    font-size: 130px;
    line-height:100px;
    font-weight: normal;
    letter-spacing: 1.4px;
    text-align: right;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
.mainImWr {width:100%;max-width:1152px; position:absolute;  text-align:right;  transform: translate(-50%, -25px); z-index:111111; top: auto;  bottom: 0;    left: 50%;}
.mainImWr span {display:block}

#single .mainImWr {transform: translate(-50%, 0);top:auto; bottom:20px; z-index:10000;max-width:1000px; width: calc(100% - 100px);}
.mainImage .text p {font-family: Almoni-dl; text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}

.mainImage .title {font-size:40px; font-family: Almoni-dl9; margin-bottom: 0px; margin-top:8px; text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
.mainImage .subtitle {font-size:25px;  font-family: Almoni-dl; font-weight: normal; text-shadow: 0 0 8px rgba(0, 0, 0, 0.5); margin:0px; }
.mainImage .text {font-size:22px;  text-align:right; max-width:80%; width:50%; margin-top:20px; font-family: Almoni-dl; font-weight: normal; text-shadow: 0 0 16px rgba(0, 0, 0, 0.5);}
.mainImage .text p {margin:0 ;text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);  font-family: Almoni-dl; font-weight: normal;}
.mainImage img {width:100%; height:auto}

.allImages  {padding:20px 0; overflow:hidden; margin:0 auto; max-width:1200px;width:100%;}
.allImages * {color:#fff}
.allImages div { 
    width: 274px;
    position: relative;
    display: inline-block;
    margin: 0 7.5px 15px;
    vertical-align:top;
}

.allImages div:after {    background-image:linear-gradient(to bottom, rgba(0,0,0,0) 47%,rgba(0,0,0,0.5) 100%);
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 274px;
    z-index: 1111;
    height: 99%;

}
.div-extra-lady {margin-top:20px}
.allImages .imgWr {position:absolute;  right:15px;    bottom:15px;  text-align:right; width:98%; z-index:11111}

.allImages .number {position:absolute; 
  font-family: Almoni-dl7;
  font-size: 90px;
  font-weight: normal;
  letter-spacing: 1.4px;
  text-align: right;
  color: #ffffff;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  top:-23px;
  right:5px;
  z-index:11111

}

.allImages .title {     font-size: 28px;
    line-height: 29px;
    text-shadow: -3px 3px 3px rgba(0, 0, 0, 0.31);
    width: 98%;
    font-family: Almoni-dl9;
    display: block;
    text-align: right;
    margin-bottom: 5px;
}

.allImages .text {

    font-size:17px;  
    line-height:22px;
    text-shadow: -3px 3px 3px rgba(0, 0, 0, 0.31); 
    width:96%;
    display:block;
    text-align:right;
    font-family:Almoni-dl;
}
 .allImages .text p {margin:0}
.allImages img {width:100%; height:auto}

/* article */
.banner {margin:60px 0}
#article { margin: 0 auto; width:100%; }
article{ max-width:1200px; margin:0 auto !important; }
#article .title, #article h1{  
  font-size: 40px;
  font-family: Almoni-dl7;
  font-weight: 900;
  text-align: right;
  color: #000;
  margin-bottom:10px;
}
#article .a_r {width:100%; max-width:800px; padding-right:25px; float:right; display:block;}
#article .a_l {width:100%; max-width:350px; padding-left:25px; float:left; display:block;}

#article .sub_title, #article h2 {
      font-family: Almoni-dl;
  font-size: 25px;
  font-weight: 900;
  text-align: right;
  color: #000;
}
#article .text { 
      text-align: right;
      font-size:19px;
  line-height: 1.39;
  font-family:OpenSansHebrew;
}


.go2main { margin:110px 28.5px 20px 0; text-align:center; font-size:19px; display:block; text-decoration: underline}
/* single */

#single .mainImage .prev { position:absolute; right:0; top:40px; width:200px; z-index:10000}

#single .mainImage .next { position:absolute; left:0; top:40px;  width:200px; z-index:10000}

#single .mainImage .prev img {width:100px; float:right; height:106px}
#single .mainImage .next img {width:100px; float:left; height:106px}

#single .mainImage .prev div, 
#single .mainImage .next div {float:right; background:#000;height:106px; width:100px}
#single .mainImage .prev div { border-radius:15px 0 0 15px}
#single .mainImage .next div { border-radius:0 15px 15px 0}

#single .mainImage .prev b, #single .mainImage .next b {font-size: 55px; font-family: Almoni-dl7; font-weight:normal}

#single .mainImage .prev span, #single .mainImage .next span {display:block;font-size: 14px; font-family: Almoni-dl; margin:0 auto; width:98%}

#single .mainImage .number {top:100px}
#single .mainImage .title {top:260px}


#single .itemText { color:#000; text-align:right; overflow:hidden; font-size:19px; line-height:25px; width:100%; max-width:1200px; margin:30px auto 0; font-family:almoni-dl}
#single .itemText .r { float:right; width:60%; max-width:700px}
#single .itemText .l { float:left; width:30%}
#single .itemText h3 {font-size:25px; font-family:almoni-dl7; font-weight:normal; margin-bottom: 0px;line-height: 29px; }
#single .itemText p {margin-top: 7px;  font-family:OpenSansHebrew}
 
#single .itemText h2 {font-size:24px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px #ccc solid; font-weight:normal; margin:0;line-height: 30px;}
 
#single .socialLinks { float:right;text-align: center; direction: ltr; width:40px; margin-left:40px;margin-right: 20px;}
#single .socialLinks a { display:inline-block; margin-bottom:10px; width:30px; height:30px}
#single .socialLinks .icon1 {background:url(../../../../globes/icons/icn-facebook.svg) no-repeat 0 0;}
#single .socialLinks .icon2 {background:url(../../../../globes/icons/icn-twitter.svg) no-repeat 0 0;}
#single .socialLinks .icon3 {background:url(../../../../globes/icons/icn-mail.svg) no-repeat 0 0;}
#single .socialLinks .icon4 {background:url(../../../../globes/icons/icn-google.svg) no-repeat 0 0;}
#single .socialLinks .icon5 {background:url(../../../../globes/icons/icn-whatsapp.svg) no-repeat 0 0; }
#single .topNav .social {display:none}
.overlay {overflow: hidden;
    width: 110% !important;
    height: 110% !important;
        position: absolute;
    top: 0px;
        left: 0px;
    background-color: Gray;
        opacity: 0.7;
    z-index: 10;
}
.socialBlock { width:565px; height:532px; background:#fff; position:fixed; z-index:200000; transform: translate(-50%, -50%); left:50%; top:50%}
.overlay, .socialBlock {display:none}

html.hidden {overflow:hidden; height:100%; }


.close {
  font-size:50px;
  position:absolute;
  top:5px;
  right:20px;
  color: #000;
  cursor:pointer;
  display:inline-block;
  z-index: 100;
}
.closetext {
    font-size: 25px;
    position: relative;
    color: #000;
    cursor: pointer;
    border-bottom: 1px #000 solid;
    top: 450px;
 
    display: inline-block;

}

.socialBlock h3 {
    font-size: 30px; 
    font-weight:normal; 
    font-family:almoni-dl7;
    top: 46px;
     transform: translate(-50%, -50%); left:50%;
    position: absolute;
    margin:0;
}
.socialBlock .sWr { position:absolute;  transform: translate(-50%, -50%); left:50%; top:50%;    width: 100%;
    text-align: center;
    margin: 0 auto;}

.socialBlock a { display:inline-block;   width:77px; height:77px; border-radius:50%; margin:37.5px; position:relative}
.socialBlock a:after {position: absolute;font-size: 14px;bottom: -23px;}

.socialBlock .fb:after { content: "פייסבוק"; left: 12px;}
.socialBlock .fb {background:url(../../../../images/ladies-top50-2017/fb.png) no-repeat 0 0; }

.socialBlock .twitter:after { content: "טוויטר"; left: 21px;} 
.socialBlock .twitter  {background:url(../../../../images/ladies-top50-2017/twitter.png) no-repeat 0 0;}

.socialBlock .whatsapp:after { content: "וואטסאפ"; left: 9px;}  
.socialBlock .whatsapp {background:url(../../../../images/ladies-top50-2017/whatsapp.png) no-repeat 0 0; }

.socialBlock .mail:after { content: 'דוא"ל'; left:23px;} 
.socialBlock .mail {background:url(../../../../images/ladies-top50-2017/mail.png) no-repeat 0 0;}

.socialBlock .google:after { content: "+ גוגל"; left: 21px; direction:ltr} 
.socialBlock .google {background:url(../../../../images/ladies-top50-2017/google.png) no-repeat 0 0;}

.socialBlock .copy:after { content: "העתק קישור"; left: -5px;
    width: 90px;} 
.socialBlock .copy {background:url(../../../../images/ladies-top50-2017/group.png) no-repeat 0 0;}


.botLinksB a { display:inline-block; width: 49%; float:right; margin: 0 7.5px 15px 4px;}
.botLinksB a img {width:100%; }
.botLinksB { text-align:center;
    margin: 0 auto;
    max-width: 1160px;
    width: 100%;}

.footer {    
    margin: 20px auto;
    width: 100%;
    background-color: #000;
    color:#fff;
    height:60px;
    display:block;
    clear: both;
        font-family: almoni-dl;
}
.footer .copyright { max-width:1200px; width:100%; padding-top:20px; padding-right:50px; text-align: right;  margin:0 auto; font-size:16px}


@media only screen and (min-width: 1140px) {
    .allImages a:last-child div {
        float: right;
        margin-right: 25px;
    }
}

@media only screen and (max-width: 1240px) {
 
    .mainImWr { transform: none; left: 0px; bottom:15px; right:5% }   
     
    #single .mainImWr {transform: none; bottom:15px;  max-width:100%}
    #single .mainImage .prev, #single .mainImage .next {display:none}
 
    .botLinksB a{margin: 0 5px 5px 3px;}
    .topNav .social {width:100px}
}

 
@media only screen and (max-width: 850px) {
    .allImages a:last-child div {
        float: right;
        margin-right: 25px;
    }
        #single .itemText .l, #single .itemText .r {float:right;}
    .topNav .topLink {height: 31px;line-height: 33px; width:auto; padding:0 5px}

    .text{font-size: 18px; font-family: almoni-dl;}
    
    .mainImage .text {display:none;}
  
    .fmoreinfo{display:none !important;  }

    .go2main { margin:140px  5% 0 0; display:block; text-decoration: underline;}
    #article .a_r{padding:0;}
    .topNav .topLink { display:none;}
    .main,
    #article, .socialBlock  {width:100%}
    #article  article  {width:90%}
    .allImages div {width:49%;margin:0}
    .topNav .logo .lady {}


    .allImages .number { font-size:60px; top:-15px}
    .allImages .title { font-size:19px; line-height:20px}

    .mainImage .title { top: 60%; font-size: 25px; margin-top:27px;}
    #single .mainImage .title {margin-top:0px;}
    #single .mainImage .subtitle{font-size:19px; font-family:almoni-dl;}
    .botLinksB a img, .botLinksB a { width:100%; margin:0;}
    .socialBlock a { margin:20px}
    .topNav .r strong,
    .topNav .r span {font-size:15px}

    .mainImage .number {font-size: 95px; line-height:95px;}

    .allImages div:after{width:100%;}
    .go2top{display:none;}
    .allImages a:last-child div{      margin-right:6px; }
    .socialBlock .whatsapp{visibility:visible;}

    #single .itemText{font-size:19px;}

/* fix */
   #divTemplateMainImg_9787 .mainImWr,
   #divTemplateMainImg_9788 .mainImWr,
   #divTemplateMainImg_9807 .mainImWr  {
    width: 96%;
     background: linear-gradient(transparent,black);
    padding-bottom: 15px;
    padding-right: 4%;
        bottom: 0 !important;
}
    @media only screen and (max-width:600px) {
        .topNav .l { display:none       }
    }

}

@media only screen and (max-width:480px) {
    .socialBlock { height:600px; top:55%}
    .close { top:70px}
    .banner {margin:0}
    .banner div { margin:15px auto 45px}
    .topNav .l { margin-top:8px; margin-left:10px;}

    .topNav { height:60px}
    .topNav .t50 {    width: 207px;    height: auto;    margin-top: -2px;}
    .topLink_mDiv.share span {    font-size: 22px;}
    .topLink_mDiv.share span img {vertical-align:bottom}

        .topNav .r { margin:0 auto;     width: 330px; float:none   }
    .mainImWr{right:15px}
    .hide {display:block}
    #single .itemText .r h2 {display:none}
    .main{ margin:80px auto;}
    #wrapper {        margin-top: 65px !important;    }
 .go2main { margin:90px 5% 0 0; display:block; text-decoration: underline;}
 #single .itemText {margin-top:15px}
 .topNav {padding:7px 0 0 0;}

 .topNav a .globes {display:none}
 .topNav a .globes_m {display:block;  float:right; width:24px;}
 .topNav .logo .lady {  float:right; width:51px;    margin:0px 5px 0;}
 .topNav .logo:after {
  top:-15px;
  height: 20px;
  border: solid 1px #ffffff;
  position:absolute;
  content:"";
  left:-8px;
    }
 #single .itemText {    width: calc(100% - 30px);}
 #single .itemText h2 {font-size:19px; font-family:almoniDL400}
 
 .socialBlock h3{left:auto; top: 101px;}
 .topNav .r {margin-top:15px}
 .topNav .social {    
    display:none
    }

 .allImages {width:100%; margin:0; padding:0 0;}
 .topLink_m {font-size:22px;    }
 .topLink_mDiv {display:block; width:90%; border:2px #000 solid; margin:15px auto; padding:5px 0px;}
 
 .mainImage {margin-top:0px}
 .mainImage img {width:100%}
 #single .mainImage .title{ font-size:25px; }
 #single .itemText .l, #single .itemText .r {float:right; width:100%; font-size:19px;line-height: 28px;}
 #single .itemText .r p img {width:100%; height:auto}

 .mainImage .title {font-size:19px; margin-top: 0; margin-bottom:5px}
 .mainImage .subtitle{font-size:15px; line-height:18px; font-family:almoni-dl7; }

 .text, .itemInfo, .itemText  {width:92%; margin:0 auto; color:#000; text-align:right;}
 
 .allImages .text  {color:#fff; margin:0; border:0; font-size:15px; line-height:18px; width:94%; font-family:almoni-dl7; } 
 .allImages .title{ width:94%; } 

 .itemInfo .r {padding-bottom:20px; padding-top:20px;}
 .allImages .number {right:11.1px; top:-5px}
 .allImages a:last-child div{      margin-right:2px; }
 
 

 #single .socialLinks { width:100%;    margin-right:0; display:block; height:70px; text-align: center; direction: rtl;    border-bottom: 1px #ccc solid; margin-bottom:20px }
#single .socialLinks a { display:inline-block;   margin:20px 4% 0 4% }


#article .text { 
    margin:0px;
      font-size:18px;

}
#article .sub_title, #article h2 {  
  font-size: 18px;  
}
    #article .title, #article h1 {
        font-size: 32px;
    }
 }

@media only screen and (max-width:320px) {
    .topNav  .t50 {width: 180px;    height: auto;    margin-top: 0px;}
    .topNav .r { width:290px}
  
    .topNav .social {
        font-size: 16px;
    }
    .topNav .logo {
        position: relative;
        margin-left: 10px;
        padding-left: 7px;
    }
 
    .topNav .social {
        height: 28px;
        width: auto;
        padding: 0 2px;
        line-height: 28px;
    }
    .socialBlock h3 {
        font-size: 25px;
        font-weight: normal;
        font-family: almoni-dl7;
        top: 74px;
        transform: translate(-51%, -50%);
        left: 47%;
        position: absolute;
        margin: 0;
    }
    .close {
        font-size: 50px;
        position: absolute;
        top: 40px;
        right: 20px;
        color: #000;
        cursor: pointer;
        display: inline-block;
        z-index: 100;
    }
    .closetext{
        font-size: 25px;
        top: 465px;
    }
}