body {margin: 0; font-family: Montserrat;}
.wrap {display: flex; flex-direction: column; justify-content: space-between; min-height: 100%;}
.header {height: 70px; background-color: #021327;}
.header-menu {font-family: Montserrat;}
.header-col {height: 70px; display: flex; align-items: center;}
.header-col-left {display: flex; flex-direction: row; justify-content: space-between; width: 100%; align-items: center;}
.header-menu-block {height: 56px;}
.header-menu-ttg .navbar {background: #021327 !important;}
.header-menu-ttg .nav-link {color: rgba(255, 255, 255, 0.9) !important; font-weight: bold !important;}
.header-menu-ttg .nav-link.active {color: rgba(255, 255, 255, 0.9) !important; font-weight: bold !important;}
.header-info-list {list-style-type: none; font-size: 12px; margin-bottom: 0;}
.header-info-list li {display: flex; align-items: center;}
.header-info-list li img {margin-right: 10px;}
.header-tel {color: #fff;}
.header-mail {color: #00B5D2;}
.header-enter-button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(0, 181, 210, 0.37);
    box-shadow: 0px 4px 2px rgba(0, 181, 210, 0.24);
    border: 1px solid rgba(1, 111, 128, 0.24);
}
.header-enter-button:hover {color: #fff; text-decoration: none;}
.header-menu-ttg .navbar-ttg {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; z-index: 1;}
/*Меню - сжатие*/
.header-enter {padding-left: 120px;}
.header-menu-ttg .navbar-nav .nav-item + .nav-item {padding-left: 50px;}
/*top*/
.top {height: 540px; position: relative;}
.top video {width: 100%; height: 100%; object-fit: cover;}
.top-info-block {position: absolute; top: 0; left:50%; margin-left: 120px; width: 30%; max-width: 430px; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.top-info-1 {font-weight: 800; font-size: 36px; color: #fff; font-family: Raleway;}
.top-info-2 {font-weight: 500; font-size: 18px; color: #fff; font-family: Montserrat;}
.top-info-but {background-color: rgba(0, 181, 210, 1); color: #fff; border-radius: 15px; padding: 8px 20px; width: 195px; box-sizing: border-box;}
.top-info-but:hover {text-decoration: none; color: #fff;}
/* trust */
.trust {background-color: #020E1E; min-height: 250px; padding-top: 40px; box-sizing: border-box;}
.title1 {color: #fff; font-family: Raleway; text-align: center;}
.title1-black {color: #02162F; font-family: Raleway; text-align: center;}
.logo-block {display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}
.logo-block .logo-item {margin: 7px 30px;}
/* advantages */
.advantages {background-image: url(../img/advantages-bg.png); min-height: 700px; background-size: cover; padding: 15px;}
.advantages .container {height: 700px;}
.advantages-row1 {height: 600px;}
.advantages-row2 {height: 70px; padding-top: 30px;}
.advantages-block-type1 {position: relative;}
.advantages-block-type2 {display: flex; flex-direction: column; justify-content: space-around;}
.advantages .advantages-block1 {display: flex; flex-direction: column; background: #FFFFFF; border-radius: 20px; padding: 16px 26px; width: 242px; height: 71px; margin-bottom: 15px;}
.advantages .advantages-block1 p {font-family: Montserrat; font-size: 14px; color:rgb(2, 22, 47); line-height: 17px; font-weight: 500; margin-bottom: 3px;}
.advantages .advantages-block2 {display: flex; flex-direction: column; background: #00B5D2; border-radius: 20px; padding: 12px 26px 14px 26px; width: 280px; box-sizing: border-box; margin-bottom: 15px;}
.advantages .advantages-block2 h3 {font-family: Montserrat; font-size: 36px; color: #fff; line-height: 44px; font-weight: 600; margin-bottom: 3px;}
.advantages .advantages-block2 p {font-family: Montserrat; font-size: 18px; color: #fff; line-height: 22px; font-weight: 600; margin-bottom: 3px;}
.ab1-1, .ab1-2, .ab1-3, .ab1-4, .ab1-5 {position: absolute;}
.ab1-1 {top: 50px; left: 160px;}
.ab1-2 {top: 35px; right: 90px;}
.ab1-3 {bottom: 230px; left: 550px;}
.ab1-4 {bottom: 40px; left: 220px;}
.ab1-5 {bottom: 0; right: 50px;}
.title2 {color: #2AF1E0; font-family: Raleway; font-weight: 600; font-size: 32px; line-height: 37px;}
/* trading */
.trading {background-image: url(../img/trading-bg.png); background-size: cover; padding-top: 60px; padding-bottom: 40px;}
.trading .title1 {text-align: left;}
.trading-search-block {position: relative; margin-top: 35px;}
.trading-search-inp {width: 100%; padding: 7px 15px 7px 15px; border: 1px solid black; border-radius: 10px; font-family: Montserrat; font-size: 18px; color: #6c6c6c; font-weight: 500; outline: none; cursor: pointer;}
.trading-search-but {position: absolute; right: 8px; top: 8px; background: none; border: none;}
.trading-table .table {border-collapse: separate; border-spacing: 0 10px;}
.trading-table .table td {border: none; font-size: 14px; font-family: Montserrat; font-weight: 500; line-height: 17px;}
.trading-table tr:nth-child(odd) {background-color: #A4FEFB; color: #02162F;}
.trading-table tr:nth-child(even) {background-color: #00233D; color: #fff;}
.trading-table tr td:first-child {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.trading-table tr td:last-child {border-top-right-radius: 10px; border-bottom-right-radius: 10px; white-space: nowrap;}
.trading-steps {padding-top: 30px; padding-bottom: 30px;}
.trading-steps .title1-black {margin-bottom: 70px;}
.trading-main-block {display: flex;}
.trading-block {flex: 0 0 25%; position: relative; padding: 0 10px 10px 10px;}
.trading-ico-block {display: flex; justify-content: center; position: relative; z-index: 1;}
.trading-main-block .trading-block .trading-line-block {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #E8E8E8;
    left: 0;
    top: 6px;
    z-index: 0;
}
.trading-main-block .trading-block:first-child .trading-line-block {
    position: absolute;
    width: 50%;
    height: 2px;
    background-color: #E8E8E8;
    left: 50%;
    top: 6px;
    z-index: 0;
}
.trading-main-block .trading-block:last-child .trading-line-block {
    position: absolute;
    width: 50%;
    height: 2px;
    background-color: #E8E8E8;
    left: 0;
    top: 6px;
    z-index: 0;
}
.trading-title {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #00B5D2;
    text-align: center;
    margin-top: 40px;
}
.trading-txt {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #02162F;
    text-align: center;
    margin-top: 5px;
}
.tariff-plan {padding-top: 30px; padding-bottom: 30px;}
.tariff-plan .title1-black {margin-bottom: 30px;}
.tariff-plan-main-block {
    display: flex;
}
.tariff-plan-block {
    border: 1px solid #C4C4C4;
    border-radius: 20px;
    min-height: 455px;
    width: calc(50% - 10px);
    height: 470px;
    margin-right: 20px;
    padding-top: 40px;
}
.tariff-title {
    font-family: Montserrat;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
}
.tariff-table {
    display: flex;
    margin-top: 50px;
    height: 250px;
}
.tariff-first, .tariff-second, .tariff-third {
    flex: 0 0 33%;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tariff-second {padding-top: 10px;}
.tariff-max-img-block {
    position: relative;
    width: 120px;
    height: 120px;
    background-image: url(../img/tariff-max.png);
}
.tariff-min-img-block {
    position: relative;
    width: 85px;
    height: 85px;
    background-image: url(../img/tariff-min.png);
}
.tariff-min-month {
    position: absolute;
    top: 0;
    right: 5px;
    font-family: Montserrat;
    font-size: 36px;
    font-weight: 600;
    color: #00B5D2;
    line-height: 30px;
}
.tariff-max-month {
    position: absolute;
    top: 8px;
    right: -15px;
    font-family: Montserrat;
    font-size: 64px;
    font-weight: 600;
    color: #00B5D2;
    line-height: 30px;
}
.tariff-txt {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    margin-top: 15px;
}
.tariff-first .itog-sum, .tariff-third .itog-sum {
    font-family: Montserrat;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
}
.tariff-second .itog-sum {
    font-family: Montserrat;
    text-align: center;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
}
.tariff-block-button {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.tariff-button {
    padding: 10px 20px;
    background-color: #00B5D2;
    border-radius: 15px;
    font-family: Montserrat;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.tariff-button:hover {
    color: #fff;
    text-decoration: none;
}
.footer {
    background-color: #021327;
    min-height: 245px;
}
.footer-row {
    padding-top: 45px;
    padding-bottom: 45px;
}
.logo-footer-block {
    display: flex;
    align-items: center;
    height: 100%;
}
.footer-txt-1 {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
}
.footer-txt-1 p:last-child {margin-bottom: 0;}
.footer-txt-1 a {
    color: #00B5D2;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}
.footer-txt-1 a:hover {
    color: #00B5D2;
    text-decoration: underline;
}
.footer-menu {
    list-style-type: none;
    padding-left: 0;
}
.footer-menu li {
    margin-bottom: 15px;
}
.footer-menu li:last-child {
    margin-bottom: 0;
}
.footer-menu li a {
    color: #fff;
    font-family: Raleway;
    font-weight: 800;
    font-size: 16px;
    line-height: 19px;
}
.trading-floor .top {
    padding-top: 50px;
    background-image: url(../img/trading-floor-top-bg.png);
    background-size: cover;
    height: auto;
}
.trading-floor-title-h2 {
    font-family: Raleway;
    color: #00B5D2;
    font-weight: 600;
    font-size: 32px;
    line-height: 38px;
}
.form-label {
    font-family: Montserrat;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
}
.lot-search-form {
    margin-top: 35px;
}
.trading-search-block-floor {
    margin-top: 0;
}
.filters-block-form {
    margin-top: 50px;
}
.filter-input-all-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.filter-input-block {
    width: calc(50% - 10px);
    margin-bottom: 20px;
}
.filter-input-block-50 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.filter-input-block-50-2 {
    width: calc(50% - 10px);
}
.filters-form-select option:first-child {
    display: none;
}
.filters-form-select {
    width: 100%;
    padding: 8px 15px 10px 15px;
    border: 1px solid black;
    border-radius: 10px;
    font-family: Montserrat;
    font-size: 18px;
    color: #6c6c6c;
    font-weight: 500;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/select-arrow.png) 96% / 14px no-repeat #fff;
}
/* CAUTION: IE hackery ahead */
.filters-form-select::-ms-expand { 
    display: none; /* remove default arrow on ie10 and ie11 */
}
/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    .filters-form-select {
        background:none\9;
        padding: 5px\9;
    } 
}
.datepicker {
    background: url(../img/date-ico.png) 98% / 22px no-repeat #fff;
}
.product-table-block {
    background: linear-gradient(180deg, #000000 2.85%, #1C6B80 37.74%, #00B5D2 65.87%, #7CDEEE 99.72%);
}
.product-table-block .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 37px;
    background: rgba(0, 181, 210, 0.24);
    border: 1px solid rgba(255, 255, 255, 0.35);
    box-sizing: border-box;
    border-radius: 10px!important;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    margin-right: 25px;
    margin-bottom: 15px;
}
.product-table-block .nav-item:last-child {
    margin-right: 0;
}
.product-table-block .nav-pills .nav-link.active {
    background-color: #fff;
    color: #00B5D2;
}
.product-table-block {
    padding-top: 25px;
    padding-bottom: 25px;
}
.trading-table .trade-table {border-spacing: 0 35px; margin-bottom: 0;}
.trading-table .trade-table td {vertical-align: middle;}
.trade-table td:nth-child(1) {max-width: 120px;}
.trade-table td:nth-child(2) {max-width: 150px;}
.trade-table td:nth-child(2) img {
    border-radius: 15px;
    width: 110px;
    height: 110px;
    object-fit: cover;
}
.trade-table td:nth-child(3) {max-width: 380px;}
.trade-table td:nth-child(4) {max-width: 270px;}
.trade-table td:nth-child(5) {max-width: 120px;}
.trade-table td:nth-child(6) {max-width: 120px;}
.trade-table td:nth-child(7) {width: 120px;}
.trading-table .trade-table tr td:last-child {
    white-space: normal;
}
.trading-floor .trading-table tr:nth-child(odd) {
    background-color: #00233D;
    color: #fff;
}
.trading-floor .trading-table tr:nth-child(odd) a {color: #fff;}
.trading-floor .trading-table tr:nth-child(even) {
    background-color: #A4FEFB;
    color: #02162F;
}
.trading-floor .trading-table tr:nth-child(even) a {color: #02162F;}
.trading-floor .trading-table tr:first-child {
    background-color: transparent;
    color: #02162F;
}
.trading-floor .trading-table tr:first-child td {
    padding: 0 3px;
}
.trade-table .head-but {
    background: #FFFFFF;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}
.more-block {
    display: flex;
    justify-content: center;
    cursor: pointer;
    margin-top: 30px;
    margin-bottom: 40px;
}
.more-button {
    color: #fff;
    background: #021327;
    border-radius: 15px;
    width: 150px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.comp-name {
    padding: 8px 10px;
    background: rgba(0, 181, 210, 0.37);
    border-radius: 10px;
    width: 200px;
    height: 35px;
    box-sizing: border-box;
    cursor: pointer;
}
.comp-name-hidden {
    overflow: hidden;
    white-space: nowrap;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
}
.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.custom-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
  }
  .custom-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 2px solid #adb5bd;
    border-radius: 0.25em;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% 70%;
    border-color: #00B5D2;
  }
  .custom-checkbox:checked+label::before {
    border-color: #00B5D2;
    /* background-color: #00B5D2; */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300B5D2' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
  }
  /* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
    border-color: #b3d7ff;
  }
  /* стили для активного состояния чекбокса (при нажатии на него) */
  .custom-checkbox:not(:disabled):active+label::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
  }
  /* стили для чекбокса, находящегося в фокусе */
  .custom-checkbox:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }
  /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
  .custom-checkbox:focus:not(:checked)+label::before {
    border-color: #80bdff;
  }
  /* стили для чекбокса, находящегося в состоянии disabled */
  .custom-checkbox:disabled+label::before {
    background-color: #e9ecef;
  }
.lot-content {
    margin-top: 50px;
    margin-bottom: 50px;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}
.lot-content h1 {
    color: #00B5D2;
    font-weight: 800;
    font-size: 36px;
    line-height: 42px;
}
.lot-img-block {
    display: flex;
    flex-wrap: wrap;
}
.lot-img {
    margin-right: 14px;
}
.lot-auction-bg {
    background: #021327;
    border-radius: 10px;
    padding: 9px 12px;
    color: #fff;
    display: inline-block;
    margin-bottom: 5px;
}
.rubric-bg {
    background: #A4FEFB;
    border-radius: 10px;
    padding: 12px 10px;
    display: inline-block;
}
.lot-content p {margin-bottom: 0;}
.add-file {display: none;}
.add-file-label {
    color: #00B5D2;
    cursor: pointer;
}
.lot-left-block .row {
    margin-bottom: 20px;
}
.lot-right-block {padding-top: 30px;}
.lot-option-1, .lot-option-2, .lot-option-3, .lot-option-4 {font-style: italic;}
.lot-info-title {
    font-family: Montserrat;
    color: #00B5D2;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 20px;
}
.lot-info-title-black {
    font-family: Montserrat;
    color: #021327;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 30px;
}
.lot-info-company {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #021327;
    margin-bottom: 20px;
}
.lot-info-comp-name, .lot-info-price {
    margin-bottom: 10px;
}
.lot-img img {
    border-radius: 15px;
    width: 110px;
    height: 110px;
    object-fit: cover;
}
/* --------- Adaptive ---------- */
@media screen and (max-width: 1199px) {
    .header-enter {padding-left: 20px;}
    .header-menu-ttg .navbar-nav .nav-item {padding-left: 0px!important;}
    .header-menu-ttg .navbar-ttg {justify-content: flex-end;}
    .header-menu-block {width: 330px;}

    .header-logo {order: 1;}
    .header-menu-block {order: 3;}
    .header-info {order: 2;}
    .header-enter {order: 4;}

    .top-info-block {margin-left: 0px; width: 40%;}
    .ab1-1 {top: 50px; left: 0px;}
    .ab1-2 {top: 35px; right: 90px;}
    .ab1-3 {bottom: 230px; left: 250px;}
    .ab1-4 {bottom: 40px; left: 0px;}
    .ab1-5 {bottom: 0; right: 50px;}

    .trading-floor .trading-table .table td, .trading-floor .trade-table .head-but {font-size: 13px;}
}
@media screen and (max-width: 1100px) {
    .trading-main-block {flex-direction: column;}
    .trading-block {margin-bottom: 10px;}
    .trading-title {margin-top: 10px;}
    .trading-main-block .trading-block:first-child .trading-line-block, .trading-main-block .trading-block:last-child .trading-line-block {
        width: 100%;
        left: 0;
    }
}
@media screen and (max-width: 991px) {
    .top-info-block {left: 40%; width: 50%;}
    .ab1-1, .ab1-2, .ab1-3, .ab1-4, .ab1-5 {position: static;}
    .advantages .container {height: auto;}
    .advantages-row1 {height: auto;}
    .advantages-row2 {height: auto;}
    .advantages-block-type1 {display: flex; flex-direction: column; align-items: center; margin-top: 30px;}
    .advantages-block-type2 {display: flex; flex-direction: column; align-items: center; margin-top: 30px;}
    .tariff-table {flex-direction: column;}
    .tariff-plan-block {height: auto; padding-bottom: 30px;}
    .tariff-table {height: auto;}
    .tariff-first, .tariff-second, .tariff-third {margin-bottom: 50px;}
    .footer-txt-1 {text-align: center; margin-top: 50px;}
    .footer-menu {text-align: center; margin-top: 50px;}
    .filter-input-all-block {flex-direction: column;}
    .filter-input-block {width: 100%;}
    .comp-name {margin-left: 20px;}
}
@media screen and (max-width: 767px) {
    .header-info-list {display: none;}
    .comp-name {display: none;}
    .header-menu-block {width: auto;}
    .top-info-block {left: 10%; width: 80%;}
    .tariff-plan-main-block {flex-direction: column;}
    .tariff-plan-block {width: 100%; margin-bottom: 30px;}
}
@media screen and (max-width: 575px) {
    .filter-input-block-50 {flex-direction: column;}
    .filter-input-block-50-2 {width: 100%; margin-bottom: 20px;}
    .filter-input-block-50-2:last-child {margin-bottom: 0;}
    .lot-block, .lot-date-name, .lot-auction-name, .lot-seller-name, .lot-rubric-name, .lot-description-name, .lot-option-1-name, .lot-option-2-name, .lot-option-3-name, .lot-option-4-name {
        margin-bottom: 5px;
        font-weight: bold;
    }
}
@media screen and (max-width: 390px) {
    .header-menu-block {width: 120px;}
    .header-menu-ttg .navbar-nav .nav-item {font-size: 13px;}
    .top-info-block {left: 15px; width: 90%;}
    .trading-search-inp, .filters-form-select {font-size: 15px;}
    .product-table-block .nav-link {margin-right: 10px;}
}