/*------------------------------*/    

@font-face{
	font-family:'demibold';
	font-weight:600; /*(bold)*/
	font-style: normal;
		src: url('../../../Static/fonts/almoni2019/almoni-neue-demibold-aaa.eot'); 
		src: url('../../../Static/fonts/almoni2019/almoni-neue-demibold-aaa.eot') format('embedded-opentype'), 
			 url('../../../Static/fonts/almoni2019/almoni-neue-demibold-aaa.woff2') format('woff2'),
			 url('../../../Static/fonts/almoni2019/almoni-neue-demibold-aaa.woff') format('woff');
} 
 @font-face{
	font-family:'almoniDL700';
	font-weight:700; /*(bold)*/
	font-style: normal;
		src: url('/Static/fonts/almoni/almoni-neue-aaa-bold.otf') format("opentype");
        src: url('../../../Static/fonts/almoni/almoni-neue-aaa-700.eot'); 
		src: url('../../../Static/fonts/almoni/almoni-neue-aaa-700.eot') format('embedded-opentype'), 
			url('../../../Static/fonts/almoni/almoni-neue-aaa-700.ttf') format('truetype'), 
			url('../../../Static/fonts/almoni/almoni-neue-aaa-700.woff') format('woff');
} 
@font-face{
	font-family:'almoniDL400';
	font-weight:400; /*(regular)*/
	font-style: normal;
		src: url('/Static/fonts/almoni/almoni-neue-aaa-regular.otf') format("opentype"); 
        src: url('../../../Static/fonts/almoni/almoni-neue-aaa-400.eot'); 
		src: url('../../../Static/fonts/almoni/almoni-neue-aaa-400.eot') format('embedded-opentype'), 
			url('../../../Static/fonts/almoni/almoni-neue-aaa-400.ttf') format('truetype'), 
			url('../../../Static/fonts/almoni/almoni-neue-aaa-400.woff') format('woff');
}
  .row select {padding: 4px 25px 10px; height:auto;    cursor: pointer;}
#logo {    background: url(../../../globes/logo-138-35-2.svg) no-repeat 0 6px;   height: 55px;    width: 138px;}

.eMador {    color: #000;
    float: right;
    margin: 18px 12px 0 0;
    font-size: 28px;
    font-family: demibold;
    border-right: 1px #D6CECA solid;
    padding-right: 10px;

}
.bg-black
	{
	background-color:#fef3ee;
	color:#fff;
	}
.bg-black a
	{
	color:#fff;
	}
.bg-black a:hover,.bg-black a:focus
	{
	color:#c00;
	}    
/*------------------------------*/
.bg-gray
	{
	background-color:#fef3ee;
	color:#1a1a1a;
	}
.bg-gray a
	{
	color:#1a1a1a;
	}
.bg-gray a:hover, .bg-gray a:focus
	{
	color:#c00;
	}
.btn.bg-gray:hover, .btn.bg-gray:focus	    
    {
    background-color:#fff;
    color:#1a1a1a;    
    }
.btn.bg-gray	
    {
    border-color:#737373;
    }
/*------------------------------*/
.bg-silver
	{
	background-color:#fff9f4;
	color:#1a1a1a;
	}
.hidden {opacity:0.3}	
#btn1.hidden, #btn2.hidden { display:none}

.bg-silver a
	{
	color:#1a1a1a;
	}
.bg-silver a:hover, .bg-silver a:focus
	{
	color:#c00;
	}
.btn.bg-silver:hover, .btn.bg-silver:focus	    
    {
    background-color:#fff;
    color:#333;    
    }
.btn.bg-silver	
    {
    border-color:#737373;
    }
