@import "../css/RkoReset.css";
@import "../css/RkoRangeslider.min.css";
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;800&display=swap');

article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
/*  line-height: 1.7;*/
  color: #737171;
 /*  background: #F3F4F5;*/
  -webkit-text-size-adjust: none;
}

*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

button, input{
  font-family: Aria, Helvetica, sans-serif;
  outline: none;
}

.container {
  max-width: 1160px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.container__content {
  width: 100%;
  max-width: 900px;
}

.container__content.table {
  max-width: 100%;
}

.table {
  /*table-layout: fixed;*/
  width: 100%;
/*  margin-bottom: -27px;
  margin-top:-17px;*/
}

/*  .table th {
   font-size: 11px;
    line-height: 1.2;
    font-weight: 400;
    text-align: left;
    letter-spacing: 0.01em;
    color: #636370;
    padding: 10px 4px 14px;

  }*/
    .first-th {
      padding-left: 0;
      width: 190px !important;
      font-size: 12px!important;
         
    }
    .table th:nth-child(2) {
/*      text-align: right;
        padding: 10px 10px 14px !important;*/
    }
    .table th:last-child {
      padding-right: 0;
      width:85px;
     
    }

  .table td {
    border-top: 1px solid rgba(99, 99, 112, .25);
    padding: 10px 10px 14px;
  }
  .table .title {
    margin-top:17px;
  }
   .info-img-display-none{
    height:23px;
  
    }
    .info-img{
    display: block; /* Строчно-блочный элемент */
    position: relative; /* Относительное позиционирование */
  
    }
    .info-img:hover::after {
    content: attr(data-title); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    right: 8px; bottom: 100%; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background-color:#fff; /* Полупрозрачный цвет фона */
    font-size: 12px; /* Размер текста подсказки */
    padding: 5px 5px; /* Поля */
    border: 1px solid rgba(99, 99, 112, .25); /* Параметры рамки */
    width:140px;
    white-space: pre-line;
    border: 1px solid rgba(48, 62, 80, 0.15);
    box-shadow: 0px 8px 15px rgba(99, 99, 112, 0.3);
    border-radius: 5px;
   }
    .table td:first-child {
      padding-left: 0;
    }
    .table td:last-child {
      padding-right: 0;
    }

td.fitwidth {
    width: 1px;
    white-space: nowrap;
}

  .table .name {
    display: flex;
    align-items: center;
    font-size: 13px;
    letter-spacing: 0.15em;
    font-weight: 600;
    text-transform: uppercase;
    color: #303E50;
    padding-bottom:0;
    padding-left: 0;
    white-space: nowrap;
    margin-bottom: 8px;
    line-height: 20px;
  
  }
    .table .name img {
     margin-right: 8px;
    width: 20px;
    height: 20px;
    margin-top: -2px;
    }

  .description {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.01em;
    color: #434f5c;
    display: flex;
    flex-direction: column;
    text-align:left;
  }

  .tooltip {
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-bottom: 9px;
  }
    .tooltip:hover .tooltip-description{
      opacity: 1;
      visibility: visible;
    }

  .tooltip-description {
    position: absolute;
    bottom: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border: 1px solid rgba(48, 62, 80, 0.15);
    box-sizing: border-box;
    box-shadow: 0 8px 15px rgba(99, 99, 112, 0.3);
    border-radius: 5px;
    min-width: 213px;
    padding: 15px 16px 18px;
    opacity: 0;
    visibility: hidden;
  }
    .tooltip-description::before {
      content: '';
      background: #FFFFFF;
      border-bottom: 1px solid rgba(48, 62, 80, 0.15);
      border-left: 1px solid rgba(48, 62, 80, 0.15);
      box-sizing: border-box;
      width: 12px;
      height: 12px;
      position: absolute;
      top: calc(100% - 5px);
      left: 50%;
      transform: translateX(-50%) rotate(-45deg);
    }

  .price {
    font-size: 17px;
    line-height: 30px;
    font-weight: normal;
    letter-spacing: 0.02em;
    color: #000;
    white-space: -moz-pre-wrap;
    word-break: break-word;
  }

    .price-wrap {
      display: flex;
      flex-direction: column;
    }
    .price-wrap .price{
    font-weight: bold;
    }
    .star {
      display: block;
      height: 16px;
      margin-bottom: 7px;
    }

  .btn-plus {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.01em;
    color: #434f5c;
    position: relative;
    padding-left: 50px;
    cursor: pointer;
    margin-left: 24px;
  }
    .btn-plus::before {
      content: '';
      width: 35px;
      height: 35px;
      border-radius: 50%;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      background: #CA2841  url(../images/plus.png) 50% 50% no-repeat;
    }

  .table-wrapper,
  .table-wrapper-small {
    width: 100%;
    overflow-x: auto;
  }
  
    .table-wrapper-small .table {
      min-width: 1000px;
          
    }
    .table-wrapper .table th {
      vertical-align: middle;
    }
    .table-wrapper .table th table {
      min-height: 46px;
    }
    .table-wrapper .table td {
      vertical-align: bottom;
    }
      .table-wrapper .table th:nth-child(2) {
        width: 85px;
        text-align: left;
      }
      .table-wrapper .table th:nth-child(3),
      .table-wrapper .table th:nth-child(4) {
        width: 120px;
      }
      .table-wrapper .table th:nth-child(5) {
        width: 287px;
      }
      .table-wrapper .table th:nth-child(6) {
        width: 416px;
      }
      .table-wrapper .table th:nth-child(7) {
        width: 287px;
      }
      .table-wrapper .table th:nth-child(8) {
        width: 287px;
      }

      .table-wrapper .table th table th:nth-child(1),
      .table-wrapper .table th table th:nth-child(2),
      .table-wrapper .table td table td:nth-child(1),
      .table-wrapper .table td table td:nth-child(2) {
        width: 60px !important;
      }



      .table-wrapper .table table td {
        border-top: none;
        vertical-align: bottom;
        padding-bottom: 0;
      }
        .table-wrapper .table table {
          vertical-align: bottom;
          table-layout: fixed;
        }
      .table-wrapper .table table td:not(:last-child) {
        border-right: 1px solid rgba(99, 99, 112, .25);
      }
      .table-wrapper .table table th:not(:last-child) {
        border-right: 1px solid rgba(99, 99, 112, .25);
      }
      .table-wrapper .table th table {
        margin: 5px 0;
      }
      .table-wrapper .table table th {
        padding: 6px 8px 8px;
        width: 33.3333% !important;
        vertical-align: middle;
      }
      .table-wrapper .table th .more-info {
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid rgba(99, 99, 112, .25);
        padding-bottom: 4px;
        margin-bottom: 4px;
      }
      .table-wrapper .table table td {
        width: 33.3333% !important;
        padding: 6px 8px 8px;
      }
      .table-wrapper .table table th:first-child{
        padding-left: 0;
      }
      .table-wrapper .table table th:last-child{
        padding-right: 0;
      }

      .table-wrapper .table table td:first-child{
        padding-left: 0;
      }
      .table-wrapper .table table td:last-child{
        padding-right: 0;
      }

      .table-wrapper .table table.four th {
        width: 25% !important;
      }
      .table-wrapper .table table.four td {
        width: 25% !important;
      }

      .table-wrapper .table table {
        width: 100%;
      }

/*----------------------> Links And buttons <------------------*/
a {
  outline:none;
  text-decoration:none;
  cursor:pointer;
}
a:hover{
  text-decoration:none;
}

.btn{
  display:inline-block;
  padding:0 0 0;
  margin: 0 0 0;
 }
  .btn:hover{
    color:#000;
  }

  [data-btn-size="default"]{

  }

  [data-btn-size="medium"]{

  }

  [data-btn-size="large"]{

  }

/*----------------------> Basic Classes <------------------*/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.al_left{text-align: left;}
.al_right {text-align:right}
.al_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

.full_w{
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.val_mid{vertical-align: middle;}

/*----------------------> Positions <------------------*/
.p_abs{position: absolute;}
.p_rel{position: relative;}
.p_fix{position: fixed;}
.clear {clear:both;width:100%;line-height:0;font-size:0;}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wrapper {overflow:hidden}

/*----------------------> Displays <------------------*/

.d_block{ display:block;}
.d_ib{ display:inline-block;}
.d_none{ display:none;}
.d_tc{ display:table-cell;}
.d_t{ display:table;}


/*----------------------> Basic Colors <------------------*/

.accent-color{

}

.accent-bg-color{

}


/*======================> Header <======================*/

header {
  background: #fff;
/*  padding-top: 30px;*/
  margin-bottom: 40px;
}
  .header-container {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    max-width: 1110px;
    width: 100%;
  }
  .logo{
    margin-right: 130px;
    margin-left: 24px;
  }
    .logo a{
      display:block;
    }

    .logo a img{
      max-width: 100%;
      height: auto;
    }

  .city {
    display: flex;
    align-items: center;
  }
    .location {
      margin-right: 12px;
    }

  .city-yes,
  .city-close {
    display: inline-block;
    line-height: 0;
    margin-left: 22px;
  }

 .city-close {
 display: flex;
line-height: 0;
margin-left: 0px;
margin-right: 20px;
color: #434f5c;
  }
  .header-container.login {
    justify-content: space-between;
  }

  .header-left {
    display: flex;
    align-items: center;
  }

    .profile {
      display: flex;
      align-items: center;
      font-size: 18px;
      line-height: 25px;
      font-weight: 600;
      letter-spacing: 0.02em;
      color: #000000;
      margin-right: 100px;
    }
      .profile span {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0.01em;
        color: #636363;
        margin-right: 16px;
      }

    .setting {
      display: flex;
      align-items: center;
    }
      .setting-link:not(:last-child){
        margin-right: 30px;
      }
      .setting-link {
        line-height: 0;
      }

  .header-right {
    display: flex;
    align-items: center;
  }


/*=====================> Content ========================*/
#content {padding:0px 0px 0px 0px; min-height: 1500px;}

.home-page {
  padding-bottom: 120px !important;
}

.container-row {
  padding: 24px 24px 32px;
  background: #fff;
  border-radius: 15px;
}
 .container-row:not(:last-child) {
   margin-bottom: 35px;
 }

 .container-row.bg-none {
   background: transparent;
 }

 .content {
   padding-bottom: 40px;
 }

 .bank {
   display: flex;
 }

  .bank__list {
    display: none;
    flex-wrap: wrap;
    margin-left: 10px;
    margin-right:10px;
  }
    .bank__list.show {
      display: flex;
    }

    .bank__list-row {
      position: relative;
    }
      .bank__list-row input[type='checkbox'] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
        z-index: 4;
      }


   .bank__list-item {
     background: #FFFFFF;
     border: 1px solid #AF9F9F;
     box-sizing: border-box;
     box-shadow: 0px 8px 15px rgba(118, 23, 17, 0.1);
     border-radius: 15px;
     width: 174px;
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 24px;
     margin-left: 10px;
     margin-right: 10px;
     cursor: pointer;
     transition: all .6s;
     opacity: 0.3;
     padding: 5px;
     padding: 10px 30px;

   }
    .bank__list-item.active,
    .bank__list-item:hover,
    .bank__list-row input[type='checkbox']:checked + .bank__list-item {
      transition: all .3s;
      opacity: 1;
    }
    .bank__list-item img{
	width: auto;	
	height: auto;
   /* max-width: 100%;
	max-height: 100%;*/
   }
 .name img{
    max-width: 100%;
    height: auto;
    max-height: 100%;
   }
.container__sitebar {
  margin-top: 66px;
  width: 270px;
  padding-left: 10px;
}
  .sitebar-row {
    position: relative;
    padding-top: 16px;
  }
  .sitebar-row:not(:first-child) {
    margin-top: 10px;
  }
    .sitebar-row::before{
        content: '';
        height: 1px;
        width: 100%;
        background: #434f5c;
        position: absolute;
        top: 0;
        left: 0;
        opacity: .25;
    }
  .container__sitebar h4 {
    font-size: 14px;
    line-height: 10px;
    letter-spacing: 0.01em;
    margin-bottom: 26px;
  }

.btn {
  background: #CA2841 ;
  border-radius: 44px;
  padding: 9px 10px;
  font-size: 17px;
  line-height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  color: #fff;
  border: none;
  cursor: pointer;
  min-width: 200px;
   transition:0.3s;
}

.redbtn {
    background: #CA2841;
    border-radius: 44px;
    padding: 9px 10px;
    font-size: 17px;
    line-height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    letter-spacing: 0.02em;
    color: #fff;
    border: none;
    cursor: pointer;
    min-width: 200px;
    transition: 0.3s;
}

  .btn:hover {
    color: #fff;
    background:#A61F34;
    transition:0.3s;
  }
  .main-btn{
  padding: 18px 10px;
  margin-top:20px;
  }

.sitebar-double {
  display: flex;
}

    .sitebar-double label {
        position: relative;
        cursor: pointer;
        margin-bottom: 16px;
        margin-top:0;
    }

    .sitebar-double input {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        z-index: 2;
        cursor: pointer;
    }

.sitebar-double input:checked + span {
  background: #708090;
  color: #fff;
}

    .sitebar-double span {
        padding: 8px 10px;
        min-width: 95px;
        font-weight: 600;
        font-size: 17px;
        line-height: 23px;
        display: inline-block;
        text-align: center;
        letter-spacing: 0.02em;
        color: #434f5c;
        background: #fff;
        border-radius: 44px;
    }

.sitebar-double label:not(:last-child) {
  margin-right: 10px;
}

.sitebar-checkbox input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

    .sitebar-checkbox input:checked + span {
        background: #708090;
        color: #fff;
    }

.sitebar-checkbox label {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    .sitebar-checkbox label:not(:last-child) {
        margin-bottom: 7px;
    }

    .sitebar-checkbox label:is(:last-child) {
        margin-bottom: 10px;
    }

.sitebar-checkbox span {
    font-size: 17px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    letter-spacing: 0.02em;
    color: #434f5c;
    background: #fff;
    border-radius: 44px;
    min-width: 200px;
    padding: 8px 10px;
    margin-bottom:10px;
}


.sitebar-checkbox-list label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    line-height: 10px;
}

    .sitebar-checkbox-list label:is(:last-child) {
        margin-bottom: 18px;
        margin-top: 10px;
    }

    .sitebar-checkbox-list label:is(:first-child) {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .sitebar-checkbox-list label:not(:first-child):not(:last-child) {
        margin-top: 8px;
        margin-bottom: 8px;
    }

.sitebar-checkbox-list {
    margin-bottom: 10px;
}

    .sitebar-checkbox-list span {
        font-size: 16px;
        font-weight: bold;
        line-height: 16px;
        letter-spacing: 0.01em;
        color: #000000;
        position: relative;
        padding-left: 40px;
        display: flex;
    }
    .sitebar-checkbox-list span::before {
        display: block;
        content: '';
        background: rgba(99, 99, 112, .25) url(../images/arrow.png) 55% 55% no-repeat;
        width: 21px;
        height: 21px;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-55%);
    }

.sitebar-checkbox-list input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.sitebar-checkbox-list input:checked + span::before {
  background-color: #CA2841 ;
}

.range {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -51px;
}

  .range__row {
    width: calc(50% - 23px);
    margin-top: 51px;
  }

  .range__row label {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.01em;
    color: #434f5c;
  }

.range-wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 19px 18px 15px;
}

