/*@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

p, div, span, a {
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
}

strong, b {
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    font-style: normal;
}*/
:root {
    --main-color: #abcaff; /* Define the main color variable */
}
.container-fluid {
    max-width: 1700px;
}
main > .container, main > .container-fluid
{
    padding: 15px 15px 20px;
}
body {
    overflow-x: hidden; 
}
#main-navbar-toggler {
    border: none;
    background: transparent;
    color: #000
}
.navbar-collapse.collapse.show {
    padding-top: 10px;
}
.footer {
    background-color: #3a3a3a;
    font-size: .9em;
    color: #fff !important;
}
.footer a {
    color: var(--main-color)
}
.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

.grid-view th,
.grid-view td:last-child {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}
.navbar {
    /*background: rgb(58,114,201);
    background: linear-gradient(35deg, rgba(58,114,201,1) 0%, rgba(168,213,255,1) 53%, rgba(229,243,255,1) 100%);*/
    background: rgb(161,198,255);
    background: linear-gradient(35deg, rgba(161,198,255,1) 0%, rgba(212,234,255,1) 50%, rgba(248,252,255,1) 100%);
}
/* align the logout "link" (button in form) of the navbar */
.navbar form > button.logout {
    padding-top: 7px;
    color: rgba(255, 255, 255, 0.5);
}

.navbar form > button.logout:focus,
.navbar form > button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

