@import url(./css/fonts.css);

:root{
   --main: #EF7C12;
   --second: rgb(252, 167, 88);
   --main-op: rgba(239, 124, 18, 0.56);
   --bg: #E9EAED;
   --color: #000;
   --gray: #F7F7F7;
   --grad: linear-gradient(110.65deg, var(--main) 17.85%, var(--main-op) 122.18%);
}

body {
   font-size: 16px;
   background: var(--bg);
   font-family: 'IBM Plex Sans', sans-serif;
   position: relative;
}

body.hidden {
   overflow: hidden;
}

.wrapper{
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   min-height: 100vh;
}

.form-control {
   font-family: 'IBM Plex Sans', sans-serif;
   background: #FFFFFF;
   border: 1px solid #A1A9B8;
   border-radius: 3px;
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0.03em;
   color: #000;
   height: auto;
   padding: 11px 14px;
   line-height: 1.28;
   transition: 0.3s ease;
}
.form-control:focus{
   border-color: var(--main)
}
.form-control.error{
   border-color: #F94D4D;
}

input:focus,
textarea:focus {
   box-shadow: none !important;
   outline: none;
}

input::placeholder,
textarea::placeholder {
   opacity: 1;
   font-weight: 400;
}

input,
textarea {
   font-family: 'Gilroy';
}

textarea {
   resize: none;
}

/* Btn */

.btn {
   font-size: 16px;
   line-height: 1.3;
   transition: 0.3s ease;
   padding: 0;
   background: transparent;
   border-radius: 0;
   color: var(--color);
   text-align: center;
   padding: 17px;
   border: 0;
   text-transform: uppercase;
   font-family: 'IBM Plex Sans', sans-serif;
   font-weight: 600;
}
@media (max-width: 991px) {
   .btn{
      font-size: 12px;
      padding: 14px;
      width: 100%;
      line-height: 1.5;
   }
}

.btn:disabled {
   opacity: 1;
   background: #BEBEBE;
   color: #fff;
}

.btn:focus,
button:focus{
   box-shadow: none !important;
   outline: none;
}

.btn__main{
   background: var(--main);
   color: #fff;  
}
.btn__main:hover{
   background: var(--second);
}

.btn__small{
   font-size: 10px;
   line-height: 1.8;
   padding: 8px;
}

.btn__trans{
   border: 1px solid var(--main);
   color: var(--main);
   background: #fff;
}
.btn__trans:hover{
   color: #fff;
   background: var(--main);
}

.btn__white{
   background: #fff;
   color: var(--main);
}
.btn__white:hover{
   color: #fff;
   background: var(--color);
}

.btn__gray{
   background: rgb(219 219 219);
   color: var(--main);
}
.btn__gray:hover{
   background: #939393;
   color: #fff;
}

/* Container */

._container {
   max-width: 1200px;
   width: 100%;
   padding: 0 20px;
   margin: 0 auto;
}

@media screen and (max-width: 1199px) {
   ._container {
      max-width: 992px;
   }
}

@media screen and (max-width: 991px) {
   ._container {
      max-width: 768px;
   }
}

@media screen and (max-width: 767px) {
   ._container {
      max-width: 576px;
   }
}

@media screen and (max-width: 575px) {
   ._container {
      max-width: 100%;
   }
}

/* Links */

a{
   color: var(--color);
   text-decoration: none;
   transition: 0.3s ease;
}

a:hover {
   color: var(--main);
}

/* Titles */

h1,
h2,
h3,
h4,
h5,
h6{
   font-weight: 600;
   color: var(--color);
   margin-bottom: 0;
}

.title{
   font-weight: 600;
   color: var(--color);
   letter-spacing: 0.03em;
   font-size: 20px;
}
@media (max-width: 767px) {
   .title{
      font-size: 14px;
   }
}

/* Main */

.main{
   flex-grow: 1;
   padding-top: 60px;
   display: flex;
   flex-direction: column;
}
@media (max-width: 767px) {
   .main{
      padding-top: 55px;
   }
}

/* Header */

.header {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   transition: 0.3s ease;
   z-index: 1070;
   background: #fff;
}
.header__container {
   padding: 0;
   max-width: 100%;
}
.header__body {
   display: flex;
   height: 60px;
}
@media (max-width: 767px) {
   .header__body {
      height: 55px;
   }
}
.header__logo {
   flex: 0 0 190px;
   width: 190px;
   background: var(--main);
}
@media (max-width: 575px) {
   .header__logo {
   width: 111px;
      flex: 0 0 111px
   }
}
.header__logo a{
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
}
@media (max-width: 575px) {
   .header__logo a{
      padding: 4px 0;
      display: flex;
      justify-content: center;
   }
}
.header__logo a img:nth-child(1){
   /* width: 130px; */
   max-height: 100%;
}
@media (max-width: 767px) {
   .header__logo a img:nth-child(1){
      /* width: 120px; */
   }
}
.header__logo a img:nth-child(2){
   display: none;
}
@media (max-width: 575px) {
   .header__logo a img:nth-child(1){
      display: none;
   }
   .header__logo a img:nth-child(2){
      display: block;
      width: auto;
      height: 100%;
   }
}
.header__logo a span{
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   font-family: 'Gilroy';
}
@media (max-width: 575px) {
   .header__logo a span{
      display: none;
   }
}
.header__nav {
   display: flex;
   padding: 0 70px;
   justify-content: space-between;
   flex-grow: 1;
}
@media (max-width: 1199px) {
   .header__nav{
      padding: 0 40px;
   }
}
@media (max-width: 991px) {
   .header__nav{
      padding: 0 26px;
      justify-content: flex-end;
   }
}
.header__menu {
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
   display: flex;
   gap: 35px;
   font-size: 14px;
}
@media (max-width: 991px) {
   .header__menu {
      display: none;
   }
}
.header__menu a{
   display: flex;
   align-items: center;
   height: 100%;
}
.header__menu a.current{
   color: var(--main);
}
.header__actions {
   display: flex;
   align-items: center;
   height: 100%;
}
.header__lang {
   margin-right: 13px;
   padding-right: 13px;
   position: relative;
   height: 100%;
   display: flex;
   align-items: center;
}
.header__lang:after{
   content: '';
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 0;
   background: #D4D4D4;
   width: 1px;
   height: 21px;
}
.select {
}
@media (max-width: 991px) {
   .header__lang .select{
      display: flex;
      align-items: center;
      height: 100%;
   }
}
.select__btn {
   text-transform: capitalize;
   font-weight: 400;
   padding: 0;
}
.header__lang .select__btn{
   display: flex;
   align-items: center;
   gap: 7px;
   font-size: 14px;
}
@media (max-width: 575px) {
   .header__lang .select__btn{
      font-size: 16px;
   }
}
.header__lang .select__btn:hover{
   color: var(--main);
}
.header__lang .select__btn i{
   font-size: 12px;
}
.header__lang .select__btn * {
   pointer-events: none;
}
.select__list {
   position: absolute;
   top: 100%;
   left: 0;
   background: #fff;
   list-style: none;
   padding-left: 0;
   min-width: 58px;
   padding: 2px 6px 5px;
   margin-bottom: 0;
   opacity: 0;
   visibility: hidden;
   transition: 0.3s ease;
}
.select__list.visible{
   opacity: 1;
   visibility: visible;
}
.select__item {
   text-align: center;
   color: #737373;
   line-height: 1.3;
   font-size: 14px;
   padding: 4px 0;
   cursor: pointer;
   font-weight: 300;
   border-bottom: 1px solid #E6E6E6
}
@media (max-width: 991px) {
   .select__item {
      font-size: 14px;
   }
}
@media (max-width: 575px) {
   .select__item {
      font-size: 16px;
   }
}
.select__item.active{
   color: #2D46DC;
   font-weight: 400;
}
.select__item:first-child{
   padding-top: 0;
}
.select__item:last-child{
   padding-bottom: 0;
   border-bottom: 0;
}
.header__log-pc{
   display: flex;
   align-items: center;
   gap: 5px;
   font-size: 14px;
}
.header__log-pc i{
   font-size: 14px;
}
.header__log-mob{
   display: none;
}
.btn__bars{
   display: none;
}
@media (max-width: 991px) {
   .header__log-pc{
      display: none;
   }
   .header__log-mob{
      display: block;
      font-size: 20px;
   }
   .header__log{
      position: relative;
      margin-right: 13px;
      padding-right: 13px !important;
   }
   .header__log:after{
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0;
      background: #D4D4D4;
      width: 1px;
      height: 21px;
   }
   .btn__bars{
      display: block;
      padding: 0;
      font-size: 20px;
      position: relative;
   }
   .btn__bars .fa-bars{
      transition: 0.3s ease;
   }
   .btn__bars .fa-xmark{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: 0.3s ease;
      opacity: 0;
   }
   .btn__bars.active .fa-xmark{
      opacity: 1;
   }
   .btn__bars.active .fa-bars{
      opacity: 0;
   }
}
@media (max-width: 575px) {
   .header__log-mob,
   .btn__bars{
      font-size: 22px;
   }
}

/* Modal menu */

.modal-menu{
   display: none;
}
@media (max-width: 991px) {
   .modal-menu {
      position: fixed;
      padding-top: 60px;
      z-index: 1000;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: flex-end;
      opacity: 0;
      visibility: hidden;
      transition: 0.3s ease;
      transition-delay: 0.3s;
   }
   .modal-menu.show{
      opacity: 1;
      visibility: visible;
      transition-delay: 0s;
   }
   .modal-menu__body {
      margin-left: auto;
      margin-right: 0;
      background: #fff;
      width: 100%;
      max-width: 270px;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      padding: 0 12px;
      overflow-y: auto;
      transition: 0.3s ease;
      transform: translateX(100%);
   }
   .modal-menu.show .modal-menu__body{
      transition-delay: 0.3s;
      transform: translateX(0%);
   }
   .modal-menu__sign {
      padding: 8px 0;
      border-bottom: 1px solid #DCDCDC;
      display: flex;
      justify-content: space-between;
      align-items: center;
   }
   .modal-menu__sign a{
      font-size: 14px;
      line-height: 1.3;
   }
   .modal-menu__sign a.log-in{
      display: flex;
      align-items: center;
      gap: 5px;
   }
   .modal-menu__menu {
      list-style: none;
      padding-left: 0;
      margin-bottom: 0;
   }
   .modal-menu__menu a{
      display: block;
      border-bottom: 1px solid #DCDCDC;
      padding: 10px 0;
      line-height: 1.3;
      font-size: 16px;
   }
}
@media (max-width: 767px) {
   .modal-menu{
      padding-top: 55px;
   }
}
@media (max-width: 575px) {
   .modal-menu__body {
      max-width: 209px;
      padding: 0 6px;
   }
   .modal-menu__sign a{
      font-size: 12px;
      line-height: 1.4;
   }
   .modal-menu__sign a.log-in{
      display: flex;
      align-items: center;
      gap: 5px;
   }
   .modal-menu__menu a{
      font-size: 14px;
   }
}

/* Modal account */

.modal-account {
   display: none;
}
@media (max-width: 991px) {
   .modal-account {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2000;
      display: flex;
      justify-content: flex-end;
      opacity: 0;
      visibility: hidden;
      transition: 0.3s ease;
      transition-delay: 0.3s;
   }
   .modal-account.show{
      opacity: 1;
      visibility: visible;
      transition-delay: 0s;
   }
}
.modal-account__wrapper {
   position: relative;
   background: #666666;
   width: 100%;
   max-width: 270px;
   overflow-y: auto;
   display: flex; 
   flex-direction: column;
   justify-content: space-between;
   transition: 0.3s ease;
   transform: translateX(100%);
}
.account-nav .modal-account__wrapper{
   transform: translate(0);
   max-width: 100%;
   background: #fff;
}
.modal-account.show .modal-account__wrapper{
   transform: translate(0);
   transition-delay: 0.3s;
}
.modal-account__close {
   position: absolute;
   width: auto;
   padding: 12px 16px;
   left: 0;
   top: 0;
   font-size: 24px;
   color: #fff;
   line-height: 1;
   font-weight: 400;
}
.modal-account__header {
   padding-top: 43px;
   padding-bottom: 14px;
   display: flex;
   flex-direction: column;
   align-items: center;
}
.modal-account__thumb {
   width: 90px;
   height: 90px;
   border-radius: 50%;
   background: #E9EAED;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 60px;
   color: #777D88;
   margin-bottom: 15px;
}
.modal-account__name {
   color: #fff;
   font-weight: 600;
   font-size: 20px;
   line-height: 1.4;
   letter-spacing: 0.03em;
   margin-bottom: 1px;
}
.account-nav .modal-account__name{
   color: var(--color);
}
.modal-account__email {
   color: #ccc;
   letter-spacing: 0.03em;
   font-size: 14px;
}
.account-nav .modal-account__email{
   color: #A1A9B8;
   font-size: 16px;
}
.modal-account__bonus {
   border-top: 1px solid #fff;
   border-bottom: 1px solid #fff;
   padding: 12px;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #fff;
   gap: 7px;
   font-weight: 600;
   letter-spacing: 0.03em;
}
.account-nav .modal-account__bonus{
   border-top: 1px solid #C2C5CE;
   border-bottom: 1px solid #C2C5CE;
   color: var(--main);
}
.modal-account__bonus i{
   font-size: 14px;
}
.account-nav .modal-account__bonus i{
   color: #A1A9B8;
}
.modal-account__bonus span{
   color: var(--main);
   padding: 10px;
   border: 1px solid var(--main);
   border-radius: 4px;
}
.modal-account__list {
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
   display: flex;
   flex-direction: column;
   padding: 10px 0;
}
.account-nav .modal-account__list{
   padding: 20px 0;
}
.modal-account__list > li > a{
   display: flex;
   align-items: center;
   gap: 10px;
   font-size: 16px;
   color: #fff !important;
   font-weight: 500;
   padding: 12px 18px;
}
.account-nav .modal-account__list > li > a{
   color: var(--color) !important;
   padding: 12px 28px;
   position: relative;
   cursor: pointer;
}
.account-nav .modal-account__list > li.current > a,
.account-nav .modal-account__list > li:hover > a{
   color: var(--main) !important;
   background: #F3F3F3;
}
.account-nav .modal-account__list > li.current > a:before{
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 4px;
   background: var(--main);
}
.modal-account__list > li > a > i.fa-chevron-down{
   transition: transform 0.3s ease;
}
.modal-account__list > li > a.active{
   color: var(--main) !important;
}
.modal-account__list > li > a.active > i.fa-chevron-down{
   transform: rotate(180deg);
}
.modal-account__list > li > a.active + ul{
   /* display: flex; */
   padding-top: 12px;
   padding-bottom: 6px;
}
.modal-account__list > li > a i:first-child{
   flex: 0 0 24px;
   text-align: center;
   font-size: 20px;
   font-weight: 400;
}
.modal-account__list > li > a i.fa-chevron-down{
   font-size: 12px;
}
.modal-account__list .sidebar-submenu{
   display: none;
}
/* .modal-account__list .sidebar-submenu.sidebar-submenu__open{ */
.modal-account__list .sidebar-submenu.active{
   display: block;
}
.modal-account__list ul{
   /* display: none; */
   display: flex;
   list-style: disc;
   color: #fff;
   flex-direction: column;
   padding: 0 0 0 60px;
   margin-bottom: 0;
}
.account-nav .modal-account__list ul{
   color: #A1A9B8;
}
.modal-account__list ul li:not(:last-child){
   margin-bottom: 12px;
}
.modal-account__list ul a{
   font-size: 14px;
   color: #fff;
}
.account-nav .modal-account__list ul li a,
.account-nav .modal-account__list ul li{
   color: #A1A9B8 !important;
   cursor: pointer;
}
.modal-account__list ul li:hover,
.modal-account__list ul li:hover a{
   color: var(--main) !important;
   background-color: #f3f3f3;
}
.modal-account__list ul li.active,
.modal-account__list ul li.active a {
   color: var(--main);
}
.account-nav .modal-account__list ul li.current a,
.account-nav .modal-account__list ul li.current{
   color: var(--main) !important;
}
.modal-account__sign {
   width: 100%;
   background: #666666;
   color: #fff;
   display: flex;
   align-items: center;
   gap: 6px;
   padding: 18px 16px;
   font-size: 14px;
   font-weight: 500;
}
@media (max-width: 575px) {
   .modal-account__wrapper{
      max-width: 226px;
   }
   .modal-account__thumb{
      width: 52px;
      height: 52px;
      font-size: 32px;
   }
   .modal-account__name{
      font-size: 14px;
   }
   .modal-account__email{
      font-size: 12px;
   }
   .modal-account__bonus{
      font-size: 14px;
   }
   .modal-account__list > li > a{
      font-size: 14px;
   }
   .modal-account__list > li > a i:first-child{
      flex: 0 0 18px;
      font-size: 16px;
   }
}

