﻿#wrapper { max-width:100%;  width:100%  !important}

.fbShare span{ 
    font-size: 19px;
    font-family: almoni-dl7;
    margin:0 100px 0 15px;
    float: right;
}
 #navWrap .navWmainI {display:none}
#fMainTitle { margin-top:40px; height:800px}
#fMainTitle img { width:100%}
#fMainTitle h1.G_title  { font-size:70px; margin:20px auto 10px; font-family:almoni-dl7; font-weight:normal; line-height:70px; }
.divTextAboveTitle,.divTextBelowTitle {font-size:40px;  line-height:50px; font-family:almoni-dl7; font-weight:normal; color:#d10000; text-align:right}
#gmainWr .author {font-size:12px; margin-top:20px}
#gmainWr .datetime { margin:0 10px; font-size:12px; color:#666}
#menuDD {width:360px !important}
#header .globes {      margin: 11px 17px 0 17px; }
#header { overflow:visible !important }
#gText h1 {font-size:70px; line-height:70px}
#gText {padding:40px 90px 0 !important}
.subTitle {font-size:28px; line-height:34px; width:700px; margin:-100px auto 20px;font-family:almoni-dl}

.text {font-size:19px; margin:0 auto; width:700px}
nav.G {counter-reset: my-counter; margin-bottom:40px}
nav.G li { display:inline-block}
nav.G li {  padding-left:32px; position:relative}
nav.G li:before { position:absolute;content: counter(my-counter, decimal);
    counter-increment: my-counter; margin:5px 0; font-size:19px; right:-15px;}
nav.G li:after { position:absolute; content:''; border-left:1px #666 solid; height:18px; top:8px;}
nav.G li:last-child:after {border:0}
nav.G li a { font-size:25px; margin:0;padding-left:18px;}


.imgorvideo { margin-top:45px} 


.divKidum { position:relative; margin-bottom:20px}
.divKidumBody { text-align:right}
.divKidumBody .Lnumber { font-size:50px; display:inline; color:#d10000 ;  font-family:almoni-dl7; } 
.divKidumBody .Lnumber:after {margin-left:10px;padding-right:10px; content:"|"; font-family:serif; font-size:50px; color:#000 }
.divKidumBody .Lname {font-size:50px; display:inline;  font-family:almoni-dl7; color:#d10000 ;} 
.divCenter h2 {font-size:35px; font-weight:normal} 
 .divKidum p, .divCenter p, .divCenterText p { font:normal 19px/33px arial; text-align:right}
.divCenter, .divCenterText { width:700px; margin:0 auto 50px}
 
.divCenterText span { display:block; font-size:15px; color:#707070; font-family:Arial;}

#GPage_main section { border-bottom:1px #dadada solid; margin:0 auto 40px; width:700px}

#gsec section:first-child, #gsec section:last-child,
#gsec section.last  { border-bottom:0} 
#gsec section.first { margin-top:30px}
a.linkToSection { padding-top:40px; display:block}

#icons {
    position: fixed;
    right: 0;
    top: 20%;
    background:#fff;
}
#icons a {
    background: #433A32;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 28px;
    width:82px; height:66px;    
    line-height: 62px;
    margin-bottom: 2px;
    position: relative;
    text-align: center;
    font-family:almoni-dl;
}
#icons a:last-child { margin-bottom:0}
#icons a span {
    background: #433A32;
    color: #fff;
    display: none;
    font-size: 25px !important;
    font-family:almoni-dl;
    height: 66px;
    line-height: 62px;
    position: absolute;
    right: 82px;
    text-indent: 12px;
    top: 0;
    width: 180px;
    overflow:hidden;
    text-align:right;
}
#icons a:hover {background: #2E3030;}
#icons a:hover span {
    display: block;
    background: #2E3030;
}
#icons {counter-reset: my-counter; z-index:200}
#icons a:not(:first-child):before {content: counter(my-counter, decimal);
    counter-increment: my-counter;} 
#icons a.main  {width:82px; height:66px;}
#icons a.main.fid9024,
#icons a.main.fid9016 { background:url(http://images.globes.co.il/images/site/icon-nav.png) no-repeat 0 0;}    
#icons a.main.fid9030,
#icons a.main.fid9045 { background:url(http://images.globes.co.il/images/site/icon-nav-cocktail.png) no-repeat 0 0; }  

#gImagesWr {margin: 150px auto 0;
    max-width: 1440px;
    overflow: hidden;}
#gImagesWr h2 { color:#c00; float:right;font-size: 28px;  margin-right:3%; font-family:ALmoni-dl7; font-weight:normal}    
#gImagesWr a { color:#c00; float:left;font-size: 16px; margin-left:3%; margin-top:10px;font-family:arial}  
#gImagesWr a:hover { text-decoration:underline}  


