﻿#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}
.globes_m {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; }
.fmoreinfo{border: solid;    border-width: 1px;    width: 90px;    padding: 10px 39px;    margin-top: 31px;    font-family: almoni-dl;    font-size: 17px; display:none}

 .go2top  {background:url(https://images.globes.co.il/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;
    top: 0;
    left: 0;
    z-index: 1000000;
    width: 100%;
    display:block;
}
.topNav .r {float:right; margin:25px 25px 0 0; }
.topNav .logo .globes { float:right; margin-top:5px }
.topNav .logo .globes_m { display:none;}
.topNav .logo .lady {  float:right;    margin:2px 5px 0; width:62px}
#single .topLink_mDiv, .topLink_mDiv {display:none;}
#article .topLink_mDiv {display:none;}
#wrapper.page_9866 .topLink { display:none}
#wrapper.page_9866 .allImages .text {width:97%; display:block}
.topNav .logo { position:relative; margin-left: 10px; padding-left: 10px;}
.topNav .globes { float: right;    margin-top: 2px;    width: 86px;}
.topNav .logo:after {
      height: 16.9px;
    border: solid 1.8px #ffffff;
    position: absolute;
    content: "";
    left: -10px;
    top: -9px;
}
.topNav  .t50 {width:250px; height:28px}

.topNav .r strong {color:#fff; font-size: 30px; font-family: almoni-tzar4; font-weight:normal; line-height:38px; margin-left:5px}
.topNav .r span {color:#fff; font-size:30px;font-family: almoni-tzar3;}
.topNav .r .logo2 img {margin-top:-12px}
.topNav .l {float:left;margin:22px 0 0 20px}
.topNav .social {    
    width: 137px;    
    float: left;    
    height: 35px;
    cursor:pointer;
    font-size: 24px;
    font-family: almoni-tzar4;
    line-height: 39px;
    background: #fff;
}

.topNav .topLink, .topNav .topLinkLang {   
    background: #000;
    color:#fff;
    float: right;    
    border: 1px #fff solid;
    height: 40px;
    width: 200px;
    margin-left:20px;
    font-size: 24px;
    font-family: almoni-tzar4;
    line-height: 42px;
}
    .topNav .topLinkLang {
        width:50px!important;
        font-family:arial
    }   
 
 
.mainImage {/*height: 415px;*/ overflow:hidden; position:relative;}
.mainImage:after {   
    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:center;
               transform: translate(-50%, -25px); z-index:111111;
    top: auto;
    bottom: 20px;
    left: 50%;}

#single .mainImWr {transform: translate(-50%, 0);top:auto; bottom:20px; z-index:10000;max-width:1200px; text-align:right }
.mainImage .text p {font-family: Almoni-dl; text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}

.mainImage .title {font-size:50px; font-family: almoni-tzar7; margin:0 0 0 10px; display:inline-block;    font-weight: normal;}
.mainImage .subtitle {font-size:50px;  font-family: almoni-tzar4; font-weight: normal; display:inline-block; margin:0px; }
.mainImage .text {font-size:22px;  max-width:80%; width:50%;  font-family: Almoni-dl; font-weight: normal;}
.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: linear-gradient(to bottom, rgba(0,0,0,0) 75%,rgba(0,0,0,0.95) 90%);
    opacity: 0.3;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 274px;
    z-index: 1111;
    height: 99%;

}

.allImages a:nth-child(13) div:after,
.allImages a:nth-child(14) div:after,
.allImages a:nth-child(15) div:after,
.allImages a:nth-child(16) div:after,
.allImages a:nth-child(18) div:after
 {background: linear-gradient(to bottom, rgba(0,0,0,0) 62%,rgba(0,0,0,0.95) 90%);}

.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: 130px;
  font-weight: normal;
  letter-spacing: 1.4px;
  text-align: right;
  color: #ffffff;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  top:-33px;
  right:5px;
  z-index:11111

}

.allImages .title {  font-size:24px; line-height:24px;text-shadow: -1px 1px 9px rgba(0, 0, 0, 0.9); width:100%; font-family: Almoni-dl7;  display:block;   text-align:right;}

.allImages .text {

    font-size:16px;  
    line-height:22px;
    text-shadow: -1px 1px 9px rgba(0, 0, 0, 0.9); 
    width:100%;

 
    text-align:right;

}

.allImages img {width:100%; height:auto}

/* article */
#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;}


.go2main { margin:110px 28.5px 20px 0; text-align:right; font-size:19px; display:block; text-decoration: underline; clear:both}
/* single */

#single .mainImage .prev { position:absolute; right:0; top:20px; width:200px; z-index:10000}

#single .mainImage .next { position:absolute; left:0; top:20px;  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 .title {   /*text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);*/ display:block; font-size:40px; font-family:almoni-dl7; color:#000}
#single .mainImage .subtitle {  /* text-shadow: 0 0 8px rgba(0, 0, 0, 0.5); */display:block;font-size:25px;color:#000;font-family:almoni-dl;}
#single .mainImage .text {color:#333; display:block; margin-top:20px}
#single .mainImage .text p {    text-shadow: none;}

#single .itemInfo {padding:20px 0; overflow:hidden}
#single .itemInfo,
#single .itemText {border-bottom:1px #ccc solid; color:#000; text-align:right; overflow:hidden; font-size:19px; line-height:25px; width:100%; max-width:1200px; margin:0 auto; font-family:almoni-dl}
#single .itemText .r { float:right; width:60%; margin-left:68px;}
#single .itemText .l { float:left; width:30%}
#single .itemText h3 {font-size:25px; font-family:almoni-dl7; font-weight:normal; margin-bottom: 0px; }
#single .itemText p {margin-top: 7px; }

#single .itemInfo .r { float:right; font-size:24px; width:75%}
#single .socialLinks { float:left;text-align: left;
    direction: ltr;}