.range-wrapper output {
  margin-right: 6px;
}

.range-wrapper input {
  width: 100%;
}

.range-wrapper {
  height: 66px;
  background: #F3F4F5;
  border-radius: 4px 4px 0px 0px;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.02em;
  color: #000000;
  position: relative;
}

.range-wrapper input {
  position: absolute;
  bottom: -4px;
  left: -2px;
  right: -2px;
}

.text-input{
    bottom: 0%;
background: none;
border: none;
height: inherit;
padding-left: 32px;
font-weight: 400;
font-size: 18px;
line-height: 25px;
letter-spacing: 0.02em;
/*padding: 39px 20px;*/
font-family: 'Nunito Sans', sans-serif;
}
.ruble{
position: absolute;
right: 20px;
color: #677992;
}

.profile-name-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #E5E5E5;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-name {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn:disabled {
  background: #FFAFAA;
  cursor: default;
}

.profile-name label {
  display: block;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.01em;
  white-space: nowrap;
  color: #434f5c;
  margin-right: 26px;
}

.profile-name input {
  background: #FFFFFF;
  border-radius: 44px;
  padding: 8px 20px;
  border: none;
  height: 40px;
  font-size: 17px;
  line-height: 23px;
  letter-spacing: 0.02em;
  color: #000000;
  max-width: 380px;
  width: 100%;
}
.profile-name input::placeholder {
  color: #000;
}

