@font-face {
    font-family: 'almoniDL600';
    font-weight: 500;
    /*(medium)*/
    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');
    }
     
    @font-face {
    font-family: 'almoniTzar700';
    font-weight: 700; /*(bold)*/
    font-style: normal;
    src: url('../../../Static/fonts/almoni-tzar/almoni-tzar-bold-aaa.eot');
    src: url('../../../Static/fonts/almoni-tzar/almoni-tzar-bold-aaa.eot') format('embedded-opentype'), 
    url('../../../Static/fonts/almoni-tzar/almoni-tzar-bold-aaa.woff') format('woff2'), 
    url('../../../Static/fonts/almoni-tzar/almoni-tzar-bold-aaa.woff2') format('woff');
    }
     
    @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');
    }
    #GPage_main {display: flex;flex-direction: column;min-height: 100vh;margin: 0;}
    .client-service-wr.inner {flex: 1; }

    body {min-width:auto}
#wrapper {width:100%; max-width:100%}
h1,h2,h3,h4 {margin: 0; font-weight: normal;line-height: normal;}
   .client-service {width:90%;max-width:1920px;margin:0 auto;color: #1A1A1A;font-family: almoniDL400;}
   .name-wr {padding:49px 0 50px }
   .logo-g-wr { display: flex; align-items: center;}
   .logo-g-wr .logo-g {background:url(../../../globes/image/upload/v1736258432/Digital/hp/clients_service/Globes_logo_138x35_lvqft5.svg) no-repeat 0 0; width:138px;height:35px;     margin-left: 40px;}
   .logo-g-wr .help-title {font-size: 22px; font-family: almoniDL500;    height: 16px;    line-height: 1; position:relative}
   .logo-g-wr .help-title:before { content: ''; width: 2px; height: 24px;   background: #A6A6A6;  position: absolute;    right: -18px;}
   
   .name-wr h1 {font-family: almoniTzar700 !important;  font-size: 66px; }
   .name-wr h4 {font-family: almoniDL400;  font-size: 23px; }

   .user-wr {display: flex; align-items: center; gap:12px;}
   .user-wr span {font-size:14px;}
   .user-wr .buy {font-size:14px; color:#fff;background: #97133F;display: flex;justify-content: center;align-items: center;padding: 4px 14px 3px 14px;}
 
   [class^="HeaderUser"], [class^="HeaderUser"] a {text-align: right;}
   .row1 .client-service {display:flex;justify-content:space-between; max-width:1620px}
   .row1 {background:#FFF9F4;border-bottom: 1px solid #ECE9E6; padding:12px 0 }

   .row2 {background:url(../../../globes/image/upload/v1736245066/Digital/hp/clients_service/Cover_Desktop_ho8hqj.jpg) no-repeat center center; }

   .row3 {    background: #FFF6EF;}
   .row3 .client-service {display:grid; gap:20px; grid-template-columns: repeat(3, 1fr);  max-width: 1036px; padding:60px 0 80px}
   .row3 .client-service div {background:#fff; padding:30px 20px 30px 40px; border-radius: 5px;border: 1px solid #CCC1B7;}

   .row3 div ul {margin-right:74px; margin-top:20px}
   .row3 li {    list-style: disc !important; margin-bottom:11px }
   .row3 div ul li a {font-size: 20px;line-height: 120%;font-family: almoniDL400;} 

   details {text-align:right}
   .row3 details ::marker {font-size: 21px;color: #A8A8A8;}
   .row3  details summary h3 {font-size: 30px;font-style: normal;font-family: almoniTzar700 !important;    display: flex;  gap: 16px; }
   .row3 details h3:before {content:''; width:44px; height:44px;    display: inline-block;} 
   .item1 h3:before {background:url(../../../globes/image/upload/v1736255324/Digital/hp/clients_service/Frame_1686562413_n8yspu.svg) no-repeat center center;}
   .item2 h3:before {background:url(../../../globes/image/upload/v1736255312/Digital/hp/clients_service/Frame_1686562413_bhbc2x.svg) no-repeat center center;}
   .item3 h3:before {background:url(../../../globes/image/upload/v1736255296/Digital/hp/clients_service/Frame_1686562413_retbv7.svg) no-repeat center center;}

   .row4 {background: #FFF7EF;border-top: 1px solid #CCC1B7;border-bottom: 1px solid #CCC1B7; padding:40px 0;}
   .row4 .client-service {max-width: 1036px;}
   .row4 .itemsWr {display:grid; gap:20px; grid-template-columns: repeat(4, 1fr); margin:50px auto 0;     max-width:956px;}
   .row4 h4 {font-size: 36px; font-family: almoniTzar500;margin:0 auto 60px;}
   .row4 .itemsWr h3 { margin: 0;   display: flex;   gap: 10px;   align-items: center; font-size:16px;    margin-bottom: 10px;   line-height: 18px;  }
   .row4 .itemsWr h3:before {content: ''; width: 25px;  height: 25px;   display: inline-block;  }
   .row4 .itemsWr ul {margin-top:0; margin-right: 35px;}
   .row4 .itemsWr ul li {list-style:none !important; margin-bottom:5px; font-size:14px; color:#5F5F5F;line-height: 17px; text-align: right; }
   .row4 .itemsWr .itemB1 h3:before {background:url(../../../globes/image/upload/v1736340850/Digital/hp/clients_service/Button_vcipj1.svg) no-repeat center center;}
   .row4 .itemsWr .itemB2 h3:before {background:url(../../../globes/image/upload/v1736340863/Digital/hp/clients_service/Button_j8wqfe.svg) no-repeat center center;}
   .row4 .itemsWr .itemB3 h3:before {background:url(../../../globes/image/upload/v1736340875/Digital/hp/clients_service/Button_z6ctb2.svg) no-repeat center center;}
   .row4 .itemsWr .itemB4 h3:before {background:url(../../../globes/image/upload/v1736340887/Digital/hp/clients_service/Button_fqoiru.svg) no-repeat center center;}
   .row4 .itemB2 li { color:#080808}
   .row4 .itemB3 li a,  .row4 .itemB4 li a { font-size:16px !important;color:#080808;border-radius: 5px;border: 1px solid #CCC1B7;background: #FFF9F4; display: flex; width: 140px;height: 36px; margin-top:16px; justify-content: center; align-items: center; text-decoration:none}  
   .row4 li a {font-size: 14px !important; text-decoration: underline;}

   .row4 .itemB4 li.showMore a { color:#97133F; font-size: 16px !important; height:27px}
   .row4 .itemB4 li.showMore { margin-bottom: 8px;}
   .row4 .itemB4 li.showMore.sc a {margin-top: 0;}
   .row4 .itemB4 .showMoreClick {cursor: pointer;}

   .row5 {background: #262A33;}
   .row5 a, .row5 span {color:#FFF6EF; font-size:19px} 
   .row5 a {text-decoration: underline;}
   .row5 .client-service {display: flex;align-items: center; padding:18px 0;justify-content:space-between;}
   .row5 .footer-r {    display: flex;    gap: 20px;    justify-content: space-between;}
    
   .activatePhone {display: flex; gap: 10px; text-align-last: center;}
   .activatePhone input {    border: 1px solid #c3b3aa;
    font-family: 'almoniDL400';
    font-size: 18px;
    text-align: center;
    width: 48px;
    height: 48px;}
    #check_code {background:#97133F;    font-family: demibold; font-size: 18px; color:#fff}
    #check_code:hover {background: #700b2d}
    #backToValidateSubscriber { flex: none;}

    .login_comment {color: #191919;font-size: 16px; line-height: 18px;   font-family: 'almoniDL600';}

   .client-service-wr.inner {text-align: right; max-width: 1084px; margin: 0 auto;}
   .client-service-wr.inner .client-service {display: grid; gap:0 32px;grid-template-columns: minmax(343px, 1fr) minmax(708px, 1fr); padding-bottom: 20px; width:100% }
   .client-service-wr.inner .right-menu {background: #fff; padding: 30px;border-radius: 5px;    border: 1px solid #CCC1B7;    max-height: fit-content;}
   .client-service-wr.inner .right-menu a {border-radius: 5px;border: 1px solid #97133F; background: rgba(151, 19, 63, 0.03); box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.00) inset; display: block;font-size: 16px;line-height: 110%; margin-bottom: 11px; padding: 8px; color:#97133F} 
   .client-service-wr.inner .right-menu a:hover,    .client-service-wr.inner .right-menu .selected a {background: #97133F; color:#fff}
   .client-service .right-menu ul li:last-of-type a {margin-bottom: 0;}
   .client-service-wr.inner .left-sec {background: #fff;padding: 30px;  border-radius: 5px;  border: 1px solid #CCC1B7;}
   .client-service-wr.inner nav  { grid-column: -1 / 1; padding: 20px 0; font-size: 14px;}
   .client-service-wr.inner nav img {position: relative;    top: 1px;    margin: 0 5px;}
   .client-service-wr.inner nav a {color:#666}
   .client-service-wr.inner nav span {color:#000}
   .client-service .right-menu h3 {font-size: 18px; }
   .client-service .right-menu ul {  margin-top: 18px;}
   .client-service #ContainerLogin {background: #fff;}
   #left_form {font-size: 16px;font-family:'almoniDL400';}
   #left_form h3.sbt {color:#1A1A1A;font-size: 40px; font-style: normal;  font-family: 'almoniTzar400'; line-height: 40px; margin: 0 0 20px; }
   .chkSelect .lbl {display: block;font-size: 18px;color: #494949; font-family:'almoniDL400'; margin-bottom: 8px; line-height:24px}
   .chkSelect .lbl input {margin:0 0 0 10px}

   #left_form .chk {font-size: 16px;font-family:'almoniDL600'; margin-bottom: 8px; display: block;}
   #left_form textarea {width:calc(100% - 30px); padding: 12px 15px; height:126px;    resize: none; font-size: 18px;font-family:'almoniDL400';}
   #left_form #submit {
        background: #97133F;
        display: flex;
        height: 40px;
        flex-direction: column;
        justify-content: center;
        color: #fff;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-family: 'almoniDL600';
        line-height: 24px; 
        margin-top: 40px;
    }
    #left_form #submit:hover { background: #700B2D;}
    #contribution, #miss_date, .section__freeze, .bText {margin-top: 16px;}

    .bText li {list-style-type: disc !important;}
    .bText {    margin-right: 12px;color: #494949;padding: 8px;}

    #wrapper .client-service .hasDatepicker {
        background-image: url(../../../globes/image/upload/v1738138481/calendar_today_24px_emsl9f.svg) !important;
           background-position: 16px 13px !important;
           background-repeat: no-repeat !important;
           -webkit-box-shadow: none !important;
    }



    .line_1 {display: grid;     grid-template-columns: 1fr 1fr; gap: 20px;}

    .highlighed  {border: 1px solid #F6E7DA;  margin: 20px 0;   background: #FFF6EF; padding: 8px;}
    .highlighed li {    list-style: disc !important;         margin-right: 25px; color: #1A1A1A; font-size: 16px; line-height: 24px;}
    .highlighed li a,   .highlighed a {color: #2B4C9B; font-family: almoniDL500;}

    #page17 .highlighed p {margin:0;;}

    input[type="checkbox"] {   width: 20px;        height: 20px; accent-color: #97133f; }
    #form_box select { background-position-x: 15px !important; background: url(../../../globes/image/upload/v1738156415/icon-arr_s40xeg.svg) no-repeat left; padding-right: 15px; text-indent: 0; }

    #form_box select:focus-within {background: url(../../../globes/image/upload/v1738228281/Digital/digital_daily/Desktop/digital/icons/icon-up_r1c01p.svg) no-repeat left;}
    
    option:hover {
        background-color: #FFF3E9 !important;
    }
.number-of-characters {direction: ltr;    font-size: 14px; color:#494949;  font-family:'almoniDL400';}
    #form_box select:focus > option:checked {display: none;}

    input[type='radio'] {width: 20px;height: 20px;}
    input[type='radio']:checked:after {
        background-color: var(--btnBgColor);
    }
   input[type='radio']:after {
        width: 11px;
        height: 11px;
        border-radius: 15px;
        top: 1px;
        left: -2px;
        position: relative;
        background-color: #fff;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 3px solid #fff;
    }

    .client-service  select, .client-service  input{  -webkit-box-shadow: none !important; }
    .client-service .form-label input:valid ~ label, .client-service .form-label input:focus ~ label, .client-service .form-label textarea:valid ~ label,  .client-service .form-label textarea:focus ~ label, .client-service .form-label input:read-only ~ label, .client-service .form-label input:disabled ~ label, .client-service select:valid ~ label, .client-service select:focus ~ label, .client-service select:disabled ~ label { background: #fff !important }


    .checkboxWithText {display: flex;    align-items: center;     gap: 10px; margin-bottom: 16px;}
    .checkboxWithText span {color: #494949;font-size: 18px;line-height: 24px;}

    .form-label label, select label {color: #494949 !important}

    .q {
        color: #000;
        padding: 2px 6px;
        border-radius: 50%;
       border:1px #000 solid;
        font-size: 12px;
        line-height: 16px;
        font-family: arial;
        font-style: normal;
        font-weight: bold;
        display: inline-block;
        cursor: pointer;
    }


    #WhatIsIt, #BillingAddress_Expalin { border-radius: 4px;font-size: 16px; letter-spacing: 0.3px; border: 1px solid var(--Share-Strip-Popup-Stroke, #E3D6CC);  background: #F6E7DA; padding:16px; margin-top:16px; display: none; position: absolute;
        z-index: 1;
        width: 100%;
        margin-top: -2px;
        max-width: 612px;}
        #WhatIsIt, #BillingAddress_Expalin p {margin: 0;}        

    .sbt1 {    color: #191919;    font-size: 16px; line-height: 18px; font-family: 'almoniDL600'; font-weight: normal; margin:0 0 8px;}
    
    #page6 .chkSelect .lbl { display: grid;     grid-template-columns: 35px 1fr;}
    #page6 .chkSelect .lbl input {margin-top: 3px;}
    #page6 #WhatIsIt p.ttl { font-family: 'almoniDL700';}
    #page6 #WhatIsIt p {margin: 0 0 5px;}
    #page6 #left_form #submit {margin-top: 47px;}

    #page8 #changeAddress .chkSelect, #page5 #date_type .chkSelect {display: flex;gap: 20px;}
    #page8 #changeAddress {margin-bottom: 12px;}
    #page8 .halfBox, #page8 .halfBoxLeft {width: 49%;  display:inline-block; }
    #page8 .halfBoxLeft{float:left;}
    #page8 #left_form #submit {margin-top: 3px;}

    :has(.q:hover) .qList { display: block !important;}
    

    .successMsg h3.sbt {color:#1A1A1A;font-size: 40px; font-style: normal;  font-family: 'almoniTzar400'; line-height: 40px; margin: 0 0 20px; } 
    .successMsgTxt {border: 1px solid rgba(5, 106, 75, 0.30);     background: #F5F9F8; font-size: 16px;  padding: 30px 10px; justify-content: center;   text-align: center;}
    .successMsgTxt span { display: block; background:url(../../../globes/image/upload/v1744098023/emojione_white-heavy-check-mark_wiis4p.svg) no-repeat 0 0 ; width:26px; height:26px; margin: 0 auto 16px;}
    .successMsgTxt p {margin: 0 0 20px; font-size: 16px; line-height: 16px;font-family: 'almoniDL400'; }
    .successMsgTxt table {margin: 0 auto;}
    
.redBtn {background: #97133F; font-size: 16px;color: #FFF6EF; justify-content: center;   display: flex;  align-items: center; font-family: 'almoniDL600'; gap:9px; padding: 8px; flex-direction: row-reverse;}

    .client-service-wr.inner.sec-AddonMessage {    width:80%;  }
    .client-service-wr.inner.sec-AddonMessage .client-service {display: block; max-width:100%}

    .AddonMessage {border: 1px solid #B1C2E1;      background: #EBF5FF;display: flex;     position: relative;
        top: 30px;              margin: 0 auto;   width:100%;     padding: 8px;  max-width: 1012px;   justify-content: center;     align-items: center;    gap: 12px; }
    .AddonMessage p {color: #1A1A1A;
        text-align: right;
        font-family: almoniDl400;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;     width:100%;     margin:0 40px 0 0;
}

.AddonMessage p:before {    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;position: absolute;
    right: 10px;
    background: url(../../../globes/image/upload/v1746710133/Digital/icons/Vector-i_ge0vy9.svg) no-repeat center center;
}

   @media only screen and (max-width: 1540px) {
    .row5 .client-service {display:block}
   .row5 .footer-r {  flex-flow: wrap; gap: 10px; text-align:right; margin-bottom:28px;justify-content: flex-start;}
   .row5 .footer-l {text-align:left;font-size:16px}

   .client-service-wr.inner .client-service {grid-template-columns: auto 1fr;  }
   .AddonMessage {max-width: 100%;}
   .client-service-wr.inner.sec-AddonMessage {width:88%}

   }
   
   @media only screen and (max-width: 1024px) {
    .row4 .itemsWr {grid-template-columns: repeat(2, 1fr);}
   }


   @media only screen and (min-width: 1920px) {
       .row2  {background-size: cover;}
   }

@media only screen and (min-width: 480px) {

   details summary { pointer-events: none; user-select: none;}
  
}

@media only screen and (max-width: 480px) {

    .line_1  {grid-template-columns: 1fr;
        gap: 0;}

    .AddonMessage  {max-width: 90%; top: 10px;}
    .client-service-wr.inner.sec-AddonMessage {width: 90%;}


   #left_form .dtTo {   width: 50%; white-space: normal !important;  top: 5px !important;  line-height: 1 !important }

    #wrapper .client-service .form-label input:focus ~ .dtTo { width:AUTO !important;        top: 17px !important;}

    .successMsgTxt table    img {
        width: 80px;
        object-fit: cover;
        height: 110px;
    }
    .client-service-wr.inner {margin-top: 20px; width:100%}
    

    #WhatIsIt, #BillingAddress_Expalin {        max-width: calc(100% - 50px);      right: 0;      border-radius: 15px;        padding: 16px 24px; }
    #WhatIsIt p {max-width: 95%;}

    #WhatIsIt:after, #BillingAddress_Expalin:after {content:url(../../../globes/image/upload/v1745140612/Digital/icons/X_btn_10px_byfbrl.svg); position: absolute; left:16px; top:16px}
   
    .row3 .client-service {grid-template-columns: 1fr}
    .row4 .itemsWr {grid-template-columns: 1fr; margin:60px auto 40px; max-width:204px}
   
    .top_btn_purchase {display: none;}
    .row5 .footer-r a, .row5 .footer-r span {font-size:16px}
    .client-service-wr.inner .client-service {grid-template-columns: 1fr; gap:20px}

    .client-service-wr.inner .right-menu {    background: #fff;   padding: 16px;        border-radius: 5px;        border: 1px solid #CCC1B7;}
    .client-service .right-menu summary {position: relative; }
    .client-service .right-menu summary::before {
        width: 24px;
        height: 24px;
        position: absolute;
        top: 0px;
        left: 5px;
        content: url(../../../globes/image/upload/v1736350329/Digital/hp/clients_service/icon_w4te1p.svg);
    }


    .row3 summary {position: relative;}    
    .row3 summary::before  {
        width: 24px;
        height: 24px;
        position: absolute;
        top: 10px;
        left: 20px;
        content: url(../../../globes/image/upload/v1736350329/Digital/hp/clients_service/icon_w4te1p.svg);
    }

    .row3 details[open] summary::before {transform: rotate(180deg);}

    .logo-g-wr .logo-g {zoom:60%}
    .logo-g-wr .help-title {font-size: 19px;}
    .logo-g-wr .help-title:before {  width: 1px;    height: 16px;      right: -11px;       top: 2px;    }
    .name-wr h1 {font-size: 40px;line-height: 40px;}
    .name-wr h4 {font-size: 16px;}
    .client-service-wr.inner nav {display: none;}
    .name-wr {padding: 24px 0;  }
    .row3 .client-service {padding: 20px 0;gap: 18px;}
    .row3 .client-service div {padding: 20px}
    .row1 {padding: 19.5px 0}
    #left_form h3.sbt {font-size: 33px; line-height: 33px;}
    .client-service-wr.inner .left-sec {padding: 16px;}

    .row2 {
        background: url(../../../globes/image/upload/v1738760215/Cover_Mobile_zzwvke.png) no-repeat center center;
        background-size: cover;
    }

    .client-service .form-label input[type="text"], .client-service .form-label input[type="password"], .client-service .form-label input[type="tel"], .client-service .form-label input[type="email"] {        -webkit-box-shadow: inset 0 0 0 50px #fff !important;}
 
    details summary::-webkit-details-marker {
        display:none;
      }

      #page5 #date_type .chkSelect {display: block} 
    
}

@media only screen and (max-width: 475px) {

    .userWrNew .myglobes_user_links {min-width: 201px;}
    .userWrNew  .user_links_fixed {min-width: 155px;}
    .userWrNew .guestLinks {min-width: 130px;}
}