/* Footer */

.footer {
   background: #fff;
   border-top: 1px solid var(--main);
   padding: 50px 0 18px;
}
@media (max-width: 575px) {
   .footer{
      border-top: 0;
   }
}
.footer__body{
   display: flex;
   gap: 40px;
}
@media (max-width: 991px) {
   .footer__body{
      flex-direction: column;
   }
}
@media (max-width: 575px) {
   .footer__body{
      gap: 30px;
   }
}
.footer__main {
   padding-right: 40px;
   border-right: 1px solid var(--main);
   display: flex;
   justify-content: space-between;
   flex: 0 0 675px;
}
@media (max-width: 1199px) {
   .footer__main{
      flex: 0 0 575px;
   }
}
@media (max-width: 991px) {
   .footer__main{
      border-right: 0;
      padding-right: 0;
      flex: 1 0 100%;
   }
}
@media (max-width: 575px) {
   .footer__main{
      border-bottom: 1px solid var(--main);
      padding-bottom: 30px;
   }
}
@media (max-width: 575px) {
   .footer__brand {
      display: none;
   }
}

.footer__logo {
   width: 190px;
   background: var(--main);
   margin-bottom: 34px;
}
@media (max-width: 575px) {
   .footer__logo {
      width: 111px;
   }
}
.footer__logo a{
   display: flex;
   align-items: center;
   gap: 15px;
   justify-content: center;
   padding: 8px;
}
@media (max-width: 575px) {
   .footer__logo a{
      padding: 4px 0;
      display: flex;
      justify-content: center;
   }
}
/* 
.footer__logo a img{
   width: 44px;
}
.footer__logo a span{
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   font-family: 'Gilroy';
}
@media (max-width: 575px) {
   .footer__logo a span{
      display: none;
   }
} */

.footer__logo a img:nth-child(1){
   width: 130px;
}
@media (max-width: 767px) {
   .footer__logo a img:nth-child(1){
      width: 120px;
   }
}
.footer__logo a img:nth-child(2){
   display: none;
}
@media (max-width: 575px) {
   .footer__logo a img:nth-child(1){
      display: none;
   }
   .footer__logo a img:nth-child(2){
      display: block;
      width: auto;
      height: 100%;
   }
}



.footer__text {
   font-size: 12px;
   color: #CACACA;
   margin-bottom: 0;
}
.footer__tel a{
   color: var(--main);
   font-size: 32px;
   font-weight: 500;
   line-height: 1.3;
   margin-bottom: 6px;
   display: inline-block;
}
@media (max-width: 1199px) {
   .footer__tel a{
      font-size: 24px;
   }
}
@media (max-width: 991px) {
   .footer__tel a{
      font-size: 32px;
   }
}
@media (max-width: 767px) {
   .footer__tel a{
      font-size: 24px;
   }
}
.footer__tel a:hover{
   color: var(--color);
}
.footer__tel p{
   color: var(--main);
   margin-bottom: 0;
   font-size: 12px;
}
.footer__actions {
   flex-grow: 1;
   display: flex;
   justify-content: space-between;
}
@media (max-width: 575px) {
   .footer__actions {
      flex-direction: column;
      gap: 40px;
   }
}
.footer__nav {
   display: flex;
   gap: 24px;
}
@media (max-width: 575px) {
   .footer__nav {
      gap: 46px;
   }
}
.footer__menu {
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
   display: flex;
   flex-direction: column;
   gap: 12px;
}
.footer__menu a{
   color: var(--main);
   font-size: 16px;
   font-weight: 500;
}
@media (max-width: 575px) {
   .footer__menu a{
      font-size: 14px;
   }
}
.footer__menu a:hover{
   color: var(--color);
}
.footer__social {
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
   display: flex;
   flex-direction: column;
   gap: 6px;
}
@media (max-width: 575px) {
   .footer__social {
      flex-direction: row;
      justify-content: center;
      gap: 20px;
   }
}
.footer__social a{
   color: var(--main);
   font-size: 20px;
}
.footer__actions-text{
   display: none;
}
@media (max-width: 575px) {
   .footer__social a{
      line-height: 1;
      font-size: 24px;
   }
   .footer__actions-text{
      display: block;
      margin-bottom: 0;
      text-align: center;
      font-size: 12px;
      color: #CACACA;
   }
}
.footer__social a:hover{
   color: var(--color);
}

/* Search block */