.profile-name .btn {
  min-width: 140px;
  margin-left: 15px;
}

.bank .title-2 {
  margin-bottom: 0;
  margin-right: 30px;
  padding-right: 30px;
  display:inline-block;
  border-right: 1px solid rgba(99, 99, 99, 0.24);
}

.container-row.bank-row {
    padding-top: 32px;

}

.container-row.Login {
    padding-top: 32px;
    position: absolute;
    top: 35%;
    left: 40%;
    margin-top: -50px;
    margin-left: -50px;
    width: 414px;
    height: 380px;
}


.title.Login {
    /*padding-top: 32px;*/
    position: absolute;
    top: 16%;
    left: 38%;
    /* margin-top: -50px;
    margin-left: -50px;*/
    width: 414px;
    height: 380px;
}

.bank {
  display: flex;
  align-items: center;
}
.bank-name-list{
display:flex;
}
.bank__status  {
display: flex;
}
.bank__status label {
margin-top:0;
}

  .bank-setting {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .bank-all {
    position: relative;
    padding-left: 40px;
  }
    .bank-all::before {
      background: rgba(99, 99, 112, .25) url(../images/arrow.png) 55% 55% no-repeat;
      display: block;
      content: '';
      width: 25px;
      height: 25px;
      border-radius: 50%;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-55%);
    }

    .status-all::before{
      background: #CA2841  url(../images/arrow.png) 55% 55% no-repeat;
    }

  label .bank-all {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.02em;
    color: #000000;
  }

  .bank__cta-change {
    font-size: 14px;
    line-height: 41px;
    letter-spacing: 0.01em;
    color: #434f5c;
    position: relative;
    padding-right: 60px;
    cursor: pointer;
  }
    .bank__cta-change::before{
      content: '';
      width: 41px;
      height: 41px;
      border-radius: 50%;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      background: #CA2841  url(../images/plus.png) 50% 50% no-repeat;
    }
    .bank__cta-change.hide {
      display: none;
    }

  .bank__cta-change-double {
    display: none;
    align-items: center;
  }
  .bank__cta-change-double.show {
    display: flex;
  }
    .bank__cta-change-double .btn {
      min-width: 140px;
    }
    .simple-link {
      font-size: 14px;
      line-height: 16px;
      letter-spacing: 0.01em;
      color: #434f5c;
      margin-right: 20px;
    }

