@keyframes jump {
   0% {transform: translate3D(0,0,0); opacity: 0;}
   50% {transform: translate3D(0,-15px,0); opacity: 0.5;}
   100% {transform: translate3D(0,0,0); opacity: 1;}
}
.popup_download {
   background: #FFF !important;
   border-radius: 10px;
}
.fancybox-close-small {
   opacity: 0 !important;
}
.text_attention {
   font-size: 18px;
   font-weight: 800;
   text-align: center;
   font-family: "Raleway", sans-serif;
}
.popup_download .loader {
   width: 100%;
   height: 70px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 20px;
   margin-top: 20px;
}
.popup_download .loader .dot {
   height: 40px;
   width: 40px;
   border-radius: 50%;
}
.popup_download .loader .dot:nth-child(1) {
   background-color: #FFBE2E;
   animation: jump 0.6s 0.5s ease-in infinite
}
.popup_download .loader .dot:nth-child(2) {
   background-color: #FFBE2E;
   animation: jump 0.6s 0.7s ease-in infinite
}
.popup_download .loader .dot:nth-child(3) {
   background-color: #FFBE2E;
   animation: jump 0.6s 0.9s ease-in infinite
}
.slider, .tracking-number {
   font-family: "Raleway", sans-serif;
   color: #000000;
   line-height: normal;
   font-style: normal;
   font-variant-numeric: lining-nums;
}
.tracking-number {
   margin-bottom: 50px;
}
.calc {
   margin: 85px 0;
}
.calc h2 {
   font-size: 32px;
   line-height: 37px;
   font-weight: 400;
   text-align: center;
   font-family: "Raleway", sans-serif;
   color: #000000;
}
.slider-country .slider-wrap__title,
.tracking-number .tracking__title {
   font-size: 32px;
   font-weight: 400;
   text-align: center;
}
.slider-country {
   margin: 142px 0 103px;
}
.slider-wrap .ttl {
   margin-bottom: 38px;
   font-size: 14px;
   line-height: normal;
   text-align: center;
   font-family: "Inter", sans-serif;
   color: #000000;
}
.slider-wrap__list {
   position: relative;
   margin-bottom: 20px;
}
.slider-wrap__list--first {
   position: relative;
}
.slider-wrap__list--first::after, .slider-wrap__list--first::before {
   content: "";
   display: block;
   width: 100%;
   max-width: 270px;
   height: 120px;
   background: -webkit-gradient(linear, right top, left top, from(rgba(244, 244, 242, 0)), color-stop(80%, #f4f4f2));
   background: linear-gradient(270deg, rgba(244, 244, 242, 0) 0, #f4f4f2 80%);
   position: absolute;
   left: 0;
   top: -14px;
   z-index: 2;
}
.slider-wrap__list--first::before {
   left: auto;
   right: 0;
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}
.slider-wrap__list .item {
   margin: 0 5px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border-radius: 30px;
   background-color: #fff;
   padding: 4px 6px;
   text-align: center;
   font-size: 18px;
   line-height: 21px;
   font-family: "Raleway", sans-serif;
   color: #000000;
}
.slider-wrap__list .item img {
   width: 26px;
   height: 26px;
   border-radius: 50%;
   margin-right: 10px;
   -o-object-fit: cover;
   object-fit: cover;
}
.slider-more {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding-top: 20px;
}
.slider-more .btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border: solid 1px #ffd749;
   padding: 9px 19px;
   background: 0 0;
   background-color: #ffd749;
   color: #000000;
   font-size: 14px;
   line-height: 21px;
   font-weight: 700;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   border-radius: 25px;
   -webkit-transition: .3s;
   transition: .3s;
   cursor: pointer;
   font-family: "Raleway", sans-serif;
}
.slider-more .btn:hover {
   background-color: #fcc400;
   border-color: #fcc400;
}
.slider-more .btn svg {
   margin-left: 10px;
}
.faq .item-top__title {
   font-size: 24px;
   line-height: normal;
   font-weight: 400;
   text-align: center;
   font-family: "Raleway", sans-serif;
   color: #000000;
}
.faq {
   font-family: "Raleway", sans-serif;
   color: #000000;
   font-variant-numeric: lining-nums;
}
.faq-wrap .item {
   position: relative;
   width: 100%;
   background-color: #fff;
   border-radius: 20px;
   padding: 22px 30px;
   margin-bottom: 20px;
}
.faq-wrap .item-top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   cursor: pointer;
}
.faq-wrap .item-text {
   margin-top: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   width: 100%;
   max-width: 1165px;
   -webkit-transform: translateY(-40px);
   -ms-transform: translateY(-40px);
   transform: translateY(-40px);
   position: absolute;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: .3s;
   transition: .3s;
   font-family: "Inter", sans-serif;
}
.faq-wrap .item-top__title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
   max-width: calc(100% - 70px);
   text-align: left;
}
.faq-wrap .item-top__icon {
   width: 52px;
   height: 52px;
   border-radius: 50%;
   background-color: #fff;
   border: solid 1px #f0f0f0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   cursor: pointer;
   -webkit-transition: .3s;
   transition: .3s;
}
.faq-wrap .item-top__icon:hover {
   background-color: #da2c38;
   border-color: #da2c38;
}
.faq-wrap .item-top__icon:hover svg * {
   fill: #fff;
}
.faq-wrap .open .item-top__icon {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}
.faq-wrap .item-top__icon svg * {
   -webkit-transition: .3s;
   transition: .3s;
}
.faq-wrap .item-text__row {
   width: 100%;
   font-size: 22px;
   line-height: 37px;
   max-width: 100%;
   margin: 0;
}
.faq-wrap .item-text__row p {
   font-size: 14px;
   line-height: 23px;
   display: block;
   margin-bottom: 0;
}
.faq-wrap .open .item-text {
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
   position: static;
   opacity: 1;
   visibility: visible;
}
.seo {
   margin: 80px 0;
}
.seo-wrap {
   padding: 40px 60px;
   border-radius: 30px;
   border: 1px solid #F0F0F0;
   background: #FFF;
   backdrop-filter: blur(5px);
}
.seo .btn svg,
.btn_view_all svg {
   margin-left: 10px;
}
.seo .btn svg, .seo .btn svg *,
.btn_view_all svg, .btn_view_all svg * {
   transition: .2s;
}
.seo-wrap__content {
   max-height: 220px;
   overflow: hidden;
   -webkit-transition: .3s;
   transition: .3s;
   position: relative;
   font-family: "Inter", sans-serif;
   font-size: 16px;
   line-height: 24px;
   color: #000000;
   font-variant-numeric: lining-nums;
}
.seo-wrap__more {
   margin-top: 10px;
}
.seo .btn,
.btn_view_all {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border: solid 1px #d9d9d9;
   padding: 9px 19px;
   background: 0 0;
   background-color: #ffffff;
   color: #000000;
   font-size: 14px;
   line-height: 21px;
   font-weight: 700;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   border-radius: 25px;
   -webkit-transition: .3s;
   transition: .3s;
   cursor: pointer;
   font-family: "Raleway", sans-serif;
}
.seo .btn:hover, .btn_view_all:hover {
   background-color: #ffd749;
}
.seo .btn:hover svg circle, .btn_view_all:hover svg circle {
   fill: #FFFFFF;
}
.btn_view_all {
   display: none;
}
.btn_view_all.big {
   display: flex;
   margin-top: 10px;
}
.seo h2 {
   font-size: 20px;
   line-height: 34px;
   font-weight: 700;
   font-family: "Raleway", sans-serif;
   margin-bottom: 20px;
}
.seo-wrap__content p {
   display: block;
}
.seo-wrap__content * {
   margin-bottom: 20px;
}
.seo-wrap__content--active {
   max-height: 1000000px;
}
.seo-wrap__content--active::after {
   display: none;
}
.seo-open-details.opened svg {
   transform: rotate(180deg);
}
.tracking-number .ttl {
   font-size: 16px;
   line-height: normal;
   text-align: center;
   font-family: "Inter", sans-serif;
   color: #000000;
   margin: 16px 0 18px;
}
.tracking-number_wrap {
   flex-shrink: 0;
   border-radius: 20px;
   border: 1px solid #F0F0F0;
   background: #FFF;
   backdrop-filter: blur(5px);
   display: flex;
   align-items: center;
   flex-direction: column;
   gap: 20px;
   padding: 30px 0 32px;
   max-width: 870px;
   margin: 0 auto;
}
.form_track {
   display: flex;
   align-items: center;
   flex-direction: column;
   gap: 20px;
}
.input-wrap {
   min-width: 390px;
   width: 100%;
   display: flex;
   align-items: flex-start;
   flex-direction: column;
   gap: 4px;
}
.input-wrap label {
   color: #757575;
   font-family: "Inter", sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   padding-left: 10px;
}
.input-wrap input {
   padding: 16px 10px 16px 20px;
   border-radius: 8px;
   border: 1px solid #D9D9D9;
   background: #FFF;
   font-family: "Inter", sans-serif;
   font-size: 16px;
   line-height: normal;
   font-weight: 500;
   color: #000000;
   -webkit-appearance: none;
   appearance: none;
   display: block;
   width: 100%;
   cursor: pointer;
   font-variant-numeric: lining-nums;
}
.btn_submit_track {
   padding: 16px 54px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-shrink: 0;
   border-radius: 40px;
   background: #DA2C38;
   box-shadow: 0px 86px 24px 0px rgba(133, 71, 0, 0.00), 0px 55px 22px 0px rgba(133, 71, 0, 0.01), 0px 31px 18px 0px rgba(133, 71, 0, 0.05), 0px 14px 14px 0px rgba(133, 71, 0, 0.09), 0px 3px 8px 0px rgba(133, 71, 0, 0.10);
   color: #FFF;
   font-family: "Raleway", sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   transition: .3s ease-out;
   border: 1px solid #DA2C38;
   cursor: pointer;
}
.btn_submit_track:hover {
   background: #FFFFFF;
   color: #000000;
   box-shadow: none;
}
.what-allow-tracking {
   width: 100%;
   color: #000;
   text-align: center;
   font-family: "Inter", sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 23px;
}
.wrapper_all_track {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   margin: 40px 0 80px;
}
.detail_our_info_wrap {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   flex-wrap: wrap;
   width: 100%;
}
.block_status_info, .block_parcel_info {
   display: none;
   width: calc(33% - 15px);
   padding: 20px;
   flex-direction: column;
   align-items: flex-start;
   gap: 10px;
   border-radius: 10px;
   background: #FFF;
}
.detail_our_info_wrap.active .block_status_info,
.detail_our_info_wrap.active .block_parcel_info {
   display: flex;
}
.icon-status {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 42px;
   height: 42px;
   border-radius: 50%;
}
.icon-status img {
   width: 23px;
   height: 23px;
}
.icon-status.icon-done {
   background: #FFD749;
}
.icon-status.icon-counter {
   text-align: center;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: "Raleway", sans-serif;
   font-size: 16px;
   font-weight: 700;
   background: #FFFFFF;
   color: #000000;
   border: 1px solid #FFA51D;
}
.icon-status.icon-counter.icon-counter-gray {
   color: #757575;
   background: #D9D9D9;
   border: 0;
}
.line_info_status {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 10px;
   color: #757575;
   font-size: 12px;
   font-weight: 400;
   width: 100%;
   font-family: "Inter", sans-serif;
}
.line_info_status.done p {
   color: #000000;
}
.line_info_status.active p {
   color: #000000;
   font-weight: 700;
}
.line_info {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   width: 100%;
}
.line_info p {
   color: #757575;
   font-family: "Inter", sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}