.search {
   padding: 154px 0 260px;
   background-image: url(./img/search-bg.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   position: relative;
}
@media (max-width: 1199px) {
   .search{
      padding: 160px 0;
   }
}
@media (max-width: 767px) {
   .search{
      padding: 87px 0 197px;
   }
}
.search:before{
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(63, 63, 63, 0.4);
}
.search__body {
   position: relative;
   z-index: 2;
}
.search__title {
   color: #fff;
   text-transform: uppercase;
   font-size: 40px;
   text-align: center;
   font-weight: 600;
   line-height: 1.2;
   margin-bottom: 35px;
}
.search__title span{
   font-size: 48px;
}
@media (max-width: 767px) {
   .search__title{
      text-align: center;
   }
   .search__title span{
      background: var(--main);
      padding: 2px 12px;
      line-height: 1.4;
      font-size: 36px;
   }
}
@media (max-width: 575px) {
   .search__title{
      font-size: 24px;
      margin-bottom: 1em;
   }
   .search__title span {
      font-size: 30px;
   }
}
.search__groups {
   display: flex;
}
@media (max-width: 991px) {
   .search__groups {
      flex-wrap: wrap;
   }
}
.search__group {
   position: relative;
}
.search__group.pickup,
.search__group.destination{
   flex: 0 0 21.5%;
}
.search__group.pickup{
   z-index: 2;
}
.search__group.seats{
   flex: 0 0 13.35%;
}
.search__group.date{
   flex: 0 0 20.5%;
}
@media (max-width: 1199px) {
   .search__group.seats{
      flex: 0 0 18%;
   }
}


@media (max-width: 991px) {
   .search__group{
      flex: 0 0 50% !important;
      width: 50%;
   }
   .search__group.pickup,
   .search__group.destination{
      border-bottom: 1px solid #CFCFCF;
   }
}
@media (max-width: 575px) {
   .search__group{
      flex: 100 0 100% !important;
      width: 50%;
   }
   .search__group.pickup,
   .search__group.seats,
   .search__group.destination{
      border-bottom: 1px solid #CFCFCF;
   }
}
.search__group .form-control {
   width: 100%;
   padding: 18px;
   border-radius: 0;
   border: 0;
   line-height: 1.4;
   /* height: 100%; */
   height: 60px;
   font-size: 16px;
   border: 2px solid transparent;
   border-right: 1px solid #CFCFCF
}
@media (max-width: 575px) {
   .search__group .form-control{
      font-size: 14px;
   }
}
.search__group .form-control:focus{
   border: 2px solid #2D46DC;
}
.search__group .form-floating>.form-control:focus, .search__group .form-floating>.form-control:not(:placeholder-shown){
   padding: 10px 18px 26px;
   opacity: 1;
}
.search__group .form-floating>.form-control:not(:placeholder-shown){
   font-weight: 600 !important;
   opacity: 1 !important;
   color: #000;
}
.search__group label{
   border: 0;
   font-size: 16px;
   padding: 18px 19px;
   color: #868FA0;
   opacity: 1 !important;
   height: auto;
   bottom: 0;
   transition: 0.3s ease;
   top: auto;
}
@media (max-width: 575px) {
   .search__group label{
      font-size: 14px;
   }
}
.search__group .form-floating>.form-control:not(:placeholder-shown)~label,
.search__group .form-control:focus ~ label{
   font-size: 10px;
   padding: 11px 18px;
   bottom: 0;
   transform: none;
   left: 0;
}
.search__group-icon {
   pointer-events: none;
   position: absolute;
   top: 50%;
   right: 16px;
   transform: translateY(-50%);
   width: 26px;
   height: 26px;
   border-radius: 50%;
   background: #D7D7D7;
   color: var(--color);
   display: flex;
   align-items: center;
   justify-content: center;
   transition: 0.3s ease;
   opacity: 0;
   cursor: pointer;
}
.search__group-icon_date{
   opacity: 1;
   pointer-events: none;
}
.search__group .form-control:focus ~ .search__group-icon{
   opacity: 1;
   pointer-events: auto;
}
.search__arrow {
   position: absolute;
   top: 50%;
   right: 0;
   transform: translate(50%, -50%);
   color: var(--color);
   line-height: 1;
   width: 28px;
   height: 28px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #fff;
}
@media (max-width: 575px) {
   .search__arrow {
      right: auto;
      left: 50%;
      transform: translate(-50%, -50%) rotate(90deg);
      top: 100%;
   }   
}
.search__group-select i{
   position: absolute;
   top: 50%;
   right: 16px;
   transform: translateY(-50%);
   font-size: 12px;
   color: #868FA0;
}
.search__group-date {
}
.search__group:nth-child(5){
   flex-grow: 1;
}
@media (max-width: 991px) {
   .search__group:nth-child(5){
      flex: 0 0 100% !important;
   }
}
.search__group:nth-child(5) .btn {
   width: 100%;
   height: 100%;
}
@media (max-width: 991px) {
   .search__group:nth-child(5) .btn {
      font-size: 16px;
      padding: 18px;
   }
}
.search__check{
   margin-top: 18px;
}
.search__check label {
   cursor: pointer;
   display: inline-flex;
   position: relative;
   font-size: 15px;
   font-weight: 500;
}
.search__check label div{
   width: 44px;
   flex: 0 0 44px;
   height: 22px;
   border-radius: 16px;
   background: #ccc;
   position: relative;
   cursor: pointer;
   transition: 0.3s ease;
}
.search__check label div:before{
   content: '';
   position: absolute;
   background: #fff;
   width: 18px;
   height: 18px;
   left: 2px;
   top: 2px;
   border-radius: 50%;
   transition: 0.3s ease;
}
.search__check label input:checked + div{
   background: var(--main);
}
.search__check label input:checked + div:before{
   left: calc(100% - 2px);
   transform: translateX(-100%);
}

/* Prefers block */

.main-bg{
   background-image: url(./img/main-bg.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   padding: 83px 0 78px;
}

.footer__bottom {
   height: 100px;
}
@media (max-width: 1199px) {
   .footer__bottom {
      height: 80px;
   }
}
@media (max-width: 991px) {
   .main-bg{
      padding: 60px 0;
   }
   .footer__bottom {
      height: 60px;
   }
}
@media (max-width: 767px) {
   .main-bg{
      padding: 20px 0;
   }
   .footer__bottom {
      height: 40px;
   }
}
.prefers {
   margin-bottom: 35px;
}
@media (max-width: 767px) {
   .prefers {
      margin-bottom: 25px;
   }
}
.prefers__body {
   background: var(--grad);
   padding: 47px 35px 35px;
   display: flex;
   justify-content: center;
   gap: 137px;
}
@media (max-width: 991px) {
   .prefers__body{
      gap: 30px;
   }
}
@media (max-width: 767px) {
   .prefers__body{
      gap: 30px;
      flex-direction: column;
      padding: 24px 22px 34px;
   }
}
.prefers__content {
   flex: 0 0 350px
}
@media (max-width: 991px) {
   .prefers__content {
      flex: 0 0 300px
   }
}
@media (max-width: 767px) {
   .prefers__content {
      flex: 0 0 100%
   }
}
.prefers__title {
   color: #fff;
   font-size: 28px;
   font-weight: 500;
   margin-bottom: 1em;
}
@media (max-width: 991px) {
   .prefers__title {
      font-size: 24px;
   }
}
@media (max-width: 767px) {
   .prefers__title {
      font-size: 20px;
   }
}
.prefers__desc {
   color: #fff;
   margin-bottom: 68px;
   letter-spacing: 0.02em;
}
@media (max-width: 991px) {
   .prefers__desc {
      font-size: 14px;
      margin-bottom: 36px;
   }
}
@media (max-width: 767px) {
   .prefers__desc {
      margin-bottom: 0;
   }
}
.prefers__btn {
   padding: 16px;
   max-width: 208px;
   width: 100%;
   text-transform: uppercase;
}
.prefers__btn._mob{
   display: none;
}
@media (max-width: 767px) {
   .prefers__btn._desktop {
      display: none;
   }
   .prefers__btn._mob{
      display: block;
      margin: 0 auto;
   }
}
.prefers__list {
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
   display: flex;
   flex-direction: column;
   gap: 38px;
}
@media (max-width: 767px) {
   .prefers__list {
      margin-bottom: 30px;
   }
}
.prefers__list li{
   display: inline-flex;
   align-items: flex-end;
   gap: 27px;
   font-size: 16px;
   color: #fff;
   font-weight: 500;
   position: relative;
   padding-right: 80px;
}
@media (max-width: 991px) {
   .prefers__list li{
      gap: 20px;
      font-size: 14px;
      padding-right: 60px;
   }
}
.prefers__list li span{
   font-size: 36px;
   line-height: 1;
}
@media (max-width: 991px) {
   .prefers__list li span{
      font-size: 28px;
   }
}
.prefers__list li:before{
   content: '';
   width: 30px;
   height: 30px;
   border-radius: 50%;
   background: var(--main);
   border: 7px solid #fff;
   position: absolute;
   right: 0;
   bottom: 0;
}
.prefers__list li:not(:last-child):after{
   content: '';
   width: 4px;
   height: 24px;
   background-image: url(./img/dots.svg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   position: absolute;
   right: 13px;
   bottom: -12px;
   transform: translateY(100%);
}
@media (max-width: 991px) {
   .prefers__list li:not(:last-child):after{
      bottom: -6px;      
   }
}

/* Popular */

.popular {
   margin-bottom: 35px;
   overflow: hidden;
}
@media (max-width: 767px) {
   .popular {
      margin-bottom: 25px;
      background: #F7F7F7;
   }
}
.popular__body {
   background: #fff;
   padding: 32px 60px 36px 52px;
}
@media (max-width: 767px) {
   .popular__body {
      background: transparent;
      padding: 20px 0 29px;
   }
}
.popular__title {
   color: var(--main);
   margin-bottom: 48px;
}
@media (max-width: 767px) {
   .popular__title {
      font-size: 20px;
      margin-bottom: 15px;
   }
}
.popular__slider .owl-stage-outer {
   margin-bottom: 53px;
}
@media (max-width: 767px) {
   .popular__slider .owl-stage-outer {
      margin-bottom: 30px;
   }
   .popular__slider{
      margin: 0 -20px;
      padding: 0 20px;
      width: calc(100% + 40px);
   }
   .owl-carousel .owl-stage-outer{
      overflow: inherit;
   }
}
.owl-dots{
   display: flex;
   justify-content: center;
   gap: 3px;
}
.owl-dots button{
   width: 19px;
   height: 4px;
   flex: 0 0 19px;
   transition: 0.3s ease;
}
.popular__slider .owl-dots button{
   background: #C4C4C4;
}
.owl-nav button{
   position: absolute;
   bottom: 0;
   transform: translateY(50%);
}
.owl-nav button i{
   color: var(--main);
   font-size: 20px;
   transition: 0.3s ease;
}
.owl-nav button:hover i{
   color: var(--color);
}
.owl-nav .owl-prev{
   left: 0;
}
.owl-nav .owl-next{
   right: 0;
}
.owl-dots button.active{
   background: var(--main);
}
.popular__slide {
   position: relative;
}
.popular__slide-bg{
   background: var(--grad);
   -webkit-mask: url(./img/ticket.svg) no-repeat;
   mask: url(./img/ticket.svg) no-repeat;
   -webkit-mask-size: cover;
   mask-size: cover;

}
.popular__slide-bg svg{
   opacity: 0;
   width: 100%;
   height: auto;
}
.popular__slide-content {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   padding-top: 12px;
   padding-left: 23px;
   padding-bottom: 15px;
   /* max-width: 207px; */
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   /* + */
   min-width: 207px;
   max-width: 240px;
   white-space: nowrap;
   overflow: hidden;

}
@media (max-width: 575px) {
   .popular__slide-content{
      padding: 14px 0 10px 11px;
   }
}
.popular__slide-content h4{
   color: #fff;
   font-size: 20px;
   margin-bottom: 6px;
   line-height: 1.5;
}
@media (max-width: 575px) {
   .popular__slide-content h4{
      font-size: 12px;
      margin-bottom: 4px;
      line-height: 1.3;
   }
}
.popular__slide-content p{
   color: #fff;
   font-size: 14px;
   font-weight: 600;
   line-height: 1.5;
}
@media (max-width: 575px) {
   .popular__slide-content p{
      font-size: 10px;
   }
}
.popular__slide-content .btn {
   border-radius: 5px;
   font-size: 12px;
   line-height: 1.5;
   padding: 8px 18px;
}
@media (max-width: 575px) {
   .popular__slide-content .btn {
      font-size: 8px;
      padding: 5px 9px;
   }
}

.prefer-sec {
   margin-bottom: 35px;
}
@media (max-width: 767px) {
   .popular {
      margin-bottom: 25px;
   }
}
.prefer-sec__body {
   display: flex;
   margin: 0 -18px;
}
@media (max-width: 991px) {
   .prefer-sec__body {
      margin: 0 -12px;
   }
}
@media (max-width: 767px) {
   .prefer-sec__body {
      margin: 0;
      flex-wrap: wrap;
      gap: 12px;
   }
}
.prefer-item {
   flex: 0 0 33.3%;
   padding: 0 18px;
}
@media (max-width: 991px) {
   .prefer-item{
      padding: 0 12px;
   }
}
@media (max-width: 767px) {
   .prefer-item{
      padding: 0;
      flex: 0 0 100%;
   }
}
.prefer-item__wrapper {
   background: var(--grad);
   height: 100%;
   padding: 28px 30px 30px;
}
@media (max-width: 991px) {
   .prefer-item__wrapper {
      padding: 24px 30px;
   }
}
.prefer-item__icon {
   font-size: 36px;
   color: #fff;
   line-height: 1;
   margin-bottom: 30px;
}
@media (max-width: 991px) {
   .prefer-item__icon {
      font-size: 28px;
      margin-bottom: 20px;
   }
}
.prefer-item__title {
   font-family: 'Gilroy';
   font-size: 24px;
   color: #fff;
   font-weight: 600;
   margin-bottom: 12px;
}
@media (max-width: 991px) {
   .prefer-item__title {
      font-size: 20px;
      margin-bottom: 7px;
   }
}
.prefer-item__desc {
   color: #fff;
   font-family: 'Gilroy';
   font-size: 16px;
   margin-bottom: 0;
}
@media (max-width: 991px) {
   .prefer-item__desc {
      font-size: 14px;
   }
}

/* Callback */

.callback__body {
   background: #fff;
   padding: 35px 60px 40px;
   display: flex;
   align-items: flex-start;
   gap: 75px;
}
@media (max-width: 991px) {
   .callback__body{
      padding: 24px 35px;
      gap: 40px;
   }
}
@media (max-width: 767px) {
   .callback__body{
      flex-direction: column;
      padding: 15px 20px 24px;
      gap: 35px;
   }
}
.callback__col-l {
   flex: 0 0 450px
}
@media (max-width: 991px) {
   .callback__col-l {
      flex: 0 0 320px
   }
}
@media (max-width: 767px) {
   .callback__col-l {
      flex: 0 0 100%
   }
}
.callback__title {
   color: var(--main);
   font-size: 28px;
   font-weight: 600;
   letter-spacing: 0.03em;
   margin-bottom: 44px;
   line-height: 1.2;
}
@media (max-width: 991px) {
   .callback__title {
      font-size: 20px;
      margin-bottom: 24px;
   }
}
@media (max-width: 767px) {
   .callback__title {
      font-size: 18px;
      line-height: 1.7;
      margin-bottom: 0;
   }
}
.callback__body .btn._mob {
   display: none;
}
.callback__col-l .btn {
   width: 100%;
   max-width: 245px;
   text-transform: uppercase;
   letter-spacing: 0.03em;
}
@media (max-width: 991px) {
   .callback__col-l .btn {
      max-width: 210px;
   }
}
@media (max-width: 767px) {
   .callback__col-l .btn {
      display: none;
   }
   .callback__body .btn._mob {
      display: block;
   }
}
.callback__col-r {
   flex-grow: 1;
   display: flex;
   flex-wrap: wrap;
   margin: 0 -6px;
   row-gap: 22px;
}
@media (max-width: 575px) {
   .callback__col-r {
      row-gap: 10px;
   }
}
.callback__group {
   width: 50%;
   padding: 0 6px;
}
@media (max-width: 575px) {
   .callback__group{
      flex: 0 0 100%;
   }
}
.callback__group:last-child{
   flex: 0 0 100%;
}
.callback__group .form-control {
   width: 100%;
}
.callback__group textarea.form-control {
   min-height: 114px;
}

/* Tickets */

.ticket-search{
   padding-top: 24px;
   margin-bottom: 45px;
}
@media (max-width: 991px) {
   .ticket-search{
      background: #fff;
      padding: 11px 0;
      border-top: 1px solid #DCDCDC;
      margin-bottom: 30px;
      position: sticky;
      top: 60px;
      z-index: 50;
   }
}
@media (max-width: 767px) {
   .ticket-search{
      /* top: 55px; */
      top: 0;
      position: relative;
      margin-bottom: 8px;
   }
}
.ticket-search__mob{
   display: none;
}
@media (max-width: 991px) {
   .ticket-search__desktop{
      border-top: 1px solid #CFCFCF;
      border-left: 1px solid #CFCFCF;
   }
   .ticket-search__mob{
      display: block;
   }
   .ticket-search__mob a{
      display: flex;
      align-items: center;
      justify-content: space-between;
   }
   .ticket-search__way{
      display: flex;
      align-items: center;
      gap: 5px;
      font-size: 16px;
      font-weight: 600;
   }
   .ticket-search__mob-r{
      display: flex;
      gap: 15px;
      align-items: center;
   }
   .ticket-search__date{
      font-weight: 600;
      font-size: 16px;
   }
   .ticket-search__search{
      font-size: 20px;
      line-height: 1.2;
      padding: 0 0 0 12px;
      border-left: 1px solid #DCDCDC;
   }
}
@media (max-width: 575px) {
   .ticket-search__way{
      font-size: 12px;
   }
   .ticket-search__date{
      font-size: 12px;
   }
   .ticket-search__search{
      font-size: 16px;
   }
}

.tickets-list {
   padding-bottom: 45px;
}
@media (max-width: 991px) {
   .tickets-list__filter{
      display: none;
   }
}
.tickets-list__filter-label {
   display: flex;
   align-items: center;
   gap: 9px;
   font-size: 14px;
   font-weight: 600;
   margin-bottom: 10px;
   letter-spacing: 0.03em;
}
.tickets-list__filter-label i{
   font-size: 18px;
}
.tickets-list__filter-label span{
   color: #989898;
}
.filter {
   background: #fff;
}
.filter-item {
   padding: 21px 22px;
   border-bottom: 1px solid #A1A9B8;
}
.filter-item:last-child{
   border-bottom: 0;
}
.filter-item__header {
   cursor: pointer;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.filter-item__header > *{
   pointer-events: none;
}
.filter-item__header label{
   text-transform: uppercase;
   transition: 0.3s ease;
   margin-bottom: 0;
   font-size: 14px;
}
.filter-item__header:hover label,
.filter-item__header:hover .btn{
   color: var(--main);
}
.filter-item__btn {
   width: auto;
   transition: 0.3s ease;
   padding: 0;
   font-size: 10px;
}
.filter-item__header.hide .filter-item__btn {
   transform: rotate(180deg);
}
.filter-range__count {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 28px;
   margin-top: 26px;
}
.filter-range__min,
.filter-range__max {
   color: #8D8D8D;
   font-size: 14px;
}
.noUi-target{
   margin: 0 auto 15px;
   width: calc(100% - 18px);
   border: 0;
   height: 3px;
   box-shadow: none;
   cursor: pointer;
}
.noUi-connect{
   background: var(--main);
   box-shadow: none;
   /* border-radius: 4px; */
}
.noUi-origin{
   height: 3px;
   width: 3px;
}
.noUi-horizontal .noUi-handle{
   width: 18px;
   height: 18px;
   border-radius: 50%;
   border: 2px solid #fff;
   box-shadow: none;
   background: var(--main);
   cursor: grab;
}
.noUi-horizontal .noUi-handle.noUi-handle-lower{
   top: 50%;
   transform: translateY(-50%) translateX(-50%);
   left: 0;
}
.noUi-horizontal .noUi-handle-upper {
   top: 50%;
   transform: translateY(-50%) translateX(-50%);
   right: 0;
   left: auto;
}
.noUi-handle:before, .noUi-handle:after{
   display: none;
}
@media (max-width: 991px) {
   .tickets-list__content {
      flex: 0 0 100%;
   }
}
.tickets-list__sort {
   display: flex;
   align-items: center;
   margin-bottom: 7px;
   gap: 10px;
}
@media (max-width: 991px) {
   .tickets-list__sort{
      margin-bottom: 12px;
      background: #fff;
      border: 1px solid #A1A9B8;
      position: relative;
   }
}
.sort-header {
   text-transform: initial;
   color: var(--main);
   line-height: 1;
}
@media (max-width: 991px) {
   .sort-header {
      flex: 0 0 100%;
      padding: 15px;
      display: flex;
      align-items: center;
      gap: 8px;
   }
}
.sort-header i{
   font-size: 20px;
}
@media (max-width: 991px) {
   .sort-header i{
      font-size: 16px;
   }
}
.sort-header span{
   display: none;
}
@media (max-width: 991px) {
   .sort-header span{
      display: block;
      font-size: 14px;
   }
}
.sort-body {
   opacity: 1;
   visibility: visible;
   position: relative;
   background: transparent;
   padding: 0;
   display: flex;
   gap: 50px;
   align-items: center;
}
@media (max-width: 991px) {
   .sort-body {
      opacity: 0;
      visibility: hidden;
      position: absolute;
      left: -1px;
      top: 100%;
      z-index: 10;
      background: #fff;
      width: calc(100% + 2px);
      border: 1px solid #A1A9B8;
      border-top: 0;
      padding: 6px 15px 15px;
      flex-direction: column;
      align-items: flex-start;
      gap: 16px
   }
   .sort-body.visible{
      opacity: 1;
      visibility: visible;
   }
}
.sort-body__item {
   padding: 0;
   font-weight: 40;
   line-height: 1;
   cursor: pointer;
   font-size: 14px;
   color: var(--main);
   border-bottom: 1px solid transparent;
   padding-bottom: 2px;
   transition: 0.3s ease;
}
.sort-body__item.active{
   color: var(--main);
   border-bottom: 1px solid var(--main);
   padding-bottom: 2px;
}
.sort-body__item:hover{
   border-bottom: 1px solid var(--main);
}
.sort-body__item span{
   line-height: 1;
   font-size: 14px;
   display: inline-block;
}
.tickets-list__body {
   display: flex;
   flex-direction: column;
   gap: 15px;
}
@media (max-width: 575px) {
   .tickets-list__body{
      gap: 10px;
   }
}
.tickets-item {
   background: #fff;
   padding: 18px 29px 14px 26px;
}
@media (max-width: 767px) {
   .tickets-item{
      padding: 14px;
   }
}
.tickets-item__header {
   margin-bottom: 20px;
   gap: 12px;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
}
.tickets-item__header-l {
   display: flex;
   row-gap: 6px;
   flex-wrap: wrap;
   align-items: center;
}
.tickets-item__car-icon {
   margin-right: 22px;
   font-size: 20px;
   line-height: 1;
}
@media (max-width: 767px) {
   .tickets-item__car-icon{
      margin-right: 9px;
      font-size: 18px;
   }
}
@media (max-width: 575px) {
   .tickets-item__car-icon{
      font-size: 14px;
   }
}
.tickets-item__info-item {
   font-weight: 600;
   font-size: 14px;
   display: inline-flex;
   align-items: center;
   gap: 8px;
   margin-right: 8px;
   letter-spacing: 0.03em;
}
@media (max-width: 575px) {
   .tickets-item__info-item{
      font-size: 10px;
   }
}
.tickets-item__header .tickets-item__info-item:nth-last-of-type(2){
   margin-right: 21px;
}
@media (max-width: 767px) {
   .tickets-item__header .tickets-item__info-item:nth-last-of-type(2){
      margin-right: 14px;
   }
}
@media (max-width: 575px) {
   .tickets-item__header .tickets-item__info-item:nth-last-of-type(2){
      margin-right: 0;
   }
}
.tickets-item__info-item:after{
   content: '';
   display: block;
   width: 5px;
   height: 5px;
   border-radius: 50%;
   background: var(--main);
}
.tickets-item__header .tickets-item__info-item:nth-last-of-type(2):after{
   display: none;
}
.tickets-item__way-mini {
   font-size: 14px;
   display: flex;
   align-items: center;
   gap: 9px;
   letter-spacing: 0.03em;
}
@media (max-width: 575px) {
   .tickets-item__way-mini {
      display: none;
   }
}
.tickets-item__header-r {
   display: flex;
   align-items: center;
   gap: 12px;
}
.tickets-item__header-r .btn {
   font-size: 22px;
   padding: 0;
}
@media (max-width: 767px) {
   .tickets-item__header-r .btn {
      font-size: 18px;
   }
}
.tickets-item__header-r .btn.repost-btn{
   font-size: 24px;
}
@media (max-width: 767px) {
   .tickets-item__header-r .btn.repost-btn{
      font-size: 20px;
   }
}
@media (hover: hover) {
   .tickets-item__header-r .btn:hover,
   .tickets-item__header-r .btn.active {
      color: var(--main);
   }
}
.tickets-item__content {
   display: flex;
   align-items: flex-end;
}
@media (max-width: 767px) {
   .tickets-item__content {
      flex-direction: column;
      align-items: stretch;
   }
}
.tickets-item__body {
   flex: 0 0 600px;
   padding-right: 12px;
   border-right: 1px solid #A1A9B8;
}
@media (max-width: 1199px) {
   .tickets-item__body{
      flex: 0 0 450px;
   }
}
@media (max-width: 991px) {
   .tickets-item__body{
      flex: 0 0 500px;
   }
}
@media (max-width: 767px) {
   .tickets-item__body{
      flex: 0 0 100%;
      padding-right: 0;
      border-right: 0;
      margin-bottom: 9px;
      border-bottom: 1px solid #A1A9B8;
      padding-bottom: 8px;
   }
}
.tickets-way {
   margin-bottom: 12px;
   display: flex;
   gap: 25px;
}
@media (max-width: 767px) {
   .tickets-way {
      justify-content: space-between;
      margin-bottom: 17px;
   }
}
.tickets-way__point-time {
   font-size: 48px;
   line-height: 1;
   letter-spacing: 0.03em;
}
@media (max-width: 767px) {
   .tickets-way__point-time {
      font-size: 20px;
   }
   .tickets-way__point:last-child .tickets-way__point-time{
      text-align: right;
   }
}
.tickets-way__point-city {
   letter-spacing: 0.03em;
   font-weight: 600;
   font-size: 14px;
   display: block;
   text-align: center;
}
@media (max-width: 767px) {
   .tickets-way__point-city {
      font-size: 12px;
   }
}
.tickets-way__line {
   flex-grow: 1;
   padding-top: 24px;
}
.tickets-way__line._mobile{
   display: none;
}
@media (max-width: 767px) {
   .tickets-way__line._mobile {
      display: block;
      padding-top: 6px;
      margin-left: 14px;
   }
   .tickets-way__line._desktop {
      display: none;
   }
}
.tickets-way__line div{
   height: 2px;
   border-radius: 2px;
   background: var(--main);
   position: relative;
}
.tickets-way__line div:before{
   content: '';
   position: absolute;
   left: -3px;
   width: 12px;
   height: 12px;
   top: 50%;
   border-radius: 50%;
   background: var(--main);
   transform: translate(-100%, -48%);
}
.tickets-way__line div i{
   color: var(--main);
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-48%);
   line-height: 1;
   font-size: 14px;
}
.tickets-way__line span{
   display: block;
   text-align: center;
   font-size: 12px;
   line-height: 1.5;
   color: #9B9B9B;
}
.tickets-about {
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
}
.tickets-about__info {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 16px;
}
@media (max-width: 575px) {
   .tickets-about__info{
      gap: 14px;
      align-items: flex-start;
   }
}
.tickets-about__info span{
   font-size: 12px;
   color: #9B9B9B;
   letter-spacing: 0.03em;
}
.tickets-about__info ul{
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 16px;
}
@media (max-width: 575px) {
   .tickets-about__info ul{
      gap: 12px;
   }
}
.tickets-about__info ul li{
   font-size: 20px;
}
@media (max-width: 575px) {
   .tickets-about__info ul li{
      font-size: 18px;
   }
}
.tickets-about__stay {
   font-size: 14px;
   letter-spacing: 0.03em;
   font-weight: 600;
}
@media (max-width: 575px) {
   .tickets-about__stay{
      font-size: 10px;
      text-align: right;
   }
}
.tickets-item__footer {
   padding-left: 20px;
   flex-grow: 1;
}
@media (max-width: 767px) {
   .tickets-item__footer{
      padding-left: 0;
   }
}
.tickets-item__price {
   font-size: 16px;
   letter-spacing: 0.03em;
   margin-bottom: 19px;
}
.tickets-item__footer .btn {
   width: 100%;
}

/* Modals */

/* .modal-content{
   border: 0;
   border-radius: 0;
   display: block;
   background-color: transparent;
} */
.modal {
   /* top: auto;
   padding-bottom: 80px; */
   z-index: 1071;
}

/* Modal Success buy */

@media (max-width: 575px) {
   #buy-success{
      padding-top: 55px;
   }
}
#buy-success .modal-dialog{
   max-width: 600px;
}
@media (max-width: 991px) {
   #buy-success .modal-dialog{
      max-width: 480px;
   }
}
@media (max-width: 575px) {
   #buy-success .modal-dialog{
      max-width: 100%;
      height: 100%;
      margin: 0;
      border-top: 1px solid #D4D4D4;
   }
   #buy-success .modal-content{
      height: 100%;
   }
}
.buy-success__body {
   background: #fff;
   position: relative;
   padding: 34px 60px 40px;
}
@media (max-width: 991px) {
   .buy-success__body {
      padding: 34px 40px 40px;
   }
}
@media (max-width: 575px) {
   .buy-success__body {
      height: 100%;
      padding: 43px 12px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 40px;
   }
}
.buy-success__close {
   cursor: pointer;
   width: 22px;
   height: 22px;
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   top: 20px;
   right: 20px;
   font-size: 24px;
   padding: 0;
   line-height: 1;
}
@media (max-width: 575px) {
   .buy-success__close {
      display: none;
   }
}
.buy-success__close i{
   line-height: 1;
}
.warningModal__icon {
   font-size: 68px;
   text-align: center;
   color: var(--bs-warning);
   line-height: 0;
   margin-bottom: 14px;
}
#warningModal #notify_content {
   text-align: center;
   font-size: 20px;
   letter-spacing: 0.03em;
}