/*------------------------------*/
.flip-current .flip-content img {    padding-top: 20px;    border-top: 1px #000 solid;}
.flip-content b { display:inline-block; font-family: demibold;}
.flip-content small { float:left; font-family: almoniDL400;}
.btn
    {
    border-radius: 4px;
    margin: 0 20px 0 0;
    padding: 0px 20px;
    border: 1px solid rgba(0, 0, 0, 0);
    font-size: 15px;
    font-weight:bold;
    }
.btn span
    {
    display:inline-block;
    margin-right:5px;
    font-size:18px;
    color:#c00;
    }    	
.border-gray
    {
    border-bottom:1px solid #E4DBD7 ;    
    }  
/*------------------------------*/
/* SELECT TAG
/*------------------------------*/	
 

[for='select-date-range']
    {
    font-weight:bold;
    font-size:16px;  
    margin-left:10px;    
    margin-top: 5px;
    display: inline-table;
    vertical-align: top;
    }    
.row select
    {
    background-color:#fef3ee;
    color: #1a1a1a;
 
    height: 40px;
    
    text-align: right;
    font-size: 16px;
    font-family:demibold;
    border: none 0;
    float: right;
    outline:none 0;
 
    }
.select-date-range-box select option {
    background: #fff9f4;
    font-family: almoniDL400;

    }
    
    
     #boxes-display,#carocel-display,#display-screen {float:left}
    
    
.selectTAG-box
    {
    color: #fff;
    width: 100px;
    height: 29px;
    padding: 0;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    border-radius: 3px;
    border-width: 2px;
    margin-left: 10px;
    overflow: hidden;
    display: inline-block;
    background: url('../../../images/emagazine/triangle.png') no-repeat 5px center #000;
    border: 2px solid #999;    
    }
/*.select-date-range-box select:focus {color:#c00 }*/
.select-date-range-box .col-12 
    {
    padding-top: 7px;
    padding-bottom: 7px;
    }  
/*------------------------------*/	
.flipster.flipster-active.flipster-coverflow 
    {
    min-height:800px;
    } 
#right-side-menubar
    {
    position:relative;
    padding-top:0; 
    padding-right:0;
    padding-bottom:0;   height:calc(100vh - 103px) !important;overflow-y:scroll;
    }   


#right-side-menubar::-webkit-scrollbar { width: 6px;  }
#right-side-menubar::-webkit-scrollbar-track {  background: rgba(184, 171, 160, 0.33);}
#right-side-menubar::-webkit-scrollbar-thumb {background-color: #b8aba0;border-radius: 2px;border: 1px solid #b8aba0;}


 
#right-side-menubar ul.bg-gray{ background:#fff9f4;    border-left: 1px #ccc solid;  padding-left:50px; height: 100%;}

 
#right-side-menubar li
    {
    list-style:none;
    }    
#right-side-menubar li a
    {
    padding: 20px 36px 20px 0;
    display: block;
   font-family:demibold;
   font-size:18px;
    border-right:3px solid transparent;
    outline:none;

    }       
#right-side-menubar li a:hover, #right-side-menubar li a:focus, #right-side-menubar li.active a
    {
    border-right:3px solid #c00;
    color:#c00
    
    }
#right-side-menubar li hr
    {
    border:0;
    border-bottom:1px solid #E4DBD7;

    }   
#left-side-setting
    {
    position: fixed;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    left:-250px;
    top: 67px;
    width: 100%;
    z-index: 2;  
    opacity:0;    
    }    
#left-side-setting ul
    {
    margin: 0;
    min-height: 500px;
    }
#left-side-setting li
    {
    list-style:none;
    }       
#left-side-setting li a:hover, #left-side-setting li a:focus, #left-side-setting li.active a
    {
    
    }           
#left-side-setting li hr
    {
    border:0 none;
    border-top:1px solid #404040;
    border-bottom:1px solid #111;
    height:2;
    } 

#magazinim-boxes
    {
    width:100%;
    overflow:hidden;
    position:relative;
    display:none;    
    }
#magazinim-boxes > div
    {
    min-height: 240px;
    display: table;
    width: 20%;
    border-radius: 4px;
    margin: 5px 30px 60px;
    position: relative;
    max-width: 215px;
    border: 1px #e0e0e0 solid;
    padding: 0;
    }  
#magazinim-boxes > div:hover {border:1px #c00 solid;border-radius: 4px;box-shadow: 0 0 0 2px #c00;}
#magazinim-boxes > div:hover a, #magazinim-boxes > div:hover a span 
    {
    color:#c00;
    }     
#magazinim-boxes > div:hover a.ViewNewsletter
    {
    background-position: -102px -369px;    
    }
#magazinim-boxes > div a
    {
    display: block;
    margin: 0 auto 5px;
    text-align: center;

    }  
#magazinim-boxes .DetailNewsletter { font-size: 20px; line-height:22px; font-family: almoniDL700;}   
#magazinim-boxes .DetailNewsletter span {font-size: 16px; line-height:20px; font-family: almoniDL400;}

#magazinim-boxes .ViewNewsletter     {
    display:none;
    background: url("../../../images/images/emagazine_btns.png") no-repeat scroll 0 -369px rgba(0, 0, 0, 0);
    height: 16px;
    width: 51px;
    position: absolute;
    bottom: 13px;
    left: 25px;
    }         