.line_info p:last-child {
   color: #000;
   font-weight: 700;
}
.block_contact_question {
   display: none;
   align-items: center;
   background: #FFFFFF;
   width: calc(33% - 15px);
   padding: 20px;
   gap: 30px;
   border-radius: 10px;
}
.detail_our_info_wrap.active .block_contact_question {
    display: flex;
}
.block_contact_question p {
   color: #000;
   font-family: "Inter", sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}
.block_contact_question p a {
   font-family: "Inter", sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   color: #7360f2;
   transition: color 0.3s ease-out;
   cursor: pointer;
}
.block_contact_question p a:hover {
   color: #000000;
}
.wrapper_all_track .detail_contragent_info_wrap {
   display: none;
}
.wrapper_all_track.with-contragent .detail_contragent_info_wrap {
   display: flex;
   align-items: flex-start;
   flex-direction: column;
   width: calc(70% - 15px);
   flex-shrink: 0;
   border-radius: 20px;
   border: 1px solid #F0F0F0;
   background: #FFF;
   backdrop-filter: blur(5px);
   padding: 40px 40px 60px;
}
.wrapper_all_track.with-contragent .detail_our_info_wrap {
   width: calc(30% - 15px);
   flex-direction: column;
   gap: 20px;
}
.wrapper_all_track.with-contragent .block_status_info,
.wrapper_all_track.with-contragent .block_parcel_info,
.wrapper_all_track.with-contragent .block_contact_question {
   width: 100%;
}
.contagent-info {
   display: flex;
   align-items: center;
   width: 100%;
   gap: 60px;
   flex-wrap: wrap;
   margin-bottom: 60px;
}
.link-to-contragent,
.title_carrier {
   color: #000;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: "Raleway", sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
}
.link-to-contragent a {
   color: #FFA51D;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: "Raleway", sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   cursor: pointer;
   transition: color 0.3s ease-out;
}
.link-to-contragent a:hover {
   color: #000000;
}
.title_carrier {
   display: flex;
   align-items: center;
   gap: 10px;
}
.title_carrier img {
   max-width: 90px;
}
.contragent_line {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   width: 100%;
}
.contragent_line.big {
   max-height: 530px;
   overflow-y: hidden;
}
.details_contragent_line {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-bottom: 10px;
}
.p-date {
   color: #757575;
   font-family: "Inter", sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 5px;
}
.p-status {
   color: #000;
   font-family: "Inter", sans-serif;
   font-size: 15px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   margin-bottom: 5px;
}
.p-location {
   color: #757575;
   font-family: "Inter", sans-serif;
   font-size: 15px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}