.quote { float:left; width:280px; margin:10px 25px 25px 0; background:#fef8da; text-align:right; padding:30px }
.quote div { font-size:42px; line-height:38px; font-family:almoni-dl7; color:#c00; margin-bottom:10px}
.quote span {font:bold 19px/28px arial; }

.divSpotIm { margin:0 auto; width:800px}

.articleInfo { margin:0 170px 24px 0;}
.tags  { margin-right:170px}
#Tagiut_Logo_Box  {float: none;display: inline-block !important;}
#Tagiut_Logo_Box a {color: #c00;font-size: 14px; }
#Tagiut_Tohen {width:auto;  height:18px}
#Tagiut_Tohen,.LineSepration_100Pecent {display:inline-block !important;}
#Tagiut_Tohen span a {margin-left:20px; font-size:14px; color:#6f6f87;  display:inline-block}


#fMainTitle #fLogo {width:50px;height:auto; float:left}

@media all and (min-width: 680px) 
{
    .divSpotIm { width:98%;max-width:700px}
    
    #gmainWr { margin:30px auto 0; width:100%; max-width:890px;  text-align:right}
    #gsec { background:#fff; z-index:100; }
    #fMainTitle img { position:fixed; left:0; top:40px; width:100%}
    #fMainTitle #fLogo {width:auto; z-index:10}
    #gText { background:#fff; margin:0 auto; position:relative;  width:710px; font-size: 33px; text-align:center; bottom:175px}
    
    
    
    #item9032 .divCenterText,
    #item9045  .divCenterText { border-bottom: 1px solid #dadada; padding-bottom:30px}
    #item9032,
    #item9045 { border-bottom:0 !important}
}


@media all and (max-width: 480px) 
{
    #header b { margin-top:9px; font-size:19px}
    .divSpotIm { width:96%}
    #fMainTitle { background-repeat:no-repeat!important; background-attachment:scroll!important; background-position:top center!important;height:180px; position:relative;background-size:contain}
    #gmainWr { width:94%; margin:0 auto}
    
    #icons,#gImages div h4, #footer, #footer_globes { display:none}
  
    .subTitle,
    .imgorvideo,.text,.divCenter, .divCenterText { width:100%; text-align:right}
    .imgorvideo { height:auto}
    #GPage_main section {width: calc(100% - 40px); margin-bottom:0; padding:0 20px}
    #gImages div { margin:20px 0}
    #fMainTitle h1,
    #fMainTitle h1.G_title { font-size:38px; line-height:38px}
    
    .subTitle { font-size:19px; line-height:22px}
    .divKidumBody .Lname, .divKidumBody .Lnumber,.divKidumBody .Lnumber:after { font-size:32px}
    .divKidum p, .divCenter p, .divCenterText p { font-size:17px; line-height:27px}
    .articleInfo,.tags {margin:0!important}
    #gText {background: #fff;margin:0 auto; position: static;width: 94%; bottom:0; padding:0 !important}
    #gText h1 {    font-size: 36px;    line-height: 36px;}
    .subTitle { margin-top:10px !important}
    .quote { float:none;  width: calc(100% - 30px); margin:0; padding:15px}
    .quote div { font-size:32px; font-family:almoni-dl7; color:#c00;}
    .quote span {font:bold 17px/27px arial; }
    .text p img {width:100%; height:auto}
    .fbShare span {margin-right:0}
    .fbShare {overflow:hidden}
    #kidumLinks a {margin-left:5px !important}
    #header .socialLinks { display:none}

    .socialLinksM { overflow:hidden}    
.socialLinksM.sticked { position:fixed;top:40px; background:#fff; width:100%; right:0; z-index:100;padding-right:10px; height:50px; opacity:0.9;border:1px #ddd solid;border-left:0;border-right:0}
.socialLinksM a,.whatsappBTN {float:right; width:30px;height:41px; margin:0 10px; text-indent:1000px}
.whatsappBTN iframe {float:right}
.whatsappBTN iframe .wa_btn { background:none !important;}
.socialLinksM .bigFontBTN { background:url(http://images.globes.co.il/images/m/font.svg) no-repeat 0 15px;}
.socialLinksM .fbBTN { background:url(http://images.globes.co.il/images/m/facebook-01.svg) no-repeat 0 10px;}
.socialLinksM .whatsappBTN { background:url(http://images.globes.co.il/images/m/whatsapp2.svg) no-repeat 0 0; margin-top:10px}
.socialLinksM .sendBTN { background:url(http://images.globes.co.il/images/m/message-01.svg) no-repeat 0 0; width:35px; margin-top:12px; display:none}
.socialLinksM .talkbackBTN { background:url(http://images.globes.co.il/images/m/talkback.svg) no-repeat 0 1px; margin-top:10px; text-indent:10px !important;color:#c00 !important; text-decoration:none; font-size:15px;font-family:Arial; line-height:30px; font-weight:bold; width:40px}
.TwitterIcon{background:url(http://images.globes.co.il/images/m/twitter.svg) no-repeat 0 11px !important;} 
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {

#fMainTitle { background-repeat:no-repeat!important; background-attachment:scroll!important; background-position:top center!important;height:320px; position:relative;background-size:contain}
#gText {
    padding: 40px 0 0 !important;
}

}