.city__modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255, .7);
  display: none;
  z-index: 7;
}
  .city__modal-bg{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: '';
  }
  .city__modal.show {
    display: flex;
  }

  .city__modal-content {
    padding: 32px;
    background: #fff;
    border: 1px solid #F1F1F1;
    box-sizing: border-box;
    box-shadow: 0px 8px 20px rgba(118, 23, 17, 0.15);
    border-radius: 15px;
    width: 100%;
    max-width: 400px;
    position: relative;
    z-index: 2;
  }

    .city__modal-content input {
      border: 1px solid #AF9F9F;
      box-sizing: border-box;
      border-radius: 44px;
      box-shadow: none;
      width: 100%;
      font-size: 17px;
      line-height: 23px;
      font-weight: 500;
      letter-spacing: 0.02em;
      color: #000;
      padding: 8px 20px 9px;
      margin-bottom: 25px;
    }
      .city__modal-content input::placeholder {
        color: #000;
      }

  .city__modal-list a {
    font-size: 17px;
    line-height: 23px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #000;
    position: relative;
    padding-right: 27px;
  }
    .city__modal-list .active a::before {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 14px;
      height: 10px;
      background: url("../images/yes.png") 0 0 no-repeat;
      content: '';
    }

  .city__modal-list li {
    margin-bottom: 15px;
  }