.separator-line {
   margin-bottom: 10px;
   width: 42px;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.separator-line .line {
   width: 1px;
   height: 30px;
   border-left: 1px dashed #D9D9D9;
}

@media (max-width: 1100px) {
    .faq-wrap .item-text {
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
    }
    .faq-wrap .item-text__row {
       width: 100%;
       max-width: 100%;
       margin: 0;
    }
    .seo-wrap {
       padding: 30px 20px;
       border-radius: 10px;
    }
    .seo-wrap__content {
       font-size: 14px;
       line-height: 20px;
    }
}

@media (max-width: 1030px) {
    .wrapper_all_track.with-contragent {
       flex-wrap: wrap;
       gap: 20px;
    }
    .wrapper_all_track.with-contragent .detail_contragent_info_wrap,
    .wrapper_all_track.with-contragent .detail_our_info_wrap {
       width: 100%;
    }
}

@media (max-width: 900px) {
    .detail_our_info_wrap {
       gap: 20px;
    }
    .block_status_info, .block_parcel_info, .block_contact_question {
       width: 100%;
    }
}
 
@media (max-width: 750px) {
    .contagent-info {
       flex-direction: column;
       align-items: flex-start;
       gap: 20px;
       margin-bottom: 30px;
    }
    .wrapper_all_track.with-contragent .detail_contragent_info_wrap {
       padding: 20px 20px 30px;
    }
    .title_carrier img {
       max-width: 60px;
    }
    .separator-line, .separator-line .line {
       height: 15px;
    }
    .contragent_line.big {
       max-height: 465px;
    }
    .details_contragent_line span {
       flex: 1;
    }
}

@media (max-width: 550px) {
    .calc h2,
    .slider-country .slider-wrap__title,
    .seo h2,
    .tracking-number .tracking__title {
       font-size: 18px;
       line-height: 21px;
    }
    .slider-country {
       margin: 33px 0 43px;
    }
    .slider-wrap__list--first::after, .slider-wrap__list--first::before {
       max-width: 100px;
    }
    .slider-wrap__list .item {
       font-size: 14px;
       line-height: 16px;
       padding: 4px 6px;
    }
    .faq .item-top__title {
      font-size: 18px;
      line-height: 21px;
    }
    .faq-wrap .item {
       margin-bottom: 20px;
       padding: 24px 20px;
    }
    .faq-wrap .item-top__title {
       font-size: 18px;
       line-height: 21px;
       max-width: calc(100% - 40px);
       margin: 0;
    }
    .faq-wrap .item-top__icon {
       width: 30px;
       height: 30px;
    }
    .faq-wrap .item-top__icon svg {
       max-width: 5px;
       max-height: 7px;
    }
    .seo .btn,
    .btn_view_all {
       font-size: 14px;
       line-height: 21px;
    }
    .tracking-number .ttl {
       font-size: 14px;
    }
    .tracking-number_wrap {
       padding: 20px;
       max-width: 100%;
       width: 100%;
    }
    .form_track {
       width: 100%;
    }
    .input-wrap {
       min-width: 100%;
    }
    .btn_submit_track {
       padding: 16px 30px;
    }
}