#magazinim-boxes > div a span
    {
    font-weight: normal;
    display:block;
    }    
.magazin_icon 
    {
    width:215px; 
     height: 281px;
    display: block;
    margin: 0 auto;
   
    }
    
#magazinim-boxes > div a.old { position:relative;} 
#magazinim-boxes > div a.old:after {
    position:absolute; content: "";background:url(../../../images/images/old.png) no-repeat 0 0; width:121px; height:50px; position:absolute;bottom:50px; right:0}
    
#magazinim-boxes > div:hover .magazin_icon
    {
    border-color:#e5bfac;
    cursor:pointer;
    }


#magazinim-boxes .message {
    border: 0;
    text-align: right;
    font-family: demibold;
    font-size: 25px;
    color: #c00;
    max-width: 100%;
    display: block;
    width: 100%;
    margin: 5px 30px 20px 0;
    min-height: auto;
}
    #magazinim-boxes .message p {margin-bottom:15px}
    #magazinim-boxes .message:hover {
        border: 0;
        box-shadow: none
    }

    .flipster {
        display: block;
    }
#display-screen, #year .date
    {
    font-family:demibold;
    font-size:16px;
  
    margin-top: 5px;
    display: inline-table;
    vertical-align: top;
    }    
#carocel-display
    {
    background: url('../../../globes/d/eMag/view2-1.svg') no-repeat 0 0;
    display: inline-block;
    width: 42px;
    height: 29px;
    outline:none 0;
    margin:0 10px 0 15px;

    }
#boxes-display:after {    content: '';
    border-right: 1px #ccc solid;
    position: absolute;
      top: 4px;
    height: 20px;
    right: -8px;}
#boxes-display
    {
    background: url('../../../globes/d/eMag/view1-1.svg') no-repeat 0 0;
    display: inline-block;
    width: 42px;
    height: 29px;    
     position:relative;
    outline:none 0;
    }    
#boxes-display.boxes-active, #boxes-display:hover {background: url('../../../globes/d/eMag/view1.svg') no-repeat 0 0;}
#carocel-display.carocel-active, #carocel-display:hover {background: url('../../../globes/d/eMag/view2.svg') no-repeat 0 0;}

#display-option-row {float: none;    padding: 3px;     height: 40px; }
           
#display-option-row > div
    {
    display:inline-block;
    }
#buy_E_newslatter_bigBTN, #Example_E_newslatter_bigBTN
    {
    display: block;
    height: 60px;
    margin: 0 auto 10px;
    width: 294px;
    
    }           