.errorModal__icon {
   font-size: 68px;
   text-align: center;
   color: var(--bs-danger);
   line-height: 0;
   margin-bottom: 14px;
}
#errorModal #notify_content {
   text-align: center;
   font-size: 20px;
   letter-spacing: 0.03em;
}

.buy-success__icon {
   font-size: 68px;
   text-align: center;
   color: var(--main);
   line-height: 0;
   margin-bottom: 14px;
}
@media (max-width: 575px) {
   .buy-success__icon {
      font-size: 110px;
      margin-bottom: 40px;
   }
}
.buy-success__text {
   text-align: center;
   font-size: 20px;
   margin-bottom: 54px;
   letter-spacing: 0.03em;
}
@media (max-width: 991px) {
   .buy-success__text {
      font-size: 16px;
      margin-bottom: 24px;
   }
}
@media (max-width: 575px) {
   .buy-success__text {
      font-size: 14px;
      line-height: 2;
      margin-bottom: 0;
      font-weight: 500;
   }
}
.buy-success__btn {
   margin: 0 auto;
   display: block;
   font-size: 14px;
   padding: 18px 45px;
}
@media (max-width: 575px) {
   .buy-success__btn {
      max-width: 250px;
   }
}

/* Filter mobile */



.open-filter{
   display: none;
}
@media (max-width: 991px) {
   #filter{
      padding-top: 60px;
   }
   .open-filter{
      display: block;
      position: fixed;
      max-width: 126px;
      bottom: 56px;
      left: 50%;
      transform: translate(-50%, 100%);
      opacity: 0;
      visibility: hidden;
      transition: 0.5s ease;
      z-index: 900;
      box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.35);
   }
   .open-filter.show{
      transform: translate(-50%, 0%);
      opacity: 1;
      visibility: visible;
   }
}
@media (max-width: 767px) {
   #filter{
      padding-top: 55px;
   }
}
@media (max-width: 575px) {
   #filter .modal-dialog{
      margin: 0;
      border-top: 1px solid #D4D4D4;
   }
}

/* Checkout */

.checkout-head {
   background: #fff;
   position: sticky;
   z-index: 10;
   top: 60px;
   border-top: 1px solid #A1A9B8;
   margin-bottom: 15px;
}
@media (max-width: 767px) {
   .checkout-head {
      top: 55px;
      margin-bottom: 11px;
      z-index: 200;
   }
}
.checkout-head__body {
   padding: 21px 0;
   position: relative;
}
@media (max-width: 1199px) {
   .checkout-head__body {
      padding: 15px 0;
   }
}
@media (max-width: 991px) {
   .checkout-head__body {
      padding: 11px 0;
   }
}
.checkout-head__back{
   font-size: 18px;
}
.checkout-head__title {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   font-size: 16px;
   font-weight: 600;
}
@media (max-width: 767px) {
   .checkout-head__title {
      font-size: 14px;
   }
}

/* Checkout stay */