.rangeslider,
.rangeslider__fill {
  transition: background 0.3s;
}

.rangeslider--is-lowest-value {
  background-color: white;
}

.rangeslider--is-highest-value .rangeslider__fill {
  background-color: hotpink;
}

.rangeslider__handle {
  background: #CA2841 ;
  box-shadow: 0 4px 4px rgba(199, 2, 2, 0.25);
  border: none;
  width: 19px;
  height: 19px;
  position: relative;
  z-index: 4;
  top: -11px !important;
}

.rangeslider--horizontal {
  height: 3px;
  background: transparent;
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  box-shadow: none;
}
  .rangeslider--horizontal::before {
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #434f5c;
    opacity: 0.7;
    content: '';
  }

.rangeslider__fill,
.rangeslider--is-highest-value .rangeslider__fill {
  background: #CA2841 ;
  position: relative;
  z-index: 3;
}

.header-mobile-btn,
.header-mobile-user-btn {
  width: 33px;
  height: 33px;
  background: #E00E00;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.header-mobile-user-btn {
  background: rgba(48, 62, 80, 0.2);
  margin-right: 11px;
}

  .header-mobile {
    display: none;
  }

  .header-mobile-content,
  .header-mobile-user-content {
    position: fixed;
    left: 0;
    top: 86px;
    right: 0;
    transform: translateX(-140%);
    background: #fff;
    padding: 21px 15px 25px;
    z-index: 999;
  }

  .header-mobile-content .city {
    border-bottom: 1px solid rgba(99, 99, 112, 0.25);
    padding-bottom: 20px;
    margin-bottom: 15px;
  }

  .header-mobile-content .profile {
    display: flex;
    flex-direction: column;
    margin-right: 0;
  }

  .header-mobile-content .profile span {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    margin-right: 0;
  }
    .header-mobile-content .profile div {
      display: flex;
      align-items: center;
    }

    .profile-information {
      display: flex;
      width: 100%;
      justify-content: space-between;
    }

  .show .header-mobile-content,
  .show-user .header-mobile-user-content {
    transform: translateX(0);
  }

  .name {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #CA2841 ;
    padding-left: 10px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    
  }

  .mobile-user-menu {
    padding-bottom: 12px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(99, 99, 112, 0.25);
  }

  .mobile-user-menu li:not(:last-child) {
    margin-bottom: 20px;
  }

  .mobile-user-menu a {
    font-weight: 600;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 0.02em;
    color: #000000;
    padding-left: 10px;
  }

  .exit {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #434f5c;
    padding-left: 10px;
  }

