@font-face{
	font-family:'demibold';
	font-weight:900; /*(bold)*/
	font-style: normal;
		src: url('https://images.globes.co.il/Static/fonts/almoni2019/almoni-neue-demibold-aaa.eot'); 
		src: url('https://images.globes.co.il/Static/fonts/almoni2019/almoni-neue-demibold-aaa.eot?#iefix') format('embedded-opentype'), 
			 url('https://images.globes.co.il/Static/fonts/almoni2019/almoni-neue-demibold-aaa.woff2') format('woff2'),
			 url('https://images.globes.co.il/Static/fonts/almoni2019/almoni-neue-demibold-aaa.woff') format('woff');
} 
@font-face{
	font-family:'almoniDL400';
	font-weight:400; /*(regular)*/
	font-style: normal;
	    src: url('https://images.globes.co.il//Static/fonts/almoni2019/almoni-neue-regular-aaa.eot'); 
		src: url('https://images.globes.co.il//Static/fonts/almoni2019/almoni-neue-regular-aaa.eot?#iefix') format('embedded-opentype'), 
			 url('https://images.globes.co.il//Static/fonts/almoni2019/almoni-neue-regular-aaa.woff2') format('woff2'),
			 url('https://images.globes.co.il//Static/fonts/almoni2019/almoni-neue-regular-aaa.woff') format('woff');
}
@font-face {
    font-family: 'almoniTzar300';
    font-weight: 300;
    /*(light)*/
    font-style: normal;
    src: url('https://images.globes.co.il/Static/fonts/almoni-tzar/almoni-tzar-light-aaa.eot');
    src: url('https://images.globes.co.il/Static/fonts/almoni-tzar/almoni-tzar-light-aaa.eot?#iefix') format('embedded-opentype'), 
         url('https://images.globes.co.il/Static/fonts/almoni-tzar/almoni-tzar-light-aaa.woff') format('woff'), 
         url('https://images.globes.co.il/Static/fonts/almoni-tzar/almoni-tzar-light-aaa.woff2') format('woff2');
}
@font-face {
    font-family: 'almoniTzar400';
    font-weight: 400;
    /*(regular)*/
    font-style: normal;
    src: url('https://images.globes.co.il/Static/fonts/almoni-tzar/almoni-tzar-regular-aaa.eot');
    src: url('https://images.globes.co.il/Static/fonts/almoni-tzar/almoni-tzar-regular-aaa.eot?#iefix') format('embedded-opentype'), 
         url('https://images.globes.co.il/Static/fonts/almoni-tzar/almoni-tzar-regular-aaa.woff') format('woff'), 
         url('https://images.globes.co.il/Static/fonts/almoni-tzar/almoni-tzar-regular-aaa.woff2') format('woff2');
}
@font-face {
    font-family: 'almoniTzar500';
    font-weight: 500; /*(regular)*/
    font-style: normal;
    src: url('https://images.globes.co.il/Static/fonts/almoni-tzar/almoni-tzar-medium-aaa.eot');
    src: url('https://images.globes.co.il/Static/fonts/almoni-tzar/almoni-tzar-medium-aaa.eot?#iefix') format('embedded-opentype'), 
        url('https://images.globes.co.il/Static/fonts/almoni-tzar/almoni-tzar-medium-aaa.woff') format('woff'), 
        url('https://images.globes.co.il/Static/fonts/almoni-tzar/almoni-tzar-medium-aaa.woff2') format('woff2');
}

body{
    --bgColor:#80ffe8;
    --primaryColor:#028489;
}
.mobile{display: none;}
.pianoBanner {direction: rtl;background-color:#80ffe8; background-color:var(--bgColor);color: #1a1a1a;position: relative;height: 140px;}
.banner{display:flex;flex-wrap: wrap; position: relative;align-items: center;max-width: 1280px;width: calc(100% - 60px); margin:0 auto; height:100%;}
.banner__arrow{background-image: url(https://images.globes.co.il/globes/paywall/green-arrow.svg);background-repeat: no-repeat;background-size: contain;position: absolute;left: 10px; top: 10px; padding: 10px; cursor: pointer;}
.banner__text {margin: 0px 16px 0 120px;}
.banner__bgImg{ background-image: url(https://images.globes.co.il/globes/paywall/manPaywall.png);background-repeat: no-repeat;background-size: cover; width:180px;height: 100%; background-position-y: -30px; }
.banner__bgImg.bgRegister{ background-image: url(https://images.globes.co.il/globes/paywall/timerPaywall.png); background-position-y: -10px;}
.banner__title {font-family: almoniTzar300; font-size: 32px; margin:10px 0 16px 0;font-weight: normal;}
.title-bold{font-family: almoniTzar500;}
.text-bold{font-family:demibold;}
.banner__description, .minimize__text{font-family:almoniDL400; font-size: 18px; }
.banner__description{margin: 0 0 16px 0;}
.minimize__text{display:none;}
.banner__link{font-family:almoniDL400; color:#028489; color:var(--primaryColor); text-decoration: underline; font-size:16px;}
.banner__btn{background-color:#028489; background-color: var(--primaryColor);color: #fff; font-family:almoniDL400; font-size: 18px; padding: 12px 30px;text-decoration: none;}
.counter, .ng-binding{color: #ff5555;font-family:almoniTzar300;}

.minimize.pianoBanner{height: 50px; overflow: hidden;}
.minimize .banner__arrow{transform: rotate(180deg);}
.minimize .banner__bgImg{ background-position-y: -25px; }
.minimize .banner__bgImg.bgRegister { width: 100px; background-position-y: -15px;}
.minimize .banner__text{ display: none;}
.minimize .minimize__text{display:block; }
.minimize .minimize__text, .minimize__text .ng-binding{font-family:almoniDL400;}
.minimize .banner__btn{font-size: 16px; padding: 4px 16px; margin: 0 50px 0 0;}
@media screen and (max-width: 1000px) and (min-width:768px) {
    .banner__text {max-width: 370px; margin: 0px 32px}
}
@media screen and (max-width: 767px) {
    .pc{display: none;}
    .pianoBanner{height:auto;}
    .mobile{ display: block;}
    
    .banner__arrow{ top: 12px; left:10px; padding: 12px; }
    .banner{display:block; width:100%;}
    .banner__top {border-bottom: 1px solid #0284894d; padding: 15px 20px;}
    .banner__text { margin: 0; padding: 20px;}
    .banner__bgImg{background-image:url('https://images.globes.co.il/globes/paywall/collage-9-reversed.png'); background-position-y:0;position: absolute; width:125px; height: 185px;bottom: 0;left: -35px; }
    .banner__bgImg.bgRegister {background-position-y:0; width: 115px; height: 150px; left: -40px; bottom: 0;}
    .banner__title, .minimize .banner__title{ font-family: demibold;font-size: 22px; margin: 0; }
    .banner__description{font-size: 18px; width:90%; }
    .banner__link{font-size: 18px; margin:0;}
    .minimize.pianoBanner{height: 50px;}
    .minimize .banner__bgImg, .minimize .banner__btn{ display: none;}
    .minimize .banner__title{ padding: 0;}
    .banner__btn{ display:inline-block; padding: 9px 24px; margin-bottom: 12px;}
    .counter, .ng-binding{font-family: demibold;}

}
@media screen and (max-width: 330px) {
    .banner__title,  .minimize .banner__title{font-size: 21px; }
    .banner__btn, .banner__link{font-size: 16px;}
    .banner__btn{padding:10px 16px;}
    .banner__bgImg{ width:100px; height: 150px; }
    .banner__bgImg.bgRegister {left: -50px;bottom: -10px;}
}