.checkout-stay {
   padding-bottom: 97px;
}
.checkout-stay__wrapper {
   background: #fff;
}
.checkout-stay__body {
   display: flex;
   border-bottom: 1px solid #A1A9B8;
}
@media (max-width: 991px) {
   .checkout-stay__body{
      flex-direction: column;
   }
}
.checkout-stay__col {
   flex: 0 0 50%;
}
@media (min-width: 992px) {
   .checkout-stay__col:first-child{
      border-right: 1px solid #A1A9B8
   }
}
@media (max-width: 991px) {
   .checkout-stay__col:first-child{
      border-bottom: 1px solid #A1A9B8
   }
}
.checkout-stay__content {
   padding: 40px;
}
@media (max-width: 575px) {
   .checkout-stay__content{
      padding: 16px 27px 30px;
   }
}
.checkout-stay__header {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 16px;
}
.checkout-stay__header .tickets-item__info-item:after{
   content: '';
   display: block;
   width: 5px;
   height: 5px;
   border-radius: 50%;
   background: var(--main);
}
.checkout-stay__header .tickets-item__info-item:nth-last-of-type(1):after{
   display: none;
}
.checkout-stay__info{
   align-items: flex-start;
   margin-bottom: 24px;
}
.checkout-stay__inputs label{
   font-size: 14px;
   font-weight: 600;
   margin-bottom: 18px;
}
.checkout-stay__inputs .form-group:not(:last-child) {
   margin-bottom: 10px;
}
.checkout-stay__staies {
   padding: 40px 40px 20px 60px;
}
@media (max-width: 575px) {
   .checkout-stay__staies{
      padding: 20px 26px;
   }
}
.checkout-stay__seets {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 12px;
   margin-bottom: 21px;
}
.seet-front {
   font-size: 16px;
   color: #A1A9B8;
}
.seet-list {
   border: 3px solid #AAAEB9;
   border-radius: 10px;
   padding: 16px;
   display: flex;
   flex-direction: column;
   gap: 18px
}
@media (max-width: 575px) {
   .seet-list {
      gap: 12px;
      border-width: 2px;
   }
}
.seet-list__row {
   display: flex;
   gap: 6px;
}
.seet-list__col {
   flex: 0 0 48px;
   width: 48px;
   height: 48px;
}
@media (max-width: 575px) {
   .seet-list__col{
      flex: 0 0 40px;
      width: 40px;
      height: 40px;
   }
}
.seet-list__col i{
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   pointer-events: none;
   background: #E2E4E7;
   border-radius: 8px;
   font-size: 20px;
   color: #7E7E7E;
}
.seet-list__col div{
   display: flex;
   align-items: center;
   justify-content: center;
   line-height: 1;
   font-size: 20px;
   color: #fff;
   height: 100%;
   border-radius: 8px;
   font-weight: 600;
   border: 1px solid transparent;
   cursor: pointer;
   transition: 0.3s ease;
}
@media (max-width: 575px) {
   .seet-list__col i,
   .seet-list__col div{
      border-radius: 5px;
   }
   .seet-list__col div{
      font-size: 14px;
   }
}
.seet-list__col div:hover{
   opacity: 0.75;
}
.seet-list__col ._free {
   background: #8FBEFA;
}
.seet-list__col ._busy {
   pointer-events: none;
   background: #E2E4E7;
}
.seet-list__col ._main {
   background: #7E7E7E;
   border-color: var(--main)
}
.checkout-stay__seet-info {
   display: flex;
   align-items: center;
   gap: 20px;
}
@media (max-width: 575px) {
   .checkout-stay__seet-info{
      flex-wrap: wrap;
      gap: 15px;
   }
}
.seet-info__item {
   display: flex;
   align-items: center;
   gap: 10px
}
@media (max-width: 1199px) {
   .seet-info__item{
      font-size: 12px;
   }
}
@media (max-width: 575px) {
   .seet-info__item{
      gap: 10px;
   }
}
.seet-info__item:before{
   content: '';
   flex: 0 0 30px;
   width: 30px;
   height: 30px;
   border-radius: 6px;
}
@media (max-width: 1199px) {
   .seet-info__item:before{
      flex: 0 0 24px;
      width: 24px;
      height: 24px;
   }
}
@media (max-width: 575px) {
   .seet-info__item:before{
      flex: 0 0 20px;
      width: 20px;
      height: 20px;
   }
}
.seet-info__item._busy:before {
   background: #E2E4E7;
}
.seet-info__item._free:before {
   background: #8FBEFA;
}
.seet-info__item._main:before {
   background: #7E7E7E;
}
.checkout-stay__footer {
   padding: 20px 40px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 24px;
   flex-wrap: wrap;
}
@media (max-width: 767px) {
   .checkout-stay__footer{
      justify-content: stretch;
      gap: 14px;
      padding-left: 0;
      padding-right: 0;
   }
}
@media (max-width: 575px) {
   .checkout-stay__footer{
      padding-bottom: 15px;
      padding-top: 11px;
   }
}
.checkout-stay__total {
   font-size: 20px;
   font-weight: 500;
}
@media (max-width: 767px) {
   .checkout-stay__total {
      border-bottom: 1px solid #A1A9B8;
      padding-bottom: 12px;
      width: 100%;
      text-align: center;
   }
}
@media (max-width: 575px) {
   .checkout-stay__total {
      padding-left: 16px;
      padding-right: 16px;
      text-align: left;
   }
}
.seet-count {
   color: var(--main);
}
.seet-price {
   color: var(--main);
}
.checkout-stay__footer .btn {
   max-width: 162px;
   width: 100%;
}
@media (max-width: 767px) {
   .checkout-stay__footer .btn {
      margin: 0 auto;
   }
}
@media (max-width: 575px) {
   .checkout-stay__footer .btn {
      max-width: calc(100% - 32px);
   }
}

.checkout {
   padding-top: 10px;
   padding-bottom: 27px;
}
@media (max-width: 991px) {
   .checkout{
      padding-top: 0;
   }
}
.checkout__wrapper {
   background: #fff;
   margin-bottom: 20px;
}
.checkout__header {
   padding: 28px 110px;
   border-bottom: 1px solid #A1A9B8;
}
@media (max-width: 1199px) {
   .checkout__header{
      padding: 20px 80px;
   }
   .checkout__title{
      font-size: 16px;
   }
}
@media (max-width: 991px) {
   .checkout__header{
      padding: 20px 40px;
   }
}
@media (max-width: 767px) {
   .checkout__header{
      padding: 15px 40px;
      position: relative;
   }
   .checkout__header .title{
      font-size: 14px;
      text-align: center;
   }
}
.checkout__body {
   padding: 28px 110px 36px;
}
@media (max-width: 1199px) {
   .checkout__body {
      padding: 20px 80px;
   }
}
@media (max-width: 991px) {
   .checkout__body {
      padding: 20px 40px;
   }
}
@media (max-width: 767px) {
   .checkout__body {
      padding: 20px 14px;
   }
}
.checkout-contact {
   display: flex;
   flex-direction: column;
   gap: 10px;
}
.checkout-contact__item {
   display: flex;
   margin: 0 -10px;
}
@media (max-width: 767px) {
   .checkout-contact__item {
      flex-direction: column;
      margin: 0;
      gap: 10px;
   }
   .checkout-contact__item:not(:last-child){
      padding-bottom: 20px;
      margin-bottom: 10px;
      border-bottom: 1px solid #A1A9B8
   }
}
.checkout-contact__item .form-group {
   padding: 0 10px;
   flex: 0 0 33.3%;
}
@media (max-width: 767px) {
   .checkout-contact__item .form-group {
      padding: 0;
      flex: 0 0 100%;
   }
}
.checkout-promo .form-group {
   display: flex;
}
@media (max-width: 575px) {
   .checkout-promo .form-group{
      flex-direction: column;
      gap: 16px;
   }
}
.checkout-contact__item .form-group .form-control{
   font-size: 16px;
   padding: 16px 20px;
   border-color: #D9DBDF
}
@media (max-width: 991px) {
   .checkout-contact__item .form-group .form-control{
      padding: 11px 14px;
      font-size: 14px;
   }
}
.checkout-contact__item .form-group .form-control:focus{
   border-color: var(--main)
}



.row-contact__item hr {
   margin: 0.85rem 0;
   border-bottom: 1px solid #212529
}

@media (max-width: 991px) {
   .row-contact__item hr{
      margin: 0.75rem 0;
   }
}
@media (max-width: 575px) {
   .row-contact__item hr{
      margin: 0.65rem 0;
   }
}
.row-contact__item .form-group {
   margin-bottom: 10px;
}
.row-contact__item .form-group .form-control{
   font-size: 16px;
   padding: 16px 20px;
   border-color: #D9DBDF
}
@media (max-width: 991px) {
   .row-contact__item .form-group .form-control{
      padding: 11px 14px;
      font-size: 14px;
   }
}
.row-contact__item .form-group .form-control:focus{
   border-color: var(--main)
}


.checkout-promo .form-control {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-right: 0;
}
@media (max-width: 575px) {
   .checkout-promo .form-control {
      border-radius: 3px;
      border-right: 1px solid #A1A9B8
   }
}
.checkout-promo .btn {
   flex: 0 0 194px;
}
@media (max-width: 1199px) {
   .checkout-promo .btn {
      padding: 12px;
   }
}
@media (max-width: 575px) {
   .checkout-promo .btn {
      padding: 14px;
      font-size: 12px;
      flex: 0 0 100%;
   }
}
.checkout-bonus__header{
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 17px 110px;
}
@media (max-width: 1199px) {
   .checkout-bonus__header{
      padding: 12px 80px;
   }
}
@media (max-width: 991px) {
   .checkout-bonus__header{
      padding: 12px 40px;
   }
}
@media (max-width: 767px) {
   .checkout-bonus__header{
      padding: 40px 40px 15px;
      justify-content: center;
   }
}
.checkout-bonus__count{
   background: var(--main);
   color: #fff;
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 0.03em;
   padding: 12px 40px;
   border-radius: 10px 10px 10px 0
}
@media (max-width: 1199px) {
   .checkout-bonus__count{
      padding: 8px 28px;
      font-size: 12px;
   }
}
@media (max-width: 767px) {
   .checkout-bonus__count{
      position: absolute;
      top: 5px;
      right: 6px;
      padding: 6px 14px;
   }
}
.checkout-bonus__body{
   padding: 12px 110px 40px;
}
@media (max-width: 1199px) {
   .checkout-bonus__body{
      padding: 12px 80px 30px;
   }
}
@media (max-width: 991px) {
   .checkout-bonus__body{
      padding: 12px 40px 20px;
   }
}
@media (max-width: 767px) {
   .checkout-bonus__body{
      padding: 8px 14px 30px;
   }
}
.checkout-bonus__add {
   color: #828282;
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 0.03em;
   margin-bottom: 40px;
}
@media (max-width: 1199px) {
   .checkout-bonus__add {
      font-size: 12px;
      margin-bottom: 24px;
   }
}
@media (max-width: 767px) {
   .checkout-bonus__add {
      margin-bottom: 15px;
      font-size: 10px;
   }
}
.checkout-pay {
   display: flex;
}
@media (max-width: 767px) {
   .checkout-pay {
      flex-direction: column;
      gap: 10px;
   }
}
.checkout-pay__item {
   cursor: pointer;
   flex: 0 0 33.3%;
}
@media (max-width: 767px) {
   .checkout-pay__item {
      flex: 0 0 100%;
   }
}
.checkout-pay__item span{
   width: 100%;
   display: inline-block;
   text-align: center;
   border: 1px solid #A1A9B8;
   color: #A1A9B8;
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 0.03em;
   padding: 16px;
   transition: 0.3s ease;
}
@media (max-width: 1199px) {
   .checkout-pay__item span{
      font-size: 12px;
      padding: 14px;
   }
}
@media (max-width: 991px) {
   .checkout-pay__item span{
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 12px;
   }
}
@media (max-width: 767px) {
   .checkout-pay__item span{
      height: 45px;
   }
}
.checkout-pay__item:hover span{
   background: #fff;
   color: var(--main);
   border-color: var(--main)
}
.checkout-pay__item input:checked + span{
   color: #fff;
   background: var(--main);
   border-color: var(--main)
}
.checkout-submit{
   width: 100%;
   max-width: 183px;
}
@media (max-width: 767px) {
   .checkout-submit{
      margin: 0 auto;
      max-width: 249px;
      display: block;
   }
}


/* Account */

.account{
   padding-bottom: 90px;
}
@media (max-width: 991px) {
   .account{
      padding-bottom: 30px;
   }
   .account-nav{
      display: none;
   }
   .account__content{
      flex: 0 0 100%;
   }
   .account-body__item{
      margin-bottom: 10px;
   }
}
.account-body__item .checkout__header{
   padding-left: 45px;
   padding-right: 45px;
}
@media (min-width: 768px) {
   .account-body__item .checkout__body{
      padding-left: 45px;
      padding-right: 45px;
   }
}
.account-body__item .form-group{
   flex: 0 0 50%;
}
.account-body__item .checkout-contact__item{
   flex-wrap: wrap;
   row-gap: 25px;
}
@media (max-width: 991px) {
   .account-body__item .checkout-contact__item{
      row-gap: 16px;
   }
}
.account-tarif {
   display: flex;
   margin: 0 -10px;
}
@media (max-width: 767px) {
   .account-tarif {
      margin: 0;
      flex-wrap: wrap;
      gap: 16px;
   }
}
.account-tarif__select {
   padding: 0 10px;
   flex: 0 0 50%;
   position: relative;
}
@media (max-width: 767px) {
   .account-tarif__select {
      flex: 0 0 100%;
      padding: 0;
   }
}
.account-tarif__btn {
   border: 1px solid #D9DBDF;
   width: 100%;
   padding: 17px 20px;
   border-radius: 3px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   color: #C2C5CE;
   font-size: 16px;
   letter-spacing: 0.03em;
   text-transform: inherit;
}
@media (max-width: 991px) {
   .account-tarif__btn {
      font-size: 14px;
      padding: 11px 14px;
   }
}
.account-tarif__btn.active{
   border-color: var(--main)
}
.account-tarif__btn > *{
   pointer-events: none;
}
.account-tarif__btn i{
   transition: 0.3s ease;
}
.account-tarif__btn.active i{
   transform: rotate(180deg);
   color: var(--main);
}
.account-tarif__list {
   left: 10px;
   z-index: 4;
   width: calc(100% - 20px);
   border-radius: 3px;
   border: 1px solid #D9DBDF;
}
@media (max-width: 767px) {
   .account-tarif__list {
      width: 100%;
      left: 0;
   }
}
.account-tarif__list.visible {
   visibility: visible;
   opacity: 1;
   transform: translateY(10px);
}
.account-tarif__item {
   padding: 14px !important;
   font-size: 14px;
}
.account-tarif__item.active{
   color: var(--main);
}
.account-tarif__file {
   padding: 0 10px;
   flex: 0 0 50%;
}
@media (max-width: 767px) {
   .account-tarif__file {
      padding: 0;
      flex: 0 0 100%;
   }
}
.account-tarif__file .btn {
   padding: 0 12px;
   border-radius: 3px;
   text-transform: inherit;
   font-size: 16px;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}