.hidden {
  overflow: hidden;
}

/*============================ section name =============================*/
/*============================ section name =============================*/
/*============================ section name =============================*/
/*============================ section name =============================*/
/*============================ section name =============================*/
/*============================ section name =============================*/



/*=====================> Paragraphs ========================*/

p {margin-bottom:18px}
.mb1{ margin-bottom:1px;}
.mb2{ margin-bottom:2px;}
.mb3{ margin-bottom:3px;}
.mb4{ margin-bottom:4px;}
.mb5{ margin-bottom:5px;}
.mb6{ margin-bottom:6px;}
.mb7{ margin-bottom:7px;}
.mb8{ margin-bottom:8px;}
.mb9{ margin-bottom:9px;}
.mb10{ margin-bottom:10px;}
.mb11{ margin-bottom:11px;}
.mb12{ margin-bottom:12px;}
.mb13{ margin-bottom:13px;}
.mb14{ margin-bottom:14px;}
.mb15{ margin-bottom:15px;}
.mb16{ margin-bottom:16px;}
.mb17{ margin-bottom:17px;}
.mb18{ margin-bottom:18px;}
.mb19{ margin-bottom:19px;}
.mb20{ margin-bottom:20px;}
.mb21{ margin-bottom:21px;}
.mb22{ margin-bottom:22px;}
.mb23{ margin-bottom:23px;}
.mb24{ margin-bottom:24px;}
.mb25{ margin-bottom:25px;}
.mb26{ margin-bottom:26px;}
.mb27{ margin-bottom:27px;}
.mb28{ margin-bottom:28px;}
.mb29{ margin-bottom:29px;}
.mb30{ margin-bottom:30px;}
.mb31{ margin-bottom:31px;}
.mb32{ margin-bottom:32px;}
.mb33{ margin-bottom:33px;}
.mb34{ margin-bottom:34px;}
.mb35{ margin-bottom:35px;}
.mb36{ margin-bottom:36px;}
.mb37{ margin-bottom:37px;}
.mb38{ margin-bottom:38px;}
.mb39{ margin-bottom:39px;}
.mb40{ margin-bottom:40px;}
.mb41{ margin-bottom:41px;}
.mb42{ margin-bottom:42px;}
.mb43{ margin-bottom:43px;}
.mb44{ margin-bottom:44px;}
.mb45{ margin-bottom:45px;}
.mb46{ margin-bottom:46px;}
.mb47{ margin-bottom:47px;}
.mb48{ margin-bottom:48px;}
.mb49{ margin-bottom:49px;}
.mb50{ margin-bottom:50px;}
.mb51{ margin-bottom:51px;}
.mb52{ margin-bottom:52px;}
.mb53{ margin-bottom:53px;}
.mb54{ margin-bottom:54px;}
.mb55{ margin-bottom:55px;}
.mb56{ margin-bottom:56px;}
.mb57{ margin-bottom:57px;}
.mb58{ margin-bottom:58px;}
.mb59{ margin-bottom:59px;}
.mb60{ margin-bottom:60px;}
.mb61{ margin-bottom:61px;}
.mb62{ margin-bottom:62px;}
.mb62{ margin-bottom:62px;}
.mb63{ margin-bottom:63px;}
.mb64{ margin-bottom:64px;}
.mb65{ margin-bottom:65px;}
.mb66{ margin-bottom:66px;}
.mb67{ margin-bottom:67px;}
.mb68{ margin-bottom:68px;}
.mb69{ margin-bottom:69px;}
.mb70{ margin-bottom:70px;}