#buy_E_newslatter_bigBTN 
    {
    background: url("../../../images/images/sprite_help_btns.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
#Example_E_newslatter_bigBTN 
    {
    background: url("../../../images/images/sprite_help_btns.png") no-repeat scroll 0 -80px rgba(0, 0, 0, 0);
    } 
  
    #np1  { background: url("../../../images/images/sprite_help_btns.png") no-repeat scroll 0 -160px rgba(0, 0, 0, 0);  height: 60px; width:294px; margin: 0 auto 10px;cursor:pointer}
    #np2  { background: url("../../../images/images/sprite_help_btns.png") no-repeat scroll 0 -240px rgba(0, 0, 0, 0);  height: 60px;width:294px; margin: 0 auto 10px;cursor:pointer}
    #np3  { background: url("../../../images/images/sprite_help_btns.png") no-repeat scroll 0 -310px rgba(0, 0, 0, 0);  height: 122px;width:294px; margin: 0 auto 10px; position:relative; }
    #np3 .mailLink { position:absolute; right:9px;top:80px; height:34px;width:131px}
    #np3 .telLink {position:absolute; left:9px;top:80px; height:34px;width:131px}
    
    #np1 div { background:url(../../../images/images/pic_help1.png) no-repeat  0 0; width:320px;height:500px;position:relative;top:-202px; z-index:2; left:16px; display:none}
    #np1 div a { position:absolute; left:0;top:0;width:30px;height:30px;display:block}
    
    #np2 div { background:url(../../../images/images/pic_help2.png) no-repeat  0 0; width:320px;height:500px;position:relative;top:-270px; z-index:2; left:16px; display:none}
    #np2 div a { position:absolute; left:0;top:0;width:30px;height:30px;display:block}
   

    #accessibility {position: absolute;   left: 4%;}
    #accessibility a {    display: flex;     place-items: center;    text-indent: 10px;}
   
   #header-box {  padding:6px}
   .col-6.mobile-hide { width:65%}
   
   /*#nppp1 span, #nppp2 span {position:fixed;  display:none;left: 50%;transform: translateX(-50%);top:70px; z-index:2;}
    #nppp1 span b, #nppp2 span b{ position:absolute;left:0;top:0;width:30px;height:30px;display:block; cursor:pointer}
   #nppp1 span {background:url(https://images.globes.co.il/images/images/pic_help1_xl.png) no-repeat  0 0; width:412px;height:650px;  }
   #nppp2 span {background:url(https://images.globes.co.il/images/images/pic_help2_xl.png) no-repeat  0 0; width:412px;height:650px;  }*/
 
    #modal  b   { position:absolute;left:0;top:0;width:30px;height:30px;display:block; cursor:pointer} 
    #modal  {position:fixed;  display:none;left: 50%;transform: translateX(-50%);top:70px; z-index:2; background:url(../../../images/pic_help3.png) no-repeat  0 0; width:841px;height:650px;}

       
    .row select {-webkit-appearance: none; background: url(../../../globes/arrow.png) no-repeat left 15px}
  
         

    #magazinimList { position:relative;  -webkit-appearance: none; background-color: #fef3ee;  padding: 5px; border:0; outline:0;     font-family: demibold;    font-size: 16px;       }
         #magazinimListWr::after {top:10px}
 


.problem {margin-top:48px; font-size:17px; color:#97133f !important; display:block}

@media screen and (min-width: 820px) {

  #topR {height:40px;   }
  #display-option-row > div {overflow: hidden; }
 
  #show {margin-top:3px}

  select option:hover { box-shadow: 0 0 10px 100px #1882A8 inset;}

     #right-side-menubar {position: fixed;    top: 109px;    z-index: 10;    right: 0!important;    width: 300px;      height: 100%; padding:0;     background: #fff9f4;  }
    .full-row.mobile-stacke {    position: fixed;    right: 0;    width: 100%;    top: 0;  z-index:10;height: 64px;}
    .full-row.select-date-range-box {position: fixed;    margin-top: 64px;  z-index:10}
    .col-10 {margin-right:115px;margin-top: 60px;}    
    #fan-box {margin-top:40px}
          
}                 
@media screen and (max-width: 820px)  {
    #magazinim-boxes {padding:0}
    .eMador {margin: -37px 64px 0 0;font-size: 23px;    border-right: 1px #D6CECA solid;}
  
    .mobile-stacke
    {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
    }
    .mobile-stacke.noFix { position:static !important}
  
    #magazinim-boxes > div
        {
        float:right;
        margin-right:13px;
        margin-left:13px;
        }                
    .btn
        {
        margin:0 5px 15px 0px;    
        }
    .pull-left.inline
        {
        float: none;
        overflow: hidden;
        display: inline-block;                
        }
    #right-side-menubar
        {
        position:absolute;
        z-index: 100;
        width: 70%;
        top:60px;
        }
    .hide-mobile-menubar
        {
        right:-250px;
        opacity:0;
        }
    button#mobile-menubar, button#mobile-setting
        {
        background: #fef3ee;
        color: #000;
        border: 0 none;
        display: inline;
        position:absolute;
        top:15px;
        outline:none 0;
        display:none

        }
    #moreRead {  margin-right: 5% !important;}
    

    .magazin_icon {zoom:90%}
    #magazinimListWr {    margin-top: -50px;
    z-index: 1111;
    position: absolute;}
    #logo
        {
   
        display:none;
        margin:0 auto;
        }
 
    button#mobile-menubar
        {
        right:5px;             
        }    
    button#mobile-setting 
        {
        left:5px;
        } 
    button#mobile-setting .fa-2x
        {
        font-size: 1.8em;
        }  
    #header-box
        {
        padding:0 5px;    
        
        width:100%;
        }
    #magazinim-boxes a.ViewNewsletter
        {
        left:10px !important;    
        }

    }  
    

@media only screen   (max-device-width: 1280px)  and (orientation: landscape) { 
    #right-side-menubar {height:500px;overflow-y:scroll;}

    }
 

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    #right-side-menubar {height:500px;overflow-y:scroll;}
    #modal { top:10px !important}
}
 
 
@media screen and (min-width: 481px) and (max-width: 820px){
    #right-side-menubar {    
        right:0 !important;
        display:none;
        opacity:1 !important; 
        width:45%;
    }   
    
}      
@media screen and (max-width: 480px)
    {
    button#mobile-menubar,#year .date, #right-side-menubar ul.bg-gray,
    .ViewNewsletter { display:none !important}
    #magazinim-boxes > div a  { direction:ltr; line-height:17px;}
    #magazinim-boxes > div a span { display:block; margin-right:5px; font-size:10px;  }
    #magazinim-boxes { padding:0; text-align:center}
    .text-center { padding-bottom:0}
    #magazinim-boxes > div {float:none;  display:inline-block; margin:0 auto; padding:10px; text-align:center}
    #magazinim-boxes a.ViewNewsletter  { left:5px !important; }
        #month_selector,.select-date-range-box select {width:auto !important; padding: 0 0 0 20px; background-position-y:18px;height: 39px;}
        #boxes-display {margin-left: 10px; }
        #yearID::after{ left: -18px;}
        #monthID::after { left: 15px;}
        #month_selector { margin-right:30px}
        #magazinimList { height:33px;      padding:0 5px;}
          .select-date-range-box {margin-top: 25px; }
        #topR .text-center { padding-bottom:0 !important}
        #show, #year { height:48px; margin-top:-9px; position:fixed; padding:10px 0;z-index:2;  left:0;     background: #fef3ee;   box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.13);}
        #magazinim-boxes > div { min-height:210px; padding-bottom:0}
        #magazinim-boxes .message {margin-right:0}
        #right-side-menubar {
            height: 500px;
            overflow-y: scroll;
            position: fixed !important
        }
        #fan-box { margin-top:70px}
        #magazinim-boxes { margin-top:20px}
        .flip-content b { display:inline-block; margin-left:5px }
        .magazin_icon {width:100%; height:auto}
        #magazinim-boxes .col-2 {width:46%; float:right; margin:0 2% 30px; border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14); padding:0;  background-color: #fff9f4; border:0}
        #magazinim-boxes .col-2:hover {box-shadow:none; border:0}
        .select-date-range-box {border:0}
        button#mobile-setting {display:none}
        .flipster-coverflow .flip-item {    width: 74% !important;}
        #magazinimListWr { position: fixed; top: 107px; z-index: 11111; right: 10px;    background-position-x: 30px;}
         
   #logo {
      background:url(../../../globes/gimel2020.svg) no-repeat;     
      width: 19px;
      height: 20px;
      display: inline-block;
      margin: 14px 0 0 10px;      
      vertical-align: text-bottom; 
}
   .eMador {display:inline-block; float:none; margin:0;    white-space: nowrap;     font-size: 23px;}
        #year table {float: left; margin-left:10px;    margin-top: -8px;   }
 
        #header-box {text-align:center;height: 48px;}
        #accessibility {left:auto; right:20px}

}