@media (max-width: 991px) {
   .account-tarif__file .btn {
      font-size: 14px;
      padding: 11px 14px;
   }
}
.account-safe{
   width: 100%;
   max-width: 183px;
}
@media (max-width: 767px) {
   .account-safe{
      max-width: 100%;
   }
}

@media (min-width: 768px) {
   .account-ways {
      background: #fff;
   }
}
.account-ways__head {
   display: flex;
   padding: 17px 16px 20px 33px;
   border-bottom: 1px solid #A1A9B8;
   background: #fff;
}
@media (max-width: 1199px) {
   .account-ways__head{
      padding-left: 16px;
   }
}
@media (max-width: 767px) {
   .account-ways__head{
      display: none;
   }
}
.account-ways__head .account-ways__col{
   color: #A1A9B8;
   white-space: nowrap;
}
.account-ways__col{
   padding-right: 12px;
   font-size: 14px;
   font-weight: 500;
}
@media (max-width: 1199px) {
   .account-ways__col{
      font-size: 12px;
   }
}
@media (min-width: 768px) {
   .account-ways__col:nth-child(1) {
      flex: 0 0 5%;
   }
   .account-ways__col:nth-child(2) {
      flex: 0 0 15%;
   }
   .account-ways__col:nth-child(3) {
      flex: 0 0 14.2%;
   }
   .account-ways__col:nth-child(4) {
      flex-grow: 1;
   }
   .account-ways__col:nth-child(5) {
      flex: 0 0 15.7%;
      white-space: nowrap;
   }
   .account-ways__col:nth-child(6) {
      flex: 0 0 6%;
      text-align: center;
   }
   .account-ways__col:nth-child(7) {
      flex: 0 0 10.5%;
   }
   .account-ways__col:nth-child(8) {
      flex: 0 0 12%;
   }
   @media (max-width: 1199px) {
      .account-ways__col:nth-child(8) {
         flex: 0 0 10%;
         padding-right: 0;
      }
   }
   .account-ways__col:nth-child(9) {
      flex: 0 0 28px;
      padding-right: 0;
   }
   @media (max-width: 1199px) {
      .account-ways__col:nth-child(9) {
         flex: 0 0 20px;
      }
   }
}
@media (max-width: 767px) {
   .account-ways__body {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      row-gap: 10px;
   }
}
.account-ways__item {
   display: flex;
   align-items: center;
   padding: 17px 16px 20px 33px;
}
@media (max-width: 1199px) {
   .account-ways__item {
      padding-left: 16px;
   }
}
@media (max-width: 767px) {
   .account-ways__item {
      padding: 0;
      flex: 0 0 calc(50% - 5px);
      flex-direction: column;
   }
}
@media (max-width: 575px) {
   .account-ways__item {
      flex: 0 0 100%;
   }
}
.account-ways__item:nth-child(2n){
   background: #fff;
}
.account-ways__item:nth-child(2n+1){
   background: #FAFAFA;
}
.way-item__head b{
   display: none;
}
.way-item__head .btn{
   display: none;
}
@media (max-width: 767px) {
   .way-item__head{
      width: 100%;
      font-weight: 600;
      font-size: 14px;
      display: flex;
      justify-content: center;
      position: relative;
      padding: 12px 14px;
      border-bottom: 1px solid #A1A9B8;
   }
   .way-item__head b{
      display: block;
      margin-right: 0.2em;
   }
   .way-item__head .btn{
      display: flex;
      position: absolute;
      right: 14px;
   }
   .way-item__col{
      width: 100%;
      display: flex;
      padding: 0 24px;
      margin-bottom: 7px;
   }
   .way-item__col:nth-child(2){
      padding-top: 11px;
   }
   .way-item__col:nth-last-child(2){
      padding-bottom: 17px;
      margin-bottom: 0;
   }
   .way-item__col:last-child{
      display: none;
   }
}
.way-edit {
   padding: 0;
   margin: 0;
   width: 28px;
   height: 28px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   color: var(--color);
   font-size: 24px;
   transition: 0.3s ease;
}
@media (max-width: 1199px) {
   .way-edit {
      width: 20px;
      height: 20px;
      font-size: 16px;
   }
}
.way-edit.active,
.way-edit:hover{
   background: #D9D9D9;
}
.way-edit ul{
   z-index: 10;
   position: absolute;
   opacity: 0;
   visibility: hidden;
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
   top: 100%;
   right: 0;
   background: #fff;
   border-radius: 5px;
   box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.15);
   padding: 0 7px;
   min-width: 146px;
   transition: 0.3s ease;
}
.way-edit:hover ul{
   visibility: visible;
   opacity: 1;
   transform: translateY(4px);
}
.way-edit ul li{
   padding: 7px 10px;
   line-height: 1.8;
   text-align: left;
   font-size: 12px;
   text-transform: initial;
   border-bottom: 1px solid #A1A9B8;
   cursor: pointer;
   transition: 0.3s ease;
}
.way-edit ul li:hover{
   color: var(--main);
}
.way-edit ul li:last-child{
   border-bottom: 0;
}
.way-item__title {
   display: none;
}
@media (max-width: 767px) {
   .way-item__title {
      display: block;
      flex: 0 0 50%;
      color: #A1A9B8;
   }
   .way-item__body{
      font-weight: 600;
   }
}

#thing{
   padding-top: 60px;
}
@media (max-width: 767px) {
   #thing{
      padding-top: 55px;
   }
}
#thing .modal-dialog{
   max-width: 414px;
}
.thing-form {
   background: #fff;
   position: relative;
}
.thing-form__close{
   display: none;
}
@media (max-width: 1199px) {
   .thing-form__close{
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      z-index: 2;
      top: 20px;
      right: 20px;
      width: 20px;
      height: 20px;
      font-size: 20px;
   }
}
.thing-form__header {
   padding: 19px 19px 0;
   margin-bottom: 30px;
}
@media (max-width: 575px) {
   .thing-form__header{
      padding: 18px 60px 0 36px;
      margin-bottom: 24px;
   }
}
.thing-form__title {
   font-size: 20px;
   font-weight: 600;
   letter-spacing: 0.03em;
}
@media (max-width: 575px) {
   .thing-form__title {
      font-size: 18px;
   }
}
.thing-form__body {
   padding: 0 19px 25px;
   display: flex;
   flex-wrap: wrap;
   margin: 0 -10px;
   row-gap: 12px;
}
@media (max-width: 575px) {
   .thing-form__body {
      margin: 0;
      row-gap: 10px;
      padding: 0 36px 20px;
   }
}
.thing-form__body .form-group {
   flex: 0 0 50%;
   padding: 0 10px;
}
@media (max-width: 575px) {
   .thing-form__body .form-group {
      flex: 0 0 100%;
      padding: 0;
   }
}
.thing-form__body .form-group:last-child{
   flex: 0 0 100%;
}
.thing-form__body .form-group label{
   margin-bottom: 2px;
   font-size: 14px;
   letter-spacing: 0.03em;
}
.thing-form__body .form-group .form-control {
   border-color: #D9DBDF;
}
.thing-form__body .form-group textarea.form-control {
   min-height: 80px;
}
@media (max-width: 575px) {
   .thing-form__body .form-group textarea.form-control{
      min-height: 100px;
   }
}
.thing-form__footer {
   padding: 23px 19px;
   display: flex;
   gap: 16px;
   border-top: 1px solid #A1A9B8;
}
@media (max-width: 575px) {
   .thing-form__footer {
      padding: 27px 36px 36px;
      flex-direction: column;
      gap: 10px;
   }
}
.thing-form__footer .btn{
   padding: 9px;
   line-height: 1.4;
}
.thing-form__footer .btn__gray {
   flex: 0 0 152px;
   color: var(--main);
   background: #F3F3F3;
}
@media (max-width: 575px) {
   .thing-form__footer .btn{
      width: 100%;
      flex: 0 1 100%;
      padding: 14px;
      font-size: 14px;
   }
}
.thing-form__footer .btn__main {
   flex-grow: 1;
}

#sign{
   padding-top: 60px;
}
@media (max-width: 767px) {
   #sign{
      padding-top: 55px;
   }
}
@media (max-width: 575px) {
   #sign .modal-dialog{
      max-width: 100%;
      margin: 0;
   }   
}
.sign-form {
   background: #fff;
}
.sign-form__header {
   display: flex;
}
.sign-form__sign {
   flex: 0 0 50%;
   font-size: 16px;
   line-height: 35px;
   padding: 4px;
   text-align: center;
   background: #c0c0c0;
   color: #fff;
   font-weight: 600;
   letter-spacing: 0.03em;
   transition: 0.3s ease;
   border: 1px solid transparent;
   text-transform: uppercase;
   cursor: pointer;
}
@media (max-width: 575px) {
   .sign-form__sign{
      font-size: 14px;
   }
}
.sign-form__sign.active{
   background: #fff;
   color: var(--main);
   border: 1px solid #A1A9B8
}
.sign-form__groups {
   padding: 22px 19px;
   display: flex;
   flex-wrap: wrap;
   margin: 0 -10px;
   row-gap: 12px;
}
@media (max-width: 575px) {
   .sign-form__groups{
      margin: 0;
      padding: 19px 35px 25px;
   }
}
.sign-form__groups .form-group {
   flex: 0 0 50%;
   padding: 0 10px;
}
@media (max-width: 575px) {
   .sign-form__groups .form-group {
      flex: 0 0 100%;
      padding: 0;
   }
}
.sign-form__groups .form-group label{
   margin-bottom: 2px;
   font-size: 14px;
   letter-spacing: 0.03em;
}
.reset-pass{
   color: #FF0000;
   font-size: 12px;
   line-height: 1.4;
   margin-top: 2px;
}
.sign-form__footer {
   border-top: 1px solid #A1A9B8;
   padding: 30px 10px;
   display: flex;
   gap: 20px;
}
@media (max-width: 575px) {
   .sign-form__footer{
      padding: 27px 35px;
      flex-direction: column;
      gap: 10px
   }
}
.sign-form__footer .btn {
   flex: 0 0 calc(50% - 10px);
   padding: 10px;
   line-height: 1.5;
}
@media (max-width: 575px) {
   .sign-form__footer .btn {
      width: 100%;
      flex: 0 0 100%;
      font-size: 14px;
      padding: 14px;
   }
}
.sign-form__footer .btn__gray {
   background: #F3F3F3;
   color: var(--main);
}

/* About */

.about {
   padding-top: 48px;
   margin-bottom: 40px;
}
@media (max-width: 991px) {
   .about{
      padding-top: 30px;
      margin-bottom: 20px;
   }
}
@media (max-width: 767px) {
   .about{
      padding-top: 22px;
   }
}
.about__body {
   background: var(--grad);
   box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.26);
   padding: 40px 56px;
}
@media (max-width: 991px) {
   .about__body {
      padding: 20px 30px;
   }
}
.about__title {
   color: #fff;
   margin-bottom: 16px;
   font-size: 36px;
   letter-spacing: 0.03em;
}
@media (max-width: 991px) {
   .about__title {
      font-size: 24px;
      margin-bottom: 24px;
   }
}
@media (max-width: 767px) {
   .about__title {
      font-size: 20px;
   }
}
.about__desc p{
   color: #fff;
   letter-spacing: 0.03em;
   line-height: 1.9;
}
@media (max-width: 991px) {
   .about__desc p{
      font-size: 14px;
   }
}
.about__desc p:last-child{
   margin-bottom: 0;
}

/* Rules */

.rules {
   margin-bottom: 40px;
}
@media (max-width: 991px) {
   .rules{
      margin-bottom: 20px;
   }
}
.rules__body {
   display: flex;
   margin: 0 -5px;
}
@media (max-width: 991px) {
   .rules__body {
      margin: 0;
      flex-wrap: wrap;
      gap: 10px;
   }
}
.rules-item {
   flex: 0 0 50%;
   padding: 0 5px;
}
@media (max-width: 991px) {
   .rules-item{
      padding: 0;
      flex: 0 0 100%;
   }
}
.rules-item__wrapper {
   background: #F7F7F7;
   padding: 30px 16px 16px 42px;
}
@media (max-width: 991px) {
   .rules-item__wrapper {
      padding: 30px;
   }
}
@media (max-width: 767px) {
   .rules-item__wrapper {
      padding: 16px 20px 12px;
   }
}
.rules-item__title {
   color: var(--main);
   font-size: 28px;
   font-weight: 500;
   margin-bottom: 35px;
}
@media (max-width: 991px) {
   .rules-item__title {
      font-size: 24px;
      margin-bottom: 16px;
   }
}
@media (max-width: 767px) {
   .rules-item__title {
      margin-bottom: 24px;
   }
}
@media (max-width: 575px) {
   .rules-item__title {
      font-size: 20px;
   }
}
.rules-item__body.active .rules-item__btn i{
   transform: rotate(180deg);
}
.rules-item__cotnent{
   display: none;
}
.rules-item__cotnent h4{
   font-size: 16px;
   font-weight: 500;
   margin-bottom: 1em;
}
@media (max-width: 575px) {
   .rules-item__cotnent h4{
      font-size: 14px;
   }
}
.rules-item__cotnent ul,
.rules-item__cotnent ol{
   padding-left: 1em;
}
.rules-item__cotnent p,
.rules-item__cotnent li{
   line-height: 1.9;
   font-size: 14px;
}
.rules-item__cotnent > *:last-child{
   margin-bottom: 0;
}
.rules-item__btn {
   justify-content: flex-end;
   display: flex;
   gap: 10px;
   align-items: center;
   font-size: 14px;
   font-weight: 500;
   text-transform: initial;
   color: var(--main);
   margin-left: auto;
   margin-right: 0;
}
.rules-item__btn i{
   transition: 0.3s ease;
   width: 30px;
   height: 30px;
   flex: 0 0 30px;
   border-radius: 50%;
   background: var(--main);
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   line-height: 0;
}

