﻿#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}

.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;}

 .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;}
#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: 26.9px;
  border: solid 1.8px #ffffff;
  position:absolute;
  content:"";
  left:-10px;
}
.topNav  .t50 {width:250px; height:28px}

.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(114deg, rgba(255, 255, 255, 0), #000000);
    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%, -50px); z-index:111111;
    top: auto;
    bottom: 20px;
    left: 50%;}
.mainImWr span {display:block}

#single .mainImWr {transform: translate(-50%, 0);top:auto; bottom:20px; z-index:10000;max-width:1200px; }
.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-dl7; 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;}
.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 a:last-child div{ 
    float:right;
    margin-right:25px;
}
.allImages div:after {    background-image: linear-gradient(114deg, rgba(255, 255, 255, 0), #000000);
                            opacity: 0.3;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 274px;
    z-index: 1111;
    height: 99%;

}

.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:30px; line-height:32px; text-shadow: -3px 3px 3px rgba(0, 0, 0, 0.31); width:100%; font-family: Almoni-dl7;  display:block;   text-align:right;}

.allImages .text {

    font-size:19px;  
    line-height:22px;
    text-shadow: -3px 3px 3px rgba(0, 0, 0, 0.31); 
    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}
/* 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 .number {top:100px}
#single .mainImage .title {top:260px}


#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:22px}
#single .socialLinks .icon1 {background:url(https://images.globes.co.il/images/ladies-top50-2017/icon1.png) no-repeat 0 0;}
#single .socialLinks .icon2 {background:url(https://images.globes.co.il/images/ladies-top50-2017/icon2.png) no-repeat 0 0;}
#single .socialLinks .icon3 {background:url(https://images.globes.co.il/images/ladies-top50-2017/icon3.png) no-repeat 0 0;}
#single .socialLinks .icon4 {background:url(https://images.globes.co.il/images/ladies-top50-2017/icon4.png) no-repeat 0 0;}
#single .socialLinks .icon5 {background:url(https://images.globes.co.il/images/ladies-top50-2017/icon5.png) no-repeat 0 0; visibility:hidden;}
 
.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}


.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: "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: 21px;} 
.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: 9px;}  
.socialBlock .whatsapp {background:url(https://images.globes.co.il/images/ladies-top50-2017/whatsapp.png) no-repeat 0 0; visibility:hidden;}

.socialBlock .mail:after { content: 'דוא"ל'; left:23px;} 
.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 (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;}
}

@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 .social {height: 30px;width:auto; padding:0 5px; line-height: 30px;}
    
}
@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  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 {}

    .topNav .l { margin-top:8px; margin-left:10px;}
    .topNav .r { margin-top: 12px; margin-right:15px; }
    .topNav { height:60px}


    .allImages .number { font-size:50px; 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 .socialLinks .icon5{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:480px) {
    .main{ margin:80px auto;}
    #wrapper {        margin-top: 65px !important;    }
 .go2main { margin:90px 5% 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: 20px;
  border: solid 1px #ffffff;
  position:absolute;
  content:"";
  left:-8px;
    }


    
 .socialBlock h3{left:auto;}
 
 .topNav .social {    
    
    font-size: 18px;
    /* font-family: almoni-dl; */
    
}

 .allImages {width:100%; margin:0; padding:0 0;}
 .topLink_m {font-size:20px;    }
 .topLink_mDiv {display:block; width:90%; border-width:1px; border:solid; margin:15px auto; padding:5px 0px;}

 #single .mainImWr{width:96%}
 .mainImage {margin-top:0px}
 .mainImage img {width:100%}
 #single .mainImage .title{ font-size:25px; }
 #single .itemText .l, #single .itemText .r, #single .itemInfo .r{float:right; width:100%; font-size:18px;;}

 .mainImage .title {font-size:18px;; margin-top: 45px;}
 .mainImage .subtitle{font-size:13px; line-height:18px; font-family:almoni-dl7; }

 .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: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 .itemInfo .r { width:100%; font-size:18px;;  line-height:25px;}
 #single .itemInfo{padding:0px;}

 #single .socialLinks {left:0; width:100%; position:fixed; background-color:white; z-index:1000000; display:block; bottom:0px; height:60px; text-align: center; direction: ltr;}
#single .socialLinks a { display:inline-block; width:25px; height:25px; margin:20px 20px 0 20px; }


#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: 150px;
        height: auto;
        margin-top: 2px;
    }
    .topNav .social {
        font-size: 16px;
    }
    .topNav .logo {
        position: relative;
        margin-left: 10px;
        padding-left: 7px;
    }
    .topNav .r {
        margin-top: 12px;
        margin-right: 5px;
    }
    .topNav .social {
        height: 28px;
        width: auto;
        padding: 0 2px;
        line-height: 28px;
    }
    #single .socialLinks a {
        display: inline-block;
        width: 25px;
        height: 25px;
        margin: 20px 14px 0 20px;
    }

    .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;
    }
}