@font-face {
        font-family: 'almoniTzar400';
        font-weight: 400; /*(regular)*/
        font-style: normal;
        src: url('../../../Static/fonts/almoni-tzar/almoni-tzar-regular-aaa.eot');
        src: url('../../../Static/fonts/almoni-tzar/almoni-tzar-regular-aaa.eot') format('embedded-opentype'), url('../../../Static/fonts/almoni-tzar/almoni-tzar-regular-aaa.woff') format('woff'), url('../../../Static/fonts/almoni-tzar/almoni-tzar-regular-aaa.woff2') format('woff2');
    }
@font-face {
    font-family: 'almoniTzar500';
    font-weight: 500;
    font-style: normal;
    src: url('../../../Static/fonts/almoni-tzar/almoni-tzar-medium-aaa.eot');
    src: url('../../../Static/fonts/almoni-tzar/almoni-tzar-medium-aaa.eot') format('embedded-opentype'), url('../../../Static/fonts/almoni-tzar/almoni-tzar-medium-aaa.woff') format('woff'), url('../../../Static/fonts/almoni-tzar/almoni-tzar-medium-aaa.woff2') format('woff2');
}

    #moreRead {
        margin-right: 115px;
        max-width: 620px;
        padding-bottom: 10px;
        margin-top:50px;
    }

    #moreRead .backToMagazine {    
        color: #1a1a1a;
        font-size: 16px;
        display: inline-block;
        font-family: 'almoniDL400';
        margin-bottom: 31px;
        cursor: pointer;
    }
    #moreRead .backToMagazine:before { 
        content:url(../../../globes/icons/arrowR.svg);margin-top: 4px;
        display: inline-block;
        vertical-align: middle;
    }
        #moreRead .preview {
            margin-right: 20px;
            font-family: 'demibold';
            font-size: 18px;
            color: #96133f;
             
            margin-bottom:10px
        }

        #moreRead h2 {
            letter-spacing: -0.11px;
            font-size: 50px;
            font-family: almoniTzar500;
            color: #1a1a1a;
            margin-bottom: 25px;
            line-height: 50px;
            font-weight:normal;
        }
        #moreRead h3 {
            letter-spacing: -0.09px;
            font-size: 32px;
            font-family: almoniTzar500;
            color: #1a1a1a;
            margin-bottom: 8px;
            line-height: 32px;
            font-weight: normal;
            border-bottom: solid 1px #97133f;
            padding-bottom: 12px;
            max-width: 475px;
        }
        #moreRead h4 {
            letter-spacing: -0.09px;
            font-size: 26px;
            font-family: almoniTzar500;
            color: #1a1a1a;
            margin-bottom: 8px;
            line-height: 32px;
            font-weight: normal;
 
        }
         
        #moreRead .connect2 {
           border-radius: 4px;
            border: solid 1px #d4d4d4;
            margin-top:20px;
            display:block;
            padding:16px 24px 20px;
            max-width: 475px;
        }
        #moreRead .connect2 span {  
            font-size: 16px;    
            font-family: almoniDL400;            
            color: #1a1a1a;
            display:block;
        }

       #moreRead .connect {
            color: #fff;
            font-family: demibold;
            font-size: 18px;
            background: #97133f;
            display: inline-block;
            padding: 12px 32px;
            margin-bottom: 52px;

        }


        #moreRead .connect2 div {  color: #fff;
            font-family: demibold;
            font-size: 16px;
            float:left;
            background: #97133f;
            display: inline-block;
            padding: 12px 32px;
            margin-top: -50px;}


    #moreRead hr {
        border: solid 1px #e9e2de;
        margin:24px 0 15px;
    }

@media screen and (max-width: 1024px) {
    #moreRead {margin-right: 30%;}
}

@media screen and (max-width: 480px) {
    #moreRead {margin: 20px 0 0 0;}
    #moreRead .connect { width:100%; text-align:center}
    #moreRead h2 {    line-height: 40px;font-size: 40px; }
    #moreRead .connect2 { margin-top:40px; padding:30px 24px 45px   }
    #moreRead .connect2 { text-align:center}
    #moreRead .connect2 div { float:none;margin-top: 20px; }

    #moreRead .preview { display:block; margin-bottom:30px}
     #accessibility {
            display: none !important
        }
    #show {width:100%}

    }