.article-content h1 {text-transform: uppercase;}
/*.s-nav-content {width: calc(100% - 410px);}*/
.s-full-content-wr, .s-nav-content-wr {padding: 0 40px 0 40px;}
.cookies-banner-content {padding-left: 8%;}
.section-faq {max-width:65%;}

/*
@media screen and (max-width: 1024px) {
.s-nav-container {width: calc(100% + 410px);padding: 2em;}
}
*/

@media screen and (max-width: 1024px) {
.s-nav-container {padding: 2em;}
.section-faq {max-width:100%;}
}

.svg-fill {
    max-width: 1em;
}


.parsel-track__ttl::before {
content: url(https://meest.com/uploads/elFinder/CA/parcel-track.svg);
max-width: 24px;
max-height: 22px!important;
}

.parcel-track__ico {display: none;}



.portal-top-content-inner {
height: auto!important;
}

.bl_slider {background-color: #fff!important;}

/* my custom styles begins from v61 */


@media screen and (max-width: 1199px)
{
  
  /*.header {min-height: 135px;}*/

.burger-wrapper {
      margin-left: 0;
      padding-left: 15px; }
	  
.burger-wrapper::before {
        content: none;
        display: none; }

.burger-wrapper .burger:hover span {
        background-color: #169ce1; }

.burger-wrapper .burger.active span:nth-child(1) {
        transform: translate(-40%, -11px) rotate(45deg);
        transform-origin: left; }
.burger-wrapper .burger.active span:nth-child(2) {
        opacity: 0; }

.burger-wrapper .burger.active span:nth-child(3) {
        transform: translate(-40%, -11px) rotate(-45deg);
        transform-origin: left; }		
 .burger {
    display: block;
    position: relative;
    z-index: 9;
    width: 35px;
    height: 35px;
    cursor: pointer; }
    .burger-wrapper {
      display: block;
      position: relative; }
    .burger span {
      display: block;
      position: absolute;
      left: 50%;
      width: 25px;
      height: 3px;
      border-radius: 2px;
      background-color: #0061af;
      opacity: 1;
      transform: translate(-50%, -11px);
      transition: all .3s; }
      .burger span:nth-child(1) {
        top: 50%; }
      .burger span:nth-child(2) {
        top: calc(50% + 9px); }
      .burger span:nth-child(3) {
        top: calc(50% + 18px); }

 .site-sidebar-inner {
      padding: 0 20px;
      height: 100%;
      overflow-y: auto; }
    .site-sidebar.open {
      position: fixed;
      height: 100vh;
      z-index: 9999;
      overflow-x: hidden;
      display: block;
      transform: translate(0, 0); }
      .site-sidebar.open .sidebar-mobile-menu {
        height: 73px; }
        .site-sidebar.open .sidebar-mobile-menu .login-btn-sidebar {
          margin-left: auto;
          margin-right: 12px; }
        .site-sidebar.open .sidebar-mobile-menu .burger span:nth-child(1) {
          transform: rotate(-45deg) translate(-8px, -10px); }
        .site-sidebar.open .sidebar-mobile-menu .burger span:nth-child(2) {
          transform: rotate(-135deg) translate(16px, -2px); }
        .site-sidebar.open .sidebar-mobile-menu .burger span:nth-child(3) {
          opacity: 0; }

  
  
.sidebar-block-wr {
    display: flex;
    justify-content: space-evenly;
    padding: 15px 0;
    max-width: 290px;
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
}
  
.sidebar-links-block {
    border-right: none;
}  
  
.sidebar-nav-items {
    margin-right: 16px;
    width: auto;
}  
		
}




/* #chat-24-widget-container{margin-right:251px!important;} */
#chat-24-widget-container{margin-right:16%!important;margin-bottom: 45px!important;}


.widget-button-text {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px!important;
    clear: both!
}

.sender-connect.bottom-right {margin-right: 13%!important;}



/* Custom styles for 24-widget START  */


#chat-24-widget-container #chat-24-popup-7.desktop_lch.chat-24-lc-size-1 {
    border-radius: 15px;
    width: auto!important;
    height: 360px;
}

#chat-24-widget-container #chat-24-popup-7 #chat-24-inner-container-lch #chat-24-present-form-container .chat-24-present-form .chat-24-present-form-title {
    font-size: 1.4em;
}

#chat-24-widget-container #chat-24-popup-7 #chat-24-inner-container-lch #chat-24-present-form-container .chat-24-present-form .chat-24-present-form-rows-block .chat-24-present-form-label {
    font-size: 1em;
}