.navbar form > button.logout:focus {
    outline: none;
}
.navbar-nav .nav-item a.nav-link {
    padding: 10px 25px;
}
.navbar-nav .nav-item a {
    color: rgb(0, 0, 100);
    margin: 0 5px;
    border-radius: 15px;
    /*background: rgba(55, 65, 109, 0.199);*/
}
.navbar-nav .nav-item a:hover {
    color: rgb(0, 0, 100);
    /*background: rgba(55, 65, 109, 0.199);*/
    background: rgb(255,202,161);
    background: linear-gradient(35deg, rgba(255,202,161,1) 0%, rgba(212,234,255,1) 78%, rgba(248,252,255,1) 100%);
}
.navbar-nav .nav-item a.active {
    color: rgb(0, 0, 100);
    background: rgba(255, 255, 255, 0.6);
}
/* style breadcrumb widget as in previous bootstrap versions */
.breadcrumb {
    background-color: var(--bs-gray-200);
    border-radius: .25rem;
    padding: 0.75em;
    font-size: 13px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.breadcrumb-item > a
{
    color: var(--bs-gray-600);
    text-decoration: none;
}

.languages  {
    font-size: 1em;
    margin: 5px 3px;
}
.languages .btn {
    padding: 3px 5px;
    border: 0px;
}
.languages .btn-primary {
    color:rgb(0, 0, 100);
    background: rgb(255,202,161);
}
.btn-login {
    padding: 10px 20px;
    margin-left: 30px;
}
.main {
    background: #d3d3d3;
}
.auction-splash {
    color: #fff;
}

.price {
    font-size: 1.1em;
    font-weight: bold;
    color: #000;
}

.help-block {
    display: block;
    margin-top: 5px;
    color: #ff0000;
    font-size: 0.9em;
}

.btn-question {

    background: #91cab7;
    color: #000;
}

.block-buynow span {
    margin-right: 10px;
    padding-top: 3px;
}
.custom-tooltip {
    --bs-tooltip-bg: #213b7e;
    --bs-tooltip-color: #fff;
    font-size: 0.8em;
  }
.bi-info-circle {
    color: #213b7e;
    font-size: 1.1em;
    margin-left: 5px;
}

.table-hover > tbody > tr:hover > * {
    background-color: #eaf0ff !important; /* Light blue background on hover */
    color: rgb(0, 20, 107); /* Black text color on hover */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
  }
  .navbar-toggler {
    border: none;
    background: #eed3d7;
  }
  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23000000' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  .logo-items {
    max-width: 170px;
    width: 100%;
    object-fit: contain;
  }
  .logo-items:hover {
    transform: scale(1.1);
    transition: transform 0.3s ease;
  }
  @media (max-width: 576px) {
    .logo-items {
      max-width: 90px;
    }
    .footer {
      font-size: 0.8em;
      width: 100% !important;
      padding-bottom: 40px;
      min-height: 200px;
    }
    .news-index {
     width: 100% !important;
     overflow: hidden;
    }
  }
  @media(max-width:767px) {
    .navbar form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 0;
    }
}

  .car-item {
    border: 1px solid #fff;
    overflow: hidden;
    background: linear-gradient(35deg, rgb(247, 250, 255) 0%, rgba(212,234,255,1) 50%, rgba(248,252,255,1) 100%);
  }
  .car-item .card-text {
    color: #354283;
    font-size: 0.9em;
    line-height: 1.2;
    min-height: 20px;
  }
  img.car-photo {
    width: 100%;
    height: 300px;
    overflow: hidden;
    object-fit: cover;
    display: block;
  }
  img.car-photo:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease;
  }
  .car-item:hover .car-price .price {
    transform: scale(1.1);
    transition: transform 0.3s ease;
    transform-origin: left center;
  }
  .bg-u2cars {
    background: url('/i/sea5.jpg') no-repeat center center;
    background-size: cover;
    display: flex;
  }
  .news-index {
    color: #fff;
    background: rgb(12, 42, 87);
    background: linear-gradient(rgba(12, 42, 87, 0.7), rgba(12, 42, 87, 0.8)), url(/i/footer.jpg) no-repeat bottom center !important;
    background-size: cover !important;
    /* background: linear-gradient(35deg, rgb(0, 102, 255) 0%, rgba(212,234,255,1) 50%, rgba(248,252,255,1) 100%); */
  }
  .btn-profile {
    background: none;
    color: #000;
    border-radius: 5px;
    border: none;
    font-size: 1em;
  }
  .btn-profile:hover {
    color: #3675c9;
  }
  .topphone a {
    color: #3675c9;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
  }
  .cars-search {
    background: #f0f0f0;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  }
  .cars-search .form-group {
    margin-bottom: 15px;
  }
  .table-bids {
    font-size: 12px;
  }
  .table-bids td {
    padding: 2px;
  }
  
    .timer-container { text-align: center; margin: 20px auto; }
    .timer-circle { position: relative; width: 200px; height: 200px; margin: auto; }
    .timer-text {
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%, -50%);
        font-size: 2em;
        font-weight: bold;
        line-height: 1em;
    }
    .progress-ring {
        transform: rotate(90deg) scaleX(-1);
        transform-origin: 50% 50%;
        transition: stroke-dashoffset 1s linear, stroke 0.5s ease;
    }
    .currentprice {
        font-size: 2em;
        font-weight: bold;
        color: #000;
        transition: color 0.3s;
    }
    .currentprice-animate {
        animation: currentprice-pop 0.5s cubic-bezier(.4,2,.6,1) 1;
        color: #2196f3 !important;
    }
    @keyframes currentprice-pop {
        0% {
            transform: scale(1);
            color: #000;
        }
        30% {
            transform: scale(1.25);
            color: #43a047;
        }
        60% {
            transform: scale(0.95);
            color: #2196f3;
        }
        100% {
            transform: scale(1);
            color: #2196f3;
        }
    }
    .mybids {
        background:rgb(197, 255, 210);
    }
    .list-bids li:first-child {
        font-size: 0.9em;
        color: #000000;
        font-weight: bold;
    }
    .list-bids li {
        padding: 1px 0;
        font-size: 13px;
        color:rgb(44, 44, 44);
        margin-bottom: 1px;
    }
    #calcPricesContent span {
        color: rgb(131, 131, 131);
    }
    #calcPricesContent i {
        cursor: pointer;
        font-size: 1.2em;
        color:rgb(197, 197, 197);
        margin-right: 10px;
    }

    .price-amount {
            font-size: 1.7rem;
            font-weight: bold;
            color: #2c3e50;
    }
        .currency {
            color: #27ae60;
            font-weight: 600;
            margin-left: 5px;
    }
    #estimatedPrice h5.card-title {
            font-size: 1rem;
    }
    #estimatedPrice .card {
            transition: transform 0.2s;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }
    #estimatedPrice .card .card-body {
            padding: 6px;
        }
    #estimatedPrice .card:hover {
            transform: translateY(-5px);
    }
    @media (max-width: 576px) {
        #estimatedPrice .card {
            max-width: 320px;
            margin-left: auto;
            margin-right: auto;
            padding: 5px;
        }
        #estimatedPrice .card .card-body {
            padding: 4px;
        }
        #estimatedPrice .card .card-title {
            margin-bottom: 3px;
        }
    }
    .navbar-nav .menu-auctions-live:hover {
        background-color: #d80000 !important; /* Light background for better visibility */
        color: #ffffff !important;
        transition: background-color 0.3s ease; /* Smooth transition on hover */
    } 
    .navbar-nav .menu-auctions-live:hover .nav-link {
        background-color: #d80000 !important; /* Light background for better visibility */
        color: #ffffff !important;
        transition: background-color 0.3s ease; /* Smooth transition on hover */
    } 
  a.menu-auctions-live { 
    background-color: #d80000; /* Light background for better visibility */
    color: #fff !important;
    border-radius: 5px; /* Rounded corners */
    padding: 5px 10px; /* Padding for spacing */
    transition: background-color 0.3s ease; /* Smooth transition on hover */
  }
  a.menu-auctions-live:hover {
    background-color: #d80000; /* Darker shade on hover */
    background-image: none;
    color: #fff !important; /* Ensure text remains white */
  }
  a.menu-auctions-live.active,
  .menu-auctions-live.active {
    background-color: #d80000 !important; /* Active state color */
    color: #fff !important; /* Ensure text remains white */
  }


/* Overlay */
.car-item .position-relative {
    display: block;
}
.car-overlay {
    z-index: 2;
    opacity: 0.9; /* Прозрачность */
}
.car-photo.sold {
    filter: brightness(0.5);
}
.au-bids {
    color: #914d00;
}
.au-bids i {
    color: #ff8800;
}

.fancybox__container {
    z-index: 12000 !important;
}

.photos-container {
        display: flex;
        flex-wrap: wrap;

    }
    .photo-item {
        position: relative;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .photo-item img {
        max-width: 100px;
        height: auto;
    }