.mb75{ margin-bottom: 75px;}


/*=====================> Lists ========================*/
.list-1{}
  .list-1 li{
    padding-left:20px;
  }
    .list-1 a{}

.list-2{}
  .list-2 li{
    padding-left:20px;
  }
    .list-2 a{}

.list-3{}
  .list-3 li{
    padding-left:20px;
  }
    .list-3 a{}

/*=====================> Titles ========================*/
h1,h2,h3,h4,h5,h6{
  font-weight:normal;
}

h1,
h2 {
  padding-left: 24px;
}

.title{
  font-weight: 800;
  font-size: 36px;
  line-height: 49px;
  letter-spacing: 0.02em;
  color: #000000;
  margin-bottom: 16px;
  margin-top:50px;
}

.title-1 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #000000;
    margin-bottom: 12px;
}

.title-2{
  font-weight: 800;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0.02em;
  color: #000000;
  margin-bottom: 12px;
}


/*================================>> GOOGLE FONTS  <<========================================*/



/*================================>> hovers <<========================================*/
a{
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
a:hover{
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}



/*================================>> Contact Form <<========================================*/
.form__row{

}

.txt-field{
  margin:0;
  font-size:12px;
  border:1px solid #e7e7e7;
  color:#969696;
  padding:7px 10px;
  outline:none;
  position:relative;
  font-family:Arial, Helvetica, sans-serif;
  background:#fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.msg-field{
  overflow:auto;
  resize:none;
  margin: 0 0 0 0;
}

/*================================>> Footer <<========================================*/
footer {
  padding:22px 0 26px;
}
.social{
  overflow:hidden;
}
.social a{
  display:block;
  float:left;
  width:32px;
  height:32px;
  overflow:hidden;
  margin-left:8px;
}
.social a:first-child{margin: 0 0 0 0;}
.social a:hover img{
  margin-top:-32px;
}

/*============================= Easy responsive tabs ============================*/


.resp-tabs-list li {

}


h2.resp-accordion {
    display: none;
}

.resp-tab-content {
    display: none;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-easy-accordion  h2.resp-accordion {
        display: block;
}

.resp-tab-content-active {
    display: block;
}


@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }


    .resp-accordion-closed {
        display:none !important;
    }
.bank {

    flex-direction: column;
    align-items: baseline;
}
.bank .title-2 {
    border-right: none;
}
}
@media only screen and (max-width: 828px) {
 .bank__list-item{
 width: 100%;
 margin-left: 0;
 }
 .bank__list-row{
 width: 50%;
 padding: 0 10px;
 }
}

@media only screen and (max-width: 480px) {

.sitebar-checkbox-list label:last-child {
 margin-left:15px;
}
}


@media only screen and (max-width: 430px) {

.bank-setting {
  flex-direction: column;
}
.bank__cta{
margin-top: 13px;
}
}
@media only screen and (max-width: 400px) {

 .bank__list-row{
 padding: 0 5px;
 }
}
@media only screen and (max-width: 398px) {

.sitebar-checkbox-list label {
    display: block;
}
.sitebar-checkbox-list label:last-child {
    margin-left: 0;
}
}

/*============================ Arctic modal =============================*/
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }


/*generated with Input range slider CSS style generator*/
input[type=range].styled-slider {
    height: 3px;
    -webkit-appearance: none;
    background: rgba(67, 79, 92, 0.6);
    border-radius: 5px;
    background-image: linear-gradient(#ca2841, #ca2841);
    background-size: 0% 100%;
    background-repeat: no-repeat;
}

/*progress support*/
input[type=range].styled-slider.slider-progress {
  --range: calc(var(--max) - var(--min));
  --ratio: calc((var(--value) - var(--min)) / var(--range));
  --sx: calc(0.5 * 2em + var(--ratio) * (100% - 2em));
}

input[type=range].styled-slider:focus {
  outline: none;
}

/*webkit*/
input[type=range].styled-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: #CA2841 ;
  border: none;
  box-shadow: 0px 4px 4px rgba(199, 2, 2, 0.25);
  margin-top: calc(1px * 0.5 - 19px * 0.5);
}

input[type=range].styled-slider::-webkit-slider-runnable-track {
  height: 1px;
  border: none;
  border-radius: 1em;
  background: transparent;
  box-shadow: none;
}
input[type=range].styled-slider::-webkit-slider-thumb:hover {
  background: #CA2841 ;
}