#chat-24-widget-container #chat-24-popup-7 #chat-24-inner-container-lch #chat-24-present-form-container .chat-24-present-form #chat-24-present-form-send {
    font-size: 1.3em;
}

#chat-24-widget-container #chat-24-popup-7 #chat-24-inner-container-lch #head_lch .title-lch-container .sub_title_lch {
    font-size: 1.3em;
}

/*Custom styles for 24-widget END */



/* Custom styles for 24-widget START 


#chat-24-widget-container #chat-24-popup-7.desktop_lch.chat-24-lc-size-1 {
    border-radius: 15px;
    width: auto!important;
    height: 360px;
}

#chat-24-widget-container #chat-24-popup-7 #chat-24-inner-container-lch #chat-24-present-form-container .chat-24-present-form .chat-24-present-form-title {
    font-size: 1.4em;
}

#chat-24-widget-container #chat-24-popup-7 #chat-24-inner-container-lch #chat-24-present-form-container .chat-24-present-form .chat-24-present-form-rows-block .chat-24-present-form-label {
    font-size: 1em;
}


#chat-24-widget-container #chat-24-popup-7 #chat-24-inner-container-lch #chat-24-present-form-container .chat-24-present-form #chat-24-present-form-send {
    font-size: 1.3em;
}

#chat-24-widget-container #chat-24-popup-7 #chat-24-inner-container-lch #head_lch .title-lch-container .sub_title_lch {
    font-size: 1.3em;
}





/* FORM START */