/* About prefer */

.about-prefer {
   margin-bottom: 40px;
}
@media (max-width: 991px) {
   .about-prefer {
      margin-bottom: 20px;
   }
}
.about-prefer__body {
   padding: 50px;
   display: flex;
   gap: 45px;
   background: #F7F7F7;
   flex-wrap: wrap;
}
@media (max-width: 991px) {
   .about-prefer__body {
      padding: 30px;
      gap: 24px
   }
}
@media (max-width: 767px) {
   .about-prefer__body{
      padding: 15px;
      flex-direction: column;
      gap: 10px;
   }
}
.about-prefer__item {
   flex: 0 0 calc(33.3% - 30px);
   background: var(--grad);
   padding: 40px 30px;
   display: flex;
   flex-direction: column;
   gap: 12px;
}
@media (max-width: 991px) {
   .about-prefer__item {
      flex: 0 0 calc(33.3% - 16px);
      padding: 30px 24px;
      gap: 10px
   }
}
@media (max-width: 767px) {
   .about-prefer__item {
      flex: 0 0 100%;
      padding: 30px;
   }
}
.about-prefer__utp {
   color: #fff;
   font-size: 40px;
   font-family: 'Gilroy';
   font-weight: 600;
}
@media (max-width: 991px) {
   .about-prefer__utp {
      font-size: 36px;
   }
}
.about-prefer__title {
   font-family: 'Gilroy';
   font-size: 20px;
   color: #fff;
   font-weight: 600;
}
@media (max-width: 991px) {
   .about-prefer__title {
      font-size: 16px;
   }
}

/* Feedbacks */

.feeds {
   margin-bottom: 40px;
   overflow: hidden;
   padding-bottom: 10px;
}
@media (max-width: 991px) {
   .feeds {
      margin-bottom: 20px;
   }
}
.feeds__title {
   color: var(--main);
   margin-bottom: 32px;
}
@media (max-width: 991px) {
   .feeds__title{
      margin-bottom: 16px;
   }
}
@media (max-width: 767px) {
   .feeds__title{
      font-size: 20px;
      margin-bottom: 10px;
   }
}
.feeds-slider .owl-stage-outer{
   margin-bottom: 47px;
}
.feeds-item {
   padding: 0;
   position: relative;
}
.feeds-item__rating {
   position: absolute;
   color: #fff;
   display: flex;
   align-items: center;
   gap: 7px;
   top: 30px;
   right: 40px;
   font-weight: 600;
   font-family: 'Gilroy';
}
.feeds-item .prefer-item__icon {
   color: var(--main);
   width: 50px;
   height: 50px;
   flex: 0 0 50px;
   border-radius: 50%;
   font-size: 32px;
   line-height: 0;
   background: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
}

.feeds-item .prefer-item__icon img {
   border-radius: 50%;
   width: 50px;
   height: 50px;
   border: 3px solid #fff;
}

.feeds-slider .owl-dots button{
   background: #fff;
}
.feeds-slider .owl-dots button.active{
   background: var(--main);
}


.page-callback{
   margin-bottom: 60px;
}
@media (max-width: 767px) {
   .page-callback{
      margin-bottom: 30px;
   }
}

.main > section.callback:last-child {
   margin-bottom: 60px;
}

@media (max-width: 767px) {
   .main > section.callback:last-child {
      margin-bottom: 30px;
   }
}


/* Faqs */

.faqs {
   padding-top: 54px;
   margin-bottom: 20px;
}
@media (max-width: 1199px) {
   .faqs {
      padding-top: 30px;
   }
}
@media (max-width: 767px) {
   .faqs {
      padding-top: 10px;
   }
}
.faqs__wrapper {
   background: #fff;
   padding: 40px 56px;
}
@media (max-width: 991px) {
   .faqs__wrapper {
      padding: 30px;
   }
}
@media (max-width: 767px) {
   .faqs__wrapper {
      padding: 0;
   }
}
.faqs__header {
   margin-bottom: 30px;
   padding-bottom: 27px;
   border-bottom: 1px solid #A1A9B8;
}
@media (max-width: 991px) {
   .faqs__header {
      margin-bottom: 24px;
      padding-bottom: 24px;
   }
}
@media (max-width: 767px) {
   .faqs__header {
      margin-bottom: 15px;
      padding: 15px 18px;
   }
}
@media (max-width: 767px) {
   .faqs__title {
      font-size: 18px;
      text-align: center;
   }
}
.faqs__body {
   display: flex;
   margin: 0 -30px;
   row-gap: 40px;
   flex-wrap: wrap;
}
@media (max-width: 1199px) {
   .faqs__body{
      margin: 0 -15px;
   }
}
@media (max-width: 767px) {
   .faqs__body{
      margin: 0;
      gap: 24px;
      padding: 0 18px 18px;
   }
}
.faqs-item {
   flex: 0 0 50%;
   padding: 0 30px;
}
@media (max-width: 1199px) {
   .faqs-item {
      padding: 0 15px;
   }
}
@media (max-width: 767px) {
   .faqs-item {
      padding: 0;
      flex: 0 0 100%;
   }
}
.faqs-item__title {
   font-size: 16px;
   font-weight: 600;
   margin-bottom: 20px;
}
@media (max-width: 767px) {
   .faqs-item__title{
      font-size: 14px;
      margin-bottom: 10px;
   }
}
.faqs-item__body p{
   font-size: 15px;
   color: #545b67;
}
@media (max-width: 767px) {
   .faqs-item__body p{
      font-size: 13px;
   }
}
.faqs-item__body p:last-child{
   margin-bottom: 0;
}

/* Contact */

.contact {
   padding-top: 96px;
   margin-bottom: 33px;
}
@media (max-width: 1199px) {
   .contact{
      padding-top: 30px;
   }
}
@media (max-width: 991px) {
   .contact{
      margin-bottom: 20px;
   }
}
@media (max-width: 767px) {
   .contact{
      padding-top: 20px;
   }
}
.contact__title {
   font-size: 36px;
   font-weight: 600;
   margin-bottom: 60px;
}
@media (max-width: 1199px) {
   .contact__title {
      margin-bottom: 30px;
   }
}
@media (max-width: 991px) {
   .contact__title {
      margin-bottom: 24px;
      font-size: 28px;
   }
}
@media (max-width: 767px) {
   .contact__title {
      font-size: 20px;
   }
}
.contact__body {
   display: flex;
   margin: 0 -15px;
}
@media (max-width: 991px) {
   .contact__body {
      margin: 0 -10px;
   }
}
@media (max-width: 767px) {
   .contact__body {
      margin: 0;
      flex-direction: column;
      gap: 10px;
   }
}
.contact-item {
   flex: 0 0 33.3%;
   padding: 0 15px;
}
@media (max-width: 991px) {
   .contact-item {
      padding: 0 10px;
   }
}
@media (max-width: 767px) {
   .contact-item {
      padding: 0;
      flex: 0 0 100%;
   }
}
.contact-item__wrapper {
   background: #fff;
   height: 100%;
   padding: 33px 40px;
   display: flex;
   align-items: center;
   gap: 24px;
}
@media (max-width: 991px) {
   .contact-item__wrapper{
      padding: 24px 12px 24px 24px;
      gap: 16px;
   }
}
.contact-item__icon {
   font-size: 42px;
   color: var(--main);
}
@media (max-width: 991px) {
   .contact-item__icon {
      font-size: 28px;
   }
}
.contact-item__title {
   margin-bottom: 8px;
   font-size: 20px;
   font-weight: 600;
}
@media (max-width: 991px) {
   .contact-item__title {
      font-size: 16px;
   }
}
.contact-item__text a,
.contact-item__text{
   margin-bottom: 0;
   font-size: 14px;
   color: #868686;
}
@media (max-width: 991px) {
   .contact-item__text a,
   .contact-item__text{
      font-size: 12px;
   }
}
.contact-item__text a:hover{
   color: var(--main);
}

/* Partners */

.pertners-banner {
   padding-top: 40px;
   margin-bottom: 60px;
}
@media (max-width: 991px) {
   .pertners-banner{
      padding-top: 30px;
      margin-bottom: 30px;
   }
}
.pertners-banner__body {
   background: #fff;
   position: relative;
   padding: 26px 51px 22px;
   overflow: hidden;
}
@media (max-width: 767px) {
   .pertners-banner__body{
      padding: 15px 20px 20px;
   }
}
.pertners-banner__content {
   max-width: 465px;
   width: 100%;
}
.pertners-banner__title {
   color: var(--main);
   font-size: 36px;
   letter-spacing: 0.03em;
   line-height: 1;
   margin-bottom: 2px;
   font-weight: 600;
}
@media (max-width: 767px) {
   .pertners-banner__title {
      font-size: 20px;
      margin-bottom: 8px;
   }
}
.pertners-banner__desc {
   color: var(--main);
   margin-bottom: 18px;
   font-size: 16px;
   font-weight: 600;
   letter-spacing: 0.03em;
}
@media (max-width: 767px) {
   .pertners-banner__desc {
      font-size: 14px;
      margin-bottom: 24px;
   }
}
.pertners-banner__btn {
   width: 100%;
   max-width: 200px;
   text-transform: uppercase;
   font-size: 14px;
   padding: 17px;
}
@media (max-width: 767px) {
   .pertners-banner__btn {
      font-size: 12px;
      padding: 14px;
      max-width: 170px;
   }
}
.pertners-banner__img {
   margin-bottom: 0;
   position: absolute;
   top: -6px;
   right: 50px;
   width: 100%;
   max-width: 315px;
}
@media (max-width: 991px) {
   .pertners-banner__img{
      display: none;
   }
}
.pertners-banner__img svg{
   width: 100%;
   height: auto;
}

.pertners {
   margin-bottom: 30px;
}
.pertners__title {
   margin-bottom: 30px;
}
@media (max-width: 767px) {
   .pertners__title{
      font-size: 20px;
      margin-bottom: 20px;
   }
}
.pertners__table {
   background: #fff;
}
.pertners__head {
   padding: 30px 47px 30px 35px;
   display: flex;
}
@media (max-width: 991px) {
   .pertners__head{
      padding: 20px 30px;
   }
}
@media (max-width: 767px) {
   .pertners__head{
      display: none;
   }
}
.pertners__head .pertners__col{
   font-weight: 600;
}
.pertners__col{
   font-size: 16px;
   font-weight: 500;
   letter-spacing: 0.03em;
}
@media (max-width: 991px) {
   .pertners__col{
      font-size: 14px;
   }
}
.pertners__col:nth-child(1) {
   flex: 0 0 27.2%
}
.pertners__col:nth-child(2) {
   text-align: right;
   flex-grow: 1;
}
.pertners__col:nth-child(3) {
   text-align: right;
   flex: 0 0 15.4%
}
@media (max-width: 767px) {
   .pertners__col:nth-child(1) {
      flex: 0 0 100%;
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 10px;
      line-height: 1.2;
   }
   .pertners__col:nth-child(2) {
      text-align: left;
      margin-bottom: 2px;
      font-weight: 600;
      font-size: 12px;
      color: #868686;
   }
   .pertners__col:nth-child(3) {
      text-align: left;
      font-weight: 600;
      font-size: 12px;
      color: #868686;
   }
}
.pertners-item {
   display: flex;
   border-top: 1px solid #A1A9B8;
   padding: 16px 47px 16px 35px;
}
@media (max-width: 991px) {
   .pertners-item {
      padding: 12px 30px;
   }
}
@media (max-width: 767px) {
   .pertners-item {
      flex-direction: column;
      padding: 15px 30px;
      border-top: 1px solid #E9EAED;
   }
   .pertners-item:first-child {
      border-top: 0;
   }
}