#single .socialLinks a { display:inline-block; margin-right:10px; width:30px; height:24px}
#single .socialLinks .icon1 {background:url(https://images.globes.co.il/images/ladies-top50-2017/icon1.png) no-repeat 0 1px;margin-right:0}
#single .socialLinks .icon2 {background:url(https://images.globes.co.il/images/ladies-top50-2017/icon2.png) no-repeat 0 2px;}
#single .socialLinks .icon3 {background:url(https://images.globes.co.il/images/ladies-top50-2017/icon3.png) no-repeat 0 4px;}
#single .socialLinks .icon4 {background:url(https://images.globes.co.il/images/ladies-top50-2017/icon4.png) no-repeat 0 0;width:34px}
#single .socialLinks .icon5 {background:url(https://images.globes.co.il/images/ladies-top50-2017/icon5.png) no-repeat 0 0;    margin-right: 10px;}
 
.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}
span.social:hover {
    background-color: #99103D;
    color: #fff;
}

.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: -33px;}

.socialBlock .fb:after { content: "facebook"; left: 12px;}
.socialBlock .fb {background:url(https://images.globes.co.il/images/ladies-top50-2017/fb.png) no-repeat 0 0; }

.socialBlock .twitter:after { content: "twitter"; left: 20px;} 
.socialBlock .twitter  {background:url(https://images.globes.co.il/images/ladies-top50-2017/twitter.png) no-repeat 0 0;}

.socialBlock .whatsapp:after { content: "whatsapp"; left:8px;}  
.socialBlock .whatsapp {background:url(https://images.globes.co.il/images/ladies-top50-2017/whatsapp.png) no-repeat 0 0; }

.socialBlock .mail:after { content: 'דוא"ל'; left:22px;} 
.socialBlock .mail {background:url(https://images.globes.co.il/images/ladies-top50-2017/mail.png) no-repeat 0 0;}

.socialBlock .google:after { content: "google +"; left: 12px; direction:ltr} 
.socialBlock .google {background:url(https://images.globes.co.il/images/ladies-top50-2017/google.png) no-repeat 0 0;}

.socialBlock .copy:after { content: "העתק קישור"; left: -5px;
    width: 90px;} 
.socialBlock .copy {background:url(https://images.globes.co.il/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;
}
.footer .copyright { max-width:1200px; width:100%; padding-top:20px; padding-right:50px; text-align: right;  margin:0 auto; }










@media only screen and (min-width:1190px) {
  .allImages a:last-child div {float: right; margin-right:10px;}
  .allImages a:nth-last-child(2) div { float: right;  margin-right: 25px;}

  .page_9866 .mainImWr { bottom: -15px;}
.page_9866 .mainImage .subtitle {display:block; font-size:40px}


}

@supports (-ms-ime-align:auto) {
     #main .topNav .logo::after {left:-2px}
}

@media all and (-ms-high-contrast:none) {
     #main .topNav .logo::after {left:-2px}
}



@media only screen and (max-width: 1440px) {
    #wrapper.page_9866 .mainImage .title {
        font-size: 35px;
    }

    #wrapper.page_9866 .mainImage .subtitle {
        font-size: 28px;
        display: block;
    }
}

@media only screen and (max-width: 1240px) {
    #single .itemInfo, #single .itemText,.mainImWr { width:94%}
    .mainImWr { transform: none; left: 0px; bottom:15px; }    
    #single .mainImWr {transform: none; bottom:15px; }
    #single .mainImage .prev, #single .mainImage .next {display:none}
    .mainImage img {width:130%}
    .botLinksB a{margin: 0 5px 5px 3px;}
     #wrapper.page_9866 .mainImWr {    bottom: 5px;    width: 100%;}
       .mainImage {margin-top:-20px}

}

@media only screen and (max-width: 1024px) {
    #single .itemText .l, #single .itemText .r, #single .itemInfo .r{float:right;}
    .topNav .topLink {height: 31px;line-height: 33px; width:auto; padding:0 5px}
   
    .topNav .l {margin-top:27px}
 
    .topNav .social {height: 25px;width:auto; padding:0 5px; line-height: 28px;}
     #wrapper.page_9866 .mainImWr {    bottom:0}
     #single .itemText .r {width:85%}
    
}
@media only screen and (max-width: 800px) {
    #single .itemInfo .r{width:65%;}
    
    .text{font-size: 18px; font-family: almoni-dl;}
    
    .mainImage .text {display:none;}
    .mainImage img {width:110%}
    .fmoreinfo{display:none !important;  }

    .go2main { margin:20px 0 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 {}

    .topNav .l { margin-top:18px; margin-left:10px; }
    .topNav .r { margin-top: 12px; margin-right:10px; }
    .topNav { height:60px}


    .allImages .number { font-size:70px; top:-15px}
    .allImages .title { font-size:18px; line-height:20px}

    .mainImage .title { top: 60%; font-size: 25px; margin-top:27px;}
    .mainImage .subtitle { display:block; font-size:20px}
    #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 20px 30px }
    .topNav .r strong,
    .topNav .r span {    font-size: 22px;   line-height: 39px;}

    .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 .socialLinks .icon5{visibility:visible;}
    #single .itemText{font-size:19px;}
}

@media only screen and (max-width:480px) {
    .main{ margin:80px auto;}
        .topNav .globes {display:none}
        .globes_m {display: block;width: 35px;
    right: 6px;
    float: right;
    margin: -5px 0 0 0;} 
        .socialBlock {top:60%}
       .topNav .r strong, .topNav .r span {line-height:27px}
       .topNav .r {margin-top:14px}
    #wrapper {        margin-top: 65px !important;    }
 .go2main { margin:90px 0 0 0; display:block; text-decoration: underline;}
 .text {display:block; border-bottom:1px #ccc solid; margin:20px 10px }
 .topNav {padding-top:7px;}
 .topNav  .t50 {width:160px; height:auto; margin-top:2px;}
 .topNav .logo .globes {display:none}
 .topNav .logo .globes_m {display:block;  float:right; width:24px;}
 .topNav .logo .lady {  float:right; width:51px;    margin:0px 5px 0;}
 .topNav .logo:after {
  height: 12px;
    border: solid 1px #ffffff;
    position: absolute;
    content: "";
    left: -4px;
    top: -3px;
    }
 #single .mainImage .subtitle {color:#fff}
 #single .socialLinks {border:0 !important}
 #single .mainImage:after {  background: linear-gradient(to bottom, rgba(0,0,0,0) 75%,rgba(0,0,0,0.95) 90%);}

 .allImages .imgWr {right:5px}
  .topNav .r .logo2 img {width:180px; margin-top:-2px}  
 .socialBlock h3{left:auto;}
 .topNav .logo {padding-left:0}
 .topNav .social {
    font-size: 18px;
    /* font-family: almoni-dl; */
    
}
 #article .text p img {width:100%; height:auto }
 .allImages {width:100%; margin:0; padding:0 0;}
 .topLink_m {    font-size: 19px;
    font-family: almoni-dl7;   }
 .topLink_mDiv {display:block; width:90%; border-width:1px; border:solid; margin:15px auto; padding:5px 0px; display:none}
 .mainImWr{width:100%}
 #single .mainImWr{width:96%}
  .mainImage {margin-top:-15px; height:380px}
  .Ladies .mainImage {margin-top:0; height:auto}
 .mainImage img {width:100%}
 .mainImage .title
 #single .mainImage .subtitle {color:#fff;text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
 #single .mainImage .title{ font-size:25px; color:#fff;text-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }
 #wrapper.page_9866 .mainImWr {bottom:0; background:#fff}
 #single .itemText .l, #single .itemText .r, #single .itemInfo .r{float:right; width:100%; font-size:18px;}

 .mainImage .title {font-size:35px; margin-top: 15px; line-height: 30px;  display: block;}
 .mainImage .subtitle{   font-size: 23px;   line-height: 24px;}

 .text, .itemInfo, .itemText  {width:92%; margin:0 auto; color:#000; text-align:right;}
 #single .itemInfo{width:92%;}
 .allImages .text  {color:#fff; margin:0; border:0; font-size:13px; line-height:18px; width:99%; font-family:almoni-dl; } 
 .allImages .title{ width:99%; } 

 .itemInfo .r {padding-bottom:20px; padding-top:20px;}
 .allImages .number {right:11.1px; top:-5px}
 .allImages a:last-child div{      margin-right:2px; }

 #single .itemInfo .r { width:100%; font-size:18px;;  line-height:25px;}
 #single .itemInfo{padding:0px;}

 #single .socialLinks {left:0; width:92%; background-color:white; z-index:1000000; display:block; bottom:0px; height:60px; text-align: center; direction: ltr; border-bottom: 1px #ccc solid; float:none; margin:0 auto}
#single .socialLinks a { display:inline-block; width:23px; height:26px; margin:20px 15px 0 20px; }


#article .text { 
    margin:0px;
      font-size:18px;
}
#article .sub_title, #article h2 {font-size: 18px; }
 #article .title, #article h1 {font-size: 32px;}
 
 .topNav .social {
    background:url(https://images.globes.co.il/images/share-icon-02.png) no-repeat 0 0;
    margin-top:6px;
    width:25px; height:25px;
    text-indent:1000px;
}
 .topNav .topLinkLang {    
    width: auto !important;
    height: auto !important;
    font-size: 14px;
    line-height: 14px;
    padding: 5px;
    margin-left: 0;
    margin-top: 5px; 
    font-family:Arial
 }
 .topNav .l {margin-top:6px}
     .socialBlock h3 {left:50%  !important; top:100px}
 

     
} /* end */

@media only screen and (max-width:360px) {
   .topNav .t50 {
        width: 150px;
        height: auto;
        margin-top: 2px;
    }
    .topNav .social {
        font-size: 16px;
    }
    .topNav .logo {
        position: relative;
        margin-left: 5px;
        padding-left: 5px;
    }
    .topNav .r {
        margin-top: 12px;
        margin-right: 5px;
    }

    .topNav .social {
        height: 28px;
        width: auto;
        padding: 0 2px;
        line-height: 28px;
        width:30px
    }
    #single .socialLinks a {
        display: inline-block;
        width: 25px;
        height: 25px;
        margin: 20px 10px 0;
    }

    .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;
    }

    .topNav .r strong, .topNav .r span { font-size:18px}
    #wrapper.page_9866 .topNav .r strong, .topNav .r span { font-size:17px}
    #wrapper.page_9866 .mainImage .title {       font-size: 27px;
    line-height: 25px;}
 
}

 


