﻿@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:'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: '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');
}
@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:'almoniDL700';
	font-weight:700; /*(bold)*/
	font-style: normal;
		src: url('https://images.globes.co.il/Static/fonts/almoni2019/almoni-neue-bold-aaa.eot'); 
		src: url('https://images.globes.co.il/Static/fonts/almoni2019/almoni-neue-bold-aaa.eot?#iefix') format('embedded-opentype'), 
			 url('https://images.globes.co.il/Static/fonts/almoni2019/almoni-neue-bold-aaa.woff2') format('woff2'),
			 url('https://images.globes.co.il/Static/fonts/almoni2019/almoni-neue-bold-aaa.woff') format('woff');
} 
body {
}
#wrapper {
    max-width: initial;
}
.header {
    height: 56px;
    padding: 4px 20px;
    background: #fff9f4;
    align-items: center;
    margin: 0 auto;
    width: calc(100% - 40px);
    border-bottom: 1px solid #f1dfcf;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-gap:24px;
}
.page {
    background: #fff9f4;
    background: var(--bgColor);
    max-width:720px;
    margin:20px auto;
    width:calc(100% - 40px);
    text-align:right;
}
.mobile {
    display: none;
}
.contact--link {
    font-size: 16px;
    font-family: 'almoniDL400';
    white-space: nowrap;
}
.purchasePackage{
    font-family:demibold;
    font-size:16px;
    color:#1a1a1a;
    justify-self: start;
    margin:0;
    white-space: nowrap;
}
@media only screen and (max-width: 768px) {
    div#wrapper {
    min-height: calc(100vh - 106px) !important;
}
    .header {
        background: #f1dfcf;
        height: 30px;
       justify-content: center;
       grid-template-columns: 1fr ;
    }
    .purchasePackage{
        font-family:almoniTzar400;
        font-size:24px;
     justify-self:center;
    }
    .pc {
        display: none;
    }
    .mobile {
        display: inline-block;
    }

}
.page--title{
    font-family:almoniTzar500;
    font-size:32px;
    color:#1a1a1a;
    text-align: right;
    border-bottom: 1px solid #97133f;
    margin: 60px 0 32px 0;
    font-weight: normal;
    line-height: 1;
    padding-bottom: 8px;
}
.page--title.check:after{
    content:url(https://res.cloudinary.com/globes/image/upload/v1619600914/Digital/paywall/path-2-copy_eruugj.svg);
    margin-right: 12px;
}
.page--offer{
    border:1px solid #e9e2de;
    border-radius:4px;
    padding:24px;
    display:grid;
    grid-template-columns:1fr 1fr;
}
#orderInfo .page--offer{
    margin-bottom:20px;
}
.offer--price {
    display: grid;
    justify-items: end;
}
.offer--text {
    justify-self: start;
    white-space: nowrap;
}
.offer--text, .offer--price{
    font-size:26px;
     font-family:almoniTzar500;
     color:#1a1a1a;
     margin:0;
}
.offer--text.plus:after {
    content: "+";
    font-size: 28px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    margin-right: -4px;
    border-width: 1px;
    border-style: solid;
    border-color: #97133f transparent #97133f #971340;
}
.month{
    font-size:14px;
    color:#666;
    font-family:almoniDL400;
}
.bold{
     font-family: 'almoniDL700';
}
.price-comment, .offer--details li{
    font-size:14px;
    color:#1a1a1a;
    white-space: nowrap;
}

.price-comment{
    font-family:almoniDL700;
}
.offer--details{
     border-top:1px solid #e9e2de;
     padding-top:16px;
     margin-top: 16px;
     grid-column: 1 / -1;
     text-align: right;
     list-style:none;
}
.offer--details li{
      font-family:almoniDL400;
 }
.offer--details li:before {
    content:"";
    display: inline-block;
    transform: rotate(45deg);
    height: 8px;
    width: 5px;
    border-bottom: 1px solid #97133f;
    border-right: 1px solid #97133f;
    margin-left: 15px;
}

.offer--options, .offer--label{
    display:flex;
    justify-content: space-between;
    cursor:pointer;
}
.radiobtn {
    height: 16px;
    width: 16px;
    border: 1px solid #353535;
    border-radius: 50%;
    display: block;
    align-self: center;
    margin-left: 16px;
}
.radiobtn:after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000;
    content: "";
    position: absolute;
    display: none;
    transform: translate(-50%, 50%);
}
input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
 input:checked ~ .radiobtn:after {
    display: block;
}
  input:checked ~ .page--offer{
      border:2px solid #1a1a1a;
  }
  input:not(:checked) ~ .page--offer{
      padding:25px;
  }
  .smallPadd{
    margin:32px 0 20px;
    padding: 10px 60px;
}
  .submitBtn{
      font-family:demibold;
      color:#fff;
      font-size:18px;
      background:#97133f;
      padding:10px 30px;
      border:none;
      margin: 50px 0;
      text-align: center;
      cursor:pointer;
  }

@media only screen and (max-width: 480px) {
    .page--offer {
    width: calc(100% - 48px);
    background-color:#fbfaf9;
        margin-bottom:20px;
 }
    .page--title {
    margin: 32px 0;
}
  .offer--options {
    display: grid;
    grid-gap: 16px;
    justify-content: initial;
}
.submitBtn, .smallPadd {
    margin: 32px 0;
    width: 100%;
    padding: 10px 0;
}
  input:checked ~ .page--offer {
    width: calc(100% - 34px);
 }
  .page--title.check {
    position: relative;
}
  .page--title.check:after {
    content:none;
}
}

.main--title {
    font-family: 'almoniTzar500';
    font-weight: normal;
    font-size: 48px;
    margin: 64px 0 40px 0;
    line-height: 1;
}
.offer-sum {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    border-top: 1px solid #e9e2de;
    padding-top: 32px;

}
.sum-text {
    font-size: 32px;
    font-family: 'almoniTzar500';
    margin: 0;
    line-height:1;
}
.sum-comment {
    font-size: 16px;
    font-family: 'almoniDL400';
    margin: 24px 0 0 0;
    white-space: nowrap;
}
.sum-disclaimer {
    margin: 0;
    font-family: 'almoniDL400';
    font-size: 14px;
}
.blue{
    color:#0032FF;
    margin:0;
}
.conditions{
    cursor:pointer;
    margin-bottom: 22px;
}
.conditions-title {
    font-size: 14px;
    font-family: 'almoniDL700';
    position:relative;
    display:inline-block;
    white-space: nowrap;
}
.conditions-title::after {
    content: "";
    border: solid #1a1a1a;
    border-width: 0 2px 2px 0;
    padding: 3px;
    transform: rotate(45deg);    
    -webkit-transform: rotate(45deg);
    transition: transform 0.3s ease;
    position: absolute;
    top: 5px;
    left: -20px;
 
}
.conditions--items {
   padding: 0px 20px 0 0;
    font-family: 'almoniDL400';
    color: #1a1a1a;
    text-align: right;
    font-size: 14px;
    display: none;
    margin:  0;
}
.conditions--items  li{
    list-style: decimal!important;
}
.open .conditions--items{
    display:block;
}
.open .conditions-title::after{
     transform: rotate(-135deg);    
    -webkit-transform: rotate(-135deg);
    top: 8px;
}
  @media only screen and (min-width: 1950px) {
      .footer{
      margin-top:10%;
      }
  }