/* return bs style */
.btn-bs {
   display: inline-block;
   font-weight: 400;
   line-height: 1.5;
   color: #212529;
   text-align: center;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   background-color: transparent;
   border: 1px solid transparent;
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   border-radius: 0.25rem;
   transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-outline-secondary-bs {
   color: #6c757d;
   border-color: #6c757d;
}
.btn-outline-secondary-bs:hover {
   color: #fff;
   background-color: #6c757d;
   border-color: #6c757d;
}

.btn-outline-danger-bs {
   color: #dc3545;
   border-color: #dc3545;
}
.btn-outline-danger-bs:hover {
   color: #fff;
   background-color: #dc3545;
   border-color: #dc3545;
}
.btn-group-sm>.btn, .btn-sm {
   padding: 0.25rem 0.5rem !important;
   font-size: .875rem !important;
   border-radius: 0.2rem !important;
}



/* table block */

[data-label] {
   position: relative;
}

[data-label]::before {
   position: absolute;
   content: attr(data-label);
   font-weight: 700;
   color: #545c63;
   top: 0;
   left: 0;
   padding: 13px 15px;
   display: none;
}

.table th {
   font-size: 1rem;
   text-align: center;
   padding: 15px 25px;
   white-space: nowrap;

   text-align: left;
}

.table td {
   font-size: 1rem;
   color: #5b6e88;
   text-align: center;
   font-weight: 500;
   padding: 15px 25px;
   vertical-align: middle;
   white-space: nowrap;
   text-align: left;
}

.table-lg th {
   font-size: 1rem;
   color: #A1A9B8;
   font-size: 14px;
}
.table-lg td {
   font-size: 1rem;
   color: #212529;
   font-size: 14px;
}

.white-space-wrap {
   white-space: initial !important;
}

.table td, .table th {
   border-top: 1px solid #e8e8e8;
}

.table td span, .table td p, .table td li {
   font-size: 0.875rem;
}
/* 
table th:last-child {
   text-align: right;
}

table th:first-child {
   text-align: left;
   font-weight: 600;
}

table td:last-child {
   text-align: right;
}

table td:first-child {
   text-align: left;
}
 */

 .table-sm.table-striped tbody tr:nth-of-type(odd) {
   background-color: rgba(115, 115, 115, 0.05);
}

.table-sm.table-striped tbody tr:nth-of-type(even) {
   background-color: rgba(229, 239, 249, 0.33);
}

.table-lg.table-striped tbody tr:nth-of-type(odd) {
   background-color: #FAFAFA;
   --bs-table-accent-bg: unset;
}

.table-lg.table-striped tbody tr:nth-of-type(even) {
   background-color: #fff;
}

@media (max-width: 575px) {
   .table th {
      padding: 10px 15px;
   }
   .table td {
      white-space: initial;
      font-size: 0.85rem;
      padding: 10px 15px;
   }
}

@media (max-width: 767px) {
   .table-responsive--sm table .user {
       justify-content: flex-end;
   }

   .table-responsive--sm table .user .name {
       width: auto;
   }
}

@media (max-width: 1199px) {
   .table-responsive--lg thead {
       display: none;
   }

   .table-responsive--lg tbody tr:nth-child(odd) {
       background-color: #2d46dc05;
   }

   .table-responsive--lg tr th, .table-responsive--lg tr td {
       display: block;
       padding-left: 45% !important;
       text-align: right !important;
   }

   .table-responsive--lg .user-table-list, .table-responsive--lg .customer-details {
       justify-content: flex-end;
   }

   .table-responsive--lg [data-label]::before {
       display: block;
   }

   .table-responsive--lg table .user {
       justify-content: flex-end;
   }

   .table-responsive--lg table .user .name {
       width: auto;
   }
}

@media (max-width: 991px) {
   .table-responsive--md thead {
       display: none;
   }

   .table-responsive--md tbody tr:nth-child(odd) {
       background-color: #2d46dc05;
   }

   .table-responsive--md tr th, .table-responsive--md tr td {
       display: block;
       /* padding-left: 45% !important; ??? */
       text-align: right !important;
   }

   .table-responsive--md .user-table-list, .table-responsive--md .customer-details {
       justify-content: flex-end;
   }

   .table-responsive--md [data-label]::before {
       display: block;
   }

   .table-responsive--md table .user {
       justify-content: flex-end;
   }

   .table-responsive--md table .user .name {
       width: auto;
   }
}

@media (max-width: 767px) {
   .table-responsive--sm thead {
       display: none;
   }

   .table-responsive--sm tbody tr:nth-child(odd) {
       background-color: #2d46dc05;
   }

   .table-responsive--sm tr th, .table-responsive--sm tr td {
       display: block;
       padding-left: 45% !important;
       text-align: right !important;
   }

   .table-responsive--sm .user-table-list, .table-responsive--sm .customer-details {
       justify-content: flex-end;
   }

   .table-responsive--sm [data-label]::before {
       display: block;
   }
}

@media (max-width: 575px) {
   .table-responsive--xs thead {
       display: none;
   }

   .table-responsive--xs tbody tr:nth-child(odd) {
       background-color: #f5f5f5;
   }

   .table-responsive--xs tr th, .table-responsive--xs tr td {
       display: block;
       padding-left: 45% !important;
       text-align: right !important;
   }

   .table-responsive--xs .user-table-list, .table-responsive--xs .customer-details {
       justify-content: flex-end;
   }

   .table-responsive--xs [data-label]::before {
       display: block;
   }
}

@media (max-width: 1199px) {
   *[class*="table-responsive--"].data-label--none tr th, *[class*="table-responsive--"].data-label--none tr td {
       padding-left: .75rem;
   }
}

.table-sm th,
.table-sm td {
    padding: 8px 15px 7px 15px;
    border-bottom: 0 !important;
    vertical-align: middle;
}

.table-sm thead th {
    background-color: #F6F7FB;
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: 0.03em;
    color: #687182;
    vertical-align: middle;
}

.table-sm td {
    font-weight: 400;
    font-size: 0.875rem;
    letter-spacing: 0.03em;
    color: #000000;
    vertical-align: middle;
}


/* badge */
.badge {
   font-size: 0.75rem !important;
   font-weight: 500;
   vertical-align: middle;
}

.badge-dot i {
   width: 7px;
   height: 7px;
   border-radius: 50%;
   display: inline-block;
}

.badge--pending,
.badge--warning,
.badge--success,
.badge--primary,
.badge--secondary,
.badge--danger,
.badge--light,
.badge--dark {
    border-radius: 999px;
    padding: 4px 8px 4px 6px;
    position: relative;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
}

.badge--warning {
    background-color: rgba(255, 159, 67, 0.1);
    border: 1px solid #ff9f43;
    color: #ff9f43;
}

.badge--success {
    background-color: rgba(40, 199, 111, 0.1);
    border: 1px solid #28c76f;
    color: #28c76f;
}

.badge--danger {
    background-color: rgba(234, 84, 85, 0.1);
    border: 1px solid #ea5455;
    color: #ea5455;
}

.badge--primary {
    background-color: rgba(115, 103, 240, 0.1);
    border: 1px solid #2d46dc;
    color: #2d46dc;
}

.badge--secondary {
    background-color: rgba(115, 103, 240, 0.05);
    border: 1px solid #868e96;
    color: #868e96;
}

.badge--light {
    background-color: #EDEDFC;
    border: 1px solid #EDEDFC;
    color: #222222;
}

.badge--dark {
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid #bababa;
    color: #000000;
}

/* new badge */
.badge--seats {
    position: relative;
    font-weight: 500;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 13px;
}

.badge--reg_no { 
    position: relative;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding: 2px 7px;
    border-radius: 6px;
}

.badge--status { 
    position: relative;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    padding: 2px 6px;
    border-radius: 4px;
}

.badge--violet {
    background-color: #EDEDFC;
    color: #5E5ADB;
}

.badge--gray {
    background: #E9EDF5;
    color: #464F60;
}

/* CUSTOM */
.text-main {
   color: var(--main);
}
.tickets-about__info ul.facilities_list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    gap: 16px;
    flex-direction: column;
    align-items: flex-start;
}
.tickets-about__info ul.facilities_list li {
    list-style: none;
}

.tickets-about__info ul.facilities_list li span {
    font-size: 16px;
    color: #212529;
}
.tickets-about__info ul.facilities_list li i {
    width: 30px;
}
.checkout-stay__seet-legend {
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.search__group.seats{
   flex: 0 0 15.35%;
}
.search__group.date{
   flex: 0 0 18.5%;
}
@media (max-width: 1199px) {
   .search__group.seats{
      flex: 0 0 20%;
   }
}
.search__group .form-control {
   height: 60px;
   font-weight: 600;
}
.search__group .form-control:focus{
   border: 2px solid var(--main);
}
.search__group .form-floating>.form-control:focus, .search__group .form-floating>.form-control:not(:placeholder-shown){
   padding: 10px 18px;
}
.select__item.active {
    color: var(--main);
}

/* select2 */

.select2-container {
   width: 100% !important;
   border-right: 1px solid #CFCFCF;
}
.select2-container--default .select2-selection--single {
   background-color: #fff;
   border: 0;
   border-radius: 0;
}
.select2-container .select2-selection--single {
   height: 60px;
   border: 2px solid transparent;
}
.select2-container .select2-selection--single .select2-selection__rendered {
   padding: 14px 16px 18px 16px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
   font-weight: 600;
   color: #000;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
   height: 60px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
   right: 7px;
}
.select2-results__option {
   padding: 8px 18px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
   border: 1px solid #e3e3e3;
   border-radius: 4px;
}
/* .select2-search--dropdown {
   padding: 4px 16px;
} */
.select2-search--dropdown .select2-search__field {
   padding: 6px 12px;
}
.select2-search__field::placeholder {
   color: #c0c5cf;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
   color: #868FA0;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
   position: absolute;
   top: 0;
   right: 0;
   cursor: pointer;
   font-weight: bold;
   font-size: 24px;
   height: 56px;
   margin-right: 20px;
   padding-right: 0px;
   z-index: 3;
   color: #dfdfe0;
}
.select2-container--default .select2-selection--single .select2-selection__clear:hover {
   color: #868FA0;
   transition: 0.3s ease;
}

/* End select2 */


/* select2-tariff */

.account-tarif__select .select2-container {
   border: 0;
}
.account-tarif__select .select2-container .select2-selection--single {
   border: 1px solid #D9DBDF;
   width: 100%;
   border-radius: 3px;
   height: 56.8px;
   border-width: 1px;
   transition: 0.3s ease;
}
.account-tarif__select .select2-container--default.select2-container--disabled .select2-selection--single {
   background-color: #fff;
   cursor: default;
}
.account-tarif__select .select2-dropdown {
   background-color: white;
   border: inherit;
}
.account-tarif__select .select2-selection__arrow b {
   border-color: #C2C5CE transparent transparent transparent !important;
}
.account-tarif__select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
   border-color: transparent transparent #C2C5CE transparent !important;
}
.account-tarif__select .select2-container--default .select2-selection--single .select2-selection__rendered {
   color: #C2C5CE;
   font-weight: normal;
   font-size: 16px;
   letter-spacing: 0.03em;
   text-transform: inherit;
}
.account-tarif__select .select2-container--disabled .select2-selection__rendered:hover {
   color: #C2C5CE !important;
}
.account-tarif__select .select2-selection__rendered:hover {
   color: #212529 !important;
}
.account-tarif__select .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
   background-color: transparent;
   color: var(--main);
}
.account-tarif__select .select2-container--default .select2-results__option--selected {
   background-color: inherit;
}
.account-tarif__select .select2-results__option {
   padding: 14px !important;
   font-size: 14px;

   text-align: center;
   color: #737373;
   line-height: 1.3;
   font-size: 14px;
   cursor: pointer;
   font-weight: 300;
   border-bottom: 1px solid #E6E6E6;
}

/* End select2-tariff */



/* datepicker */
.ui-widget {
   font-family: inherit;
}
.ui-icon {
   display: none !important;
}
.ui-datepicker td span, .ui-datepicker td a {
   text-align: center;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
   border: 1px solid transparent;
}
.ui-widget-header {
   font-weight: 600;
   background: none;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
   top: 3px;
   text-align: center;
   padding: 2px 4px;
   cursor: pointer;
   border: 1px solid #d2d2d2;
}
.ui-datepicker .ui-datepicker-prev {
   left: 2px;
}
.ui-datepicker .ui-datepicker-next {
   right: 2px;
}
.ui-datepicker .ui-datepicker-prev::before, .ui-datepicker .ui-datepicker-next::before {
   font-family: "Font Awesome 6 Pro";
   font-weight: 400;
   color: var(--main);
}
.ui-datepicker .ui-datepicker-prev::before {
   content: "\f100";
}
.ui-datepicker .ui-datepicker-next::before {
   content: "\f101";
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
   top: 3px;
}
.ui-datepicker {
   z-index: 1070 !important;
}
/* end datepicker */

/* sorting */
a.sorting {
   color: #687182;
   cursor: pointer;
   position: relative;
   color: var(--main);
}

a.sorting:after,
a.sorting:before {
   position: absolute;
   bottom: -0.2em;
   display: block;
   opacity: .3
}

a.sorting:before {
   right: -18px;
   content: "\f0de";
   font-family: 'Font Awesome 6 Pro';
   font-weight: 900;
   font-size: 0.875rem;
   color: var(--main);
}

a.sorting:after {
   content: "\f0dd";
   font-family: 'Font Awesome 6 Pro';
   font-weight: 900;
   right: -18px;
   font-size: 0.875rem;
   color: var(--main);
}

a.sorting_active.sorting_asc:before,
a.sorting_active.sorting_desc:after,
a.sorting:hover:before,
a.sorting:focus:before,
a.sorting_active.sorting_asc:hover:after,
a.sorting_active.sorting_asc:focus:after,
a.sorting_active.sorting_desc:hover:before,
a.sorting_active.sorting_desc:focus:before {
   opacity: 1
}

a.sorting_active.sorting_asc:hover:before,
a.sorting_active.sorting_asc:focus:before,
a.sorting_active.sorting_desc:hover:after,
a.sorting_active.sorting_desc:focus:after {
   opacity: 0.3
}
/* sorting end */

/* tickets-search */
.tickets-way__point-date {
   display: block;
   text-align: center;
   font-size: 12px;
   line-height: 1.5;
   color: #A1A9B8;
}
@media (max-width: 767px) {
   .tickets-way__point-date {
      font-size: 10px;
   }
   .tickets-way__point-date.start-date,
   .tickets-way__point-city.start-city {
      text-align: left;
   }
   
   .tickets-way__point-date.end-date,
   .tickets-way__point-city.end-city {
      text-align: right;
   }
}
/* end tickets-search */

/* scrollToTop */

.scrollToTop {
   width: 40px;
   height: 40px;
   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;
   color: #fff;
   z-index: 9999;
   bottom: 33px;
   right: 64px;
   font-size: 18px;
   position: fixed;
   -webkit-transform: translateY(150px);
   transform: translateY(150px);
   background: var(--main);
   border-radius: 3px;
}

.scrollToTop:hover {
   color: #fff;
   background-color: var(--main-op);
}

.scrollToTop.active {
   -webkit-transform: translateY(0);
   transform: translateY(0);
   -webkit-animation: bounceInDown 2s;
   animation: bounceInDown 2s;
}
/* end scrollToTop */

input::placeholder,
textarea::placeholder {
   color: #a3a3a3 !Important;
}

@media (max-width: 575px) {
    .checkout-stay__content {
      	padding: 16px 27px;
    }
    .checkout-stay__total {
        font-size: 16px;
    }
  	.checkout-head__body h6 {
	    font-size: 12px;
	}
}
/* END CUSTOM */