input[type=range].styled-slider:hover::-webkit-slider-runnable-track {
  background: transparent;
}

input[type=range].styled-slider::-webkit-slider-thumb:active {
  background: #CA2841 ;
}

input[type=range].styled-slider:active::-webkit-slider-runnable-track {
  background: transparent;
}

input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {
  background: linear-gradient(#CA2841 ,#CA2841 ) 0/var(--sx) 100% no-repeat, #EFEFEF;
}

input[type=range].styled-slider.slider-progress:hover::-webkit-slider-runnable-track {
  background: linear-gradient(#CA2841 ,#CA2841 ) 0/var(--sx) 100% no-repeat, #e5e5e5;
}

input[type=range].styled-slider.slider-progress:active::-webkit-slider-runnable-track {
  background: linear-gradient(#CA2841 ,#CA2841 ) 0/var(--sx) 100% no-repeat, #f5f5f5;
}

/*mozilla*/

input[type=range].styled-slider::-moz-range-thumb {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: #CA2841 ;
  border: none;
  box-shadow: 0px 4px 4px rgba(199, 2, 2, 0.25);
}
input[type=range].styled-slider::-moz-range-track {
  height: 1px;
  border: none;
  border-radius: 1em;
  background: #EFEFEF;
  box-shadow: none;
}

input[type=range].styled-slider::-moz-range-thumb:hover {
  background: #CA2841 ;
}

input[type=range].styled-slider:hover::-moz-range-track {
  background: #e5e5e5;
}

input[type=range].styled-slider::-moz-range-thumb:active {
  background: #CA2841 ;
}

input[type=range].styled-slider:active::-moz-range-track {
  background: #f5f5f5;
}

input[type=range].styled-slider.slider-progress::-moz-range-track {
  background: linear-gradient(#CA2841 ,#CA2841 ) 0/var(--sx) 100% no-repeat, #EFEFEF;
}

input[type=range].styled-slider.slider-progress:hover::-moz-range-track {
  background: linear-gradient(#CA2841 ,#CA2841 ) 0/var(--sx) 100% no-repeat, #e5e5e5;
}

input[type=range].styled-slider.slider-progress:active::-moz-range-track {
  background: linear-gradient(#CA2841 ,#CA2841 ) 0/var(--sx) 100% no-repeat, #f5f5f5;
}

/*ms*/
input[type=range].styled-slider::-ms-fill-upper {
  background: transparent;
  border-color: transparent;
}

input[type=range].styled-slider::-ms-fill-lower {
  background: transparent;
  border-color: transparent;
}

input[type=range].styled-slider::-ms-thumb {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: #CA2841 ;
  border: none;
  box-shadow: none;
  margin-top: 0;
  box-sizing: border-box;
}

input[type=range].styled-slider::-ms-track {
  height: 1px;
  border-radius: 1em;
  background: #EFEFEF;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
}

input[type=range].styled-slider::-ms-thumb:hover {
  background: #CA2841 ;
}

input[type=range].styled-slider:hover::-ms-track {
  background: #e5e5e5;
}

input[type=range].styled-slider::-ms-thumb:active {
  background: #CA2841 ;
}

input[type=range].styled-slider:active::-ms-track {
  background: #f5f5f5;
}

input[type=range].styled-slider.slider-progress::-ms-fill-lower {
  height: 1px;
  border-radius: 1em 0 0 1em;
  margin: 0;
  background: #CA2841 ;
  border: none;
  border-right-width: 0;
}

input[type=range].styled-slider.slider-progress:hover::-ms-fill-lower {
  background: #CA2841 ;
}

input[type=range].styled-slider.slider-progress:active::-ms-fill-lower {
  background: #CA2841 ;
}

.th-fixed-con {

  width: calc(100% - 18px);
  max-width: 1110px;
  position: fixed;
  z-index: 1;
  top: 0;
  overflow: hidden;
  padding: 0px 10px;
  background: #fff;
  box-shadow: 4px 5px 5px #e1e1e1;
  display: none;
}

.th-fixed {
  display: none;
  position: fixed;
  top: 0;
  z-index: 1;
  padding-top: 20px;
  min-width: 1024px;
  padding-left: 0;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-button {
    width: 6px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background: #eee;
    border: thin solid lightgray;
    box-shadow: 0px 0px 3px #dfdfdf inset;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #999;
    border: thin solid gray;
    border-radius: 10px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #7d7d7d;
    }