.sp-form[sp-id="172098"]{display:block;background:#fff;padding:15px;width:100%;max-width:100%;font-family:Arial,"Helvetica Neue",sans-serif;background-repeat:no-repeat;background-position:center;background-size:auto}

.sp-form[sp-id="172098"] input[type=checkbox]{display:inline-block;opacity:1;visibility:visible}

.sp-form[sp-id="172098"] .sp-form-fields-wrapper{width:650px}

.sp-form[sp-id="172098"] .sp-form-control{background:#fff;border-color:#ddd;border-style:solid;border-width:1px;font-size:15px;padding-left:8.75px;padding-right:8.75px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;height:35px;width:100%}

.sp-form[sp-id="172098"] .sp-field label{color:#444;font-size:13px;font-style:normal;font-weight:700}

.sp-form[sp-id="172098"] .sp-button-messengers{border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}

.sp-form[sp-id="172098"] .sp-button{border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#0061af;border-radius:20px;padding:.9em;color:#fff;width:auto;font-weight:700;font-style:normal;font-family:"Segoe UI",Segoe,"Avenir Next","Open Sans",sans-serif;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;text-align:center;color:#fff;font-size:14px;font-weight:700;line-height:16px;text-transform:uppercase;letter-spacing:.35px}

.sp-popup-outer {background: rgba(0, 0, 0, 0.5);}
	
/* FORM END */





Custom styles for 24-widget END */











.common-tab::after, .order-step::after, .payment-step::after, .calc-delivery-item::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    background-color: transparent;
    width: 100%;
    transform: scaleX(0);
    transition: width .5s, background-color .5s, transform .5s;
}





.block_blue_text{width: 50vw; background-color: #f1f1f1; padding:2em; text-align: center;align-items: center;justify-content: center;background: #0061af;padding:2em!important; text-transform: uppercase; position: relative;cursor: pointer; border: none;}
.block_blue_text:hover {background: #169ce1;}

.a_no_after {text-decoration: none; text-transform: uppercase; font-weight: bold; color: #fff!important;}
.a_no_after:after {background: none!important;text-decoration: none;}


.a_no_after_2 {text-decoration: none; font-weight: bold;}
.a_no_after_2:after {background: none!important;text-decoration: none;}



@media screen and (max-width: 1199px){
.burger-wrapper {
    display: block;
    position: relative;  
}
  
.burger {
    display: block;
    position: relative;
    z-index: 9;
    width: 35px;
    height: 35px;
    cursor: pointer;
}  
  
.burger span {
    display: block;
    position: absolute;
    left: 50%;
    width: 25px;
    height: 3px;
    border-radius: 2px;
    background-color: #0061af;
    opacity: 1;
    transform: translate(-50%, -11px);
    transition: all .3s;
}
  
  
.site-sidebar-inner {
    padding: 0 20px;
    height: 100%;
    overflow-y: auto;
}
  
  
  
.site-sidebar {display: none;} 
  
  
  
  
}




@media screen and (max-width: 767px){
  
  
.site-sidebar {display: none;}
.header-language {
    display: block!important;
}
  
.arth-sing-multiply span:before, .arth-sing-multiply span:after {
    content: '';
    height: 15px;
    width: 0px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
  

  .arth-sing-equally span:before, .arth-sing-equally span:after {
    height: 0px;
    width: 100%;
    position: absolute;
    left: 0;
}
}

  .post-offices-detail-link:not(.show-terminals-btn) {
    display: none;
}

.s-nav {flex: none}

.pagination .prev.disabled { opacity: 0 }
.pagination .next.disabled { opacity: 0 }

.s-nav {flex: none}

.post-offices-sidebar-info-content {background: white}

.post-offices-page + .footer {
	display:none;
  }

@media screen and (max-width: 1024px)
{
  
.site-sidebar {display: none;}  
.offices-map-ukraine .widget-button {
   display: none;
}
}
.portal-top-content-inner iframe {
  display: block
}
.promo-centennial {padding: 0 !important;}
/*PROMO
.promo-centennial-form .form {width: 460px; padding: 1em;}
.promo-centennial-form .form-group {margin: 1em;}
.promo-page-site .field-meest30form-agreement {display: block;}
.promo-centennial-form .lp-btn {max-width: 100%;margin-top: 10px; min-width: 200px;}
.promo-centennial-form-info {width: 80%;}
.promo-centennial-form {width: auto;}

@media screen and (max-width: 767px){
.promo-centennial-form-title {margin-top: 15%;}
.promo-centennial-form .form {width: auto;}
}
*/

/*My custom flex*/

.flex-container {display: flex; flex-direction: row; box-sizing: border-box;}
.flex-dir-box {display: flex; box-sizing: border-box; flex-direction: row flex-wrap: nowrap;}

.flex-item-100 {flex: 100%; box-sizing: border-box;text-align: center;}
.flex-item-50 {flex: 50%; box-sizing: border-box;text-align: center;}

.flex-item-left {flex: 50%; box-sizing: border-box;text-align: center;}
.flex-item-right {flex: 50%; box-sizing: border-box;text-align: center;}

.flex-item-33 {flex: 33%; box-sizing: border-box;text-align: center;}
.flex-item-25 {flex: 25%; box-sizing: border-box;text-align: center;} 
.flex-item-15 {flex: 15%; box-sizing: border-box;text-align: center;}  
.flex-item-10 {flex: 10%; box-sizing: border-box;text-align: center;}    

.flex-item {
    padding: 2em;
    width: calc(100%);
    margin-bottom: 50px;
    box-shadow: 0 0 8px 0 rgb(202 211 223 / 50%);
}


.flex-item-s {
    width: calc(100%);
    margin-bottom: 50px;
}

@media (max-width: 768px) {

.flex-dir-box {
display: flex; 
box-sizing: border-box;
flex-direction: column;
flex-wrap: wrap;
align-items: center; margin: -1em;
}  
  
.flex-item  {
    padding: 2em;
    width: calc(100%);
    margin-bottom: 50px;
    box-shadow: 0 0 8px 0 rgb(202 211 223 / 50%);
}  


@media (max-width: 360px) {

.flex-dir-box {
display: flex; 
box-sizing: border-box;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
margin: -1em;  
}  
  
.flex-item  {
    padding: 2em;
    width: calc(100%);
    margin-bottom: 50px;
    box-shadow: 0 0 8px 0 rgb(202 211 223 / 50%);
}  
  
  
.flex-container {flex-direction: column; box-sizing: border-box;}
.flex-item-left {flex: 50%; box-sizing: border-box; padding-bottom: 1.5em;}
.flex-item-right {flex: 50%; box-sizing: border-box; padding-right: 30px;padding-left: 30px;}
  
.hide-me-on-mob {display: none; visibility:hidden;}
  
}

.a-no-after:after
{height: 0!important;}

.a_no_after:after
{height: 0!important;} 
  
.no-after:after
{height: 0!important;}

  
.common-editor-context a:not(.btn):after,{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    background: #0061af;
    bottom: 0;
    height: 0!important;
    transition: background .5s;
}
  
/* My custom flex END*/

