* {
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0 none;
	box-sizing: border-box;
}

*:before,
*:after {
	box-sizing: border-box;
}

html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-size: 0;
	letter-spacing: 0;
	line-height: 0;
	touch-action: manipulation;
}

b,
strong {
	font-weight: 700;
}

ul,
ol {
	list-style: none;
}

hr {
	width: 100%;
	height: 1px;
	margin: 30px 0;
	background: #e7e7e7;
}

a {
	text-decoration: none;
}

a > img {
	display: block;
}
.black-text{
    color: #16242E;
}
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.column {
  display: flex;
  flex-direction: column;
/*  flex-basis: 100%;*/
/*  flex: 1;*/
}
.error-404-wrapper img{
    margin: auto;
}
.align-center {
    align-items: center;
}

.gap-15 {
    gap: 15px;
}

.gap-20 {
    gap: 20px;
}

.gap-25 {
    gap: 25px;
}

.gap-30 {
    gap: 30px;
}
.p-1{
    padding: 10px;

}
.w-100{
    width: 100%;

}
.mb-1{
    margin-bottom: 10px;

}
.mt-1{
    margin-top: 10px;
}
.big-content{
    margin:auto;
}
.flash-messages-type-product-inquiry-upload-images .separator {
    width: 1px;
    background: #EDEDED;
}

.d-flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
input[type='text'],
input[type='password']{
    transition: all .25s ease;
}

.is-hidden {
	display: none !important;
}

.mobile-header-icons {
    display: none;
}

.fancybox-slide--iframe {
    padding: 44px 20px !important;
}

.fancybox-slide--iframe .fancybox-content {
    width: 800px !important;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    border-radius: 3px;
}

.fancybox-iframe {
    border-radius: 3px;
}

.cookieinfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 7px 20px;
    font-size: 11px !important;
    line-height: 15px;
    z-index: 9998!important;
}

.cookieinfo > span {
    padding: 0 !important;
    line-height: 20px !important;
}

.cookieinfo .cookieinfo-close {
    background: #29BC55 !important;
    padding: 5px 8px !important;
    margin: 0 0 0 10px !important;
}

.fixed-to-market {
    position: fixed;
    z-index: 50;
    right: 40px;
    bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background: #008AEE;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.3);
}

.fixed-to-market > .icon {
    display: block;
    width: 32px;
    height: 32px;
    background: url('../images/icons/icon-mp-symbol-large-white.svg') no-repeat;
}

.button-animate,
button {
    position: relative;
    overflow: hidden;
}

.button-animate:before,
button:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all .25s ease;
    left: 0;
    top: 0;
}

.button-animate:hover:before,
button:hover:before {
    content: '';
    background: rgba(255,255,255, 0.15);
}

.button-animate .circle {
    display: block !important;
    position: absolute;
    background: rgba(255,255,255, 0.3);
    border-radius: 50%;
    transform: scale(0);
}

.button-animate .circle:after,
.button-animate .circle:before {
    display: none;
}
.button-animate .circle.animate {
    animation: effect 0.50s linear;
}

@keyframes effect{

    100%{
        opacity: 0;
        transform: scale(2.5);
    }
}

.no-records-found {
    display: block;
    padding: 100px 0;
    color: #777;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
}

.no-records-found.incorrect-search-data {
    position: relative;
    min-height: 800px;
    margin-top: 14px;
    padding: 100px 20px;
    background: url('../images/alternator-x3.jpg') repeat-y;
    background-size: 100% auto;
}

.no-records-found.incorrect-search-data:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.no-records-found.incorrect-search-data > .message {
    position: relative;
    z-index: 1;
    max-width: 610px;
    margin: 0 auto;
    padding: 35px 135px 35px 25px;
    background: #FFFFFF url('../images/engine.jpg') no-repeat top right;
    border: 2px solid #29BC55;
    border-radius: 3px;
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    text-align: left;
}

.no-records-found.incorrect-search-data > .message > span {
    color: #29BC55;
}

/********* TOP STRIPE **********/
.top-stripe {
    width: 100%;
    height: auto;
    background: #34B70D;
    overflow: hidden;
    position: relative;
    display: none;
    color: #ffffff;
    text-align: center;
}

.top-stripe a {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #ffffff;
    font-weight: 500;
    line-height: 13px;
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 50px;
}

.top-stripe:hover a {
    text-decoration: underline;
}

.top-stripe .hide-button {
    width: 24px;
    height: 24px;
    float: right;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-12px);
    background: url('../images/icons/icon-time-white.svg');
}

.top-stripe span {
}

/********* PRODUCT INCORRECT DATA REPORT **********/

.product-incorrect-data-report-content > .product-incorrect-data-report-header {
    padding: 15px 20px;
    border-bottom: 1px solid #E5E5E5;
}

.product-incorrect-data-report-content >  .product-incorrect-data-report-form-wrapper {
    padding: 20px;
}

.product-incorrect-data-report-content >  .product-incorrect-data-report-form-wrapper .field-label {
    display: block;
    margin-bottom: 10px;
}

.product-incorrect-data-report-content >  .product-incorrect-data-report-form-wrapper .field-label.checkbox-label {
    display: inline-block;
    height: 20px;
    padding-top: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.product-incorrect-data-report-content >  .product-incorrect-data-report-form-wrapper .field-label textarea {
    width: 100%;
    height: 100px;
    padding: 15px;
    border-radius: 3px;
    background: #FFF;
    border: 1px solid #E5E5E5;
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 14px;
}

.product-incorrect-data-report-content >  .product-incorrect-data-report-form-wrapper .field-label textarea:focus {
    padding: 14px;
    border: 2px solid #008AEE;
}

.product-incorrect-data-report-content >  .product-incorrect-data-report-form-wrapper .help-inline {
    display: block;
    margin-top: -5px;
    margin-bottom: 10px;
    color: #E40730;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
}

.product-incorrect-data-report-content >  .product-incorrect-data-report-form-wrapper button {
    max-width: 280px;
    margin-top: 30px;
}

/********* END PRODUCT INCORRECT DATA REPORT **********/

/********* ADD TO CART ********/

.add-to-cart-fancybox > .header-add-to-cart {
    position: relative;
    padding: 15px 20px;
    border: 1px solid #E5E5E5;
}

.add-to-cart-fancybox > .header-add-to-cart > .title {
    padding-right: 35px;
}

.add-to-cart-fancybox > .header-add-to-cart .close-button {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: url('../images/icons/icon-time-dark.svg');
    cursor: pointer;
}

.add-to-cart-fancybox .content-add-to-cart {
    padding: 20px 20px 30px 20px;
}

.add-to-cart-fancybox .content-add-to-cart.success > .products {
    display: inline-block;
    vertical-align: text-top;
    width: calc(100% - 180px);
    margin-right: 20px;
}

.add-to-cart-fancybox .content-add-to-cart .products .product {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.add-to-cart-fancybox .content-add-to-cart .products .product:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0 none;
}

.add-to-cart-fancybox .content-add-to-cart .products .product .image {
    display: inline-block;
    width: 70px;
    margin-right: 18px;
    vertical-align: top;
}

.add-to-cart-fancybox .content-add-to-cart .products .product .image img {
    width: 70px;
}

.add-to-cart-fancybox .content-add-to-cart.success .products .product .title {
    display: inline-block;
    width: calc(100% - 230px);
    margin-right: 20px;
    vertical-align: top;
}

.add-to-cart-fancybox .content-add-to-cart .products .product .price {
    display: inline-block;
    vertical-align: top;
}

.add-to-cart-fancybox .content-add-to-cart.error .products .product .image img {
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.add-to-cart-fancybox .content-add-to-cart.error .products .product .title {
    display: inline-block;
    width: calc(100% - 290px);
    margin-right: 20px;
    vertical-align: top;
    color: rgba(28, 45, 58, 0.5);
}

.add-to-cart-fancybox .content-add-to-cart.error .products .product .error-text {
    display: inline-block;
    vertical-align: top;
}

.add-to-cart-fancybox .content-add-to-cart.error .products .product .error-text span {
    color: #E40730;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
}

.add-to-cart-fancybox .content-add-to-cart .products .product .price .product-price-xsmall-sale {
    display: block;
}

.add-to-cart-fancybox .content-add-to-cart .button-cart,
.add-to-cart-fancybox .content-add-to-cart .button-close {
    display: inline-block;
    width: 100%;
    max-width: 160px;
    vertical-align: text-top;
}

.add-to-cart-fancybox .opacity {
    background: rgba(255, 255, 255, 0.5)
}

/********* END ADD TO CART ********/

/********* PRODUCT SEARCH FORM **********/

.product-search-form form:not(.product-search-form.home-page form) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-search-form .form-field {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: calc((100% - 210px - 20px) / 2);
    margin-right: 10px;
}

.product-search-form .form-field.correct:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 15px;
    display: block;
    width: 24px;
    height: 24px;
    background: #29BC55 url('../images/icons/icon-check-white-small.svg') no-repeat center;
    border-radius: 50%;
    transform: translateY(-50%);
}

.product-search-form .form-field > .incorrect-message {
    display: none;
}

.product-search-form.has-engine .form-field.incorrect .incorrect-message {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    padding: 16px;
    background: #29BC55;
    border-radius: 3px;
    box-shadow: 0 2px 19px 0 rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    user-select: none;
    transform: translateX(-50%) translateY(calc(100% + 12px));
}

.product-search-form.has-engine .form-field.incorrect .incorrect-message:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #29BC55;
    transform: translateX(-50%);
}

.product-search-form .form-field select {
    visibility: hidden;
    height: 45px !important;
}

.product-search-form .form-field .select2 {
    display: block;
    max-width: 100%;
    width: auto !important;
}

.product-search-form .form-field .select2-container .select2-selection--single,
.product-search-form .form-field .select2-container .select2-selection--multiple {
    height: 45px;
    border: 1px solid rgba(0, 138, 238, 0.5);
    border-radius: 3px;
    box-shadow: 0 0 0 2px rgba(0, 138, 238, 0.15);
}


.product-search-form .form-field .select2-container .select2-selection--multiple {
    min-height: 45px;
    height: auto;
}

.product-search-form .form-field .select2-container--default.select2-container--focus .select2-selection--single,
.product-search-form .form-field .select2-container--default.select2-container--open .select2-selection--single,
.product-search-form .form-field .select2-container--default.select2-container--focus .select2-selection--multiple,
.product-search-form .form-field .select2-container--default.select2-container--open .select2-selection--multiple {
    border: 1px solid #008AEE;
}

.product-search-form .form-field .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 35px 0 20px;
}

.product-search-form .form-field .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    /* padding: 11px 10px 6px 20px;     */
    white-space: nowrap;
    min-height: 45px;
    
    vertical-align: middle;
    align-items: center;
    padding-left: 22px;
}

.product-search-form .form-field .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered,
.product-search-form .form-field .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
    padding: 0 34px 0 20px;
}
.product-search-form .form-field .select2-container .select2-selection--multiple .select2-selection__rendered{
    display:grid;
}

/* .product-search-form .form-field .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered,
.product-search-form .form-field .select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__rendered {
    padding: 11px 10px 6px 20px;
} */

/* .product-search-form .form-field .select2-container--default.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__rendered,
.product-search-form .form-field .select2-container--default.select2-container--disabled.select2-container--open .select2-selection--multiple .select2-selection__rendered {
    padding: 11px 10px 6px 15px;
} */

.product-search-form .form-field .select2-container--default.select2-container--disabled .select2-selection--single,
.product-search-form .form-field .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #ffffff !important;
    border: 1px solid rgba(233, 233, 233, 1) !important;
    color: #B7B7B7 !important;
}
.select2-selection__placeholder {
    color: #FF0000;
}
.product-search-form .form-field.correct .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding:11px 10px 6px 47px !important;
}

.product-search-form .form-field .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    /* margin-top: 4px; */
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
}

.product-search-form .form-field .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-input-placeholder { /* Edge */
    color: #1C2D3A;
}

.product-search-form .form-field .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #1C2D3A;
}

.product-search-form .form-field .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
    color: #1C2D3A;
}

.product-search-form .form-field .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-input-placeholder { /* Edge */
    color: #777777;
}

.product-search-form .form-field .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-search--inline .select2-search__field:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #777777;
}

.product-search-form .form-field .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
    color: #777777;
}

.product-search-form .form-field .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    display: inline-block;
    max-width: calc(100% - 24px);
    width: 100%;
    margin: 0 5px 5px 0;
    padding: 4px;
    background: #F5F5F5;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-search-form .form-field.correct .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 47px;
}

.product-search-form .form-field.correct .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered,
.product-search-form .form-field.correct .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered,
.product-search-form .form-field.correct .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered,
.product-search-form .form-field.correct .select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__rendered {
    padding-left: 46px;
}

.product-search-form .form-field .select2-container--default .select2-selection--single .select2-selection__rendered,
.product-search-form .form-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 47px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: center;
    display: flex;
}

.product-search-form .form-field .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered,
.product-search-form .form-field .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered,
.product-search-form .form-field .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered .select2-selection__placeholder,
.product-search-form .form-field .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    line-height: 44px;
}

.product-search-form .form-field.disabled .select2-container--default .select2-selection--single,
.product-search-form .form-field.disabled .select2-container--default .select2-selection--multiple,
.product-search-form .form-field.disabled .select2-container--default .select2-selection--multiple .select2-search__field {
    cursor: not-allowed !important;
}

.product-search-form .form-field.disabled .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered,
.product-search-form .form-field.disabled .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
    padding: 0 35px 0 15px;
}

.product-search-form .form-field.disabled .select2-container--default .select2-selection--single .select2-selection__rendered,
.product-search-form .form-field.disabled .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: #777777;
}

.product-search-form .form-field.disabled .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered,
.product-search-form .form-field.disabled .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered,
.product-search-form .form-field.disabled .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered .select2-selection__placeholder,
.product-search-form .form-field.disabled .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    line-height: 47px;
}

.product-search-form .form-field.disabled .select2-container--default .select2-selection--single .select2-selection__arrow {
    opacity: 0.5;
}

.product-search-form .form-field .select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
    top: -1px;
    margin-left: 5px;
    font-size: 26px;
    font-weight: 400;
}

.product-search-form .form-field .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    right: 10px;
    width: 24px;
    height: 24px;
    background: url('../images/icons/icon-chevron-down-dark.svg');
    transform: translateY(-50%);
    transition: transform 0.36s ease-in-out;
}

.product-search-form .form-field .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    transform: translateY(-50%) rotate(180deg);
}

.product-search-form .form-field .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 335px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 14px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 1px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    background: #888;
    border: 2px solid #f1f1f1;
    border-radius: 1px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.select2-dropdown {
    min-width: 300px;
    border: 0 none;
    /* border-radius: 3px !important; */
}

.select2-dropdown .mobile-select2-dropdown-header,
.select2-dropdown .mobile-select2-dropdown-footer {
    display: none;
}
.pseudo-dropdown-element-right{
    content: '';
    position: absolute;
    top: 4px;
    right: 121px;
    display: block;
    width: 0;
    height: 0;
    background: #ffffff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
    border-radius: 0px 40px 40px 0px;
    transform: rotate(-6deg);
    clip-path: polygon(23% 51%, 55% 81%, 100% 100%, 0 100%, 0% 50%, 0 0);

}
.pseudo-dropdown-element-left{
    content: '';
    position: absolute;
    top: 4px;
    right: 153px;
    display: block;
    width: 0;
    height: 0;
    background: #ffffff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
    border-radius: 0px 40px 40px 0px;
    transform: rotate(-4deg);
    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 50% 77%, 76% 52%);
}
.select2-dropdown.select2-dropdown--below {
    top: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    border-radius: 20px !important;
}

.select2-dropdown.select2-dropdown--above {
    top: -3px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}

.select2-dropdown .select2-search--dropdown {
    position: relative;
    padding: 15px 15px 0;
    margin-bottom: 5px;
}

.select2-dropdown .select2-search--dropdown:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 25px;
    display: block;
    width: 23px;
    height: 24px;
    margin-top: 7px;
    background: url('../images/icons/icon-search-dark.svg');
    opacity: 0.5;
    transform: translateY(-50%);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 40px;
    padding: 6px 40px 6px 20px;
    background: #F3F3F3;
    border: 0 none;
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-weight: 400 !important;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    border-radius: 3px;
}

.select2-container--default .select2-search--dropdown .select2-search__field::-webkit-input-placeholder { /* Edge */
    color: #C5C5C5;
}

.select2-container--default .select2-search--dropdown .select2-search__field:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #C5C5C5;
}

.select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
    color: #C5C5C5;
}

.select2-container--default .select2-results {
    padding: 15px;
}

.select2-container--default .select2-results > .select2-results__options .select2-results__option.loading-results,
.select2-container--default .select2-results > .select2-results__options .select2-results__option.select2-results__message {
    border: 0 none;
    color: #777;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
}

.select2-container--default .select2-results > .select2-results__options .select2-results__option .select2-results__group {
    padding: 15px 0 0 5px;
    color: #C5C5C5;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

.select2-container--default .select2-results__options .select2-results__option[role="option"] {
    position: relative;
    padding: 9px 26px 9px 5px;
    border-bottom: 1px solid #F3F3F3;
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

.select2-container--default .select2-results__options .select2-results__option[aria-selected='true'],
.select2-container--default .select2-results__options .select2-results__option[aria-selected='true'].select2-results__option--highlighted[role="option"] {
    background: #008AEE;
    color: #FFF;
}

.select2-container--default .select2-results__options .select2-results__option.select2-results__option--highlighted[role="option"]{
    background: #F3F3F3;
}

.select2-container--default .select2-results__options .select2-results__option[aria-selected='true']:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    width: 16px;
    height: 16px;
    background: url('../images/icons/icon-check-white-small.svg');
    transform: translateY(-50%);
}
.dropdown-filter .select2-dropdown{
    transform: unset !important;
    background: #FFFFFF;
    box-shadow: 2px 3px 20px rgba(0, 0, 0, 0.15);
    border-radius: 20px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    background: #FFFFFF;
    border: 1px solid #008AEE;
    border-radius: 50px;
}
.select2-container--default .select2-results > .select2-results__options {
    overflow: auto;
    -ms-overflow-style: none;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
    display: none;
}

.select2-container--default .select2-results > .select2-results__options::-moz-scrollbar {
    display: none;
}

.select2-container--default .select2-results{
    padding: 0;
}
.select2-container--default .select2-results__options .select2-results__option[aria-selected='true']{
    background: #008AEE;
    color: #FFFFFF;
}
.select2-container--default .select2-results__options .select2-results__option[role="option"]{
    padding:9px 26px;
    border-bottom: 0;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height, or 125% */

    display: flex;
    align-items: center;

    /* color: #231F20; */
}
.select2-container--default .select2-results > .select2-results__options .select2-results__option .select2-results__group{
    padding:9px 26px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #008AEE;
}
.select2-dropdown .select2-search--dropdown:after{
    background: url(../../images/icons/icon-select-2-search.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.product-search-form .buttons-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: 210px;
}

.product-search-form .buttons-wrapper button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

.product-search-form .buttons-wrapper button[disabled]:hover:before {
    background: transparent;
}

.product-search-form .buttons-wrapper.has-selected .button-search {
    max-width: calc(210px - 58px);
}

.product-search-form .buttons-wrapper .button-search {
    /* display: inline-block; */
    vertical-align: middle;
    width: 100%;
    padding: 11px;
    max-width: 211px;
    height: 45px;
    background: #008AEE;
    border-radius: 50px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
}

.product-search-form .buttons-wrapper .button-clear {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    margin-left: 10px;
    padding: 11px;
    background: rgba(0, 138, 238, 0.15);
    border: 1px solid rgba(0, 138, 238, 0.15);
}

.product-search-form .buttons-wrapper .button-search span,
.product-search-form .buttons-wrapper .button-clear span {
    display: inline-block;
    vertical-align: middle;
}

.product-search-form .buttons-wrapper .button-search > .icon {
    width: 24px;
    height: 24px;
    margin-right: 3px;
    background: url('../images/icons/icon-search-white.svg') no-repeat center;
}

.product-search-form .buttons-wrapper .button-clear > .icon {
    width: 24px;
    height: 24px;
    background: url('../images/icons/icon-redo-accent.svg') no-repeat center;
}

.product-search-form .buttons-wrapper .button-clear > .text {
    display: none;
}

/********* END PRODUCT SEARCH FORM **********/

.page.page-domain-home-local > .main,
.page.page-domain-home-full > .main,
.page.page-home > .main {
    width: auto;
    background: #F3F3F3;
}

.page.page-domain-home-local > .header,
.page.page-domain-home-full > .header,
.page.page-home > .header {
    background: #16242E;
}

.full-width-wrapper.white {
    background: #F9F9F9;
}

.full-width-wrapper.gray-xlight {
    background: #F3F3F3;
}

.full-width-wrapper > .inner {
    max-width: 1220px;
    margin: 0 auto;
    padding: 60px 20px 60px;
}
.page-home .full-width-wrapper > .inner{
    padding: 10px;
    max-width: 1230px;
}

.full-width-wrapper.homepage-wrapper {
    margin-top: -115px;
}

.full-width-wrapper.homepage-wrapper > .inner {
    padding-top: 0;
}

.homepage-banner {
    position: relative;
    height: 370px;
    margin-top: -56px;
    background-size: auto 100%;
    background: url('../images/homepage-banner.jpg') top center;
}

.homepage-banner:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 160px;
    background: linear-gradient(to bottom, rgba(243, 243, 243, 0), #F3F3F3);
}

.homepage-grid {
    position: relative;
}

.homepage-grid:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}

.homepage-search {
    float: right;
    width: 100%;
    margin-bottom: 10px;
    padding: 20px 20px 30px;
    background: #fff;
    border: 1px solid #008AEE;
    border-radius: 3px;
    box-shadow: 0 0 0 2px rgba(0, 138, 238, 0.15);
}

.homepage-search > .title {
    margin-bottom: 20px;
    text-transform: uppercase;
}

.homepage-left-sidebar {
    float: left;
    width: 290px;
    padding: 20px 0;
    background: #fff;
    border: 1px solid #008AEE;
    border-radius: 3px;
    box-shadow: 0 0 0 2px rgba(0, 138, 238, 0.15);
}

.homepage-left-sidebar .navigation {
    margin-bottom: 30px;
}

.homepage-left-sidebar .navigation > .title {
    margin-bottom: 20px;
    padding: 0 20px;
    text-align: center;
}

.homepage-left-sidebar .navigation > .search {
    margin-bottom: 20px;
    padding: 0 20px;
}

.homepage-left-sidebar .navigation > .search .search-field {
    position: relative;
}

.homepage-left-sidebar .navigation > .search .search-field:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 24px;
    height: 24px;
    background: url('../images/icons/icon-search-dark.svg') no-repeat center;
    opacity: 0.5;
    transform: translateY(-50%);
    cursor: pointer;
}

.homepage-left-sidebar .navigation > .search .search-field.focus:after {
    opacity: 1;
}

.homepage-left-sidebar .navigation > .search .search-field {
    width: 100%;
    padding: 16px 40px 15px 10px;
    background: #fff;
    border: 1px solid rgba(0, 138, 238, 0.5);
    border-radius: 3px;
    box-shadow: 0 0 0 2px rgba(0, 138, 238, 0.15);
    font-size: 14px;
    color: #1C2D3A;
    letter-spacing: 0;
    line-height: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    transition: none;
}

/* .homepage-left-sidebar .navigation > .search .search-field input::placeholder {
    font-size: 14px;
    color: #777777;
    letter-spacing: 0;
    line-height: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.homepage-left-sidebar .navigation > .search .search-field input::-webkit-input-placeholder {
    font-size: 14px;
    color: #777777;
    letter-spacing: 0;
    line-height: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.homepage-left-sidebar .navigation > .search .search-field input:-ms-input-placeholder {
    font-size: 14px;
    color: #777777;
    letter-spacing: 0;
    line-height: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
} */

/* .homepage-left-sidebar .navigation > .search .search-field input:focus,
.homepage-left-sidebar .navigation > .search .search-field input:active {
    padding: 16px 55px 15px 0px;
    border: 2px solid #008AEE;
} */

.homepage-left-sidebar .navigation > .results {
    display: none;
    padding: 0 20px;
}

.homepage-left-sidebar .navigation > .results .no-results-found {
    padding: 30px 0 20px;
    text-align: center;
}

.homepage-left-sidebar .navigation > .results .bottom {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #E5E5E5;
    margin-bottom: 12px;
}

.homepage-left-sidebar .navigation > .results .bottom .reset-search {
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
}

.homepage-left-sidebar .navigation > .results .bottom .reset-search > .icon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background: #F3F3F3 url('../images/icons/icon-arrow-left-dark-small.svg') no-repeat center;
    border-radius: 50px;
}

.homepage-left-sidebar .navigation > .results .bottom .reset-search > .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #1C2D3A;
    letter-spacing: 0;
    line-height: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.homepage-left-sidebar .navigation > .results .category-child {
    display: block;
    margin-bottom: 15px;
    font-size: 13px;
    color: #1C2D3A;
    letter-spacing: 0;
    line-height: 16px;
    font-family: 'Roboto', sans-serif;;
    font-weight: 400;
    transition: all 0.25s ease;
}

.homepage-left-sidebar .navigation > .results .category-child:hover {
    color: #008AEE;
}

.homepage-left-sidebar .navigation > .results .category-child:last-child {
    margin-bottom: 0;
}

.homepage-left-sidebar .navigation > .categories {
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:9px;
}

.homepage-left-sidebar .navigation > .categories .category {
    position: relative;
    cursor: pointer;
    width: 160px;
    height: 142px;
    
}


.homepage-left-sidebar .navigation > .categories .category > a {
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 5px;
    background: #F9F9F9;
}

.homepage-left-sidebar .navigation > .categories .category > a img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    max-width: 100px;
}

.homepage-left-sidebar .navigation > .categories .category > a span {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 15px);
    width: 100%;
    font-size: 13px;
    color: #1C2D3A;
    letter-spacing: 0;
    line-height: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.homepage-left-sidebar .banners {
    padding: 30px 20px 0;
}

.homepage-left-sidebar .banners > .banner {
    display: block;
    border-radius: 3px;
    overflow: hidden;
}

.homepage-left-sidebar .banners > .banner .desktop {
    display: block;
    width: 100%;
    transition: transform 0.25s ease-in-out;
}

.homepage-left-sidebar .banners > .banner:hover .desktop {
    transform: scale(1.015, 1.015);
}

.homepage-left-sidebar .banners > .banner .mobile {
    display: none;
}

.full-width-wrapper{
    width: 100%;
    max-width: 100%;
}

.homepage-grid-content {
    float: right;
    max-width: calc(100% - 304px);
    width: 100%;
    padding: 20px;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
}
.homepage-grid-content.full-width{
    max-width: unset;
}

.homepage-market {
    margin-top: 20px;
    margin-bottom: 40px;
}

.homepage-market > .heading,
.homepage-auctions > .heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    width: 100%;
}


.homepage-market > .heading .title > .count,
.homepage-auctions > .heading .title > .count {
    margin-left: 10px;
    padding: 3px 8px;
    background: #F2992F;
    border-radius: 20px;
}

.homepage-market > .heading .button-to-the-market,
.homepage-auctions > .heading .button-to-the-market {
    flex-direction: initial;
    max-width: 210px;
    background: #F2992F;
    border: 1px solid #F2992F;
}

.homepage-market > .heading .button-to-the-market > .icon,
.homepage-auctions > .heading .button-to-the-market > .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background: url('../images/icons/icon-market-white.svg') no-repeat center center;
}

.homepage-market > .heading .button-to-the-market > span,
.homepage-auctions > .heading .button-to-the-market > span {
    color: #fff;
    font-size:16px;
    font-weight: 500;
    line-height: 16px;
}

.homepage-market > .market-tabs {
    display: none;
}

.homepage-market > .homepage-inquiries,
.homepage-market > .homepage-offers {
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: calc(50% - 5px);
    width: 100%;
    height: 400px;
    padding: 10px 7px 10px 10px;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
}

.homepage-market > .homepage-inquiries > .inner,
.homepage-market > .homepage-offers > .inner {
    width: 100%;
    height: 378px;
    overflow-y: auto;
}

/* width */
.homepage-market > .homepage-inquiries > .inner::-webkit-scrollbar,
.homepage-market > .homepage-offers > .inner::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.homepage-market > .homepage-inquiries > .inner::-webkit-scrollbar-track,
.homepage-market > .homepage-offers > .inner::-webkit-scrollbar-track {
    background: #f3f3f3;
    border-radius: 5px;
}

/* Handle */
.homepage-market > .homepage-inquiries > .inner::-webkit-scrollbar-thumb,
.homepage-market > .homepage-offers > .inner::-webkit-scrollbar-thumb {
    background: #192d3b;
    border: 3px solid #f3f3f3;
    border-radius: 5px;
}

.homepage-market > .homepage-inquiries:not(.end-reached):after,
.homepage-market > .homepage-offers:not(.end-reached):after {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: block;
    width: calc(100% - 34px);
    height: 70px;
    background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.5) 60%, #fff 100%);
}

.homepage-market > .homepage-inquiries > .inner .inquiry-item,
.homepage-market > .homepage-offers > .inner .offer-item {
    margin-right: 7px;
    margin-bottom: 5px;
    padding: 0 10px;
    border-radius: 3px;
}

.homepage-market > .homepage-inquiries > .inner .inquiry-item {
    border-radius: 6px;
    border: 1px solid #EDEDED;
    background: #F9F9F9;
}

.homepage-market > .homepage-offers > .inner .offer-item {
    border-radius: 6px;
    border: 1px solid #EDEDED;
    background: #F9F9F9;
}

.homepage-market > .homepage-inquiries > .inner .inquiry-item .inquiry-item-heading,
.homepage-market > .homepage-offers > .inner .offer-item .offer-item-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 8px;
}


.homepage-market > .homepage-offers > .inner .offer-item .offer-item-heading {
    border-bottom: 1px solid rgba(0, 138, 238, 0.15);
}

.homepage-market > .homepage-inquiries > .inner .inquiry-item .inquiry-item-heading .member,
.homepage-market > .homepage-offers > .inner .offer-item .offer-item-heading .dealer {
    flex: 2;
    position: relative;
}

.homepage-market > .homepage-inquiries > .inner .inquiry-item .inquiry-item-heading .member > .image,
.homepage-market > .homepage-offers > .inner .offer-item .offer-item-heading .dealer > .image {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    margin-right: 7px;
    border-radius: 50%;
    overflow: hidden;
}

.homepage-market > .homepage-inquiries > .inner .inquiry-item .inquiry-item-heading .member > .image img,
.homepage-market > .homepage-offers > .inner .offer-item .offer-item-heading .dealer > .image img {
    display: block;
    width: 100%;
}

.homepage-market > .homepage-inquiries > .inner .inquiry-item .inquiry-item-heading .member > .image .no-image,
.homepage-market > .homepage-offers > .inner .offer-item .offer-item-heading .dealer > .image .no-image {
    display: block;
    width: 25px;
    height: 25px;
    background: #777777;
    color: rgba(255, 255, 255, 0.75);
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
}

.homepage-market > .homepage-inquiries > .inner .inquiry-item .inquiry-item-heading .member > .details,
.homepage-market > .homepage-offers > .inner .offer-item .offer-item-heading .dealer > .details {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 35px);
    width: 100%;
}
.b-color-text{
    color:#1c2d3a;
}

.homepage-market > .homepage-offers > .inner .offer-item .offer-item-heading .dealer > .details .is-verified {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-left: 3px;
    background: url('../images/icons/icon-verification.svg');
}

.homepage-market > .homepage-inquiries > .inner .inquiry-item .inquiry-item-heading .past-time,
.homepage-market > .homepage-offers > .inner .offer-item .offer-item-heading .past-time {
    flex: 1;
    text-align: right;
    white-space: nowrap;
    max-width: fit-content;
}

.homepage-market > .homepage-inquiries > .inner .inquiry-item .inquiry-item-content,
.homepage-market > .homepage-offers > .inner .offer-item .offer-item-content {
    padding: 10px 0;
}

.homepage-market > .homepage-inquiries > .inner .inquiry-item .inquiry-item-content > .text .label {
    color: #5FB865;
    font-family: "Roboto";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-right: 7px;
}

.homepage-market > .homepage-offers > .inner .offer-item .offer-item-content > .text {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 60px);
    width: 100%;
}

.homepage-market > .homepage-offers > .inner .offer-item .offer-item-content > .text .label {
    position: relative;
    top: -1px;
    display: inline-block;
    margin-right: 7px;
    padding: 3px 4px 2px;
    border-radius: 3px;
    background: rgba(0, 138, 238, 0.1);
    font-size: 12px;
    color: #008AEE;
    letter-spacing: 0;
    line-height: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.homepage-market > .homepage-offers > .inner .offer-item .offer-item-content > .price {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    font-size: 17px;
    color: #008AEE;
    letter-spacing: 0;
    line-height: 21px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-align: right;
}


.homepage-top-offer-products > .description {
    margin: 23px auto 0;
}

.homepage-top-offer-products > .title {
    text-align: center;
}

.homepage-top-offer-products > .products{
    margin-top: -10px;
    margin-left: -14px;
}

.homepage-auctions #auctions-containter {
    margin-top: 0px;
    margin-left: 0px;
    gap: 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
    max-height: 630px;
    overflow-y: auto;
    height: 100%;
}

#auctions-containter .product-grid-item a > .ac-auction-car-offer-status .ac-auction-car-price span{
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #1BC05D;
}
#auctions-containter .product-grid-item a > .ac-auction-car-offer-status .ac-auction-car-expire-time,
#auctions-containter .product-grid-item a > .ac-auction-car-offer-status .ac-auction-car-price{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #231F20;
    
}

#auctions-containter .product-grid-item .ac-auction-car-name {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 55px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#auctions-containter .product-grid-item .ac-auction-car-info {
   
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 55px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#auctions-containter .product-grid-item .border-line{
    border-top: 0.5px solid #C1C1C1;
    margin:3px 0px;
}
#auctions-containter .product-grid-item .homepage-ac-btn-learn-more{
    background: #008AEE;
    border-radius: 50px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
    max-width:279px;
    width: 100%;
    height:45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:11px;
}
#auctions-containter .product-grid-item a > .ac-auction-car-offer-status .ac-auction-car-expire-time span{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    text-align: right;
    color: #008AEE;
}
.homepage-auctions #auctions-containter a {
    width: 100%;
}
.homepage-auctions #auctions-containter .autoborsa-item{
    border-radius: 6px;
    border: 1px #EDEDED;
    background: #F9F9F9;
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    width: 100%;
    flex-direction: row;

}
.homepage-auctions #auctions-containter .autoborsa-item .autoborsa-item-details,
.homepage-auctions #auctions-containter .autoborsa-item .autoborsa-item-title {
    color: #19242D;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.homepage-auctions #auctions-containter .autoborsa-item .autoborsa-item-title{
    max-width: 300px;
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.homepage-auctions #auctions-containter .autoborsa-item .autoborsa-item-details {
    font-size: 14px;
}
.homepage-auctions #auctions-containter .autoborsa-item .autoborsa-item-image {
    width: 92.625px;
    height: 57px;
    border-radius: 7.125px;
    background: lightgray 50% / cover no-repeat;
}
.homepage-auctions #auctions-containter .autoborsa-item .autoborsa-item-image img{
    width: 100%;
    height: 100%;
    border-radius: 7.125px;
    object-fit: cover;
}
#auctions-containter .autoborsa-item .autoborsa-item-content{
    display: flex;
    justify-content: space-between;
    width: 100%;
    
}

@media (max-width: 390px) {
    #auctions-containter .autoborsa-item .autoborsa-item-content {
        gap: 5px;
    }
}

#auctions-containter .autoborsa-item .autoborsa-item-content-left > .label {
    color: #5FB865;
    font-family: "Roboto";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#auctions-containter .autoborsa-item .autoborsa-item-content-right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 110px;
    align-items: end;
}

@media (max-width: 475px) {
    #auctions-containter .autoborsa-item .autoborsa-item-content-right {
        align-items: unset;
    }
}


#auctions-containter .autoborsa-item .ac-auction-car-price span{
    font-family: 'exo 2';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #1bc05d;
}
#auctions-containter .autoborsa-item .ac-auction-car-expire-time span{
    font-family: 'roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    text-align: right;
    color: #008aee;
}
.homepage-auctions .product-grid-item {
       max-width: calc(33.33% - 0px);
       min-height:unset;
       padding: 10px;
       margin: 5px 0px;
}
.ac-mega-border-box .product-grid-item{
    max-width: calc(33.33% - 7px);
}
.homepage-auctions > .button{
    margin-top:30px !important;
}

.homepage-top-offer-products > .products .product-grid-item{

    /* max-width: calc(33.33% - 14px); */
    max-width: calc(25% - 0px);
    margin: 40px 0 0 0px;

}


.homepage-auctions .product-grid-item .product-image .image{
    object-fit: cover;
    border-radius: 19px;
}
.homepage-auctions .auctions-title{
    text-transform: uppercase;
    text-align: left !important;
    margin-bottom: 0px !important;
}
.homepage-auctions .sm-l{
    text-transform: lowercase;
}
/* .homepage-top-offer-products > .products .product-grid-item:nth-child(3n + 1):before {
    content: '';
    position: absolute;
    top: -30px;
    left: 0;
    display: block;
    width: calc(300% + 28px);
    height: 1px;
    background: #E5E5E5;
} */

.homepage-top-offer-products > .products .product-grid-item:nth-child(1):before {
    display: none;
}

.homepage-brands-wrapper {
    margin-bottom: 40px;
}

.homepage-brands-wrapper > .title {
    padding: 30px 0 20px;
    text-align: center;
    
}

.homepage-brands-wrapper .brands {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
}

.homepage-brands-wrapper .brands .brand {
    display: inline-block;
    vertical-align: top;
    max-width: calc(33.33% - 20px);
    width: 100%;
    margin-top: 20px;
    margin-left: 20px;
    background: #fff;
    border-radius: 3px;
    transition: all 0.24s ease-in-out;
}

.homepage-brands-wrapper .brands .brand .content {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 15px 40px 15px 20px;
}

.homepage-brands-wrapper .brands .brand .content:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    display: block;
    width: 24px;
    height: 24px;
    background: url('../images/icons/icon-chevron-right-dark.svg') no-repeat;
    transition: all 0.24s ease-in-out;
}

.homepage-brands-wrapper .brands .brand:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.homepage-brands-wrapper .brands .brand:hover .content:after {
    right: 8px;
}

.homepage-brands-wrapper .brands .brand .content .image {
    flex: 0 0 40px;
    margin-right: 20px;
}

.homepage-brands-wrapper .brands .brand .content .image > img {
    display: block;
    /* width: 100%; */
}

.homepage-testimonials {
    margin-bottom: 20px;
    
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
}

.homepage-testimonials > .title {
    margin-bottom: 30px;
    text-align: center;
}

.homepage-testimonials > .testimonials {
    display: flex;
    padding-bottom: 10px;
}

/* width */
.homepage-testimonials > .testimonials::-webkit-scrollbar {
    height: 10px;
}

/* Track */
.homepage-testimonials > .testimonials::-webkit-scrollbar-track {
    background: #f3f3f3;
    border-radius: 5px;
}

/* Handle */
.homepage-testimonials > .testimonials::-webkit-scrollbar-thumb {
    background: #192d3b;
    border: 3px solid #f3f3f3;
    border-radius: 5px;
}

.homepage-testimonials > .testimonials .testimonial-grid-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    min-width: 270px;
    margin-left: 20px;
    padding: 20px;
    background: #f3f3f3;
    border-radius: 3px;
}

.homepage-testimonials > .testimonials .testimonial-grid-item:first-child {
    margin-left: 0;
}

.homepage-testimonials > .testimonials .testimonial-grid-item > .inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.homepage-testimonials > .testimonials .testimonial-grid-item > .inner .info {
    margin-top: 20px;
}

.homepage-testimonials > .testimonials .testimonial-grid-item > .inner .info > .image {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    margin-right: 10px;
}

.homepage-testimonials > .testimonials .testimonial-grid-item > .inner .info > .image .no-image {
    width: 40px;
    height: 40px;
    background: #008AEE;
    border-radius: 50%;
    color: #ffffff;
    font-family: 'Exo 2', sans-serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 39px;
    text-align: center;
    user-select: none;
}

.homepage-testimonials > .testimonials .testimonial-grid-item > .inner .info > .details {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 50px);
    width: 100%;
}

.homepage-testimonials > .testimonials .testimonial-grid-item > .inner .info > .details .name {
    margin-bottom: 5px;
}

.homepage-testimonials > .testimonials .testimonial-grid-item > .inner .info > .details .rating > .rating-stars {
    position: relative;
    top: -2px;
    left: -2px;
    display: inline-block;
    white-space: nowrap;
}

.homepage-testimonials > .testimonials .testimonial-grid-item > .inner .info > .details .rating > .rating-stars .star {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url('../images/icons/icon-star-outline-palle-small.svg') no-repeat center;
}

.homepage-testimonials > .testimonials .testimonial-grid-item > .inner .info > .details .rating > .rating-stars .star.filled {
    background: url('../images/icons/icon-star-accent3-small.svg') no-repeat center;
}

.homepage-testimonials > .testimonials .testimonial-grid-item > .inner .info > .details .rating > .text-mobile {
    display: none;
}

.homepage-testimonials > .buttons {
    margin-top: 20px;
    text-align: center;
}

.homepage-testimonials > .buttons > .button-write-testimonial {
    display: inline-block;
    vertical-align: middle;
    max-width: 247px;
    width: 100%;
    margin-right: 20px;
    padding: 16px 20px;
}

.homepage-testimonials > .buttons > .button-all-testimonials {
    display: inline-block;
    vertical-align: middle;
    max-width: 247px;
    width: 100%;
    padding: 11px 20px;
    transition: all .25s ease;
}

.homepage-testimonials > .buttons > .button-all-testimonials span {
    display: inline-block;
    vertical-align: middle;
}

.homepage-testimonials > .buttons > .button-all-testimonials .icon {
    width: 24px;
    height: 24px;
    margin-left: 5px;
    background: url('../images/icons/icon-chevron-right-dark.svg');
}

.homepage-testimonials > .buttons > .button-all-testimonials:hover {
    background: #1C2D3A;
}

.homepage-testimonials > .buttons > .button-all-testimonials:hover span {
    /* color: #fff; */
}

.homepage-testimonials > .buttons > .button-all-testimonials:hover .icon {
    background: url('../images/icons/icon-chevron-right-white.svg');
}

.homepage-news {
    padding: 0;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
}
.homepage-news .homepage-row {
    display: flex;
    margin-top:30px;
}
.homepage-news .homepage-row .newsCategories > .newsCategory {
    display: inline-block;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    background: #F3F3F3;
    border-radius: 50px;
    padding: 10px 20px;
    margin: 0 7px;
    color: #000000;
    
}
.homepage-news .homepage-row .newsCategories .newsCategory > .newsCategoryName a {

    color: #000000;
}
.homepage-news .homepage-row .meganews{
    background-image: url(../images/MegaNEWS-logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 244px;
    height: 38px;
    margin-bottom:20px;
    margin-right:5px;
}

.homepage-news > .title {
    margin-top: 25px;
    margin-bottom: 25px;
    
    text-align: center;
}

.homepage-news > .news-articles {
    margin-left: -20px;
}

.homepage-news > .news-articles .news-article {
    margin-bottom: 20px;
}

.homepage-news > .news-articles .news-article {
    display: inline-block;
    vertical-align: top;
    max-width: calc(25% - 20px);
    width: 100%;
    margin-left: 20px;
    margin-bottom: 30px;
}
.homepage-news .homepage-row > .newsCategories .newsCategoryName {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    white-space: nowrap;
}
.homepage-news .homepage-row > .newsCategories {
    display: flex;
    margin-bottom:20px;
    overflow: auto hidden;
    max-height: 36px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.homepage-news .homepage-row > .newsCategories::-webkit-scrollbar {
    display: none;
  }
  .homepage-news .homepage-row .newsCategories > .newsCategory:first-child{
    margin-left: 0;
  }
  /* Hide scrollbar for IE, Edge and Firefox */
  .homepage-news .homepage-row > .newsCategories {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
.homepage-news > .news-articles .news-article > .image img {
    min-height: 200px;
    max-height: 200px;
    object-fit: cover !important;
    display: block;
    width: 100%;
    border-radius: 20px;
}

.homepage-news > .news-articles .news-article > .date {
    margin-top: 15px;
}

.homepage-news > .news-articles .news-article > .title {
    margin-top: 10px;
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    /* min-height: 82px; */
    color: #000000;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 55px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.homepage-news > .news-articles .news-article > .read-more {
    color:#F2992F;
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    
    white-space: nowrap;
}
.homepage-news > .button {
    flex-direction: row;
    max-width: 280px;
    margin:auto;
    transition: all .25s ease;
    margin-bottom:40px;
    margin-top:20px;
}
.banner-mobile{
    display:none;
}
.banner-desktop{
    display:block;
}
.homepage-news > .button span {
    display: inline-block;
    vertical-align: middle;
}

.homepage-news > .button .icon {
    width: 24px;
    height: 24px;
    margin-left: 5px;
    background: url('../images/icons/icon-chevron-right-dark.svg');
}

.homepage-news > .button:hover {
    background: #1C2D3A;
}

/* .homepage-news > .button:hover span {
    color: #fff;
} */

/* .homepage-news > .button:hover .icon {
    background: url('../images/icons/icon-chevron-right-white.svg');
} */
.homepage-button-border-blue{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    /* identical to box height, or 112% */
    border: 1px solid #008AEE;
    border-radius: 50px;
    text-align: center;

    color: #000000;
}
.homepage-button-border-blue:hover{
    background: rgba(23, 141, 235, 0.15) !important;
    border: 1px solid #008AEE !important;
    color: #000000 !important;
}
.product-top-offer-hover:hover{
    background: #FFFFFF;
    padding: 15px;
    box-shadow: 2px 3px 20px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
}
.content-only {
    background: #f3f3f3;
}

.page.page-member-register,
.page.page-member-login,
.page.page-member-forgotten-pass {
    display: flex;
    align-items: center;
    min-height: 100vh;
}

.page.page-member-register > .main,
.page.page-member-login > .main,
.page.page-member-forgotten-pass > .main {
    width: 340px;
    margin: 0 auto;
    padding: 20px 10px;
}


/* New login loader */

.login-loading {
    width: 320px;
    height: 500px;
    padding: 30px 30px 25px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 15px -10px rgba(0, 0, 0, 0.3);
}

.login-loading .text-center{
    margin-top: 50%;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    font-family: 'exo 2',sans-serif;
}

.animated-logo {
    display: block;
    width: 129px; 
    height: 129px; 
    margin: 0 auto;
    background: url('../images/mega-mark.svg') no-repeat 0 0;
}



.page.page-member-register > .main .member-content > .inner,
.page.page-member-login > .main .member-content > .inner,
.page.page-member-forgotten-pass > .main .member-content > .inner {
    padding: 30px 30px 25px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 15px -10px rgba(0, 0, 0, 0.3);
}

.page.page-member-register > .main .member-content > .inner > .logo,
.page.page-member-login > .main .member-content > .inner > .logo,
.page.page-member-forgotten-pass > .main .member-content > .inner > .logo {
    display: block;
    width: 218px;
    height: 36px;
    margin: 0 auto;
    background: url('../images/megaparts-logo-dark-large.svg') no-repeat 0 0;
}

.page.page-member-register > .main .member-content > .inner > .title,
.page.page-member-login > .main .member-content > .inner > .title,
.page.page-member-forgotten-pass > .main .member-content > .inner > .title {
    margin: 20px 0;
    text-align: center;
}

.page.page-member-forgotten-pass > .main .member-content > .inner > .member-form .hint-text-wrapper {
    margin-bottom: 20px;
}

.page.page-member-register > .main .member-content > .inner > .member-form .field-label span,
.page.page-member-login > .main .member-content > .inner > .member-form .field-label span,
.page.page-member-forgotten-pass > .main .member-content > .inner > .member-form .field-label span {
    display: none;
}

.page.page-member-register > .main .member-content > .inner > .member-form .field-label,
.page.page-member-register > .main .member-content > .inner > .member-form fieldset,
.page.page-member-login > .main .member-content > .inner > .member-form .field-label,
.page.page-member-login > .main .member-content > .inner > .member-form fieldset,
.page.page-member-forgotten-pass > .main .member-content > .inner > .member-form .field-label,
.page.page-member-forgotten-pass > .main .member-content > .inner > .member-form fieldset {
    margin-bottom: 10px;
}

.page.page-member-register > .main .member-content > .inner > .member-form fieldset,
.page.page-member-login > .main .member-content > .inner > .member-form fieldset,
.page.page-member-forgotten-pass > .main .member-content > .inner > .member-form fieldset {
    text-align: center;
}

.page.page-member-register > .main .member-content > .inner > .member-form fieldset legend,
.page.page-member-login > .main .member-content > .inner > .member-form fieldset legend {
    display: none;
}

.page.page-member-register > .main .member-content > .inner > .member-form fieldset img,
.page.page-member-login > .main .member-content > .inner > .member-form fieldset img {
    float: left;
    margin-right: 10px;
}

.page.page-member-register > .main .member-content > .inner > .member-form fieldset input[type='text'],
.page.page-member-login > .main .member-content > .inner > .member-form fieldset input[type='text'] {
    width: calc(100% - 120px);
}

.page.page-member-register > .main .member-content > .inner > .member-form input[type='text'],
.page.page-member-login > .main .member-content > .inner > .member-form input[type='text'],
.page.page-member-forgotten-pass > .main .member-content > .inner > .member-form input[type='text'],
.page.page-member-register > .main .member-content > .inner > .member-form input[type='password'],
.page.page-member-login > .main .member-content > .inner > .member-form input[type='password'],
.page.page-member-forgotten-pass > .main .member-content > .inner > .member-form input[type='password'] {
    width: 100%;
    height: 44px;
    padding: 0 15px;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 14px;
}

.page.page-member-register > .main .member-content > .inner > .member-form fieldset input[type='text']:focus,
.page.page-member-login > .main .member-content > .inner > .member-form fieldset input[type='text']:focus,
.page.page-member-register > .main .member-content > .inner > .member-form input[type='text']:focus,
.page.page-member-login > .main .member-content > .inner > .member-form input[type='text']:focus,
.page.page-member-forgotten-pass > .main .member-content > .inner > .member-form input[type='text']:focus,
.page.page-member-register > .main .member-content > .inner > .member-form input[type='password']:focus,
.page.page-member-login > .main .member-content > .inner > .member-form input[type='password']:focus,
.page.page-member-forgotten-pass > .main .member-content > .inner > .member-form input[type='password']:focus {
    padding: 0 14px;
    border: 2px solid #008AEE;
}

.page.page-member-register > .main .member-content > .inner > .member-form fieldset input[type='text'].input-error,
.page.page-member-login > .main .member-content > .inner > .member-form fieldset input[type='text'].input-error,
.page.page-member-register > .main .member-content > .inner > .member-form input[type='text'].input-error,
.page.page-member-login > .main .member-content > .inner > .member-form input[type='text'].input-error,
.page.page-member-forgotten-pass > .main .member-content > .inner > .member-form input[type='text'].input-error,
.page.page-member-register > .main .member-content > .inner > .member-form input[type='password'].input-error,
.page.page-member-login > .main .member-content > .inner > .member-form input[type='password'].input-error,
.page.page-member-forgotten-pass > .main .member-content > .inner > .member-form input[type='password'].input-error {
    padding: 0 14px;
    border: 2px solid #E40730;
}

.page.page-member-register > .main .member-content > .inner > .member-form .help-inline,
.page.page-member-login > .main .member-content > .inner > .member-form .help-inline,
.page.page-member-forgotten-pass > .main .member-content > .inner > .member-form .help-inline {
    margin-top: -5px;
    margin-bottom: 10px;
    color: #E40730;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
}

.page.page-member-register > .main .member-content > .inner > .member-form .consents .help-inline,
.page.page-member-login > .main .member-content > .inner > .member-form .consents .help-inline,
.page.page-member-forgotten-pass > .main .member-content > .inner > .member-form .consents .help-inline {
    margin-top: -10px;
    padding-left: 18px;
}

.page.page-member-register > .main .member-content > .inner > .member-form .consents,
.page.page-member-login > .main .member-content > .inner > .member-form .consents,
.page.page-member-forgotten-pass > .main .member-content > .inner > .member-form .consents {
    margin-top: 20px;
}

.page.page-member-register > .main .member-content > .inner > .member-form .consents > .field-label input[type='checkbox'],
.page.page-member-login > .main .member-content > .inner > .member-form .consents .field-label input[type='checkbox'],
.page.page-member-forgotten-pass > .main .member-content > .inner > .member-form .consents .field-label input[type='checkbox'] {
    margin-right: 5px;
}

.page.page-member-register > .main .member-content > .inner > .member-form .consents > .field-label span,
.page.page-member-login > .main .member-content > .inner > .member-form .consents .field-label span,
.page.page-member-forgotten-pass > .main .member-content > .inner > .member-form .consents .field-label span {
    display: inline-block;
    margin-left: 0;
    margin-top: 2px;
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
}

.page.page-member-register > .main .member-content > .inner > .member-form .consents > .field-label span > a,
.page.page-member-login > .main .member-content > .inner > .member-form .consents .field-label span > a,
.page.page-member-forgotten-pass > .main .member-content > .inner > .member-form .consents .field-label span > a {
    color: #008AEE;
}

.page.page-member-register > .main .member-content > .inner > .member-form .button-wrapper,
.page.page-member-login > .main .member-content > .inner > .member-form .button-wrapper,
.page.page-member-forgotten-pass > .main .member-content > .inner > .member-form .button-wrapper {
    margin-top: 20px;
}

.page.page-member-register > .main .member-content > .inner > .member-form .button-wrapper button,
.page.page-member-login > .main .member-content > .inner > .member-form .button-wrapper button,
.page.page-member-forgotten-pass > .main .member-content > .inner > .member-form .button-wrapper button {
    max-width: 100%;
    width: 100%;
}

.page.page-member-login > .main .member-content > .inner > .member-form .forgotten-password-wrapper {
    margin-top: 10px;
    text-align: center;
}

.page.page-member-register > .main .member-content > .inner > .separator,
.page.page-member-login > .main .member-content > .inner > .separator,
.page.page-member-forgotten-pass > .main .member-content > .inner > .separator {
    position: relative;
    padding: 15px 0;
    text-align: center;
}

.page.page-member-register > .main .member-content > .inner > .separator span,
.page.page-member-login > .main .member-content > .inner > .separator span,
.page.page-member-forgotten-pass > .main .member-content > .inner > .separator span {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    background: #FFF;
}

.page.page-member-register > .main .member-content > .inner > .separator:before,
.page.page-member-login > .main .member-content > .inner > .separator:before,
.page.page-member-forgotten-pass > .main .member-content > .inner > .separator:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background: #E5E5E5;
    top: 50%;
}

.page.page-member-register > .main .member-content > .inner > .member-api-login .facebook-login-button,
.page.page-member-login > .main .member-content > .inner > .member-api-login .facebook-login-button,
.page.page-member-register > .main .member-content > .inner > .member-api-login .google-login-button,
#megaloginForm > div.member-api-login > button.facebook-login-button,
#megaloginForm > div.member-api-login > button.google-login-button,
.page.page-member-login > .main .member-content > .inner > .member-api-login .google-login-button {
    display: block;
    width: 100%;
    height: 48px;
    margin-bottom: 10px;
    padding: 14px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

.page.page-member-register > .main .member-content > .inner > .member-api-login .google-login-button,
#megaloginForm > div.member-api-login > button.google-login-button,
.page.page-member-login > .main .member-content > .inner > .member-api-login .google-login-button {
    background: #DB4437;
}

.page.page-member-register > .main .member-content > .inner > .member-api-login .facebook-login-button,
#megaloginForm > div.member-api-login > button.facebook-login-button,
.page.page-member-login > .main .member-content > .inner > .member-api-login .facebook-login-button {
    background: #4267B2;
}

.page.page-member-register > .main .member-content > .inner > .member-api-login .facebook-login-button span,
.page.page-member-login > .main .member-content > .inner > .member-api-login .facebook-login-button span,
.page.page-member-register > .main .member-content > .inner > .member-api-login .google-login-button span,
#megaloginForm > div.member-api-login > button.google-login-button span,
.page.page-member-login > .main .member-content > .inner > .member-api-login .google-login-button span {
    display: inline-block;
    vertical-align: middle;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 14px;
    text-transform: uppercase;
}

.page.page-member-register > .main .member-content > .inner > .member-api-login .facebook-login-button:before,
#megaloginForm > div.member-api-login > buttonlogin-button:before,
.page.page-member-login > .main .member-content > .inner > .member-api-login .facebook-login-button:before,
.page.page-member-register > .main .member-content > .inner > .member-api-login .google-login-button:before,
#megaloginForm > div.member-api-login > buttonlogin-button:before,
.page.page-member-login > .main .member-content > .inner > .member-api-login .google-login-button:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

#megaloginForm > div.member-api-login > buttonlogin-button:before,
#megaloginForm > div.member-api-login > buttonlogin-button:before,
.page.page-member-register > .main .member-content > .inner > .member-api-login .facebook-login-button:before,
.page.page-member-login > .main .member-content > .inner > .member-api-login .facebook-login-button:before {
    position: relative;
    background: url('../images/icons/icon-facebook-white.svg');
}

#megaloginForm > div.member-api-login > buttonlogin-button:before,
#megaloginForm > div.member-api-login > buttonlogin-button:before,
.page.page-member-register > .main .member-content > .inner > .member-api-login .google-login-button:before,
.page.page-member-login > .main .member-content > .inner > .member-api-login .google-login-button:before {
    position: relative;
    background: url('../images/icons/icon-google-white.svg');
}

.page.page-member-register > .main .member-content > .inner > .member-content-footer,
.page.page-member-login > .main .member-content > .inner > .member-content-footer,
.page.page-member-forgotten-pass > .main .member-content > .inner > .member-content-footer {
    text-align: center;
}

.member-form .as-guest-btn a{
    max-width: unset;
    border: 1px #008AEE solid;

}
.member-content-footer.member-content-footer-guest {
    margin-top: 10px;
}

.member-content-footer.member-content-footer-guest {
    margin-top: 10px;
}


.member-content-footer.member-content-footer-guest {
    margin-top: 10px;
}


.page.page-member-register > .main .member-content > .back-to-site,
.page.page-member-login > .main .member-content > .back-to-site,
.page.page-member-forgotten-pass > .main .member-content > .back-to-site {
    display: block;
    margin: 25px 0;
    text-align: center;
}

.page.page-member-register > .main .member-content > .back-to-site span,
.page.page-member-login > .main .member-content > .back-to-site span,
.page.page-member-forgotten-pass > .main .member-content > .back-to-site span {
    display: inline-block;
    vertical-align: middle;
}

.page.page-member-register > .main .member-content > .back-to-site .icon,
.page.page-member-login > .main .member-content > .back-to-site .icon,
.page.page-member-forgotten-pass > .main .member-content > .back-to-site .icon {
    width: 16px;
    height: 16px;
    margin-right: 7px;
    background: url('../images/icons/icon-arrow-left-dark-small.svg');
}

/*** HEADER ***/

.header {
    position: relative;
    /* z-index: 1; */
	width: 100%;
	background: #16242E;
}

.header > .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    height: 72px;
    margin: 0 auto;
    padding: 0 16px;
    position: relative;
}

.header > .inner .logo-wrapper {
    width: 230px;
    /* margin-right: 90px; */
}

.header:not(.second-line) > .inner .separator {
    width: 1px;
    height: 33.788px;
    background: #394957;
    position: absolute;
    display: none;
}

.header:not(.second-line) > .inner .megabitak_logo {
    background: url(../images/megabitak/logo_top.svg);
    width: 150px;
    height: 25px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    cursor: pointer;
    display: none;
}

.header.second-line .inner > .left-section .nav-link.home {
    color:#008AEE;
}
.header.second-line .inner > .left-section .nav-link.megabitak {
    display: flex;
    height: 37px;
    padding: 10px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 30px;
    border: 1.5px solid #5FB865;
    cursor: pointer;
}

.header.second-line .inner > .left-section .nav-link.megabitak .megabitak {
    color: #5FB865;
}

.header.second-line .inner > .left-section .nav-link.megabitak .text {
    font-family: 'Eastman-Condensed-Black-trial';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 21px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.header.second-line .inner > .left-section .nav-link.megabitak .icon.megabitak {
    width: 125px;
    height: 17px;
    background: url(../../images/icons/megabitak_header_logo-v3.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.header.second-line .inner > .left-section .nav-link.megabitak .icon {
    width: 15px;
    height: 15px;
    background: url(../../images/icons/megabitak-icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.header > .inner .logo-wrapper .logo {
    display: block;
    width: 194px;
    height: 32px;
    background: url('../images/megaparts-logo-light-large.svg') no-repeat 0 0;
    background-size: 100%;
}

.header > .inner .tabs {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    white-space: nowrap;
    margin-right: 10px;
}
.header.second-line .inner > .right-section > .desktop{
    white-space: nowrap;
    height: 40px;
}
/* new header design  */
.header > .inner .nb-search-button {
    background-color:#1C2D3A;
    right: 55px;
    max-width: 33px;
    max-height: 33px;
}
.header > .inner .nb-search-button:hover:before{
    background-color:#1C2D3A;
}
.header > .inner .tabs .search-wrapper > form {
    max-width: 463px;
    /* display: initial; */
    display:none;
}
.header.second-line{
    background: #1C2D3A !important;
}
.header.second-line .desktop{
    display: flex;
    justify-self: center;
    align-items: center;
}
.header.second-line > .inner{
    max-width: 1180px;
}
.header.second-line .inner > .left-section::-webkit-scrollbar,
.header.second-line .inner::-webkit-scrollbar {
    display: none;
}
.header.second-line .inner > .left-section .nav-link{
    font-family: 'Eastman-Condensed-Black-trial';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 21px;
    height: 37px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 50px;
    padding: 6px 18px 6px 14px;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    align-items: end;

}
.header.second-line .inner > .right-section .nav-link{
    display:inline-table;
}
.header.second-line .inner > .left-section .nav-link > .icon{
    margin-right: 2px;
}

.header.second-line .right-section .desktop .nav-link {
    position: relative;
}

.header.second-line .inner > .right-section .nav-link > .count{
    top: -10px;
    left: 15px;
    display: block;
    width: 23px;
    height: 23px;
    background: #f2992f;
    border: 2px solid #1c2d3a;
    border-radius: 50%;
    color: #fff;
    font-family: 'Roboto',sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 21px;
    text-align: center;
    position: absolute;
}
.header.second-line .inner > .left-section .nav-link > .icon{
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 2px;
    text-align: center;
    position: relative;

}
.header.second-line .inner > .left-section .nav-link.active{
    font-weight: 700;
}
.header.second-line .inner > .left-section .nav-link.home{
    background-color: #FFFFFF;
}
.header.second-line .inner > .left-section .nav-link.autoparts{
    background-color: #008AEE;
}

.header.second-line .inner > .left-section .nav-link.buyout{
    background-color: #F2992F;
}
.header.second-line .inner > .left-section .nav-link.borsaa{
    background-color: #33BB5A;
}
.header.second-line .inner > .left-section .nav-link.actions{
    background-color: #FF783F;
}
.header.second-line .inner > .left-section .nav-link.games{
    background-color: #BD5FE9;
}
.header.second-line .inner > .left-section .nav-link.news{
    background-color: #EE4700;
}

.header.second-line .inner > .left-section .nav-link.home{
    padding:5px 15px;
}
.header.second-line .inner > .left-section .nav-link.home > .icon{
    background: url('../images/icons/icon-top-nav-home-xx.svg') no-repeat center;
    margin-right: 0;
}
.header.second-line .inner > .left-section .nav-link.autoparts > .icon{
    background: url('../images/icons/icon-top-nav-setting-2.svg') no-repeat 0 0;
}
.page-home .header.second-line .inner > .left-section .nav-link.autoparts > .icon{
    background: url('../images/icons/icon-top-nav-setting-b.svg') no-repeat 0 0;
}
.page-home .header.second-line .inner > .left-section .nav-link.autoparts > .text{
    font-weight: 700;
  
}
.header.second-line .inner > .left-section .nav-link.buyout > .icon{
    background: url('../images/icons/icon-top-nav-car.svg') no-repeat 0 0;
}
.page-buyout-inquiry .header.second-line .inner > .left-section .nav-link.buyout > .icon{
    background: url('../images/icons/icon-top-nav-car-b.svg') no-repeat 0 0;
}
.page-buyout-inquiry .header.second-line .inner > .left-section .nav-link.buyout > .text{
    font-weight: 700;
}
.header.second-line .inner > .left-section .nav-link.borsaa > .icon{
    background: url('../images/icons/icon-top-nav-shop.svg') no-repeat 0 0;
}
.page-market-list-all .header.second-line .inner > .left-section .nav-link.borsaa > .icon{
    
    background: url('../images/icons/icon-top-nav-shop-b.svg') no-repeat 0 0;
}
.page-market-list-all .header.second-line .inner > .left-section .nav-link.borsaa > .text{
    font-weight: 700;
    
}
.header.second-line .inner > .left-section .nav-link.actions > .icon{
    background: url('../images/icons/icon-avtoborsa.svg') no-repeat center center;
}
.page-auction-car .header.second-line .inner > .left-section .nav-link.actions > .icon,
.page-single-auction .header.second-line .inner > .left-section .nav-link.actions > .icon{
    
    background: url('../../../images/icons/icon-avtoborsa.svg') no-repeat center center;
    
}
.page-auction-car .header.second-line .inner > .left-section .nav-link.actions > .text,
.page-single-auction .header.second-line .inner > .left-section .nav-link.actions > .text{
    font-weight: 700;
    
}
.header.second-line .inner > .left-section .nav-link.games > .icon{
    background: url('../images/icons/icon-top-nav-star.svg') no-repeat 0 0;
}
.page-games .header.second-line .inner > .left-section .nav-link.games > .icon{
    background: url('../images/icons/icon-top-nav-star-b.svg') no-repeat 0 0;
}
.page-games .header.second-line .inner > .left-section .nav-link.games > .text{
    font-weight: 700;
}
.header.second-line .inner > .left-section .nav-link.news > .icon{
    background: url('../images/icons/icon-top-nav-book.svg') no-repeat 0 0;
}
.page-news-list .header.second-line .inner > .left-section .nav-link.news > .icon{
    background: url('../images/icons/icon-top-nav-book-b.svg') no-repeat 0 0;
}
.page-news-list .header.second-line .inner > .left-section .nav-link.news > .text{
    font-weight: 700;
}
.header > .inner .logo-wrapper > .hamburger-wrapper {
    display:none;
}
.page-home .header.second-line .inner > .left-section .nav-link.home::after,
.page-product-category-single .header.second-line .inner > .left-section .nav-link.autoparts::after,
.page-market-list-all .header.second-line .inner > .left-section .nav-link.borsaa::after,
.page-auction-car .header.second-line .inner > .left-section .nav-link.actions::after,
.page-games .header.second-line .inner > .left-section .nav-link.games::after,
.page-news-list .header.second-line .inner > .left-section .nav-link.news::after{
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff; 
}

.header.second-line .inner > .left-section .nav-link {
    
  position: relative;
}

.header.second-line .inner > .left-section .nav-link.home > .icon-active{
    top:30px;
}

.header > .inner .logo-wrapper > .hamburger-wrapper > .icon {
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 45px;
    background-image: url('../images/icons/icon-hamburger-top-nav.svg');
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    text-align: center;
    bottom: 3px;
    position: relative;
}
.header > .inner .logo-wrapper > .hamburger-wrapper.opened > .icon {
    background-image: url('../images/icons/icon-top-nav-close.svg');
}
.header > .inner .nb-search-button > .icon {
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 45px;
    background-image: url('../images/icons/icon-search-bar.svg');
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    text-align: center;
    bottom: 3px;
    position: relative;
    cursor:pointer;
}
.header > .inner .auto-parts-tab {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 49px;
    padding: 11px 15px 14px;
    background: #fff;
    border-radius: 3px 3px 0 0;
    text-align: center;
}
 
.header.second-line .inner > .left-section{
    white-space: nowrap;
    overflow-x: visible; 
    overflow-y:initial;
    display: flex;

}
.header.second-line .inner > .right-section .nav-link:first-child,
.header.second-line .inner > .left-section .nav-link:first-child{
    margin-left:0;
}
.header.second-line .inner > .right-section .nav-link:last-child,
.header.second-line .inner > .left-section .nav-link:last-child{
    margin-right:0;
}
.header.second-line .inner > .right-section .nav-link,
.header.second-line .inner > .left-section .nav-link{
    margin-left:8px;
    margin-right: 4px;
}
.header.second-line .inner > .right-section .nav-link.my-wallet > .icon{
    display: inline-block;
    vertical-align: middle;
    width: 46px;
    height: 46px;
    background: url('../images/icons/icon-my-wallet.svg') no-repeat 0 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
  

}
.header.second-line .inner > .right-section .nav-link.my-favorites > .icon{
    display: inline-block;
    vertical-align: middle;
    width: 31px;
    height: 26px;
    background: url('../images/icons/icon-heart-top-nav.svg') no-repeat 0 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;




}
.header.second-line .inner > .right-section .nav-link.my-messagess > .icon{
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    background: url('../images/icons/icon-messages-top-nav.svg') no-repeat 0 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;


}

/* NOTIFCATION POPUP STYLES */
.notifications-popup-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 122;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    overflow: hidden;
  }

#notifications-popup-body .btn-spinner {
    width: 65px;
    height: 65px;
}

.notifications-popup-wrapper.show {
    display: block;
}

#notifications-popup {
    display: flex;
    flex-flow: column;
    right: 0;
    width: 0;
    height: 100%;
    top: 0px;
    align-items: center;
    background: #FFF;
    position: fixed;
    z-index: 9999;
    transition: width .2s ease-in-out;
}

#notifications-popup.show {
    width: 35vw;
}

/* Notifications header styles */
#notifications-popup #notifications-popup-header {
    display: flex;
    height: 60px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid #EDEDED;
    background: #FFF;
    padding: 10.6px 15px;
}

.notifications-popup-header__info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.notifications-popup-header__icon {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none"><path opacity="0.2" d="M7.99085 1.13507C5.09501 1.13507 2.74747 4.0695 2.74747 7.6893C2.74747 12.0588 1.09473 13.4395 1.09473 13.4395H15.0771C15.0771 13.4395 13.2342 12.0588 13.2342 7.6893C13.2342 4.0695 10.8867 1.13507 7.99085 1.13507Z" fill="%23008AEE"/><path d="M5.36949 13.3695V14.2434C5.36949 14.5877 5.4373 14.9286 5.56905 15.2467C5.70081 15.5647 5.89391 15.8537 6.13736 16.0972C6.38085 16.3407 6.66985 16.5338 6.98786 16.6655C7.30596 16.7973 7.64687 16.8651 7.99118 16.8651C8.3355 16.8651 8.6764 16.7973 8.9945 16.6655C9.31251 16.5338 9.60151 16.3407 9.84498 16.0972C10.0884 15.8537 10.2816 15.5647 10.4133 15.2467C10.5451 14.9286 10.6129 14.5877 10.6129 14.2434V13.3695M13.2346 6.37833C13.2346 9.00003 14.9824 13.3695 14.9824 13.3695H1C1 13.3695 2.7478 9.87392 2.7478 6.37833C2.7478 3.52244 5.13528 1.13495 7.99118 1.13495C10.8471 1.13495 13.2346 3.52244 13.2346 6.37833Z" stroke="%23008AEE" stroke-width="1.31085" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat 0 0;
    background-size: 14.077px 15.73px;
    width: 14.077px;
    height: 15.73px;
}

#notifications-popup #notifications-popup-header .notifications-popup-header__info .placeholder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

#notifications-popup #notifications-popup-header .notifications-popup-header__info .placeholder .placeholder_head {
    color: #000;
    font-family: "Exo 2", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.notifications-count {
    color: #008AEE;
    font-family: "Exo 2", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.mark-read_wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 10px 0;
}

.mark-read_btn {
    color: #008AEE;
    font-family: "Exo 2", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: start;
    width: fit-content;
    pointer-events: all;
}

.mark-read_btn.disabled {
    color: #999;
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.mark-read_btn:hover {
    cursor: pointer;
}

.delete-all-notif_btn {
    color: #999;
    font-family: "Exo 2", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: start;
    width: fit-content;
    pointer-events: all;
}

.delete-all-notif_btn.disabled {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.delete-all-notif_btn:hover {
    color: #008AEE;
    cursor: pointer;
}

#notifications-popup #notifications-popup-header .notifications-popup-header__xMark {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.6629 14.0468C15.8775 14.2614 15.9981 14.5525 15.9981 14.856C15.9981 15.1596 15.8775 15.4507 15.6629 15.6653C15.4483 15.8799 15.1572 16.0005 14.8537 16.0005C14.5502 16.0005 14.2591 15.8799 14.0444 15.6653L8 9.61892L1.95365 15.6634C1.73903 15.878 1.44794 15.9986 1.14442 15.9986C0.840901 15.9986 0.549813 15.878 0.335193 15.6634C0.120573 15.4487 3.19809e-09 15.1577 0 14.8541C-3.19809e-09 14.5506 0.120573 14.2595 0.335193 14.0449L6.38155 8.00047L0.337097 1.95411C0.122476 1.73949 0.0019041 1.4484 0.00190411 1.14488C0.00190411 0.841365 0.122476 0.550277 0.337097 0.335657C0.551717 0.121036 0.842805 0.000463594 1.14632 0.000463591C1.44984 0.000463588 1.74093 0.121036 1.95555 0.335657L8 6.38201L14.0464 0.334704C14.261 0.120084 14.5521 -0.000488286 14.8556 -0.000488281C15.1591 -0.000488276 15.4502 0.120084 15.6648 0.334704C15.8794 0.549325 16 0.840412 16 1.14393C16 1.44745 15.8794 1.73854 15.6648 1.95316L9.61845 8.00047L15.6629 14.0468Z" fill="black"/></svg>') no-repeat 0 0;
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
    transition: transform .2s ease;
}

#notifications-popup #notifications-popup-header .notifications-popup-header__xMark:hover {
    cursor: pointer;
    transform: rotate(90deg);
}

/* Notifications body styles */
#notifications-popup #notifications-popup-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    padding: 15px;
    background: #F5F5F5;
    height: calc(100% - 60px);
    justify-content: space-between;
    /* gap: 10px; */
}

#notifications-popup__btn {
    display: flex;
    padding: 15px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 10px;
    border: 0.5px solid #EDEDED;
    background: #008AEE;
    transition: opacity .1s linear;

    color: #FFF;
    font-family: 'Exo 2', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    opacity: 1;
}

#notifications-popup__btn:hover {
    opacity: .9;
}

#notifications-popup-body .notifications-popup__itemsWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    overflow: auto;
    height: 90%;
    padding: 5px;
}

#notifications-popup-body .notifications-popup__itemsWrap .info-text {
    display: none;
    line-height: 25px;
    font-size: 25px;
    font-family: "Exo 2", sans-serif;
}

#notifications-popup-body .notifications-popup__itemsWrap .info-text.displayed {
    display: block;
}

.info-text {
    color: #999;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    align-self: stretch;
    margin-bottom: 19px;
}

.notifications .icon {
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 29px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="25" viewBox="0 0 22 25" fill="none"><path d="M7.20794 18.3822V19.6238C7.20794 20.113 7.30429 20.5974 7.49147 21.0493C7.67867 21.5011 7.95302 21.9117 8.2989 22.2576C8.64483 22.6035 9.05543 22.8779 9.50724 23.065C9.95918 23.2523 10.4435 23.3486 10.9327 23.3486C11.4219 23.3486 11.9062 23.2523 12.3582 23.065C12.81 22.8779 13.2206 22.6035 13.5665 22.2576C13.9124 21.9117 14.1868 21.5011 14.3739 21.0493C14.5611 20.5974 14.6575 20.113 14.6575 19.6238V18.3822M18.3822 8.44953C18.3822 12.1743 20.8654 18.3822 20.8654 18.3822H1C1 18.3822 3.48318 13.4159 3.48318 8.44953C3.48318 4.39202 6.8752 1 10.9327 1C14.9902 1 18.3822 4.39202 18.3822 8.44953Z" stroke="%23FFFFFF" stroke-width="1.26239" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat 0 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 27px 29px;
    text-align: center;
}

.notifications .icon.show {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="25" viewBox="0 0 22 25" fill="none"><path d="M7.20794 18.3822V19.6238C7.20794 20.113 7.30429 20.5974 7.49147 21.0493C7.67867 21.5011 7.95302 21.9117 8.2989 22.2576C8.64483 22.6035 9.05543 22.8779 9.50724 23.065C9.95918 23.2523 10.4435 23.3486 10.9327 23.3486C11.4219 23.3486 11.9062 23.2523 12.3582 23.065C12.81 22.8779 13.2206 22.6035 13.5665 22.2576C13.9124 21.9117 14.1868 21.5011 14.3739 21.0493C14.5611 20.5974 14.6575 20.113 14.6575 19.6238V18.3822M18.3822 8.44953C18.3822 12.1743 20.8654 18.3822 20.8654 18.3822H1C1 18.3822 3.48318 13.4159 3.48318 8.44953C3.48318 4.39202 6.8752 1 10.9327 1C14.9902 1 18.3822 4.39202 18.3822 8.44953Z" stroke="%23008AEE" stroke-width="1.26239" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat 0 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 27px 29px;
}

.notifications-mobile .icon {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="25" viewBox="0 0 22 25" fill="none"><path d="M7.20794 18.3822V19.6238C7.20794 20.113 7.30429 20.5974 7.49147 21.0493C7.67867 21.5011 7.95302 21.9117 8.2989 22.2576C8.64483 22.6035 9.05543 22.8779 9.50724 23.065C9.95918 23.2523 10.4435 23.3486 10.9327 23.3486C11.4219 23.3486 11.9062 23.2523 12.3582 23.065C12.81 22.8779 13.2206 22.6035 13.5665 22.2576C13.9124 21.9117 14.1868 21.5011 14.3739 21.0493C14.5611 20.5974 14.6575 20.113 14.6575 19.6238V18.3822M18.3822 8.44953C18.3822 12.1743 20.8654 18.3822 20.8654 18.3822H1C1 18.3822 3.48318 13.4159 3.48318 8.44953C3.48318 4.39202 6.8752 1 10.9327 1C14.9902 1 18.3822 4.39202 18.3822 8.44953Z" stroke="%23000000" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat 0 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px;
    text-align: center;
}

.notifications-mobile .icon.show {
    width: 28px;
    height: 28px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="25" viewBox="0 0 22 25" fill="none"><path d="M7.20794 18.3822V19.6238C7.20794 20.113 7.30429 20.5974 7.49147 21.0493C7.67867 21.5011 7.95302 21.9117 8.2989 22.2576C8.64483 22.6035 9.05543 22.8779 9.50724 23.065C9.95918 23.2523 10.4435 23.3486 10.9327 23.3486C11.4219 23.3486 11.9062 23.2523 12.3582 23.065C12.81 22.8779 13.2206 22.6035 13.5665 22.2576C13.9124 21.9117 14.1868 21.5011 14.3739 21.0493C14.5611 20.5974 14.6575 20.113 14.6575 19.6238V18.3822M18.3822 8.44953C18.3822 12.1743 20.8654 18.3822 20.8654 18.3822H1C1 18.3822 3.48318 13.4159 3.48318 8.44953C3.48318 4.39202 6.8752 1 10.9327 1C14.9902 1 18.3822 4.39202 18.3822 8.44953Z" stroke="%23008AEE" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat 0 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px;
}

#notifications-popup-body .notifications-item {
    position: relative;
    display: flex;
    padding: 15px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 2px;
    border: 0.5px solid #EDEDED;
    background: #EDF7FE;
    /* background: #CCE8FC; */
    /* background: linear-gradient(0deg, rgba(0, 138, 238, 0.03) 0%, rgba(0, 138, 238, 0.03) 100%), #FFF; */
    transition: box-shadow .1s linear;
}

#notifications-popup-body .notifications-item:hover {
    cursor:pointer;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; */
}

#notifications-popup-body .notifications-item.viewed {
    background: #FFF;
}

#notifications-popup-body .delete-notif_btn {
    position: absolute;
    top: 0;
    right: 0;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="15" viewBox="0 0 13 15" fill="none"><path d="M8.6875 2.52863H11.3125C11.8375 2.52863 12.1875 2.87863 12.1875 3.40363V4.27863H0.8125V3.40363C0.8125 2.87863 1.25 2.52863 1.6875 2.52863H4.3125C4.4875 1.56613 5.45 0.778625 6.5 0.778625C7.55 0.778625 8.5125 1.56613 8.6875 2.52863ZM5.1875 2.52863H7.8125C7.6375 2.00363 7.025 1.65363 6.5 1.65363C5.975 1.65363 5.3625 2.00363 5.1875 2.52863ZM1.6875 5.15363H11.3125L10.525 13.9911C10.525 14.4286 10.0875 14.7786 9.65 14.7786H3.35C2.9125 14.7786 2.5625 14.4286 2.475 13.9911L1.6875 5.15363Z" fill="%23008aee"/></svg>') no-repeat center center;
    background-size: 16px 16px;
    height: 100%;
    width: 0px;
}

#notifications-popup-body .notifications-item:hover .delete-notif_btn {
    width: 50px;
    transition: width 0.1s ease-in-out;
    background-color: #FFF;
}
#notifications-popup-body .notifications-item:hover .delete-notif_btn:hover {
    cursor: pointer;
    background-size: 20px 20px;
}

#notifications-popup-body .notifications-item .notification-item__infoWrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    align-self: stretch;
}

#notifications-popup-body .notifications-item .notification-item__infoWrapper .notification-item__placeholder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

#notifications-popup-body .notifications-item .notification-item__infoWrapper .notification-item__placeholder .notification-item__sentText {
    color: #999;
    font-family: 'Exo 2', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

#notifications-popup-body .notifications-item .notification-item__infoWrapper .notification-item__placeholder .notifications-item__description {
    color: #000;
    font-family: 'Exo 2', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

#notifications-popup-body .megabitak-tag {
    display: inline-block;

    width: 70px;
    height: 15px;
    background: url(../../images/megabitak/megabitak-tag.svg);
    background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  background-color: #5FB865;
  border-radius: 5px;
}

#notifications-popup-body .notifications-item .notification-item__badge {
    min-width: 25px;
    height: 21px;
}

#notifications-popup-body .notifications-item .notification-item__badge.autoborsa {
    background: url('../images/icons/icon-auto-borsa-notifications-active.svg') no-repeat 0 0;
}

#notifications-popup-body .notifications-item .notification-item__badge.borsa {
    background: url('../images/icons/icon-borsa-notifications-active.svg') no-repeat 0 0;
}

#notifications-popup-body .notifications-item .notification-item__badge.message {
    background: url('../images/icons/icon-messages-notifications-active.svg') no-repeat 0 0;
}

#notifications-popup-body .notifications-item .notification-item__badge.star {
    background: url('../images/icons/icon-star-notifications-active.svg') no-repeat 0 0;
}

#notifications-popup-body .notifications-item .notification-item__badge.bell {
    background: url('../images/icons/icon-bell-notifications-active.svg') no-repeat 0 0;
}

#notifications-popup-body .notifications-item .notification-item__badge.wrench {
    background: url('../images/icons/icon-megaparts-notifications-active.svg') no-repeat 0 0;
}

#notifications-popup-body .notifications-item .notification-item__badge.megabitak {
    background: url('../images/icons/icon-megabitak-notifications.svg') no-repeat 0 0;
}

.conversation-content .conversations .notifications-item .notification-item__badge {
    min-width: 25px;
    height: 21px;
}

.conversation-content .conversations .notification-item__badge.autoborsa {
    background: url('../images/icons/icon-auto-borsa-notifications-active.svg') no-repeat 0 0;
}

.conversation-content .conversations .notification-item__badge.borsa {
    background: url('../images/icons/icon-borsa-notifications-active.svg') no-repeat 0 0;
}

.conversation-content .conversations .notification-item__badge.message {
    background: url('../images/icons/icon-messages-notifications-active.svg') no-repeat 0 0;
}

.conversation-content .conversations .notification-item__badge.star {
    background: url('../images/icons/icon-star-notifications-active.svg') no-repeat 0 0;
}

.conversation-content .conversations .notification-item__badge.bell {
    background: url('../images/icons/icon-bell-notifications-active.svg') no-repeat 0 0;
}

.conversation-content .conversations .notification-item__badge.wrench {
    background: url('../images/icons/icon-megaparts-notifications-active.svg') no-repeat 0 0;
}

.conversation-content .conversations .notification-item__badge.megabitak {
    background: url('../images/icons/icon-megabitak-notifications.svg') no-repeat 0 0;
}


#notifications-popup-body .notifications-item .notification-item__secondaryInfoWrapper {
    display: flex;
    align-items: center;
    gap: 15px;
}

#notifications-popup-body .notifications-item .notification-item__secondaryInfoWrapper .notification-item__placeholder .notification-item__price {
    color: #008AEE;
    font-family: "Exo 2",sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#notifications-popup-body .notification-item__secondaryInfoWrapper .notification-item__secondaryIcon {
    background: url('../images/arrow-notifications.png') no-repeat 0 0;
    background-size: 15px 15px;
    height: 15px;
    width: 14px;
    min-width: 20px;
}

.notification-item__secondaryInfoWrapper .notification-item__placeholder .rating-stars {
    display: flex;
    align-items: center;
    gap: 1px;
    flex-direction: unset!important;
}

.notification-item__secondaryInfoWrapper .notification-item__placeholder .rating-stars .icon {
    height: 13px!important;
    width: 13px!important;
}
/* NOTIFCATION POPUP STYLES */

.header.second-line .inner > .right-section .nav-link.cart > .icon{
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 29px;
    background: url('../images/icons/icon-cart-top-nav.svg') no-repeat 0 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;




}
.nd-search-input{
    max-width: 463px;
    width: 100%;
    height: 45px;
    background: #1C2D3A;
    border: 1px solid #008AEE;
    border-radius: 50px;
    padding-left: 30px;
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;    
    color: #777777;
}
.header.second-line .inner > .right-section > .mobile{
    display: none;
}
.header > .inner .logo-wrapper > .hamburger-wrapper{
    display: none;
}
/* new header design  */

.page-member-forgotten-pass form button.is-loading{
    background: #fff;
    
    border: 1px solid #008AEE;
}
 
.page.page-buyout-inquiry .header > .inner .auto-parts-tab,
.page.page-buyout-inquiry-car-info .header > .inner .auto-parts-tab,
.page.page-buyout-inquiry-car-photos .header > .inner .auto-parts-tab,
.page.page-buyout-inquiry-car-prices .header > .inner .auto-parts-tab,
.page.page-buyout-inquiry-car-preview .header > .inner .auto-parts-tab {
    background: rgba(0, 138, 238, 0.15);
}

.page.page-buyout-inquiry .header > .inner .auto-parts-tab:before,
.page.page-buyout-inquiry-car-info .header > .inner .auto-parts-tab:before,
.page.page-buyout-inquiry-car-photos .header > .inner .auto-parts-tab:before,
.page.page-buyout-inquiry-car-prices .header > .inner .auto-parts-tab:before,
.page.page-buyout-inquiry-car-preview .header > .inner .auto-parts-tab:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px 3px 0 0;
    transition: all .25s ease;
}

.page.page-buyout-inquiry .header > .inner .auto-parts-tab:hover:before,
.page.page-buyout-inquiry-car-info .header > .inner .auto-parts-tab:hover:before,
.page.page-buyout-inquiry-car-photos .header > .inner .auto-parts-tab:hover:before,
.page.page-buyout-inquiry-car-prices .header > .inner .auto-parts-tab:hover:before,
.page.page-buyout-inquiry-car-preview .header > .inner .auto-parts-tab:hover:before {
    content: '';
    background: rgba(255,255,255, 0.15);
}

.header > .inner .auto-parts-tab:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: #008AEE;
    border-radius: 3px 3px 0 0;
}

.header > .inner .auto-parts-tab > .icon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-right: 7px;
    background: url('../images/icons/icon-auto-parts-accent.svg') no-repeat center center;
}

.header > .inner .auto-parts-tab > .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #008AEE;
    letter-spacing: 0;
    line-height: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.header > .inner .redemption-tab {
    position: relative;
    display: inline-block;
    vertical-align: middle;
	height: 49px;
    padding: 12px 15px 13px;
    margin-left: 2px;
    background: rgba(242, 153, 47, 0.15);
    border-radius: 3px 3px 0 0;
	text-align: center;
}

.header > .inner .redemption-tab:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px 3px 0 0;
    transition: all .25s ease;
}

.header > .inner .redemption-tab:hover:before {
    content: '';
    background: rgba(255,255,255, 0.15);
}

.page.page-buyout-inquiry .header > .inner .redemption-tab,
.page.page-buyout-inquiry-car-info .header > .inner .redemption-tab,
.page.page-buyout-inquiry-car-photos .header > .inner .redemption-tab,
.page.page-buyout-inquiry-car-prices .header > .inner .redemption-tab,
.page.page-buyout-inquiry-car-preview .header > .inner .redemption-tab {
    background: #fff;
}

.page.page-buyout-inquiry .header > .inner .redemption-tab:before,
.page.page-buyout-inquiry-car-info .header > .inner .redemption-tab:before,
.page.page-buyout-inquiry-car-photos .header > .inner .redemption-tab:before,
.page.page-buyout-inquiry-car-prices .header > .inner .redemption-tab:before,
.page.page-buyout-inquiry-car-preview .header > .inner .redemption-tab:before {
    display: none !important;
}

.header > .inner .redemption-tab:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: #F2992F;
    border-radius: 3px 3px 0 0;
}

.header > .inner .redemption-tab > .icon {
    display: inline-block;
    vertical-align: middle;
	width: 24px;
	height: 24px;
	margin-right: 7px;
	background: url('../images/icons/icon-buyout-accent2.svg') no-repeat center center;
}

.header > .inner .redemption-tab > .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #F2992F;
    letter-spacing: 0;
    line-height: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.header > .inner .redemption-tab > .text-mobile {
    display: none;
}

.header > .inner .market-tab {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 49px;
    padding: 11px 15px 14px;
    margin-left: 2px;
    border-radius: 3px 3px 0 0;
    background: rgba(41, 188, 85,0.15);
    text-align: center;
}

.header > .inner .market-tab:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px 3px 0 0;
    transition: all .25s ease;
}

.header > .inner .market-tab:hover:before {
    content: '';
    background: rgba(255,255,255, 0.15);
}

.header > .inner .market-tab:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: #29bc55;
    border-radius: 3px 3px 0 0;
}

.header > .inner .market-tab > .icon {
    display: inline-block;
    vertical-align: middle;
    min-width: 24px;
    height: 24px;
    margin-right: 7px;
    background: url('../images/icons/icon-exchange-accent3.svg') no-repeat center center;
}

.header > .inner .market-tab > .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #29bc55;
    letter-spacing: 0;
    line-height: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.header > .inner .elements {
    flex: 1;
	text-align: left;
    white-space: nowrap;
}

.header > .inner .elements .element {
    position: relative;
	display: inline-block;
	vertical-align: middle;
}

.header > .inner .elements .element.phone {
    margin-left: 20px;
    position: relative;
    top: 11px;
    right: 5px;
}

.header > .inner .elements .element.phone > .icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin-right: 8px;
    background: rgba(255, 255, 255, 0.2) url('../images/icons/icon-phone-volume-white.svg') no-repeat center center;
    border-radius: 50%;
}

.header > .inner .elements .element.phone > .icon:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: all .25s ease;
}

.header > .inner .elements .element.phone:hover > .icon:before {
    content: '';
    background: rgba(255,255,255, 0.15);
}

.header > .inner .elements .element.phone > .text {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 42px;
    text-align: center;
    color: #FFFFFF;
    bottom: 18px;
    position: relative;
    left: 10px;
}

.header > .inner .elements .element.customer {
    margin-right: 5px;
    cursor: pointer;
}

.header > .inner .elements .element.customer > .icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin-right: 8px;
    background: url('../images/icons/icon-user-bar.svg') no-repeat center center;
    border-radius: 50%;
}

.header > .inner .elements .element.customer > .icon:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: all .25s ease;
}

.header > .inner .elements .element.customer:hover > .icon:before {
    content: '';
    background: rgba(255,255,255, 0.15);
}

.header > .inner .elements .element.customer > .text {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 42px;
    text-align: center;
    color: #FFFFFF;
    margin-right: 15px;
}

.header > .inner .elements .element.customer .image {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin-right: 8px;
    border-radius: 50%;
    overflow: hidden;
}

.header > .inner .elements .element.customer .image img {
    display: block;
    width: 100%;
}

.header > .inner .elements .element.customer .image > .no-image {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    background: #008AEE;
    font-size: 17px;
    color: #fff;
    letter-spacing: 0;
    line-height: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-align: center;
}

.header > .inner .elements .element.customer .image > .no-image:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: all .25s ease;
}

.header > .inner .elements .element.customer:hover .image > .no-image:before {
    content: '';
    background: rgba(255,255,255, 0.15);
}

.header > .inner .elements .element.customer .dropdown-wrapper {
    position: absolute;
    top: 45px;
    left: -135px;
    z-index: 50;
    display: none;
    padding-top: 12px;
}

.header > .inner .elements .element.customer .dropdown-wrapper .dropdown {
    width: 302px;
    background: #fff;
    padding: 15px 20px 20px 20px;
    border-radius: 20px;
    box-shadow: 0 15px 39px 0 rgba(0,0,0,0.2);

}

.header > .inner .elements .element.customer .dropdown-wrapper .dropdown:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 140px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 20px;
    
}

.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .market-button {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    background: #33BB5A;
    border-radius: 50px;
    margin-bottom: 10px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
}

.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .market-button:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    transition: all .25s ease;
}

.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .market-button:hover:before {
    content: '';
    background: rgba(255,255,255, 0.15);
}

.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .market-button > .icon {
    display: inline-block;
    vertical-align: middle;
    background: url('../images/icons/icon-market-white.svg') no-repeat center center;
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .market-button > .text {
    display: inline-block;
    vertical-align: middle;
}

.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li {
    display: block;
    text-align: left;
    padding: 13px 5px;
    transition: all 0.3s;
}
.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li.exit {
    border-bottom: 1px solid #E5E5E5;
}
.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li.exit a {
   color: #999999;
}
.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li:hover {
    background: #F3F3F3;
}

.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li:last-child {
    border-bottom: 0;
}

.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li a {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 34px;
}

.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li a > .icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
}

.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li.my-inquiries a > .icon {
    background: url('../images/icons/icon-top-nav-my-inquiries.svg');
}
.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li.megaprofile a > .icon {
    background: url('../images/icons/iconmegaprofile.svg');
}
.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li.switch-megaprofile a > .icon {
    background: url('../images/icons/iconswitchprofile.svg');
}
.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li.balance a > .icon {
    background: url('../images/icons/icon-badge-dollar-dark.svg');
}
.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li.profile a > .icon {
    background: url('../images/icons/icon-top-nav-profile-circle.svg');
}
.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li.public-profile a > .icon {
    background: url('../images/icons/icon-public-profile-circle.svg');
}
.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li.balance a > .icon {
    background: url('../images/icons/icon-top-nav-wallet-money.svg');
}

.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li.consents a > .icon {
    background: url('../images/icons/icon-top-nav-shield-security.svg');
}

.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li.exit a > .icon {
    background: url('../images/icons/iconlogout-megaprofile.svg');
}

.header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li.megawallet a > .icon {
    background: url('../images/credits-menu/wallet-global-trigger.svg');
}

/** ACTIVE **/
.page-member-inquiries .header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li.my-inquiries a > .icon {
    background: url('../images/icons/icon-list-alt-accent.svg');
}

.page-member-inquiries .header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li.my-inquiries a > .text {
    color: #008aee;
}

.page-member-profile .header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li.profile a > .icon {
    background: url('../images/icons/icon-my-profile-bottom-blue.svg');
}
.page-member-dealer-profile .header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li.public-profile a > .icon {
    
    background: url('../images/icons/icon-public-profile-circle-blue.svg');
    
}

.page-member-profile .header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li.profile a > .text {
    color: #008aee;
}
.page-member-profile .header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li.balance a > .icon {
    background: url('../images/icons/icon-badge-dollar-dark.svg');
}
.page-member-privacy .header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li.consents a > .icon {
    background: url('../images/icons/icon-lock-accent.svg');
}

.page-member-privacy .header > .inner .elements .element.customer .dropdown-wrapper .dropdown .dropdown-list li.consents a > .text {
    color: #008aee;
}

.header > .inner .elements .element.conversation {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background: #008AEE  url('../images/icons/icon-messages-desktop.svg') no-repeat center center;
    border-radius: 50%;
}

.header > .inner .elements .element.conversation:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: all .25s ease;
}

.header > .inner .elements .element.conversation:hover:before {
    content: '';
    background: rgba(255,255,255, 0.15);
}

.header > .inner .elements .element.conversation > .count {
    position: absolute;
    top: -8px;
    right: -10px;
    display: block;
    width: 23px;
    height: 23px;
    background: #F2992F;
    border: 2px solid #1C2D3A;
    border-radius: 50%;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 21px;
    text-align: center;
}

.header > .inner .elements .element.cart {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background: #008AEE  url('../images/icons/icon-cart-white.svg') no-repeat center center;
    border-radius: 50%;
}

.element-youtube {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.element-facebook {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}


.element-youtube-footer {
    display: inline-block;
    vertical-align: middle;
}

.title-xsmall-white.second {
    margin-top: 20px;
    margin-bottom: 15px;
}

.megabitak.footer.icon {
    background: url(../images/megabitak/megabitak_footer_logo.svg);
    width: 218px;
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    cursor: pointer;
    padding: 0px;
    opacity: 0.5;
    /* margin-top: 7px; */
    /* margin-left: -2px; */
}

.megabitak.footer.icon:hover {
    opacity: 1;
}

.element-facebook-footer {
    margin-left: 16px;
    display: inline-block;
    vertical-align: middle;
}

.header > .inner .elements .element.cart:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: all .25s ease;
}

.header > .inner .elements .element.cart:hover:before {
    content: '';
    background: rgba(255,255,255, 0.15);
}

.header > .inner .elements .element.cart > .count {
	position: absolute;
    top: -8px;
    right: -10px;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background: #F2992F;
    border: 2px solid #1C2D3A;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 21px;
    text-align: center;
}

/*** MENU ***/
.menu {
	opacity: 0;
	visibility: hidden;
	z-index: 120;
	position: fixed;
	top: 0;
	left: -360px;
	width: 360px;
}

.menu .panels {
	overflow-y: auto;
	height: 100vh;
	padding: 42px 0 18px;
	background: #fff;
}

.menu .panels .fixed-menu-header {
	position: fixed;
	display: block;
	width: 100%;
	left: 0;
	top: 0;
	padding: 18px 0;
	background: #ffffff;
	z-index: 1;
}

.menu .panels .fixed-menu-header.is-sticky {
	box-shadow: 0 -5px 15px 4px rgba(0,0,0,.25);
}

.menu .panels .panel .fixed-menu-header .back-button {
	visibility: hidden;
	position: absolute;
	top: 15px;
	left: 15px;
	width: 32px;
	height: 32px;
	background: url('../images/icons/icon-arrow-left-dark-large.svg');
	cursor: pointer;
}

.menu .panels .panel .fixed-menu-header .logo {
	width: 170px;
	height: 28px;
	background: url('../images/megaparts-logo-dark-small.svg');
	margin: 0 auto;
}

.menu .panels .panel[data-has-grandchildren='0'] .fixed-menu-header .logo {
	margin-bottom: 10px;
}

.menu .panels .fixed-menu-header .close {
	z-index: 120;
	position: absolute;
	top: 15px;
	right: 28px;
	background-position: 50%, 50%;
	cursor: pointer;
}
.menu .panels .fixed-menu-header .close:before {
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	background: url('../images/icons/icon-time-dark-large.svg');
}

.menu .panels .panel {
	padding: 0 20px;
}

.menu .panels .panel > .search {
    margin-bottom: 20px;
}

.menu .panels .panel > .search .search-field {
    position: relative;
}

.menu .panels .panel > .search .search-field:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 24px;
    height: 24px;
    background: url('../images/icons/icon-search-dark.svg') no-repeat center;
    opacity: 0.5;
    transform: translateY(-50%);
    cursor: pointer;
}

.menu .panels .panel > .search .search-field.focus:after {
    opacity: 1;
}

.menu .panels .panel > .search .search-field input {
    width: 100%;
    padding: 16px 40px 15px 10px;
    background: #fff;
    border: 1px solid rgba(0, 138, 238, 0.5);
    border-radius: 3px;
    box-shadow: 0 0 0 2px rgba(0, 138, 238, 0.15);
    font-size: 14px;
    color: #1C2D3A;
    letter-spacing: 0;
    line-height: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    transition: none;
}

.menu .panels .panel > .search .search-field input::placeholder {
    font-size: 14px;
    color: #777777;
    letter-spacing: 0;
    line-height: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.menu .panels .panel > .search .search-field input::-webkit-input-placeholder {
    font-size: 14px;
    color: #777777;
    letter-spacing: 0;
    line-height: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.menu .panels .panel > .search .search-field input:-ms-input-placeholder {
    font-size: 14px;
    color: #777777;
    letter-spacing: 0;
    line-height: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.menu .panels .panel > .search .search-field input:focus,
.menu .panels .panel > .search .search-field input:active {
    padding: 15px 39px 14px 9px;
    border: 2px solid #008AEE;
}

.menu .panels .panel > .results {
    display: none;
}

.menu .panels .panel > .results .no-results-found {
    padding: 30px 0 20px;
    text-align: center;
}

.menu .panels .panel > .results .bottom {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #E5E5E5;
}

.menu .panels .panel > .results .bottom .reset-search {
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
}

.menu .panels .panel > .results .bottom .reset-search > .icon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background: #F3F3F3 url('../images/icons/icon-arrow-left-dark-small.svg') no-repeat center;
    border-radius: 50px;
}

.menu .panels .panel > .results .bottom .reset-search > .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #1C2D3A;
    letter-spacing: 0;
    line-height: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.menu .panels .panel > .results .category-child {
    display: block;
    margin-bottom: 15px;
    transition: all 0.25s ease;
}

.menu .panels .panel > .results .category-child:hover {
    color: #008AEE;
}

.menu .panels .panel > .results .category-child:last-child {
    margin-bottom: 0;
}

.menu .panels .panel .menu-links {
	margin-top: 38px;
	margin-bottom: 33px;
}

.menu .panels .panel .menu-links a {
	display: block;
	cursor: pointer;
}

.menu .panels .panel .menu-links .phone-link {
	margin-bottom: 20px;
	vertical-align: middle;
}

.menu .panels .panel .menu-links .phone-link:before{
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('../images/icons/icon-phone-volume-dark.svg');
	margin-right: 15px;
	vertical-align: middle;
}

.menu .panels .panel[data-has-grandchildren='0'] .back-button {
	visibility: visible;
}

.menu .panels .panel .title {
	display: block;
	margin-bottom: 20px;
}

.menu .panels .panel .title.main-category {
    cursor: pointer;
}

.menu .panels .panel .title.main-category:hover {
    color: #008AEE;
}

.menu .panels .panel[data-has-grandchildren='0'] .title {
    margin-top: 40px;
}

.menu .panels .panel .items .item {
	position: relative;
	display: block;
	width: 100%;
    border-bottom: 1px solid #E5E5E5;
	cursor: pointer;
    transition: all .25s ease;
}

.menu .panels .panel .items .item[data-has-children='1']:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('../images/icons/icon-chevron-right-dark.svg') no-repeat;
    transform: translateY(-50%);
    transition: all .25s ease;
}

.menu .panels .panel .items .item > .name {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 17px 0;
	vertical-align: middle;
}

.menu .panels .panel .items .item > .name .image {
    display: inline-block;
    width: 40px;
    margin-right: 10px;
    vertical-align: middle;
}

.menu .panels .panel .items .item > .name span {
    width: calc(100% - 80px);
    display: inline-block;
    vertical-align: middle;
    transition: all .25s ease;
}

.menu .panels .panel .items .item:hover > .name,
.menu .panels .panel .items .item:hover > .name span {
    color: #008AEE;
}

.menu .panels .panel .items .item:hover[data-has-children='1']:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('../images/icons/icon-chevron-right-accent.svg') no-repeat;
    transform: translateY(-50%);
    transition: all .25s ease;
}

.menu .panels .panel .items .item[data-is-accordion='1'] > .name {
    position: relative;
    padding-right: 30px;
}

.menu .panels .panel .items .item[data-is-accordion='1'].is-opened > .name span {
    color: #008AEE;
}

.menu .panels .panel .items .item[data-is-accordion='1'] > .name:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: url('../images/icons/icon-chevron-down-dark.svg');
    transform: translateY(-50%);
    transition: all .25s ease;
}

.menu .panels .panel .items .item[data-is-accordion='1'].is-opened > .name:after {
    transform: translateY(-50%) rotate(180deg);
}

.menu .panels .panel .items .item[data-is-accordion='1'] > .content {
    height: 0;
    overflow: hidden;
}

.menu .panels .panel .items .item[data-is-accordion='1'] > .content .inner {
    padding: 0 10px 10px 5px;
}

.menu .panels .panel .items .item[data-is-accordion='1'] > .content .inner > .name {
    position: relative;
    display: block;
    padding: 0 10px 7px 24px;
}

.menu .panels .panel .items .item[data-is-accordion='1'] > .content .inner > .name:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 9px;
    display: block;
    width: 6px;
    height: 6px;
    background: #1C2D3A;
    border-radius: 50%;
    transition: all .25s ease;
}

.menu .panels .panel .items .item[data-is-accordion='1'] > .content .inner > .name:hover span {
    color: #008AEE;
    transition: all .25s ease;
}

.menu .panels .panel .items .item[data-is-accordion='1'] > .content .inner > .name:hover:before {
    background: #008AEE;
}

.profile-mobile-menu {
    display: none;
}

.overlay {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: -50%;
	right: -50%;
	width: 200%;
	height: 200%;
	background: rgba(28, 45, 58,.8);
	z-index: 100;
}

.breadcrumbs {
    display: initial;
}

.breadcrumbs .breadcrumb {
    display: initial;
    /* text-transform: lowercase; */
}

.breadcrumbs .breadcrumb::first-letter {
    text-transform: uppercase;
}

.breadcrumbs .breadcrumb:after {
    content: "/";
    display: inline-block;
    margin: 0 5px;
    font-size: 12px;
}

.breadcrumbs .breadcrumb:last-child:after {
    display: none;
}

.flickity-button {
    width: 40px !important;
    height: 40px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.flickity-button.previous {
    left: -40px !important;
    background: url('../images/icons/icon-chevron-left-dark-large.svg') !important;
}

.flickity-button.next {
    right: -40px !important;
    background: url('../images/icons/icon-chevron-right-dark-large.svg') !important;
}

.flickity-button .flickity-button-icon {
    display: none;
}

.flickity-page-dots {
    bottom: -60px !important;
    white-space: initial;
}

.flickity-page-dots .dot {
    width: 24px !important;
    height: 3px !important;
    margin: 5px !important;
    background: rgba(28, 45, 58, 0.25) !important;
    border-radius: 2px !important;
    transition: width 0.36s ease-in-out !important;
}

.flickity-page-dots .dot.is-selected {
    width: 48px !important;
    background: #1C2D3A !important;
}

.page.page-product-single .main .single-product {
    margin-top: 20px;
}

.page-product-single .has-active-inquiry-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
}

.page-product-single .has-active-inquiry-wrapper button {
    background: #1c2d3a!important;
    pointer-events: none;
    opacity: 0.3;
    margin: unset!important;
}

.page-product-single .has-active-inquiry-wrapper .has-active-inquiry-text.text-body-dark {
    font-size: 20px!important;
    line-height: 25px;
    padding: 10px;
    background: #ffa50014;
    /* pointer-events: none; */
    border: 1px solid #1c2d3a;
}

.page.page-product-single > .main {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

.page.page-product-single > .main > .inner > .main {
    max-width: 1220px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px 0;
}

.page-product-single .main .breadcrumbs-wrapper {
    margin-bottom: 22px;
}

.page-product-single .main .single-product {
    position: relative;
}

 .mobile-back-btn {
    background: url('../images/icons/icon-chevron-left-white.svg') no-repeat 7px 8px #1C2D3A;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: 8;
    position: absolute;
    right: 0;
    display: none;
}

.mobile-back-btn.is-sticky {
    position: fixed;
    top: 20px;
    right: 20px;
}

.page.page-product-single .main .single-product .gallery {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 673px;
    margin-right: 32px;
    z-index: 1;
}

.page.page-product-single .main .single-product .gallery .product-image {
    position: relative;
    width: 100%;
    background-color: #f3f3f3;
    border-radius: 20px;
}

.page.page-product-single .main .single-product .gallery .product-image .promo-label {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    padding: 1px 5px 0;
    border-radius: 3px;
    font-size: 12px;
    line-height: 17px;
    font-weight: 700;
    text-transform: uppercase;
}

.page.page-product-single .main .single-product .gallery .product-image a {
    display: block;
    padding: 1px;
}

.page.page-product-single .main .single-product .gallery .product-image a img {
    display: block;
    width: 100%;
    
    border-radius: 20px;
}

.page.page-product-single .main .single-product .gallery .label {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    padding: 1px 5px 0;
    background: rgba(255, 0, 0, 0.8);
    border-radius: 3px;
    font-size: 12px;
    line-height: 17px;
    font-weight: 700;
    text-transform: uppercase;
}

.page.page-product-single .main .single-product .gallery .product-image .promo-percent {
    position: absolute;
    display: inline-block;
    width: 48px;
    height: 48px;
    background: #E40730;
    border-radius: 50%;
    top: 10px;
    right: 10px;
    z-index: 10;
}

.page.page-product-single .main .single-product .gallery .product-image .promo-percent .value {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page.page-product-single .main .single-product .gallery .product-image .promo-percent .value .percent {
    position: relative;
    top: -3px;
    left: 1px;
}

.page.page-product-single .main .single-product .gallery .product-image .icon-zoom {
    position: absolute;
    right: 13px;
    bottom: 12px;
    display: block;
    width: 26px;
    height: 26px;
    background: url('../images/icons/icon-zoom.svg');
}

.page.page-product-single .main .single-product .gallery .product-thumbnails {
    overflow: hidden;
}

.page.page-product-single .main .single-product .gallery .product-thumbnails .product-thumbnail {
    display: inline-block;
    max-width: calc(25% - 6px);
    width: 100%;
    margin-right: 8px;
    margin-top: 10px;
    padding: 1px;
    border-radius: 3px;
}

.page.page-product-single .main .single-product .gallery .product-thumbnails .product-thumbnail.image {
    padding: 0;
    border: 1px solid #E5E5E5;
    border-radius: 20px;
}

.page.page-product-single .main .single-product .gallery .product-thumbnails .product-thumbnail img {
    display: block;
    width: 100%;
    border-radius: 20px;
}

.page.page-product-single .main .single-product .gallery .product-thumbnails .product-thumbnail:nth-of-type(4n + 0) {
    margin-right: 0;
}

.group-products-header .group-products-info {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #1C2D3A;
}


.group-products-header .select2-selection {
      font-family: 'Roboto' ;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 40px;
  color: #000 ;
  border-radius: 30px !important;
  height: 40px;
  display: flex;
}

.group-products-header .select2 {
    min-width: 120px;
}
.group-products-header .select2-selection__rendered {
    margin: auto;
}

.group-products-header .select2-selection__arrow {
    height: 100% !important;
}

.group-product-list-wrapper {
    position: relative;
    display: inline-block;
    flex-direction: column;
    vertical-align: top;
    width: 100%;
    max-width: 673px;
    max-height: 825px;
    overflow-y: scroll;
    margin-right: 32px;
    padding-right: 20px;
    z-index: 1;
}

.group-product-list-wrapper .scroll-indicator {
    position: sticky;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 32px;
    height: 32px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
    cursor: pointer;
    z-index: 10;
    animation: bounce 2s infinite;
    margin: 10px auto 0;
    transition: all 0.3s ease;
    user-select: none;
}

.group-product-list-wrapper .scroll-indicator:hover {
    background-color: rgba(0, 0, 0, 0.9);
    opacity: 1;
    transform: translateX(-50%) scale(1.1);
    animation-play-state: paused;
}

.group-product-list-wrapper .scroll-indicator:active {
    transform: translateX(-50%) scale(0.95);
}

.group-product-list-wrapper .scroll-indicator img {
    width: 18px;
    height: 18px;
    transition: transform 0.2s ease;
}

.group-product-list-wrapper .scroll-indicator:hover img {
    transform: translateY(2px);
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    40% {
        transform: translateX(-50%) translateY(-5px);
    }
    60% {
        transform: translateX(-50%) translateY(-3px);
    }
}

.group-product-list-wrapper .group-products-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

     order: -1; 
    z-index: 10;
    background: #fff;
    padding: 10px;
    position: sticky;
    top: 0;
    border-bottom: 1px solid #ddd;
}

.group-product-list-wrapper .group-product-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 159px;
    background-color: #F3F3F3;
    border: 1px solid #F3F3F3;
    padding: 12px;
    border-radius: 4px;
}

.group-product-list-wrapper .group-product-item.active {
    border: 1px solid #33BB5A;
}

.group-product-list-wrapper .group-product-item:hover {
    border: 1px solid #33BB5A;
    cursor: pointer;
} 
.group-product-item .product-info-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.group-product-list-wrapper .group-product-item .images {
    position: relative;
    display: flex;
    gap: 15px;
}

.group-product-list-wrapper .group-product-item .images img {
    height: 80px;
    width: 120px;
    border-radius: 5px;
}
.group-product-list-wrapper .group-product-item .images .image {
    position: relative;
}

.group-product-list-wrapper .group-product-item .images .image:hover {
    cursor: pointer;
}

.group-product-list-wrapper .group-product-item .images .image:hover::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 41, 102, 0.35);
    border-radius: 5px;
    z-index: 2;
    pointer-events: none;
}

.group-product-list-wrapper .group-product-item .images .image:hover::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    background: url('../images/icons/icon-search-white.svg') no-repeat center center;
    background-size: 48px 48px;
    transform: translate(-50%, -50%);
    z-index: 3;
    pointer-events: none;
}

.group-product-list-wrapper .group-product-item .price-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}
.group-product-list-wrapper .group-product-item .price-wrapper .icon {
    display: inline-block;
    background: url('../images/icons/icon-cart-white.svg');
    border-radius: 50%;
    border:2px solid #33BB5A;
    width: 40px;
    height: 40px;
    background-color: #33BB5A;
    background-position: center center;
    background-repeat: no-repeat;
}

.group-product-list-wrapper .group-product-item .product-price {
    font-family: 'exo 2';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 16px;
    color: #1bc05d;
}


.single-product.group-product .details .product-purchase-wrapper .product-purchase .purchase .prices .prices-wrapper .price {
    font-size: 24px !important;
}

.group-product-list-wrapper .group-product-item .vendor {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    padding: 1px 5px 0;
    background: rgba(255, 0, 0, 0.8);
    border-radius: 3px;
    font-size: 12px;
    line-height: 17px;
    font-weight: 700;
    text-transform: uppercase;
}

.group-product-list-wrapper .group-product-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.product-inquiry-wrapper .product-inquiry-action-wrapper {
    background-color: #33BB5A26;
    border-radius: 4px;
    padding: 12px;
    margin-top: 16px;
}

.product-inquiry-wrapper .product-inquiry-action-wrapper .new-pi-form-btn {
    max-width: unset;
    height: 45px;
}


.sample-images-wrapper {
    margin-top: 16px;
    max-width: 736px;
    overflow-y: scroll;
}

.sample-images-wrapper .title {
    text-align: start;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #000;
    margin-bottom: 15px;
}

.product-inquiry-sample-images {
    display: flex;
    max-height: 96px;
    gap: 16px;
    list-style: none;
    scroll-behavior: smooth;
}

.sample-image-holder {
    display: flex;
    gap: 8px;
    background: #F3F3F3;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #C1C1C1;
}

.sample-image-holder.active, .sample-image-holder:hover {
    border: 1px solid #008AEE;
    background: #008AEE26;
    cursor: pointer;
}

.sample-image {
   width: 120px;
    height: 80px;
    border-radius: 5px;
    border: 1px solid #ddd; 
}

.sample-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media(width <= 1210px) {
    .group-products-header .group-products-info {
        font-size: 16px;
        line-height: 20px;
    }
    .group-product-list-wrapper {
        max-width: 52%;
    }
}

@media(width <= 1110px) {
    .group-product-list-wrapper {
        max-width: 45%;
    }
}

@media(width <= 940px) {
    .group-product-list-wrapper .group-products-header {
        border-bottom: none;
        gap: 10px;
    }
    
    .group-product-list-wrapper {
        display: flex;
        flex-direction: column;
        overflow-x: scroll;
    }

    .group-product-list-wrapper .group-product-list {
        display: flex;
        flex-direction: row;
        overflow-x: scroll;
    }

    .banner-upload-catalog-wrapper {
        flex: 1;
        margin: 0; 
    }
    .banner-upload-catalog {
        height: 100%;
        width: 250px;
    }

    .group-product-list-wrapper .group-product-list .group-product-item {
        min-width: 250px;
        height: 246px;
        border-radius: 4px;
        border-width: 1px;
        padding: 8px;
        gap: 12px;
        
    }

    .group-product-list-wrapper {
        max-width: unset;
        margin: 0;
        padding: 0;
    }

    .group-product-item .images {
        flex-wrap: wrap;

    }

        .group-product-list-wrapper .group-product-item .images{ 
            width: 100%;
            height: 100%;
        }
        .group-product-list-wrapper .group-product-item .images img {
            width: 100%;
            height: 100%;
            border-radius: 5px;
        }
       .group-product-list-wrapper .group-product-item .images .image{
        display: none;
        } 
        .group-product-list-wrapper .group-product-item .images .image:first-of-type {
            display: block;
            width: 100%;
            height: 100%;
        }

    .group-product-item .product-info-wrapper {
        width: 100%;
        flex-direction: column;
        gap: 10px;
        align-items: start;
    }
    .group-product-list-wrapper .group-product-item .price-wrapper {
        flex-direction: row-reverse;
    }
     .group-product-item .product-info-wrapper .attribute.is-vendor .value {
        font-size: 12px;
     }

     .group-product-list-wrapper .group-product-item .product-price {
        font-size: 18px;
     }
     .group-product-list-wrapper .group-product-item .price-wrapper .icon {
        width: 32px;
        height: 32px;
     }

     .group-product-list-wrapper .scroll-indicator {
        display: flex;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        left: auto;
        width: 28px;
        height: 28px;
        margin: 0;
        background-color: rgba(0, 0, 0, 0.7);
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        z-index: 20;
     }
     
     .group-product-list-wrapper .scroll-indicator img {
        content: url('/images/icons/icon-chevron-right-white.svg');
        width: 16px;
        height: 16px;
        transform: none;
     }
     
     .group-product-list-wrapper .scroll-indicator:hover img {
        transform: translateX(2px);
     }
}



.page.page-product-single .main .single-product .details {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 463px;
}

.page.page-product-single .main .single-product .details .sku-availability {
    margin: 17px 0;
}

.page.page-product-single .main .single-product .details .prices .sku-availability {
    margin: 0;
    align-self: end;
}

.page.page-product-single .main .single-product .details .sku-availability.not-available .product-availability.out-of-stock{
    display: none;
}

.page.page-product-single .main .single-product .details .sku-availability .product-sku {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.page.page-product-single .main .single-product .details .sku-availability .product-sku:before {
    content: '';
    position: relative;
    top: -2px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/icons/icon-check-dark-small.svg');
    margin-right: 7px;
    vertical-align: middle;
}

.page.page-product-single .main .single-product .details .sku-availability .product-availability {
    display: inline-block;
    vertical-align: middle;
}

.page.page-product-single .main .single-product .details .sku-availability .product-availability:before {
    content: '';
    position: relative;
    top: -2px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/icons/icon-check-dark-small.svg');
    margin-right: 7px;
    vertical-align: middle;
}

.product-grid-item .price-on-request {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 60px;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper {
    display: inline-block;
    /* max-width: 280px; */
    width: 100%;
    /* margin-left: 20px; */
    vertical-align: top;
    z-index: 1;
    position: relative;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper{
    border-top: 1px solid #C1C1C1;
    border-bottom: 1px solid #C1C1C1; }

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase {
    position: relative;
    /*border-radius: 3px; */
    padding: 11px 0;
    /* margin-bottom: 15px; */
}

.choose-product-dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
}

.dropdown-header .header-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dropdown-header .arrow-down {
    display: inline-block;
    width: 12px;
    height: 15px;
    background: url(../../images/icons/icon-chevron-down-dark.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper.product-purchase-inquiry::before {
    content: 'или';
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 57px;
    height: 16px;
    font-size: 14px;
    font-family: 'Roboto';
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase {
    display: block;
    width: 100%;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .information {
    display: block;
    width: 100%;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .prices {
    position: relative;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    gap: 5px;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .prices:has(.prices-wrapper) {
    flex-direction: column;
    align-items: start;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .prices:has(.prices-wrapper) .sku-availability{
    width: 100%;
    justify-content: start;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .purchase .prices-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.page .product-grid-item .prices-wrapper .price {
    white-space: nowrap !important;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .prices .sku-availability {
    width: fit-content;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5px;
    flex-direction: row-reverse;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .prices .sku-availability .product-sku {
    margin: 0;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .prices .product-price-large-regular,
.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .prices .product-price-large-sale {
    text-wrap: nowrap;
}

.page.page-product-single .main .single-product .details.product-purchase-wrapper  .product-purchase .purchase .prices .price {
    display: inline-block;
    vertical-align: bottom;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .prices .old-price {
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    margin-left: 8px;
    top: -3px;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .prices .promo-label-text {
    display: inline-block;
    position: relative;
    top: -10px;
    background: #E40730;
    margin-left: 18px;
    padding: 4px;
    border-radius: 2px;
    vertical-align: middle;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .prices .regular-price-for-promo {
    margin: 10px 0;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .prices .percentage {
    margin-right: 5px;
    font-size: 18px;
    font-weight: 700;
    color: #ff0101;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .promo-note {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .promo-note:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: url('../images/icons/icon-info-circle.svg');
    vertical-align: top;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .buy-info-wrapper {
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .buy-info-wrapper  .order-product-form-hidden-elements {
    display: none;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .buy-info-wrapper .add-to-cart-button {
    max-width:463px;
    width: 100%;
    height:45px;
    background: #33BB5A;
    border-radius: 50px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    /* identical to box height, or 112% */

    text-align: center;

    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .buy-info-wrapper .product-is-not-available {
    max-width: 100%;
    width: 100%;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .buy-info-wrapper .add-to-cart-button .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background: url('../images/icons/icon-cart-white.svg');
    margin-right: 7px;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .buy-info-wrapper .add-to-cart-button .text {
    display: inline-block;
    vertical-align: middle;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .information ul li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .information ul li:last-child {
    margin-bottom: 0;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .information ul li img {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .information ul li p {
    display: inline-block;
    width: calc(100% - 40px);
    color: #1c2d3a;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    vertical-align: middle;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper.mobile {
    display: none;
}


.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry-wrapper {
    display: inline-block;
    /* max-width: 280px; */
    width: 100%;
    vertical-align: top;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry-wrapper .product-inquiry {
    position: relative;
    /* border-top: 0.5px solid #C1C1C1;
    border-bottom: 0.5px solid #C1C1C1; */
    
    
    /* padding-top: 20px; */
    margin-bottom: 15px;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry-wrapper .product-inquiry .icon-information {
    display:none;
    position: absolute;
    top: -12px;
    right: -12px;
    width: 24px;
    height: 24px;
    background: #fff;
    /* border-top: 0.5px solid #C1C1C1;
    border-bottom: 0.5px solid #C1C1C1; */
    border-radius: 50%;
    cursor: pointer;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry-wrapper .product-inquiry .icon-information:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    background: url('../images/icons/icon-info-circle.svg');
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry-wrapper .product-inquiry .information-tooltip {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
    top: -90px;
    left: 10px;
    width: 100%;
    max-width: 280px;
    padding: 8px 10px;
    background: #1C2D3A;
    border-radius: 3px;
    cursor: pointer;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry-wrapper .product-inquiry .information-tooltip:after {
    content: '';
    position: absolute;
    right: 4px;
    bottom: -5px;
    width: 12px;
    height: 5px;
    background: url('../images/tooltip-angle.svg');
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry-wrapper .product-inquiry .information-tooltip.is-open {
    visibility: visible;
    opacity: 1;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry .inquiry-title {
    display: block;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry .product-sku {
    display: inline-block;
    vertical-align: middle;
    margin-top: 7px;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry .product-sku:before {
    content: '';
    position: relative;
    top: -2px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/icons/icon-check-dark-small.svg');
    margin-right: 7px;
    vertical-align: middle;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry .product-inquiry-login {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    height: 56px;
    /* background: ##29BC55; */
    margin-bottom: 10px;
    border: none;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry .product-inquiry-login .icon {
    display: inline-block;
    position: relative;
    top: -2px;
    width: 22px;
    height: 22px;
    background: url('../images/icons/icon-market-white.svg') no-repeat;
    margin-right: 10px;
    vertical-align: middle;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry .product-inquiry-login span {
    display: inline-block;
    color: #fff;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry button {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 463px;
    height: 45px;
    background: #33BB5A;
    border: none;
    border-radius: 50px;
    width:100%;
    margin-bottom:26px;
}
.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry button span:nth-child(2){
    font-family: 'Roboto' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 18px !important;
    /* identical to box height, or 112% */
    
    text-align: center !important;
    
    color: #FFFFFF !important;
    text-transform: unset !important;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry button .icon {
    display: inline-block;
    
    width: 17px;
    height: 17px;
    background: url('../images/icons/icon-top-nav-shop-17x17.svg') no-repeat;
    margin-right: 10px;
    vertical-align: middle;
}

.page.page-product-single .main .single-product .details .single-product-action-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0px;
}

.page.page-product-single .main .single-product .details .single-product-action-box .favorites-wrapper {
    margin: 0;
}

.page.page-product-single .main .single-product .details .favorites-wrapper{
    display: flex;
    align-items: center;
    margin: 8px 0;
}
.page.page-product-single .main .single-product .details .icon-fav-text{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #000000;
    margin-left: 8px;
    
}
.page.page-product-single .main .single-product .details .sku-availability .product-sku label,
.page.page-product-single .main .single-product .details .sku-availability .product-sku span{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;


    color: #000000;
}
.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry button span {
    display: inline-block;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry-form-text {
    margin-top: 20px;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry-form-text a {
    font-size: 14px;
    color: #008AEE;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 400;
    text-decoration: underline;
    text-align: left;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry-form-text .text {
    display: inline-block;
    vertical-align: middle;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry-form-text ul li {
    display: block;
    margin-bottom: 15px;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry-form-text ul li:last-child {
    margin-bottom: 0;
}

.product-inquiry-form-text ul li img {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}

.page.page-product-single .main .single-product .details .product-purchase-wrapper .product-inquiry-form-text ul li p {
    display: inline-block;
    width: calc(100% - 44px);
    color: #1c2d3a;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight:700;
    letter-spacing: 0;
    line-height: 17px;
    vertical-align: middle;
}

#productInquiryForm .select2 {
    display: block;
    max-width: 100%;
    width: auto !important;
}

#productInquiryForm .select2-selection--single {
    height: 45px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 0px 0px rgba(0, 138, 238, 0.15);
    border-radius: 10px;
    display: flex;
    align-items: center;
}

/* #productInquiryForm .select2-container--default.select2-container--focus .select2-selection--single,
#productInquiryForm .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #008AEE;
    box-shadow: 0 0 0 1pt #008AEE;
} */

#productInquiryForm .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #F3F3F3;
}

#productInquiryForm .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 45px 0 15px;
}

#productInquiryForm .select2-container--default .select2-selection--single .select2-selection__rendered
 {
 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    border-radius: 10px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    /* or 114% */

    display: flex;
    align-items: center;

    /* color: #888888; */
}
#productInquiryForm .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{
    border: none;
}

#productInquiryForm .select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
    top: -1px;
    font-size: 26px;
    font-weight: 400;
}

#productInquiryForm .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    transform: translateY(-50%) rotate(180deg);
}

#productInquiryForm .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

#productInquiryForm .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    right: 10px;
    width: 24px;
    height: 24px;
    background: url('../images/icons/icon-chevron-down-dark.svg');
    transform: translateY(-50%);
    transition: transform 0.36s ease-in-out;
}

#productInquiryForm input[type='text'],
#productInquiryForm textarea {
    width: 100%;
    height: 45px;
    padding: 0 15px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 0px 0px rgba(0, 138, 238, 0.15);
    border-radius: 10px;
}

#productInquiryForm textarea {
    min-height: 100px;
    height: 100px;
    padding: 12px 15px;
    line-height: 18px;
    overflow: hidden;
    resize: vertical;
}

/* #productInquiryForm  input:focus,
#productInquiryForm  textarea:focus {
    padding: 0 14px !important;
    border: 2px solid #008AEE !important;
}

#productInquiryForm  textarea:focus {
    padding: 11px 14px !important;
    border: 2px solid #008AEE !important;
} */

#productInquiryForm .form-element {
    margin-bottom: 20px;
}

#productInquiryForm .checkboxes-wrapper {
    margin-bottom: 20px;
}

#productInquiryForm .checkboxes-label,
#productInquiryForm .form-element-checkbox {
    margin-bottom: 10px;
}

#productInquiryForm .form-element:last-child {
    margin-bottom: 0;
}

#productInquiryForm .help-inline {
    display: block;
    margin-top: 5px;
    padding-left: 5px;
    color: #E40730;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
}

.page.page-product-single .main .single-product .title {
    display: block;
    margin-bottom: 25px;
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
}

.page.page-product-single .main .single-product .mobile-breadcrumbs {
    display: none;
}

.page.page-product-single .main .single-product .details .description {
    display: inline-block;
    /* width: calc(100% - 300px); */
    width: 100%;
    vertical-align: top;
}
.page.page-product-single .main .single-product .details .description .ns-description-title{

    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    /* identical to box height, or 100% */

    display: flex;
    align-items: center;

    color: #000000;
    margin: 14px 0;
}
.page.page-product-single .main .single-product .details .description .attributes .attribute:nth-child(odd) {
    background: #F3F3F3;
}

.page.page-product-single .main .single-product .details .description .attributes .attribute {
    padding: 12px 20px;
    border-radius: 3px;
}

.page.page-product-single .main .single-product .details .description .attributes .attribute .name {
    display: inline-block;
    vertical-align: text-top;
    max-width: 140px;
    width: 100%;
    margin-right: 20px;

    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.page.page-product-single .main .single-product .details .description .attributes .attribute .attribute-info {
    display: inline-block;
    vertical-align: text-top;
    max-width: calc(100% - 160px);
    width: 100%;

    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;

}
.page.page-product-single .main .single-product .details .icon-favorites{
    display:block;
    width: 26px;
    height: 26px;
    background: url(../images/icons/icon-my-favorites-blue.svg);
    background-repeat: no-repeat;
    cursor: pointer;
}

.page.page-product-single .main .single-product .details .description .attributes .attribute .attribute-info .attribute-info-toggle-button {
    display: block;
    float: right;
    width: 36px;
    height: 8px;
    margin-top: 8px;
    background: url('../images/icons/icon-kebap.svg') no-repeat;
    cursor: pointer;
}

.page.page-product-single .main .single-product .details .description .attributes .attribute .attribute-info .value.numbers {
    height: 0;
    margin-top: 22px;
    overflow: hidden;
}

.page.page-product-single .main .single-product .details .product-incorrect-data-btn {
    display: inline-block;
    vertical-align: middle;
    background: #008AEE;
    border-radius: 3px;
    padding: 3px 6px;
}

.page.page-product-single .main .single-product .gray-line {
    display: block;
    width: 100%;
    height: 1px;
    background: #E5E5E5;
    margin: 60px 0;
}

.page.page-product-single .main .single-product .similar-products {
    margin-bottom: 110px;
}

#notifications-popup a > .banner {
    display: block;
    width: 100%;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.page.page-product-single a:has(.banner_conversations) {
    display: block;
    max-width: 1180px;
    width: 100%;
    height: 100px;
    background-size: contain !important;
    margin: 25px 0px;
}

.page.page-product-single .banner_conversations {
    width: 100%;
    height: 100%;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-size: contain !important;
/*    margin-top: -20px;*/
    cursor: pointer;
}

.page.page-order-cart .banner_conversations {
    display: block;
    max-width: 1180px;
    width: 100%;
    height: 100px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background: url(../../images/megabitak/conversations-megabitak-banner-v2.png);
    margin: 25px auto;
}
@media(width <= 1180px) {
    .page.page-order-cart .banner_conversations {
      background: url(../../images/megabitak/conversations-megabitak-banner-v2-1000.png);
    }
}
@media(width <= 630px) {
    .page.page-product-single a:has(.banner_conversations) {
        height: 80px;
    }

    .page.page-product-single a:has(.banner_conversations) {
        margin-top: 10px;
    }

    .page.page-product-single .inner {
        padding-bottom: 10px;
    }
    .homepage-auctions #auctions-containter .autoborsa-item .autoborsa-item-title{
        font-size: 14px;
        max-width: unset;
        text-wrap: wrap;
        overflow: unset;
        text-overflow: unset;
    }

    .page.page-product-single .main .single-product .details .sku-availability .product-sku label,
    .page.page-product-single .main .single-product .details .sku-availability .product-sku span{
        font-size: 14px;
    }

    .page.page-product-single .main .single-product .details .sku-availability .product-sku:before,
    .page.page-product-single .main .single-product .details .sku-availability .product-availability:before {
        width: 14px;
        height: 14px;
        margin-right: 5px;
    }

    .page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .prices .sku-availability {
        justify-content: flex-end;
        flex-direction: unset;
    }
}

.page.page-product-single .main .single-product .similar-products .title {
    display: block;
    margin-bottom: 40px;
    text-align: center;
}

.page.page-product-single .main .single-product .similar-products .product-grid-item:nth-child(4n + 0) {
    margin-right: 0;
}

.page.page-product-single .main .single-product .useful-information {
    margin-bottom: 110px;
}

.page.page-product-single .main .single-product .useful-information .title {
    display: block;
    margin-bottom: 40px;
    text-align: center;
}

.page.page-product-single .main .single-product .button-all-products {
    max-width: 280px;
    width: 100%;
    height: 48px;
    margin: 0 auto 60px;
    vertical-align: middle;
}

.page.page-product-single .main .single-product .button-all-products span {
    display: inline-block;
}

.page.page-product-single .main .single-product .button-all-products span:after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('../images/icons/icon-chevron-right-dark.svg');
    margin-left: 5px;
    vertical-align: middle;
}

.benefits-wrapper {
    border-top: 1px solid #e4e4e4;
}

.benefits-wrapper > .inner {
    padding: 40px 20px;
}

.benefits ul {
    margin-top: -30px;
    margin-left: -40px;
}

.benefits ul li {
    display: inline-block;
    vertical-align: top;
    max-width: calc(25% - 40px);
    width: 100%;
    margin-top: 30px;
    margin-left: 40px;
}

.benefits ul li > img {
    float: left;
}

.benefits ul li > p {
    width: calc(100% - 76px);
    float: right;
    color: #777777;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

.benefits ul li > p:first-of-type {
    margin-bottom: 7px;
    color: #34393C;
    font-size: 17px;
    font-weight: 700;
    line-height: 21px;
}

.footer-wrapper {
    background: #223746;
}

.footer-wrapper .footer {
    display: flex;
    position: relative;
    max-width: 1180px;
    width: 100%;
    margin:  0 auto;
    padding: 60px 0;
    gap: 15px;
}

.footer-wrapper .footer .footer-watermark {
    position: absolute;
    width: 368px;
    height: 368px;
    background: url('../images/logo-footer-watermark.svg');
    top: 30px;
    right: 0;
    z-index: 5;
}

.footer-section .h-search-wrapper {
    display: none;
    position: relative;
    width: 100%;
    margin-top: 10px;
}

.footer-section .h-search-wrapper .h-search-input {
    width: 100%;
    height: 30px;
    border: 1px solid black;
}
.text-black{
    color: #000000 !important;
}

.footer-section .h-search-wrapper .h-search-btn {
    position: absolute;
    right: 0;
    padding: 0 5px;
    height: 30px;
    background: black;
}

.footer-wrapper .footer .footer-section {
    position: relative;
    flex: 0 1 230px;
    /* margin-right: 60px; */
    z-index: 10;
}

.footer-wrapper .footer .footer-section:nth-of-type(4n + 0) {
    margin-right: 0;
}

.footer-wrapper .footer .footer-section .content .list {
    display: block;
    margin-top: 20px;
}

.footer-wrapper .footer .footer-section .content .list li {
    display: block;
    margin-bottom: 10px;
}

.footer-wrapper .footer .footer-section .content .list li a:hover {
    text-decoration: underline;
}

.footer-wrapper .footer .footer-section.about-us-links {
    padding-left: 60px;
    border-left: 1px solid rgba(216, 216, 216, 0.15);
}

.footer-wrapper .footer .footer-section .footer-logo {
    background: url('../images/megaparts-logo-light-large.svg');
    width: 218px;
    height: 36px;
    margin-bottom: 20px;
    /* float: right; */
}

.footer-wrapper .footer .footer-section .button-buying-parts {
    max-width: 100%;
    width: 100%;
    margin-top: 25px;
    transition: all .25s ease;
}

.footer-wrapper .footer .footer-section .button-buying-parts:hover {
    background: #fff;
}

.footer-wrapper .footer .footer-section .button-buying-parts:hover span {
    color:#223746;
}

.footer-wrapper .footer .footer-section.copyright {
    display: flex;
    flex-direction: column;
    gap: 15px;
    /* flex: 0 1 280px; */
}

.footer-wrapper .footer .footer-section.copyright .copyright {
    clear: both;
    /* text-align: right; */
}

.footer-wrapper .footer .footer-section.copyright .copyright p {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
}

.footer-wrapper .footer .footer-section.copyright .copyright p:first-child {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
}

.footer-wrapper .footer-about-us {
    position: relative;
    background: #1C2D3A;
    padding: 40px 0;
    z-index: 20;
}

.footer-wrapper .footer-about-us .content {
    display: block;
    max-width: 1180px;
    width: 100%;
    margin:  0 auto;
}

/************* BREADCRUMBS ***************/

.breadcrumbs {
    display: inline-block;
}

.breadcrumbs li {
    display: inline-block;
}

.breadcrumbs li:after {
    content: '/';
    display: inline-block;
    margin: 0 5px;
    font-size: 14px;
    color: #777777;
}

.breadcrumbs li:last-child:after {
    display: none;
}

/************* END BREADCRUMBS ***************/


/************ PRODUCT GRID ITEM **************/

.page-all-favorites .product-grid-item .a-tag-mg{
    font-size: 10px;
    font-weight: 400;
    margin-left: 3px;

}
.page-all-favorites .product-grid-item .borsa-mg{
    margin-top: unset;
    align-items: center;

}
.page-all-favorites .product-grid-item {
    cursor: pointer;
    min-height: unset;
}
.page-all-favorites .product-grid-item .name{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    
}
.product-grid-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: 280px;
    width: 100%;
    min-height: 330px;
    margin-right: 20px;
    padding-bottom: 65px;
    padding: 15px;
    white-space: normal;
}
.product-grid-item.formular{
    background: #EAF3EB;
    border-radius: 20px;
    justify-content: center;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.product-grid-item-wrapper {
    display: flex;
    justify-content: center;
}

.product-grid-item-wrapper .product-grid-item.formular {
    /* max-width: unset; */
    margin-top: 18px;
}

.product-grid-item.formular .image{
    width: 50px;
    height: 50px;
    background: url('data:image/svg+xml,<svg width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M38.6294 22.7404C38.6294 24.8864 38.2067 27.0115 37.3855 28.9942C36.5642 30.9769 35.3604 32.7785 33.8429 34.296C32.3254 35.8135 30.5239 37.0172 28.5412 37.8385C26.5585 38.6598 24.4334 39.0825 22.2873 39.0825C20.1412 39.0825 18.0162 38.6598 16.0335 37.8385C14.0508 37.0172 12.2492 35.8135 10.7317 34.296C9.21421 32.7785 8.01046 30.9769 7.18919 28.9942C6.36792 27.0115 5.94522 24.8864 5.94522 22.7404C5.94522 18.4062 7.66697 14.2495 10.7317 11.1847C13.7965 8.12001 17.9531 6.39825 22.2873 6.39825C26.6215 6.39825 30.7782 8.12001 33.8429 11.1847C36.9077 14.2495 38.6294 18.4062 38.6294 22.7404ZM35.6515 39.954C31.2732 43.3531 25.7641 44.9558 20.2456 44.4359C14.7272 43.916 9.61437 41.3125 5.94794 37.1555C2.28152 32.9985 0.337159 27.6005 0.510691 22.0603C0.684223 16.5202 2.9626 11.2544 6.882 7.33503C10.8014 3.41563 16.0672 1.13726 21.6073 0.963725C27.1475 0.790193 32.5455 2.73455 36.7025 6.40098C40.8595 10.0674 43.463 15.1803 43.9829 20.6987C44.5028 26.2171 42.9001 31.7263 39.501 36.1046L49.6331 46.2367C49.9007 46.486 50.1153 46.7867 50.2642 47.1208C50.4131 47.4549 50.4931 47.8156 50.4996 48.1813C50.506 48.547 50.4388 48.9103 50.3018 49.2494C50.1648 49.5886 49.9609 49.8966 49.7022 50.1553C49.4436 50.4139 49.1355 50.6178 48.7964 50.7548C48.4572 50.8918 48.094 50.9591 47.7283 50.9526C47.3626 50.9462 47.0019 50.8661 46.6678 50.7172C46.3337 50.5684 46.033 50.3537 45.7836 50.0861L35.6515 39.954Z" fill="%235FB865"/><path d="M15.7109 17.1047C15.5654 17.3755 15.4938 17.7095 15.3506 18.3776L14.8699 20.6208C14.5655 22.0411 15.7296 23.3663 17.2816 23.3663C18.5451 23.3663 19.6031 22.4727 19.7288 21.2994L19.7843 20.7815C19.6532 22.1686 20.8247 23.3663 22.3211 23.3663C23.8277 23.3663 25.0049 22.1523 24.855 20.7532L24.9137 21.2994C25.0394 22.4727 26.0974 23.3663 27.361 23.3663C28.913 23.3663 30.0771 22.0411 29.7727 20.6208L29.292 18.3776C29.1488 17.7096 29.0772 17.3755 28.9317 17.1047C28.6249 16.5341 28.0731 16.1119 27.4134 15.9431C27.1004 15.863 26.7353 15.863 26.0053 15.863H18.6372C17.9072 15.863 17.5422 15.863 17.2291 15.9431C16.5695 16.1119 16.0176 16.5341 15.7109 17.1047Z" fill="%235FB865"/><path d="M27.361 24.4918C28.0179 24.4918 28.6283 24.3324 29.1551 24.0558V24.867C29.1551 27.6966 29.1551 29.1114 28.2131 29.9905C27.4549 30.6981 26.3248 30.8361 24.3312 30.863V28.2434C24.3312 27.5422 24.3312 27.1915 24.1696 26.9304C24.0638 26.7593 23.9115 26.6172 23.7282 26.5184C23.4484 26.3676 23.0727 26.3676 22.3213 26.3676C21.5699 26.3676 21.1942 26.3676 20.9143 26.5184C20.731 26.6172 20.5787 26.7593 20.4729 26.9304C20.3113 27.1915 20.3113 27.5422 20.3113 28.2434V30.863C18.3178 30.8361 17.1876 30.6981 16.4294 29.9905C15.4875 29.1114 15.4875 27.6966 15.4875 24.867V24.0558C16.0143 24.3324 16.6246 24.4918 17.2816 24.4918C18.244 24.4918 19.1264 24.1439 19.7842 23.5703C20.4494 24.1407 21.3376 24.4918 22.3211 24.4918C23.3047 24.4918 24.193 24.1406 24.8582 23.5702C25.516 24.1439 26.3985 24.4918 27.361 24.4918Z" fill="%235FB865"/></svg>') no-repeat;
    margin-top: 20px;
}
.product-grid-item.formular .button{
    background: #5FB865;
    /* width: 263px; */
    width: 80%;
    height: 40px;
    border-radius: 10px;
    gap: 5px;
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 15px;
    cursor: pointer;
}
/* .white{
    background: #FFFFFF;
} */
.product-grid-item.formular .text{
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;
    color: #19242D;
    margin-top: 30px;
}
.product-grid-item.formular:hover{
    box-shadow: unset;
}
.home-auction-item-hover:hover{
    box-shadow: 2px 3px 20px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
}
.product-grid-item .product-image {
    position: relative;
    display: block;
    margin-bottom: 4px;
    padding-top: 66.25%;
    background: #fff;
    transition: all 0.3s ease 0s;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}
.product-grid-item:hover{
    /* background: #FFFFFF; */
    /* padding: 15px !important; */
    transform: scale(1); 
    position: relative;
    z-index: 1;
    box-shadow: 2px 3px 20px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
}
.product-grid-item .product-image .image {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.product-grid-item .product-image .percentage {
    position: absolute;
    bottom: 10px;
    right: 10px;
    height: 48px;
    width: 48px;
    background: #E40730;
    border-radius: 50%;
    line-height: 48px;
    text-align: center;
}

.product-grid-item .product-image .percentage > .product-badge-index {
    position: relative;
    top: -3px;
}

.product-grid-item .product-image .promo-label {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: auto;
    height: auto;
}

.product-grid-item .name {
    position: relative;
    margin-bottom: 5px;
}

.product-grid-item .prices-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    flex-wrap: wrap;
    row-gap: 6px;
    column-gap: 6px;
    word-break: break-word;
}

.product-grid-item .prices-wrapper .old-price {
    vertical-align: bottom;
    display: inline-block;
    margin-top: 4px;
    margin-left: 5px;
}

.product-grid-item .regular-price-for-promo {
    margin-top: 1px;
    color: #777;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
}

.product-grid-item .price.promo {
    vertical-align: middle;
    float: left;
}

.product-grid-item .promo-label-text {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 4px;
    padding: 0 4px;
    background: #e40730;
    border-radius: 3px;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.45px;
    line-height: 15px;
    text-transform: uppercase;
}

/************ END PRODUCT GRID ITEM **************/

/************* PRODUCT LIST ***************/

body.product-search-form-opened {
    overflow: hidden;
}

.product-filter-overlay {
    position: fixed;
    top: 0;
    z-index: 101;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(28, 45, 58, 0.8);
}

.page-product-category-single > .main {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

.page-product-category-single > .main > .inner > .main {
    max-width: 1220px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 20px 40px;
    display: flex;
}

.page-product-category-single .icon-favorites ,
.homepage-grid-content .homepage-top-offer-products .products .product-image .icon-favorites ,
.product-grid-item .icon-favorites{
    z-index: 1;
    position: absolute;
    right: 17px;
    top: 10px;
    width: 26px;
    height: 26px;
    background: url(../images/icons/icon-my-favorites-blue.svg);
    background-repeat: no-repeat;
    cursor:pointer;
}
.page-product-category-single .icon-favorites.active,
.homepage-grid-content .homepage-top-offer-products .products .product-image .icon-favorites.active,
.page.page-product-single .main .single-product .icon-favorites.active,
.product-grid-item .icon-favorites.active {
    background: url(../images/icons/icon-my-favorites-blue-active.svg);
    background-repeat: no-repeat;
}

.single-product-megabitak-link img:first-child {
    display: block;
}

.single-product-megabitak-link img:last-child {
    display: none;
}

.page-product-category-single > .main > .inner > .main .left-sidebar {
    display: inline-block;
    vertical-align: top;
    width: 280px;
    padding: 10px 10px 30px;
    margin-right: 20px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 138, 238, 0.5);
    border-radius: 20px;
    
}
/* SELECT PAGINATOR START */
.pg-mobile{
    display: none;
}
.pg-desktop{
    display: block;
}
.paginator-select-container{
    display: flex;
    align-items: center;
    justify-content: flex-end;

}
.paginator-select-container .select2-container{
    font-size: 13px;
    color: #008AEE;
    letter-spacing: 0;
    line-height: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding-left: 10px;
    border: 1px solid #008AEE;
    border-radius: 50px;
    width: 105px !important;
    height: 45px !important;
    display: flex;
    align-items: center;
}
.paginator-select-container .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    transform: translateY(-50%) rotate(180deg);
}
.paginator-select-container .select2-container--default .select2-selection--single{
    border: none !important;
    height: unset !important
}
.paginator-select-container .select2-results__options{
    width: 100%;
}
.paginator-select-container .select2-results__option{
    margin:0;
}
.paginator-select-container .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 50%;
    right: 10px;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    transition: transform 0.36s ease-in-out;
    background: url(../images/icons/icon-select2-arrow.svg) no-repeat;
    background-position: center;
}
.paginator-select-container .select2-container.select2-container--open:last-child{
    border: none !important;
}
.paginator-select-container .select2-container--default .select2-results > .select2-results__options{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    max-height: 382px;
}
.paginator-select-container .select2-dropdown .select2-search--dropdown,
.paginator-select-container .select2-dropdown{
    /* width: 120px !important; */
    padding: 0;
}
.paginator-select-container .select2-dropdown .select2-search--dropdown:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 25px;
    display: block;
    width: unset;
    height:unset;
    margin-top: 7px;
    background: none;
    opacity: 0.5;
    transform: translateY(-50%);
}
.paginator-select-container .select2-container--default .select2-search--dropdown .select2-search__field{
    background: transparent;
    border: none;
    border-radius: none;
}
.paginator-select-container .select2-dropdown{
    min-width: unset !important;
}
.page-conversation-list-auctions .select2-container--default .select2-selection--single,
.page-conversation-list-sent .select2-container--default .select2-selection--single,
.page-conversation-list-bookmarks .select2-container--default .select2-selection--single,
.page-conversation-list-received .select2-container--default .select2-selection--single,
.page-conversation-list-all .select2-container--default .select2-selection--single{
    background-color: unset;
}
.page-conversation-list-auctions .select2-container--default .select2-selection--single .select2-selection__arrow b,
.page-conversation-list-bookmarks .select2-container--default .select2-selection--single .select2-selection__arrow b,
.page-conversation-list-sent .select2-container--default .select2-selection--single .select2-selection__arrow b,
.page-list-by-category .select2-container--default .select2-selection--single .select2-selection__arrow b,
.page-product-category-single .select2-container--default .select2-selection--single .select2-selection__arrow b,
.page-conversation-list-received .select2-container--default .select2-selection--single .select2-selection__arrow b,
.page-conversation-list-all .select2-container--default .select2-selection--single .select2-selection__arrow b{
    display: none;
}
.paginator-select-container .text{
    font-size: 13px;
    color: #000000;
    letter-spacing: 0;
    line-height: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding-left: 10px;
    margin-right: 10px;

}

.p-arr.prev > .icon{
    cursor: pointer;
    width: 11px;
    height: 20px;
    background: url(../images/icons/icon-arrow-pagination-prev-white.svg) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.p-arr.next > .icon{
    cursor: pointer;
    width: 11px;
    height: 20px;
    background: url(../images/icons/icon-arrow-pagination-next-white.svg) no-repeat;
    display: inline-block;
    vertical-align: middle;
    
}
.p-arr{
    width: 45px;
    height: 45px;
    background: #008AEE;
    border: 1px solid #008AEE;
    align-items: center;
    justify-content: center;
    border-radius: 50%;

}
/* SELECT PAGINATOR END */


.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu .buttons-wrapper {
    padding: 10px;
    display:flex;
    border-radius: 3px;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu .buttons-wrapper .back-button {
    display: flex;
    vertical-align: middle;
    max-width: 40px;
    margin-right: 10px;
    padding: 7px;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu .buttons-wrapper .back-button > .icon {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0;
    background: url('../images/icons/icon-arrow-left-accent.svg') no-repeat center center;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu .buttons-wrapper .navigation-button {
    /* display: inline-block; */
    vertical-align: middle;
    /* max-width: calc(100% - 50px); */
    max-width: 256px;
    width: 100%;
    height: 45px;
    padding: 7px;
    border-radius: 50px;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu .buttons-wrapper .navigation-button > .icon {
    display: none;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background: url('../images/icons/icon-bars-arrow-white.svg') no-repeat center center;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu .buttons-wrapper .navigation-button > .text {
    display: inline-block;
    vertical-align: middle;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu > .title {
    padding: 20px 10px;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu > .category-menu-children {
    padding: 0 35px 0 30px;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu > .category-menu-children > .category-menu-child {
    margin-bottom: 15px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu > .category-menu-children > .category-menu-child:last-child {
    margin-bottom: 0;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu > .category-menu-children > .category-menu-child > .name {
    position: relative;
    font-size: 13px;
    color: #1C2D3A;
    letter-spacing: 0;
    line-height: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    cursor: pointer;
    transition: all .25s ease;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu > .category-menu-children > .category-menu-child > a.name {
    display: block;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu > .category-menu-children > .category-menu-child > .name.is-active {
    color: #008aee;
    font-weight: 500;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu > .category-menu-children > .category-menu-child > .name[data-is-accordion='1'] {
    padding-right: 30px;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu > .category-menu-children > .category-menu-child > .name:hover {
    color: #008aee;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu > .category-menu-children > .category-menu-child > .name[data-is-accordion='1']:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: url('../images/icons/icon-chevron-right-dark.svg');
    transform: translateY(-50%) rotate(90deg);
    transition: all .25s ease;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu > .category-menu-children > .category-menu-child.is-opened > .name[data-is-accordion='1']:after {
    transform: translateY(-50%) rotate(-90deg);
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu > .category-menu-children > .category-menu-child .category-menu-child-items {
    height: 0;
    overflow: hidden;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu > .category-menu-children > .category-menu-child.is-active .category-menu-child-items {
    height: auto;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu > .category-menu-children > .category-menu-child .category-menu-child-items > .inner {
    margin-top: 10px;
    margin-bottom: 14px;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu > .category-menu-children > .category-menu-child .category-menu-child-items > .inner .category-menu-child-item {
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding-left: 24px;
    transition: all .25s ease;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu > .category-menu-children > .category-menu-child .category-menu-child-items > .inner .category-menu-child-item:last-child {
    margin-bottom: 0;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu > .category-menu-children > .category-menu-child .category-menu-child-items > .inner .category-menu-child-item > .name:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 9px;
    display: block;
    width: 6px;
    height: 6px;
    background: #1C2D3A;
    border-radius: 50%;
    transition: all .25s ease;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu > .category-menu-children > .category-menu-child .category-menu-child-items > .inner .category-menu-child-item:hover > .name {
    color: #008aee;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu > .category-menu-children > .category-menu-child .category-menu-child-items > .inner .category-menu-child-item:hover > .name:before,
.page-product-category-single > .main > .inner > .main .left-sidebar .category-menu > .category-menu-children > .category-menu-child .category-menu-child-items > .inner .category-menu-child-item.is-active > .name:before {
    background: #008aee;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .product-filter-title {
    margin: 30px 10px 15px;
    padding-top: 25px;
    /* border-top: 1px solid #E5E5E5; */
    color: #34393C;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 21px;
}

.page-product-category-single > .main > .inner > .main .left-sidebar .product-filter-form {
    padding: 0 10px;
}

.product-filter-form .element-wrapper {
    margin-bottom: 10px;
}

.product-filter-form .element-wrapper > select {
    display: block;
    width: 100%;
    height: 45px;
    padding: 0 40px 0 15px;
    background: url('../images/icons/icon-chevron-down-dark.svg') no-repeat calc(100% - 10px);
    border: 1px solid #E5E5E5;
    border-radius: 30px;
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    cursor: pointer;
}

.product-filter-form .element-wrapper > select:focus {
    border-color: #008AEE;
    box-shadow: 0 0 0 1pt #008AEE;
}

.product-filter-form .button-wrapper > button {
    max-width: 100%;
    height: 45px;
    border-radius: 30px;
}

.page-product-category-single > .main > .inner > .main .left-sidebar > .category-text {
    margin: 30px 10px 0;
    padding-top: 26px;
    border-top: 1px solid #E5E5E5;
    color: #777;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
}

.page-product-category-single > .main > .inner > .main .inner-content {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 300px);
    width: 100%;
}

.page-product-category-single > .main > .inner > .main .inner-content .product-category-search {
    padding: 20px 30px;
    background: #FFFFFF;
    box-shadow: 2px 3px 20px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
}

.page-product-category-single > .main > .inner > .main .inner-content .product-category-search .button-open-search,
.page-product-category-single > .main > .inner > .main .inner-content .product-category-search .button-close-search {
    display: none;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .title {
    margin: 20px 0;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .search-details {
    margin-bottom: 20px;
    padding: 5px;
    border-top: 0.5px solid rgba(0, 138, 238, 0.5);
    border-radius: 3px;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .search-details .search {
    display: inline-block;
    vertical-align: top;
    width: 37%;
    margin-right: 20px;
    padding: 5px 0 5px 5px;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .search-details .search .logo {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .search-details .search .logo > img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 40px;
    transform: translateX(-50%) translateY(-50%);
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .search-details .search .text {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 70px);
    width: 100%;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .search-details .details-wrapper {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(63% - 20px);
    width: 100%;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .search-details .details-wrapper .details {
    display: block;
    padding: 5px;
    /* background: #F5F5F5; */
    border-radius: 3px;
    margin-top: 5px;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .search-details .details-wrapper .details:first-child {
    margin-top: 0;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .search-details .details-wrapper .details .image {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 120px;
    margin-right: 15px;
    background: transparent;
    border-radius: 3px;
    cursor: pointer;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .search-details .details-wrapper .details .image > .main-image {
    position: relative;
    display: block;
    width: 120px;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .search-details .details-wrapper .details .image > .zoom-image {
    display: none;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .search-details .details-wrapper .details .image:hover > .zoom-image {
    position: absolute;
    bottom: 0;
    left: -5px;
    z-index: 2;
    display: block;
    max-width: 400px;
    padding: 10px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
    transform: translateY(100%);
    cursor: auto;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .search-details .details-wrapper .details .column {
    display: inline-block;
    vertical-align: top;
    max-width: calc(50% - 68px);
    width: 100%;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .search-details .details-wrapper .details .column > .row {
    padding-top: 5px;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .search-details .details .column > .row .name {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    margin-right: 10px;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .search-details .details-wrapper .details .column > .row .value {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 70px);
    width: 100%;
    padding-right: 15px;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .sort-by-wrapper {
    text-align: right;
    white-space: nowrap;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .sort-by-wrapper label {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 13px;
    color: #34393C;
    letter-spacing: 0;
    line-height: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .sort-by-wrapper select {
    display: inline-block;
    vertical-align: middle;
    width: 180px;
    height: 40px;
    padding: 0 40px 0 15px;
    background: url('../images/icons/icon-chevron-down-dark.svg') no-repeat calc(100% - 10px);
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    cursor: pointer;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading > .sort-by-wrapper > select:focus {
    border-color: #008AEE;
    box-shadow: 0 0 0 1pt #008AEE;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading-mobile,
.page-product-category-single > .main > .inner > .main .inner-content .mobile-toolbar,
.page-product-category-single > .main > .inner .mobile-sorting-wrapper,
.page-product-category-single > .main > .inner .mobile-filters-wrapper {
    display: none;
}

.products-list-wrapper {
    margin-top: 20px;
}

.products-list-wrapper.grid .product-grid-item {
    max-width: calc(33.33% - 0px);
    margin-bottom: 40px;
    margin-right: 0px;
}

.products-list-wrapper.grid .product-grid-item:nth-child(3n) {
    margin-right: 0;
}

/* .products-list-wrapper.grid .product-grid-item:nth-child(3n + 1):after {
    content: '';
    position: absolute;
    top: -25px;
    left: 0;
    display: block;
    width: calc(3 * 100% + 40px);
    height: 1px;
    background: #E5E5E5;
} */

.products-list-wrapper.grid .product-grid-item:nth-child(1):after {
    display: none;
}

.page-product-category-single > .main > .inner > .main .inner-content .heading-mobile > .title .text{
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #000000;
    margin-left: 10px;
    max-width: 260px;
}
.page.page-product-category-single .banner  .banner_borsa {
    background: url(/images/megabitak/banner_home_page.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 620px;
    width: 100%;
    display: block;
    width: 280px;
    padding: 10px 10px 30px;
    margin-right: 20px;
}
.page.page-product-category-single .banner  .banner {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    
    width: 100%;
    display: block;
    width: 280px;
    padding: 10px 10px 30px;
    margin-right: 20px;
}

.mobile-banner-products {
    padding-top: 30px;
    display: none;
}

.mobile-banner-products a {
    display: block;
}

.mobile-banner-products a > .banner {
    
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    
    height: 100%;
    width: 100%;
    display: block;
    
}

@media(width <= 768px){
    .page.page-product-category-single .banner  .banner_borsa {
        display: none !important;
    }

    .mobile-banner-products {
        display: block;
    }
}

@media(width <= 610px){
    .mobile-banner-products a span {
        width: calc(100% - 50px);
        margin: auto;
    }
}

@media(width <= 610px){
    .mobile-banner-products a > .banner {
        background: url(/images/megabitak/mb_mobile_banner_categoriest_page_xs.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}

@media(width <= 450px){
    .mobile-banner-products a span {
        width: calc(100% - 28px);
    }
}





/************* END PRODUCT LIST ***************/

/********* CART **********/

.page.page-order-cart {
   background: #f3f3f3;
}

.page.page-order-cart .page-title {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 0;
    text-transform: uppercase;
}

.page.page-order-cart .steps {
    display: inline-block;
    width: calc(100% - 400px);
    margin-right: 20px;
    vertical-align: top;
}
.page.page-order-cart .cart .products-group {
    background: #fff;
    border-radius: 3px;
    padding: 20px;
}

/************* SUCCESS PAGE ***************/


.page.page-order-success > .main {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

.page.page-order-success > .main > .inner {
    max-width: 580px;
    width: 100%;
    margin: 0 auto;
}

.page.page-order-success .success-checkout-header header {
    display: block;
    padding-bottom: 30px;
}

.page.page-order-success .success-checkout-header header .logo {
    display: block;
    width: 218px;
    height: 36px;
    margin: 30px auto 0;
    background: url('../images/megaparts-logo-dark-large.svg') no-repeat 0 0;
}

.page.page-order-success .checkout-success-wrapper {
    max-width: 580px;
    width: 100%;
    background: #fff;
    border-radius: 3px;
    padding: 40px 50px 50px 50px;
}

.page.page-order-success .checkout-success-wrapper .success-image {
    margin-bottom: 20px;
}

.page.page-order-success .checkout-success-wrapper .success-image img {
    display: block;
    margin: 0 auto;
}

.page.page-order-success .checkout-success-wrapper .title {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}

.page.page-order-success .checkout-success-wrapper .subtitle {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}

.page.page-order-success .checkout-success-wrapper .order-number {
    display: block;
    width: 100%;
    padding: 20px;
    background: #fff;
    border: 2px solid #29BC55;
    margin-bottom: 20px;
}

.page.page-order-success .checkout-success-wrapper .order-number span {
    display: block;
    text-align: center;
}

.page.page-order-success .checkout-success-wrapper .text {
    text-align: center;
}

.page.page-order-success .checkout-success-wrapper .text p {
    margin-bottom: 20px;
}

.page.page-order-success .checkout-success-wrapper .button-back{
    max-width: 280px;
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
}


/************* SUCCESS PAGE ***************/


.page.page-stripe-order-success > .main {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

.page.page-stripe-order-success > .main > .inner {
    max-width: 580px;
    width: 100%;
    margin: 0 auto;
}

.page.page-stripe-order-success .success-checkout-header header {
    display: block;
    padding-bottom: 30px;
}

.page.page-stripe-order-success .success-checkout-header header .logo {
    display: block;
    width: 218px;
    height: 36px;
    margin: 30px auto 0;
    background: url('../images/megaparts-logo-dark-large.svg') no-repeat 0 0;
}

.page.page-stripe-order-success .checkout-success-wrapper {
    max-width: 580px;
    width: 100%;
    background: #fff;
    border-radius: 3px;
    padding: 40px 50px 50px 50px;
}

.page.page-stripe-order-success .checkout-success-wrapper .success-image {
    margin-bottom: 20px;
}

.page.page-stripe-order-success .checkout-success-wrapper .success-image img {
    display: block;
    margin: 0 auto;
}

.page.page-stripe-order-success .checkout-success-wrapper .title {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}

.page.page-stripe-order-success .checkout-success-wrapper .subtitle {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}

.page.page-stripe-order-success .checkout-success-wrapper .order-number {
    display: block;
    width: 100%;
    padding: 20px;
    background: #fff;
    border: 2px solid #29BC55;
    margin-bottom: 20px;
}

.page.page-stripe-order-success .checkout-success-wrapper .order-number span {
    display: block;
    text-align: center;
}

.page.page-stripe-order-success .checkout-success-wrapper .text {
    text-align: center;
}

.page.page-stripe-order-success .checkout-success-wrapper .text p {
    margin-bottom: 20px;
}

.page.page-stripe-order-success .checkout-success-wrapper .button-back{
    max-width: 280px;
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
}
.border-red-failed{
    border: 2px solid #FF0000 !important;
}
.failed_img_container{

    background-image: url('/images/new-msg-popup/modal-bg-megaparts-3.png');
    
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
/************* PAGINATOR ***************/

.paging-wrapper {
    text-align: center;
    margin-top: 30px;
}

.prev-next-wrapper {
    width: 100%;
    text-align: center;
    display: inline-block;
}

.prev-next-wrapper a {
    display: inline-block;
    margin: 0 5px;
    /* padding: 13px 40px; */
    width: 280px;
    height: 48px;
    border-radius: 3px;
}

.prev-next-wrapper a.left .text-value:before {
    content: "";
    background: url('../images/icons/icon-chevron-left-white.svg') no-repeat 0 -1px;
    height: 24px;
    width: 24px;
    display: inline-block;
    vertical-align: middle;
}

.prev-next-wrapper a.right .text-value:after {
    content: "";
    background: url('../images/icons/icon-chevron-right-white.svg') no-repeat 0 -1px;
    height: 24px;
    width: 24px;
    display: inline-block;
    vertical-align: middle;
}

.paginator-text {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.products-paginator-count {
    padding-top: 17px;
    font-size: 11px;
    color: white;
}

.paging-wrapper .paging {
    display: inline-block;
    text-align: center;
    margin: 20px auto 0;
    vertical-align: middle;
}

.paging a {
    /* display: inline-block; */
    transition: all 0.3s ease 0s;
}


/* 
.p-arr {
    width: 48px;
    height: 48px;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #777777;
    border-radius: 3px;
} */

/* .p-arr.prev {
    background: url('../images/icons/icon-chevron-left-dark.svg') no-repeat 50%;
} */

.p-arr.next {
    /* background: url('../images/icons/icon-chevron-right-dark.svg') no-repeat 50%; */
    margin-left: 5px;
}

.p-arr.inactive {
    opacity: 0.7;
}

.paging ul {
    display: inline-block;
    vertical-align: middle;
}

.paging ul li {
    display: inline-block;
    margin: 7px;
}

.paging ul li a {
    width: 48px;
    height: 48px;
    border: 1px solid #777777;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #777;
    letter-spacing: 0;
    text-align: center;
    line-height: 47px;
    font-weight: 700;
    text-transform: uppercase;
}

.paging ul li a.dots {
    cursor: default;
}

.paging ul li.current a {
    /* border: 1px solid #008AEE !important; */
    color: #ffffff;
    background: #008AEE;
}


.field-label {
    position: relative;
    display: block;
    color: #777777;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
}

.field-label span:first-child {
    display: block !important;
    position: absolute;
    left: 16px;
    top: 15px;
    color: #999;
    background-color: #fff;
    z-index: 10;
    transition: top 150ms ease-out, left 150ms ease-out, background 150ms ease-out, font-size 150ms ease-out;
    font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;


color: #888888;

}
.select2-container--default .select2-results > .select2-results__options .select2-results__option.select2-results__message {

    padding-left:20px !important;
}
.field-label span.required-field-star:after {
    content: '*';
    display: inline-block;
    margin-left: 2px;
}

.field-label.checkbox-label span.required-field-star:after {
    content: '';
    display: none;
}

.field-label.checkbox-label span.required-field-star:before {
    content: '*';
    display: inline-block;
    margin-right: 2px;
}

.field-label input[type='text'],
.field-label input[type='password'],
.field-label input[type='email'],
.field-label input[type='phone'] {
    position: relative;
    width: 100%;
    outline: 0;
    border: 0;
}

.field-label input[readonly='readonly'] {
    background: #F3F3F3;
    border-color: #ABABAB;
    color: #1C2D3A;
    opacity: 0.5;
    cursor: not-allowed;
}

.field-label input[readonly='readonly']:focus {
    padding: 0 15px !important;
    border: 1px solid #E5E5E5 !important;
}

.field-label.focused span:first-child {
    top: -17px;
    left: 8px;
    font-size: 12px;
    background: #fff;
    padding: 0px 8px;
    z-index: 50;
}

.consents .field-label {
    cursor: pointer;
}

.field-label.checkbox-label {
    display: inline-block;
}

.field-label.checkbox-label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

.field-label.checkbox-label span {
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    cursor: pointer !important;
}

.field-label.checkbox-label input[type='checkbox'] {
    position: absolute;
    top: 0;
    left: 0;
}

.field-label.checkbox-label input[type='checkbox']:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: #FFF;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    transition: all 0.36s ease-in-out;
}

.field-label.checkbox-label:hover input[type='checkbox']:before {
    border-color: #008AEE;
}

.field-label.checkbox-label input[type='checkbox']:checked:before {
    background: #008AEE;
    border-color: #008AEE;
}

.field-label.checkbox-label input[type='checkbox']:after {
    content: '';
    display: none;
}

.field-label.checkbox-label input[type='checkbox']:checked:after {
    position: absolute;
    top: 2px;
    left: 2px;
    display: block;
    width: 16px;
    height: 16px;
    background: url('../images/icons/icon-check-white-small.svg');
}

.consents .field-label span:first-child {
    display: inline-block !important;
    position: relative;
    width: calc(100% - 20px);
    top: auto;
    left: auto;
    vertical-align: top;
}

.consents .field-label input[type=checkbox] {
    display: inline-block;
    width: auto;
    cursor: pointer;
}

/************* DATEPICKER ***************/

#ui-datepicker-div {
    z-index: 100 !important;
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
}

/************* END DATEPICKER ***************/

/************* CHECKOUT ***************/

.page-order-one-step-checkout .logo {
    display: block;
    width: 218px;
    height: 36px;
    margin: 30px auto 0;
    background: url('../images/megaparts-logo-dark-large.svg') no-repeat 0 0;
}

.osc-container {
    max-width: 1220px;
    width: 100%;
    margin: 30px auto 60px;
    padding: 0 20px;
}

.osc-container select {
    visibility: hidden;
    height: 48px;
}

.osc-container .select2 {
    display: block;
    max-width: 100%;
    width: auto !important;
}

.osc-container .select2-selection--single {
    height: 48px;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
}

.osc-container .select2-container--default.select2-container--focus .select2-selection--single,
.osc-container .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #008AEE;
    box-shadow: 0 0 0 1pt #008AEE;
}

.osc-container .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #F3F3F3;
}

.osc-container .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 45px 0 15px;
}

.osc-container .select2-container--default .select2-selection--single .select2-selection__rendered,
.osc-container .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 48px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.osc-container .select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
    top: -1px;
    font-size: 26px;
    font-weight: 400;
}

.osc-container .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    transform: translateY(-50%) rotate(180deg);
}

.osc-container .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.osc-container .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    right: 10px;
    width: 24px;
    height: 24px;
    background: url('../images/icons/icon-chevron-down-dark.svg');
    transform: translateY(-50%);
    transition: transform 0.36s ease-in-out;
}

.osc-container .field-label span {
    cursor: text;
}

.osc-container .field-label input[type='text'],
.osc-container .field-label input[type='password'] {
    width: 100%;
    height: 44px;
    padding: 0 15px;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 14px;
}

.osc-container .field-label input[type='text']:focus,
.osc-container .field-label input[type='password']:focus {
    padding: 0 14px;
    border: 2px solid #008AEE;
}

.osc-container .field-label input[type='text'].input-error,
.osc-container .field-label input[type='password'].input-error {
    padding: 0 14px;
    border: 2px solid #E40730;
}

.osc-container .help-inline {
    display: block;
    margin-top: 5px;
    padding-left: 5px;
    color: #E40730;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
}

.osc-container .consents .help-inline {
    position: relative;
    top: -8px;
    padding-left: 30px;
}

.osc-container .consents .field-label span {
    display: inline-block;
    margin-top: 3px;
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 15px;
}

.osc-container .consents .field-label span > a {
    color: #008AEE;
}

.osc-container .steps {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 400px);
    width: 100%;
    margin-right: 20px;
}

.osc-container .steps > .step {
    background: #FFF;
    border-radius: 3px;
    margin-bottom: 20px;
}

.osc-container .steps > .step > .title {
    position: relative;
    padding: 17px 20px 17px 63px;
    border-bottom: 1px solid #E5E5E5;
}

.osc-container .steps > .step > .title > span {
    display: inline-block;
    vertical-align: middle;
    padding: 7px 0;
}

.osc-container .steps > .step > .title > span.step-number {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 28px;
    height: 28px;
    margin-right: 15px;
    padding: 7px;
    background: #008AEE;
    border-radius: 50%;
    text-align: center;
    color: #FFFFFF;
    font-family: 'Exo 2', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 14px;
}

.osc-container .steps > .step > .content {
    padding: 20px 20px 30px;
}

.osc-container .steps > .step > .content.is-disabled#shipping-method-option-chooser {
    opacity: 0.5;
    pointer-events: none;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option {
    margin-bottom: 10px;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    transition: border-color 0.36s ease-in-out;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option:hover {
    border-color: #008AEE;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option.is-selected {
    border: 3px solid #008AEE;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option:last-child {
    margin-bottom: 0;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option > label {
    position: relative;
    display: block;
    padding: 20px 20px 20px 55px;
    cursor: pointer;
}
.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option > label img {
    margin-right: 10px;
}
.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option > label .note {
    position: absolute;
    top: 19px;
}


.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option.is-selected > label {
    padding: 18px 18px 18px 52px;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option > label input[type='radio'] {
    position: absolute;
    top: 23px;
    left: 22px;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option.is-selected > label input[type='radio'] {
    top: 20px;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option > label input[type='radio']:before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    display: block;
    width: 20px;
    height: 20px;
    background: #FFF;
    border: 1px solid #E5E5E5;
    border-radius: 50%;
    transition: all 0.36s ease-in-out;
    cursor: pointer;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option > label:hover input[type='radio']:before {
    border-color: #008AEE;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option > label input[type='radio']:checked:before {
    border: 2px solid #008AEE;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option > label input[type='radio']:after {
    content: '';
    display: none;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option > label input[type='radio']:checked:after {
    position: absolute;
    top: 2px;
    left: 2px;
    display: block;
    width: 10px;
    height: 10px;
    background: #008AEE;
    border-radius: 50%;
    cursor: pointer;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option > label > .text {
    float: right;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option > .content {
    display: none;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option.is-selected > .content {
    display: block;
    padding: 0 18px 18px;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option > .content .form-element:not(:last-child) {
    margin-bottom: 20px;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option .desired-purchase-date-wrapper {
    margin-top: 20px;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option .desired-purchase-date-wrapper span {
    display: inline-block;
    vertical-align: middle;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option .desired-purchase-date-wrapper > input {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    padding: 5px 0;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option .desired-purchase-date-wrapper .change-desired-purchase-date-text {
    cursor: pointer;
}

.osc-container .steps > .step > .content .shipping-method-option-chooser .shipping-method-option .desired-purchase-date-wrapper .change-desired-purchase-date-text:before {
    content: '';
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-left: 10px;
    background: url('../images/icons/icon-calendar-accent.svg');
}

.osc-container .steps > .step > .content.delivery-info .form-element.shipping-country {
    margin-bottom: 20px;
}

.osc-container .steps > .step > .content.delivery-info .form-element.shipping-country .field-label {
    display: none;
}

.osc-container .steps > .step > .content.delivery-info .form-element.shipping-country > select {
    display: block;
    visibility: visible;
    width: 100%;
    height: 48px;
    padding: 0 40px 0 15px;
    background: url('../images/icons/icon-chevron-down-dark.svg') no-repeat calc(100% - 10px);
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    cursor: pointer;
}

.osc-container .steps > .step > .content.delivery-info .form-element.shipping-country > select.input-error {
    border-color: #E40730;
    box-shadow: 0 0 0 1pt #E40730;
}

.osc-container .steps > .step > .content.delivery-info .form-element.shipping-country > select:focus {
    border-color: #008AEE;
    box-shadow: 0 0 0 1pt #008AEE;
}

.osc-container .steps > .step > .content.delivery-info .form-element.shipping-city {
    display: inline-block;
    vertical-align: text-top;
    max-width: calc(100% - 160px);
    width: 100%;
    margin-right: 20px;
}

.osc-container .steps > .step > .content.delivery-info .form-element.shipping-postcode {
    display: inline-block;
    vertical-align: text-top;
    width: 140px;
}

.osc-container .steps > .step > .content .form-elements {
    margin-top: -20px;
    margin-left: -20px;
}

.osc-container .steps > .step > .content .form-elements .form-element {
    display: inline-block;
    vertical-align: text-top;
    max-width: calc(50% - 20px);
    width: 100%;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 0;
}


.osc-container .steps > .step > .content .create-account .field-label.checkbox-label,
.osc-container .steps > .step > .content .order-invoice .field-label.checkbox-label {
    margin-top: 20px;
}

.osc-container .steps > .step > .content .order-invoice .order-invoice-form {
    display: none;
    margin-top: 0;
}

.osc-container .steps > .step > .content .order-invoice .order-invoice-form.visible {
    display: block;
}

.osc-container .review {
    display: inline-block;
    vertical-align: top;
    width: 380px;
    background: #FFF;
    border-radius: 3px;
}

.osc-container .review > .title {
    padding: 20px;
    border-bottom: 1px solid #E5E5E5;
}

.osc-container .review > .content {
    padding-bottom: 30px;
}

.osc-container .review > .content .cart-items .products-group {
    padding: 17px 20px;
    border-bottom: 1px solid #E5E5E5;
}

.osc-container .review > .content .cart-items .products-group .products-group-name {
    position: relative;
    padding-right: 34px;
    cursor: pointer;
}

.osc-container .review > .content .cart-items .products-group .products-group-name .icon {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: url('../images/icons/icon-chevron-down-dark.svg');
    transition: transform 0.36s ease-in-out;
}

.osc-container .review > .content .cart-items .products-group.is-opened .products-group-name .icon {
    transform: rotate(180deg);
}

.osc-container .review > .content .cart-items .products-group .products-wrapper {
    height: 0;
    margin: 15px 0;
    background: #F3F3F3;
    border-top: 1px solid #E5E5E5;
    overflow: hidden;
}

.osc-container .review > .content .cart-items .products-group.single .products-wrapper {
    height: 0;
    margin: 0;
    background: transparent;
    border-top: 0 none;
}

.osc-container .review > .content .cart-items .products-group .products-wrapper > .product-wrapper {
    margin: 15px 10px 0;
}

.osc-container .review > .content .cart-items .products-group.single .products-wrapper > .product-wrapper {
    margin: 0;
    padding: 15px 10px;
    background: #F3F3F3;
    border-top: 1px solid #E5E5E5;
}

.osc-container .review > .content .cart-items .products-group.single .products-wrapper > .product-wrapper:first-child {
    margin-top: 15px;
}

.osc-container .review > .content .cart-items .products-group .products-wrapper > .product-wrapper:last-child {
    margin-bottom: 15px;
}

.osc-container .review > .content .cart-items .products-group.single .products-wrapper > .product-wrapper:last-child {
    margin-bottom: 0;
}

.osc-container .review > .content .cart-items .products-group .products-wrapper > .product-wrapper .image-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 70px;
    margin-right: 10px;
}

.osc-container .review > .content .cart-items .products-group .products-wrapper > .product-wrapper .image-wrapper .image {
    display: block;
    width: 100%;
}

.osc-container .review > .content .cart-items .products-group .products-wrapper > .product-wrapper .image-wrapper .promo-label {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.osc-container .review > .content .cart-items .products-group .products-wrapper > .product-wrapper .name {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 160px);
    width: 100%;
    margin-right: 10px;
}

.osc-container .review > .content .cart-items .products-group .products-wrapper > .product-wrapper .price {
    display: inline-block;
    vertical-align: top;
    width: 70px;
    text-align: right;
}

.osc-container .review > .content .cart-items .products-group .totals-wrapper .row {
    display: flex;
    justify-content: space-between;
}

.osc-container .review > .content .cart-items .products-group .totals-wrapper .row > .info {
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
}

.osc-container .review > .content .cart-items .products-group .totals-wrapper .row > .price {
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
}

.osc-container .review > .content .promo-code {
    padding: 15px 20px;
    border-bottom: 1px solid #E5E5E5;
}

.osc-container .review > .content .promo-code > .promo-code-form {
    padding: 3px;
    background: #FFF;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
}

.osc-container .review > .content .promo-code > .promo-code-form input {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 110px);
    width: 100%;
    height: 42px;
    padding: 14px 12px;
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 14px;
}

.osc-container .review > .content .promo-code > .promo-code-form input:focus {
    border: 0 !important;
}

.osc-container .review > .content .promo-code > .promo-code-form .promo-code-button {
    display: inline-block;
    vertical-align: middle;
    width: 110px;
    height: 42px;
    padding: 13px 5px;
}

.osc-container .review > .content .payment-methods {
    padding: 15px 20px;
    border-bottom: 1px solid #E5E5E5;
}

.osc-container .review > .content .payment-methods.is-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.osc-container .review > .content .payment-methods .label {
    display: inline-block;
    vertical-align: top;
    max-width: calc(45% - 5px);
    width: 100%;
    margin-right: 10px;
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
}

.osc-container .review > .content .payment-methods .payment-method-option-chooser {
    display: inline-block;
    vertical-align: top;
    max-width: calc(55% - 5px);
    width: 100%;
    text-align: right;
}

.osc-container .review > .content .payment-methods .payment-method-option-chooser label {
    position: relative;
    display: block;
    padding-right: 25px;
    margin-bottom: 10px;
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    cursor: pointer;
}

.osc-container .review > .content .payment-methods .payment-method-option-chooser label:first-child:last-child {
    margin-bottom: 0;
}

.osc-container .review > .content .payment-methods .payment-method-option-chooser > label input[type='radio'] {
    position: absolute;
    top: 4px;
    right: 4px;
}

.osc-container .review > .content .payment-methods .payment-method-option-chooser > label input[type='radio']:before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    display: block;
    width: 20px;
    height: 20px;
    background: #FFF;
    border: 1px solid #E5E5E5;
    border-radius: 50%;
    transition: all 0.36s ease-in-out;
    cursor: pointer;
}

.osc-container .review > .content .payment-methods .payment-method-option-chooser > label:hover input[type='radio']:before {
    border-color: #008AEE;
}

.osc-container .review > .content .payment-methods .payment-method-option-chooser > label input[type='radio']:checked:before {
    border: 2px solid #008AEE;
}

.osc-container .review > .content .payment-methods .payment-method-option-chooser > label input[type='radio']:after {
    content: '';
    display: none;
}

.osc-container .review > .content .payment-methods .payment-method-option-chooser > label input[type='radio']:checked:after {
    position: absolute;
    top: 2px;
    left: 2px;
    display: block;
    width: 10px;
    height: 10px;
    background: #008AEE;
    border-radius: 50%;
    cursor: pointer;
}

.osc-container .review > .content .payment-methods .payment-method-option-chooser .payment-method-image,
.osc-container .review > .content .payment-methods .payment-method-option-chooser .text {
    display: none;
}

.osc-container .review > .content .checkout-total-price {
    padding: 20px;
}

.osc-container .review > .content .checkout-total-price .row {
    display: flex;
    justify-content: space-between;
}

.osc-container .review > .content .checkout-total-price .row > .info {
    max-width: 265px;
    width: 100%;
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
}

.osc-container .review > .content .checkout-total-price .row > .price {
    color: #1C2D3A;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
}

.osc-container .review > .content .checkout-total-price .total-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 10px;
}

.osc-container .review > .content .checkout-total-price .total-row > .info {
    color: #34393C;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 21px;
}

.osc-container .review > .content .checkout-total-price .total-row > .price {
    color: #1C2D3A;
    font-family: 'Exo 2', sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 32px;
}

.osc-container .review > .content .consents {
    padding: 0 20px;
}

.osc-container .review > .content .consents > .field-label {
    padding-bottom: 10px;
}

.osc-container .review > .content .consents > .field-label:last-child {
    margin-bottom: 10px;
}

.osc-container .review > .content .comment {
    padding: 0 20px 20px;
}

.osc-container .review > .content .buttons {
    padding: 0 20px;
}

.osc-container .review > .content .buttons .place-order-button {
    display: flex;
    width: 100%;
    height: 48px;
    background: #29BC55;
    border: 1px solid #29BC55;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.osc-container .review > .content .buttons .place-order-button.is-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.osc-container .review > .content .buttons .place-order-button span {
     color: #FFF;
     font-family: 'Roboto', sans-serif;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 0;
     line-height: 14px;
     text-transform: uppercase;
     user-select: none;
}

/************* END CHECKOUT ***************/
/************* Member agreement for MP borsa ***************/

.body-form-agreement.isAgree{
    background: none;
    box-shadow: none;
    width: 100%;
    margin-bottom:50px !important;

}
.body-form-agreement.isAgree .field-label.checkbox-label{
    display: block;
    
}
.body-form-agreement.isAgree .field-label.checkbox-label input[type='checkbox']{
    position: unset;
}
.body-form-agreement.isAgree .field-label.checkbox-label input[type='checkbox']:checked:before{
    background: #5FB865;
    border-color: #5FB865;
    border-radius: 5px;

}
.body-form-agreement.isAgree .field-label.checkbox-label input[type='checkbox']:before{
    border-radius: 5px;

}

.body-form-agreement.isAgree .field-label span{
    display: flex !important;
    text-align: left;
    top: 0 !important;
    left: 26px !important;
}
/************* Member agreement for MP borsa END ***************/

/********* CART **********/

.page.page-order-cart {
    background: #f3f3f3;
}
.page.page-order-cart .page-title {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 0;
    text-transform: uppercase;
}
.page.page-order-cart .steps {
    display: inline-block;
    width: calc(100% - 400px);
    margin-right: 20px;
    vertical-align: top;
}
.page.page-order-cart .cart .products-group {
    background: #fff;
    border-radius: 3px;
    padding: 20px;
}

.page.page-order-cart > .main {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0 0 50px 0;
}

.page.page-order-cart > .main > .inner > .main {
    max-width: 1220px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px 0;
}
.page.page-order-cart .cart .products-group:not(:last-child) {
    margin-bottom: 20px;
}

.page.page-order-cart .cart .products-group .products-group-name{
    margin-bottom: 20px;
}

.page.page-order-cart .cart .products-group .products-group-products .product-wrapper {
    background: #f3f3f3;
    border-radius: 3px;
    padding: 20px;
    margin-bottom: 10px;
}

.page.page-order-cart .cart .products-group .price-all-product-in-group {
    margin-top: 20px;
    text-align: right;
}

.page.page-order-cart .cart .products-group .product-wrapper .image-wrapper {
    position: relative;
    display: inline-block;
    width: 160px;
    margin-right: 20px;
    vertical-align: top;
}

.page.page-order-cart .cart .products-group .product-wrapper .image-wrapper .image {
    display: block;
    width: 160px;
}

.page.page-order-cart .cart .products-group .product-wrapper .image-wrapper .promo-label {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: auto;
    height: auto;
}

.page.page-order-cart .cart .products-group .product-wrapper .info {
    display: inline-block;
}
.page.page-order-cart .cart .products-group .product-wrapper .price-box {
    display: inline-flex;
    gap: 10px;
    vertical-align: top;
    text-align: right;
    flex-direction: column-reverse;
}

.page.page-order-cart .cart .products-group .product-wrapper .price {
    text-align: right;
    color: #29BC55;
    white-space: nowrap;
}

.page.page-order-cart .cart .products-group .product-wrapper .price.promoted-price {
    text-decoration: line-through;
    color: #8c8c8d;
    position: relative;
}

.page.page-order-cart .cart .products-group .product-wrapper .price.promoted-price .info-icon-wrapper {
    position: absolute;
    display: inline-block;
    margin-left: 5px;
    cursor: help;
    top: -15px;
    right: -10px;
}

.page.page-order-cart .cart .products-group .product-wrapper .price.promoted-price .info-icon-wrapper .custom-info-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background-color: #008AEE;
    color: white;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    line-height: 1;
}

.page.page-order-cart .cart .products-group .product-wrapper .price.promoted-price .info-icon-wrapper:after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 130%;
    left: 50%;
    transform: translateX(-50%);
    background: #008AEE;
    color: white;
    padding: 8px 10px;
    border-radius: 4px;
    white-space: normal;
    z-index: 999;
    width: max-content;
    max-width: 450px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.page.page-order-cart .cart .products-group .product-wrapper .price.promoted-price .info-icon-wrapper:before {
    content: "";
    position: absolute;
    bottom: 85%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #008AEE transparent transparent transparent;
    
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.page.page-order-cart .cart .products-group .product-wrapper .price.promoted-price .info-icon-wrapper:hover:after,
.page.page-order-cart .cart .products-group .product-wrapper .price.promoted-price .info-icon-wrapper:hover:before {
    opacity: 1;
    visibility: visible;
}

.page.page-order-cart .cart .products-group .product-wrapper .info {
    display: inline-block;
    vertical-align: top;
}

.page.page-order-cart .cart .products-group .product-wrapper .info .name-options-wrapper {
    width: 100%;
    max-width: 310px;
}

.page.page-order-cart .cart .products-group .product-wrapper .info .name-options-wrapper .name {
    margin-bottom: 6px;
}

.page.page-order-cart .cart .products-group .product-wrapper .info .name-options-wrapper .sku {
    margin-bottom: 12px;
}

.page.page-order-cart .cart .products-group .product-wrapper .info .name-options-wrapper .options-wrapper .details {
    display: inline-block;
    vertical-align: top;
}

.page.page-order-cart .cart .products-group .product-wrapper .info .name-options-wrapper .options-wrapper .details:before {
    content: '';
    display: inline-block;
    position: relative;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url('../images/icons/icon-info-circle-accent.svg');
    margin-right: 5px;
}
.page.page-order-cart .cart .products-group .product-wrapper .info .name-options-wrapper .options-wrapper {
    position: relative;
    display: inline-block;
    margin-right: 17px;
}
.page.page-order-cart .cart .products-group .product-wrapper .info .name-options-wrapper .options-wrapper ul {
    left: -10000px;
    top: 18px;
    position: absolute;
    width: 260px;
    padding: 15px 20px 5px;
    border: 1px solid #bec1c6;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    z-index: 9;
}
.page.page-order-cart .cart .products-group .product-wrapper .info .name-options-wrapper .options-wrapper:hover ul {
    left: 0;
}
.page.page-order-cart .cart .products-group .product-wrapper .info .name-options-wrapper .options-wrapper ul li {
    display: block;
    margin-bottom: 10px;
}
.page.page-order-cart .cart .products-group .product-wrapper .info .name-options-wrapper .options-wrapper ul li .name {
    font-size: 10px;
    line-height: 12px;
    color: #8c8c8d;
    display: block;
}
.page.page-order-cart .cart .products-group .product-wrapper .info .name-options-wrapper .options-wrapper ul li .attribute-info .value {
    font-size: 12px;
    line-height: 14px;
    color: #1e2328;
    display: block;
}
.page.page-order-cart .cart .products-group .product-wrapper .info .name-options-wrapper .remove {
    display: inline-block;
    position: relative;
    top: -2px;
    vertical-align: top;
}

.page.page-order-cart .cart .products-group .product-wrapper .info .name-options-wrapper .remove:before {
    content: '';
    display: inline-block;
    position: relative;
    top: 4px;
    width: 16px;
    height: 16px;
    background: url('../images/icons/icon-time-pale-small.svg');
    margin-right: 5px;
}

.page.page-order-cart .cart .products-group .product-wrapper .options-wrapper-mobile {
    display: none;
    padding: 0 10px;
}

.page.page-order-cart .cart .products-group .product-wrapper .options-wrapper-mobile .details {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #E5E5E5;
}

.page.page-order-cart .cart .products-group .product-wrapper .options-wrapper-mobile .details > .icon {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url('../images/icons/icon-info-circle-accent.svg');
    margin-right: 5px;
}

.page.page-order-cart .cart .products-group .product-wrapper .options-wrapper-mobile .remove {
    display: block;
    padding-top: 15px;
}

.page.page-order-cart .cart .products-group .product-wrapper .options-wrapper-mobile .remove:before {
    content: '';
    display: inline-block;
    position: relative;
    top: 4px;
    width: 16px;
    height: 16px;
    background: url('../images/icons/icon-time-pale-small.svg');
    margin-right: 5px;
}

.page.page-order-cart .cart .products-group .product-wrapper .quantity.hidden{
    display: none;
}

.page.page-order-cart .cart-action-buttons {
    position: relative;
    margin: 30px 0 60px;
    overflow: hidden;
}

.page.page-order-cart .cart-action-buttons .cart-update {
    margin: 0 auto;
    max-width: 230px;
    transition: all .25s ease;
}

.page.page-order-cart .cart-action-buttons .cart-update:hover {
    background: #1C2D3A;
}
.page.page-order-cart .cart-action-buttons .cart-update:hover span {
    color: #fff;
}

.page.page-order-cart .cart-action-buttons .cart-remove-all {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.page.page-order-cart .cart-action-buttons .cart-remove-all:hover {
    text-decoration: underline;
}

.page.page-order-cart .review {
    display: inline-block;
    width: 380px;
    background: #fff;
    border-radius: 3px;
    padding: 20px 0 30px;
    vertical-align: top;
}

.page.page-order-cart .review .review-title {
    padding: 0 20px 20px 20px;
    border-bottom: 1px solid #E5E5E5;
}

.page.page-order-cart .review .count-ordered-products {
    padding: 15px 20px 15px 20px;
    border-bottom: 1px solid #E5E5E5;
}

.page.page-order-cart .review .count-ordered-products .price {
    float: right;
    clear: both;
}

.page.page-order-cart .review .promo-code {
    padding: 20px;
    border-bottom: 1px solid #E5E5E5;
}

.page.page-order-cart .review .promo-code form {
    position: relative;
}

.page.page-order-cart .review .promo-code form .promo-code-input {
    width: 100%;
    height: 48px;
    background: #fff;
    padding: 0 15px;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
}

.page.page-order-cart .review .promo-code form .promo-code-input::placeholder {
    color: #777777;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}
.page.page-order-cart .review .promo-code form .promo-code-input::-webkit-input-placeholder { /* Edge */
    color: #777777;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}

.page.page-order-cart .review .promo-code form .promo-code-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #777777;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}
.page.page-order-cart .review .promo-code form .promo-code-button {
    position: absolute;
    top: 3px;
    right: 3px;
    max-width: 107px;
    height: 42px;
}

.page.page-order-cart .review .total {
    padding: 20px;
}
.page.page-order-cart .review .total .price{
    float: right;
    clear: both;
}

.page.page-order-cart .review .buttons {
    padding: 10px 20px;
}

.page.page-order-cart .review .buttons .purchase-button {
    max-width: 100%;
}

/********* END CART **********/

/********* STATIC PAGE SINGLE**********/

.page.page-static-page-single > .main {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}


.page.page-static-page-single > .main > .inner {
    display: block;
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
}

.page.page-static-page-single > .main > .inner > .main {
    max-width: 1220px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px 0;
}

.page.page-static-page-single .centered-content {
    overflow: hidden;
}

.page.page-static-page-single .centered-content .page-title {
    display: block;
    margin-bottom: 20px;
}

.page.page-static-page-single .centered-content .page-title h1 {
    color: #1c2d3a;
    font-family: 'Exo 2', sans-serif;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 32px;
}

.page.page-static-page-single .centered-content img {
    display: block;
    margin-bottom: 20px;
}

.page.page-static-page-single .centered-content .static-page-text h4,
.page.page-static-page-single .centered-content .static-page-text p
{
    color: #1c2d3a;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
}

.page.page-static-page-single .centered-content .static-page-text a {
    color: #008AEE;
}

.page.page-static-page-single .centered-content .static-page-text a:hover {
    text-decoration-line: underline !important;
}

/**** PAGE CONTACT ****/

.page.page-contact-single > .main {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

.page.page-contact-single > .main > .inner {
    display: block;
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
}

.page.page-contact-single .centered-content .page-title {
    display: block;
    margin-bottom: 20px;
}

.page.page-contact-single .centered-content .contacts-information-wrapper a {
    color: #008aee;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
}

.page.page-contact-single .centered-content .contacts-information-wrapper img {
    border: 0;
    height: 275px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 480px;
}

/**** PAGE THEFT LIST ****/
.page.page-theft-list > .main {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

.page.page-theft-list > .main > .inner {
    display: block;
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
}

.page.page-theft-list .breadcrumbs-wrapper {
    display: none;
}

/**** NEWS ****/
.news-content-wrapper {
    width: 960px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0px auto;
    padding-bottom: 40px;
}

.page.page-news-single .breadcrumbs-wrapper,
.page.page-news-list .breadcrumbs-wrapper {
    margin: 20px 0;
}

.news-single-title,
.page.page-news-list .page-title {
    text-align: left;
    border-bottom: 3px solid #ddd;
    margin-bottom: 20px;
}
.news-single-title .news-title,
.page.page-news-list .page-title .news-title {
    width: 700px;
    font-family: 'Exo 2', sans-serif;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 32px;
    color: #1C2D3A;
    letter-spacing: 0;
    line-height: 32px;
    font-weight: 700;
    text-align: left;
}
.news-single-title .news-title {
    width: 100%;
}
.news-list-item .grey-btn {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #7e848d;
    padding: 12px 16px 12px;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    display: inline-block;
    cursor: pointer;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    background: #9ea2ab;
    background: -moz-linear-gradient(top, #9ea2ab 0%, #818590 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9ea2ab), color-stop(100%, #818590));
    background: -webkit-linear-gradient(top, #9ea2ab 0%, #818590 100%);
    background: -o-linear-gradient(top, #9ea2ab 0%, #818590 100%);
    background: -ms-linear-gradient(top, #9ea2ab 0%, #818590 100%);
    background: linear-gradient(to bottom, #9ea2ab 0%, #818590 100%);
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ea2ab', endColorstr='#818590',GradientType=0 ); */
}

.news-list-item .grey-btn:hover {
    background: #818590;
}
/* HOMEPAGE AUCTIONS */
.homepage-auctions .news-articles .ac-auction-car-image > img{
    min-height: 200px;
    max-height: 200px;
    object-fit: cover !important;
    display: block;
    width: 100%;
    max-width: 200px;
    border-radius: 20px;
}
/* HOMEPAGE AUCTIONS END */



.page-title h1.news-title {
    /* padding-left: 35px;
    background: url(../images/sprite-big-icons-03.png) no-repeat 0px -2052px; */
}
.centered-content-inner-content {
    width: 700px;
    float: left;
}
.centered-content-right-sidebar {
    padding-left: 40px;
    border-left: 1px solid #ddd;
    margin: 15px 0px 30px 0px;
    float: right;
    width: 180px;
}
.news-list-item {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
.news-list-item .name {
    transition: all 0.3s ease 0s;
    font-size: 20px;
    color: #1C2D3A;
    letter-spacing: 0;
    line-height: 24px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    text-align: left;
}
.news-list-item .name:hover {
    color: #3a7cdb;
}
.news-list-item .date {
    font-size: 10px;
    font-weight: 400;
    color: #92979b;
    margin-bottom: 15px;
    line-height: 14px;
}
.news-list-item .news-image {
    margin-right: 20px;
    float: left;
}
.news-list-item .news-info-holder {
    width: 480px;
    float: left;
}
.news-list-item .desc {
    font-family: 'Exo 2', sans-serif;
    color: #565a5e;
    padding: 0;
    font-size: 13px;
    line-height: 18px;
    margin: 0 auto 20px;
}
.news-list-item .grey-btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 18px;
}
.centered-content-right-sidebar .rs-title {
    border-bottom: 1px solid #ddd;
    color: #1C2D3A;
    letter-spacing: 0;
    line-height: 22px;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-family: 'Exo 2', sans-serif;
}
.centered-content-right-sidebar .rs-menu {
    margin-bottom: 20px;
    overflow: hidden;
}
.centered-content-right-sidebar .rs-menu li a {
    background: url(../images/sprite-small-icons-01.png) no-repeat 0 -1602px rgba(0, 0, 0, 0);
    color: #92979b;
    padding-left: 10px;
    display: block;
    font-size: 12px !important;
    line-height: 13px;
    transition: all 0.3s ease 0s;
}
.centered-content-right-sidebar .rs-menu li {
    margin-bottom: 10px;
}
.centered-content-right-sidebar .rs-menu li a.active,
.centered-content-right-sidebar .rs-menu li a:hover {
    color: #3a7cdb;
}
.s-news-content {
    overflow: hidden;
    font-family: 'Exo 2', sans-serif;
    color: #565a5e;
    padding: 0;
    font-size: 13px;
    line-height: 18px;
    margin: 0 auto;
}
.s-news-content h3 {
    margin-bottom: 25px;
    margin-top: 25px;
}

.s-news-content p {
    margin: 20px 0px;
}
.s-news-date {
    font-size: 10px;
    font-weight: 400;
    color: #92979b;
    margin-bottom: 15px;
    line-height: 14px;
}
.s-news-content h2 {
    margin-bottom: 20px;
    line-height: 22px;
}
.s-news-image {
    float: right;
    margin: 0px 0px 20px 20px;
}
.content-page-gallery {
    margin: 20px 0px;
    overflow: hidden;
}
.content-page-gallery a {
    margin: 0px 20px 20px 0px;
    float: left;
}
.content-page-gallery-title {
    border-bottom: 1px solid #ddd;
    color: #1e2328;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 10px;
}


.similar-products-wrapper {
    text-align: center;
}
.similar-products-wrapper .product-grid-item {
    max-width: initial;
    min-height: auto;
    margin-bottom: 50px;
}

.similar-products-wrapper .product-grid-item .prices-wrapper {
    position: relative;
    text-align: center;
}

.similar-products-wrapper .product-grid-item .price.promo-product {
    position: relative;
    bottom: 0;
    line-height: 13px;
}
.similar-products-wrapper .regular-price-for-promo {
    display: block;
    clear: both;
    line-height: 32px;
}
.similar-products-wrapper .product-grid-item .price.promo {
    float: none;
}
/**** END NEWS ****/

/*FLASH MESSAGES*/

.flash-messages-wrapper {
    position: relative;
    z-index: 999;
}

.flash-messages-wrapper:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.59);
    cursor: pointer;
    z-index: 100;
}

.flash-message {
    position: fixed;
    display: inline-block;
    top: 50%;
    left: 50%;
    padding: 20px 30px 20px 30px;
    background: #fff;
    border-radius: 3px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 101;
}

.flash-messages-type-success {
    background: #66af45;
}

.flash-messages-type-info {
    color: #000;
}

.flash-messages-wrapper .close-button {
    content: '';
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    width: 24px;
    height: 24px;
    background: url('../images/icons/icon-time-white.svg');
    cursor: pointer;
}

.flash-messages-type-error {
    background-color: #c1272d;
}

.flash-messages-wrapper .flash-messages-type-product-inquiry-send-successfully {
    width: 300px;
    padding: 7px;
    box-shadow: 0 0 11px 0 rgba(0,0,0,0.2);
    border-radius: 3px;
    padding-top: 57px;
}

.flash-messages-wrapper .flash-messages-type-product-inquiry-send-successfully .close-button {
    width: 36px;
    height: 36px;
    background: rgba(0,0,0,0.2);
    border-radius: 3px;
}

.flash-messages-wrapper .flash-messages-type-product-inquiry-send-successfully .close-button:after {
    content: '';
    position: absolute;
    background: url('../images/icons/icon-time-white.svg');
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
}

.flash-messages-wrapper .flash-messages-type-product-inquiry-send-successfully .text {
    display: block;
    width: 100%;
    max-width: 246px;
    margin: 0 auto;
    margin-bottom: 12px;
}

.flash-messages-wrapper .flash-messages-type-product-inquiry-send-successfully .icon {
    display: block;
    background: url('../images/icons/icon-market-new.svg');
    width: 145px;
    height: 202px;
    margin: 0 auto;
    margin-bottom: 33px;
}
.flash-messages-wrapper .save-uploaded-images.opacity {
    opacity: 0.5;
}
/* inquiry upload images start */
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images {
    display: flex;
    width: 786px;
    padding: 25px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-shadow: 0px 10px 20px 10px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    overflow: scroll;
    max-height: 100vh;
    /* scroll should be visible always */
    scrollbar-width: thin;
    scrollbar-color: #E5E5E5 #FFFFFF;

}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .form-header .header-icon .blue-tick {
    display: block;
    background: url('../images/icons/blue-tick.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
    margin: 0 auto;
}
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .form-header .header-icon .success-green-tick {
    display: block;
    background: url('../images/icons/success-green-tick.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 25px;
    margin: 0 auto;
}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .form-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    border-radius: 10px;
    background: rgba(95, 184, 101, 0.10);
    padding: 15px 0px;
    gap: 20px;
    position: relative;
}
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .form-body .step{
    color: #000;
    text-align: center;
    font-family: "Exo 2";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    justify-content: start;
    align-items: baseline;
    gap: 10px;
    margin:17px 0px;
}
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .optional{
    color: #19242D;
    text-align: center;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .form-body .step .value{
    color: #FFF;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 5px;
    background: #008AEE;
    display: flex;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.form-upload-images .form-header .badge-live {
    padding: 1px 6px;
    border-radius: 5px;
    border: 1px solid #29DA5C;
    background: linear-gradient(180deg, #33BB5A 0%, #21E85A 100%);
    color: #FFFF;
}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .form-header .header-title .title-x2small-dark {
    color: #000;
    text-align: center;
    font-family: 'Exo 2', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    max-width: 381px;
}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .form-body .form-body-wrapper{
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .form-body .body-left-side {
    align-items: center;
    width: 70%;
}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .form-body .info-text {
    max-width: 78%;
    margin:auto;
}
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .form-body .body-right-side {
    align-items: center;
    display: flex;
    padding: 15px;
    align-items: flex-start;
    border-radius: 3px;
    background: #F9F9F9;
    gap:30px;
    /* width: 30%; */
    max-width: 229px;
    /* max-height: 372px; */
    width: 100%;
}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .form-body .body-right-side .list-item-text {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
/*    align-self: stretch;*/
}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .form-body .body-right-side .list-item-text .int-bubble img{
    position: relative;
    width: 15px;
    height: 13.392px;
}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .form-body .body-right-side .list-item-text .list-item-icon {
    background: #008AEE;
    border-radius: 100%;
    height: inherit;
    width: inherit;
    position: absolute;
    left: 0;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .form-body .image-wrap {
    position: relative;
    width: 200px;
}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .form-body .image-wrap .label {
    position: absolute;
    right: -3px;
    top: 0;
}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .close-button {
    width: 25px;
    height: 25px;
    background: rgba(0,0,0,0.2);
    border-radius: 3px;
}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .close-button:after {
    content: '';
    position: absolute;
    background: url('../images/icons/icon-time-white.svg');
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
}

.conversation-single-modal-body .close-modal:before {
    content: none;
}

.conversation-single-modal-body .close-modal {
    width: 25px;
    height: 25px;
    background: rgba(0,0,0,0.2);
    border-radius: 3px;
}

.conversation-single-modal-body .close-modal:after {
    content: '';
    position: absolute;
    background: url('../images/icons/icon-time-white.svg');
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
}

/* warning modal unread messages */

.conversation-modal.warning-modal {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    display: none;
}

.conversation-modal.warning-modal .conversation-single-modal-body {
    display: flex;
    gap: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 600px;
    padding: 25px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    border-radius: 20px;
    background: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 225px;
}

.conversation-modal.warning-modal .conversation-single-modal-body .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer;
}

.conversation-modal.warning-modal .conversation-single-modal-body .conversation-modal-content p {
    color: #19242D;
    text-align: center;
    font-family: "Exo 2";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.conversation-modal.warning-modal .conversation-single-modal-body .conversation-modal-content__successMessage {
    color: #29BC55;
    text-align: center;
    font-family: "Exo 2";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.conversation-modal.warning-modal .conversation-modal-footer {
    width: 100%;
}
#btn-promote-product-inquiry,
.conversation-modal.warning-modal .conversation-modal-footer a.to-inquiries {
    display: flex;
    height: 40px;
    padding: 0px 25px;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: #008AEE;
    cursor: pointer;
    justify-content: center;
}

#btn-promote-product-inquiry,
.conversation-modal.warning-modal .conversation-modal-footer a.to-inquiries p {
    color: #FFF;
    font-family: "Roboto";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
#btn-promote-product-inquiry{
    margin: auto;
    min-width: 200px;
}
.is-promoted{
    border: 1px solid #F2992F !important;
    border-radius: 20px;
}
.button-promote-inquiry {
    height: 40px;
}
.button-promote-inquiry
.my-inquiries.button-promote-inquiry{
    display: flex;
    height: 35px;
    padding: 0px 25px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: #008AEE;
    max-width: 130px;
    color: #FFF;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.button-success-promoted{
    display: flex;
    height: 35px;
    padding: 0px 25px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: #E6F4FE;
    color: #008AEE;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    justify-content: center;
    align-items: center;
}
.button-success-promoted .icon{
    background: url(../images/pi-popup-success-icon-blue-stick.svg) !important;
    background-repeat: no-repeat !important;
    height: 10px !important;
}

.conversation-modal.warning-modal .conversation-modal-footer a.to-inquiries .arrow_right {
    background-image: url(/images/market/arrow-right.svg);
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.conversation-modal.warning-modal.show{
    display: flex !important;
}
.conversation-modal .form-elements .form-field {
   
    width: 100%;
}
#account-create-modal .conversation-modal-content .form-elements .error-holder,
#account-create-modal .conversation-modal-content .form-elements .form-field.error > .error-message{
    display: block;
    color: #FF0000;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    margin-bottom: 5px;
}
#account-create-modal .conversation-modal-content .form-elements .form-field.error > input{
    border: 1px solid #FF0000;
}
#account-create-modal .conversation-modal-title{
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    text-align: left;
    color: #000000;
}

#account-create-modal .conversation-modal-content{
    width: 100%;
    max-width: 400px;
}
#account-create-modal .conversation-modal-content button{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #008aee;
    color: #fff;
    background-color: transparent;
    border: 1px solid #008aee;
    background: #008aee;
    border-radius: 30px;
    height: 40px;
    width: 201px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin:auto;
}
#account-create-modal .conversation-modal-content .form-elements .form-field{
    margin-bottom: 10px;
}
#account-create-modal .conversation-modal-content .form-elements .form-field > input{
    background: #FFFFFF;
    border: 1px solid rgba(0, 138, 238, 0.5);
    box-shadow: 0px 0px 0px rgba(0, 138, 238, 0.15);
    border-radius: 10px;
    width: 100%;
    padding: 10px 15px 10px 15px;
    height: 36px;
}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .text {
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 12px;
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    text-align: center;
    color: #000000;
}
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .small-text {
    color: #000;
    text-align: center;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .w-100{
    width: 100% !important;
}
.page-section .promotion-holder .column,
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .promotion-holder .column{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.page-section .promotion-holder .column:first-child,
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .promotion-holder .column:first-child{
    width: 154.458px;

}
.page-section .promotion-holder .row-holder,
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .promotion-holder .row-holder{
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.page-section .promotion-holder ,
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .promotion-holder{
    display: flex;
    padding: 15px;
    gap: 15px;
    border-radius: 10px;
    border: 1px solid #EDEDED;
    position: relative;
    width: 100%;
    /* max-width: 706px; */
    height: 131px;
}
.page-section .promotion-holder{
    margin-bottom: 0;

}

.page-section .promotion-holder .promo-image,
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .promotion-holder .promo-image{
    width: 154.458px;
    height: 101px;
}
.page-section .promotion-holder .promo-text,
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .promotion-holder .promo-text{
    color: #008AEE;
    font-family: "Exo 2";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
}
.page-section .promotion-holder .promo-text-second,
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .promotion-holder .promo-text-second{
    color: #19242D;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;

}
.page-section .promotion-holder .promo-text-third,
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .promotion-holder .promo-text-third{
    position: unset !important;
    text-align: right;
    z-index: 1;
}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .promotion-holder .promo-text-third .field-label.checkbox-label span{
    color:#008AEE;
    margin-right: 25px;
    font-size: 12px;
    
}
.page-section .promotion-holder .promo-text-third .field-label.checkbox-label input[type='checkbox'],
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .promotion-holder .promo-text-third .field-label.checkbox-label input[type='checkbox']{
    right: 0px !important;
    left:unset !important;
}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .bg-success-img{
    position: absolute;
    top: -23px;
    right: 0;
    background: url(../images/pi-popup-success-bg.svg);
    background-repeat: no-repeat;
    width: 159.621px;
    height: 221.57px;
    
    
}
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .buttons-wrapper{
    display: flex;
    justify-content: center;
    gap: 15px;
}
.page-section .promotion-holder .image,
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .promotion-holder .image{
    background: url('../images/pi-popup-bg-lines.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 128.853px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

}
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .small-text-second {
    font-family: 'Roboto';
    font-style: normal;
    font-weight:500;
    font-size: 12px;
    /* line-height: 18px; */
    text-align: left;
    color: #434343;
    margin: auto;
    line-height: normal;
    
}
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .small-text-second a {
    color: #008AEE;
}
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .images-holder{
    display: flex;
    justify-content: center;
    gap: 15px;
}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .images-holder .item {
    width: 200px;
    height: 132px;
    background: #F9F9F9;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    position: relative;
}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .color-white {
    color: #FFFFFF !important;
}
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .label {
/*/*    position: absolute;*/
/*    top: 65px;
    right: 80px;*/
    display: block;
    padding: 1px 5px 0;
    background: rgba(255, 0, 0, 0.8);
    border-radius: 3px;
    font-size: 11px;
    line-height: 17px;
    font-weight: 700;
    text-transform: uppercase;
}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .images-holder .item .sample-image {
    display: flex;
}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .images-holder .item img{
/*    max-width: 90px;*/
    width: inherit;
    height: 100%;
    display: none;
    object-fit: cover
}

.flash-messages-wrapper  .flash-messages-type-product-inquiry-upload-images .images-holder .item .icon {
    cursor: pointer;
    background: url('../images/icons/blue-icon-with-white-plus.svg');
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 132px;    
}
.flash-messages-wrapper  .flash-messages-type-product-inquiry-upload-images .images-holder .item .x-icon {
   
    background: url('../images/icons/icon-x-30x30.svg');
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top right;
    height: 20px;
    width: 20px;
/*    margin-left: 62px;*/
/*    margin-top: 5px;*/
    position: absolute;
    top: 0;
    right: 0;
    display:none;
    z-index: 1;
}
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .hidden-upload-input{
    display: none;
}
.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .submit-button {
    width: 300px;
    height: 45px;
    border-radius: 30px;
    background: #EDEDED;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    color: #19242D;
    display: inline-flex;
    height: 40px;
    padding: 0px 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor:pointer;
}

.flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .error-holder {
    color:red;
}
.error-holder {
    color:red;
    font-family: 'Roboto';
    font-style: normal;
    font-size: 12px;
    margin-top: 5px;

}
.error-holder .success-message{
    color: #29BC55 !important;
}
.product-box-warning{
    border: 1px solid red !important;
}

.product-inquiry-popup .product-inquiry-product .product-wrapper .image-wrapper .x-icon-margin{
    right: 10px !important;
}
.product-inquiry-popup .product-inquiry-product .product-wrapper .image-wrapper .x-icon{
    background: url('../images/icons/icon-x-30x30.svg');
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top right;
    height: 20px;
    width: 20px;
    display:none;
    z-index: 20;
    margin-top: 5px;
    margin-left: 100px;
    position: absolute;
}
.product-inquiry-popup .product-inquiry-product .product-wrapper .image-wrapper .img-box .icon {
    cursor: pointer;
    background: url('../images/icons/blue-icon-with-white-plus.svg');
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    
}
.product-inquiry-popup .product-inquiry-product .product-wrapper .image-wrapper .img-box-min-h{
    height: 144px !important;
}
.product-inquiry-popup .product-inquiry-product .product-wrapper .image-wrapper .img-box-min-w{
    width: 125px !important;
    margin-right:10px;
}
.product-inquiry-popup .product-inquiry-product .product-wrapper .image-wrapper .img-inner-class{
    width: 125px; 
    height:80px;
    margin-right:10px
}
.product-inquiry-popup .product-inquiry-product .product-wrapper .image-wrapper .img-box{
    height: 81px;
    background: #F9F9F9;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    display:none;
}
.product-thumbnail-empty{
    display:none !important;
}
.product-inquiry-popup .product-wrapper .image-wrapper img {
    display: block;
    width: 100%;
    object-fit: cover !important;
    height: 100%;
}
.product-inquiry-popup .product-inquiry-product .submit-button {
    width: 283px;
    height: 38.61px;
    background: #008AEE;
    border-radius: 3px;

    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
    /* or 100% */
    float: right;
    text-align: center;
    text-transform: uppercase;
    margin-bottom:17px;
    color: #FFFFFF;

}
.hidden-upload-input-inquiry{
    display: none;
}

.animated-spinner {
    background-image: url(../images/icons/Spinner-1s-200px.svg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.btn-spinner {
    background-image: url(../images/icons/Spinner-1s-21px.svg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 30px;
    height: 30px;
    display: block;
    margin: auto;
}
.btn-spinner.white {
    background-image: url(../images/icons/Spinner-1s-200px-ww.svg) !important;
    width: 50px;
    
}
/* inquiry upload images end */
.borsa-mg{
    margin-top: 25px;
    display: flex;
    max-width: 240px;
}

.borsa-text-mg{
    
    
    background: #F2992F;
    font-family: 'exo 2',sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 20px;
    width: 61px;
    height: 16px;
    
    display: flex;
    align-items: center;
    
    color: #FFFFFF;
    
}

.img-icon-mg{margin: 4px 5px 5px 5px;}

.a-tag-mg{
    line-height: 14px;
    margin-left: 7px;
    color:#008AEE;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    

text-decoration-line: underline;
}



.ql-block h2 {
    font-size: 25px;
    height: 20px;
    margin-top:20px;
}
.static-page-text h1 {
    font-size: 25px;
    padding: 20px 0px;
    margin-bottom: 10px;
    line-height: 20px;
}

.static-page-text h2 {
    font-size: 20px;
    padding: 20px 0px;
    margin-bottom: 10px;
    line-height: 20px;
}
.mega-modal{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 21;
}
.mega-modal .mega-modal-content{
    width: 100%;
    padding: 0;
    background: #FFFFFF;
    box-shadow: 2px 3px 20px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    max-width: 440px;
    padding: 30px;
}
.mega-modal .mega-modal-content .close-single-modal {
    background-color: transparent;
    border: none;
    color: #008AEE;
    margin-top: 30px;
    cursor: pointer;
}
.mega-modal .mega-modal-content .mega-modal-footer {
   display: flex;
    justify-content: center;
}

.dot-flashing {
    position: relative;
    height: 100%;
    width: 100%;
    animation: pulse 1.5s infinite;
    border-radius: 50%;
    background-color: inherit;
}

#fake-stars .rating-stars {
    display: flex;
    align-items: flex-start;
    gap: 1px;
}

#fake-stars .rating-stars .star {
    background: url('../images/icons/icon-star-gold-review.svg') no-repeat 0 0;
    cursor: pointer;
    background-size: contain;
    width: 12px;
    height: 12px;
    display: block;
}
.page-section .promotion-holder .promo-text-third .field-label.checkbox-label span{
    color:#008AEE;
    margin-right: 25px;
    font-size: 12px;
    
}
.promo-btn{
    display: flex;
    height: 35px;
    padding: 0px 25px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: #008AEE;
}

.upload-product-box {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    flex-direction: column;
    gap: 10px;
    transition: all 0.3s ease;
    border-radius: 20px;

    background: linear-gradient(135deg, rgba(0, 138, 238, 0.3), rgba(0, 95, 163, 0.3)) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.upload-product-box:hover {
    box-shadow: unset;
}


.upload-product-box img {
    width: 50px;
    height: 50px;
    margin-top: 20px;
}

.upload-product-box .text {
    color: #19242D;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
}


.upload-product-box .button-upload-product-box-mp {
    background: #1E81CE;
    width: 80%;
    height: 40px;
    border-radius: 10px;
    gap: 5px;
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 15px;
    cursor: pointer;
}

@media screen and (max-width: 1160px) {
    .upload-product-box .button-upload-product-box-mp {
        font-size: 14px;
    }
}

@keyframes pulse {
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }

    0% {
        opacity: 0.2;
    }
}


@media screen and (max-width: 641px) {
    /* .flash-message.flash-messages-type-product-inquiry-upload-images{
        top: 60%;
    } */
    .page-section .promotion-holder .row-holder,
    .flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .promotion-holder .row-holder{
        flex-direction: column;
        gap: 15px;
    }
    .page-section .promotion-holder,
    .flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .promotion-holder{
        height: auto;
    }
    .page-section .promotion-holder .promo-text-third .field-label.checkbox-label,
    .flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .promotion-holder .promo-text-third .field-label.checkbox-label{
        padding: 0;
    }
    #notifications-popup.show {
        width: 100vw;
    }

    .homepage-testimonials > .buttons {
        margin-top: 30px;
    }

    .homepage-testimonials > .buttons > .button-write-testimonial {
        display: block;
        max-width: 100%;
        width: 100%;
        margin-right: 0;
    }

    .homepage-testimonials > .buttons > .button-all-testimonials {
        display: block;
        max-width: 100%;
        width: 100%;
        margin-top: 10px;
    }
}

@media (max-width: 740px) {
    .page.page-product-single .main .single-product .similar-products {
        margin-bottom: 50px !important;
    }

    #notifications-popup.show {
        width: 100vw;
    }

    .page.page-product-single .main .single-product .useful-information {
        margin-bottom: 80px;
    }

    .banner-desktop .helper {
        display: none;
    }
}

@media screen and (min-width: 741px) {

    .homepage-left-sidebar .navigation > .categories .category:hover {
        border-color: #008AEE;
        
    }

    .homepage-left-sidebar .navigation > .categories .category:hover:before {
        top: 0;
        right: -4px;
        bottom: auto;
        left: auto;
        z-index: 3;
        width: 8px;
        height: 100%;
        background: #fff;
    }

    .homepage-left-sidebar .navigation > .categories .category:hover:after {
        background: url('../images/icons/icon-chevron-right-accent.svg') no-repeat center;
        opacity: 1;
    }

    .homepage-left-sidebar .navigation > .categories .category:hover > a span {
        color: #008AEE;
    }

    .homepage-left-sidebar .navigation > .categories .category > .dropdown {
        display: none;
        position: absolute;
        top: 130px;
        z-index: 2;
        padding: 30px 25px;
        background: #fff;
        border: 1px solid #008AEE;
        border-radius: 15px;
               
    }

    .homepage-left-sidebar .navigation > .categories .category > .dropdown > .title {
        margin-bottom: 20px;
    }

    .homepage-left-sidebar .navigation > .categories .category > .dropdown > .children {
        display: flex;
    }

    .homepage-left-sidebar .navigation > .categories .category > .dropdown > .children .column {
        width: 240px;
    }

    .homepage-left-sidebar .navigation > .categories .category > .dropdown > .children .separator {
        width: 1px;
        margin: 0 30px;
        
    }

    .homepage-left-sidebar .navigation > .categories .category > .dropdown > .children .column .category-child {
        display: block;
        margin-bottom: 15px;
        font-size: 13px;
        color: #1C2D3A;
        letter-spacing: 0;
        line-height: 16px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        transition: all 0.25s ease;
    }

    .homepage-left-sidebar .navigation > .categories .category > .dropdown > .children .column .category-child:last-child {
        margin-bottom: 0;
    }

    .homepage-left-sidebar .navigation > .categories .category > .dropdown > .children .column .category-child:hover {
        color: #008AEE;
    }

    .homepage-left-sidebar .navigation > .categories .category:hover > .dropdown {
        display: block;
    }
}

@media (width <= 768px) {
    .conversation-modal.warning-modal .conversation-single-modal-body {
        width: 90%;
    }
    .conversation-modal.warning-modal .conversation-single-modal-body .conversation-modal-content p {
        font-size: 16px;
    }

    .conversation-modal.warning-modal .conversation-single-modal-body .conversation-modal-content__successMessage {
        font-size: 16px;
    }

    .single-product-megabitak-link img:first-child {
        display: none;
    }
    
    .single-product-megabitak-link img:last-child {
        display: block;
    }
}

@media screen and (max-width: 785px) {
    .flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .form-body .image-wrap{
        width: 100%;
    }
    .flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .form-body {
        flex-direction: column!important;
        align-items: center;
        width: 100%;
    }

    .flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .form-body .body-right-side {
        width: 100%!important;
        height: 100%;
        max-width: unset;
        margin: auto;
    }

    .flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images {
        height: 100%!important;
        width: 100%!important;
    }

    .flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .form-body .separator {
        width: 100%;
        height: 1.5px;
    }

    .page.page-order-cart .banner_conversations {
        background: url(../../images/megabitak/conversations-megabitak-banner-mobile-390.png);
    }


    .flash-messages-wrapper .form-upload-images .flash-messages-type-product-inquiry-upload-images .form-body .form-body-wrapper{
        flex-direction: column;
    }
}
@media screen and (max-width: 768px) {

    .page.page-order-cart .banner_conversations {
        display: none;
    }
}

@media (width <= 992px) {
    .conversation-modal.warning-modal .conversation-single-modal-body {
        width: 500px;
    }
}

@media (max-width: 1024px) {
    .page.page-product-single .main .single-product .gallery{
        max-width:calc(40%);
    }

    #notifications-popup.show {
        width: 100vw;
        height: 100%;
        top: 0px;
    }

    #notifications-popup-body .notifications-popup__itemsWrap {
        /* height: 50vh; */
    }
}

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

    .header > .inner .elements .element.customer {
        /* margin-right: 10px; */
    }

    .header > .inner .elements .element.customer .icon,
    .header > .inner .elements .element.customer .image {
        margin-right: 0;
    }

    .header > .inner .elements .element.customer > .text {
        display: none;
    }
}

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

    .header > .inner .redemption-tab > .text {
        display: none;
    }

    .header > .inner .redemption-tab > .text-mobile {
        display: inline-block;
        vertical-align: middle;
        font-size: 13px;
        color: #F2992F;
        letter-spacing: 0;
        line-height: 13px;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
    }

    #notifications-popup-body .notifications-item .notification-item__infoWrapper .notification-item__placeholder .notifications-item__description {
        font-size: 15px;
    }

    .product-grid-item.formular .text,
    .product-grid-item.formular .button {
        font-size: 14px;
    }
}

@media (max-width: 1220px) {
    .page.page-product-single .main .single-product .gallery{
        max-width:calc(50%);

        
    }
    .page.page-product-single .main .single-product .gallery .product-thumbnails .product-thumbnail {
        /* max-width: calc(33.333% - 6px); */
    }
}

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

    .homepage-testimonials > .testimonials {
        padding-bottom: 16px;
        overflow: auto;
    }
}

@media (max-width: 1260px) {
    .page.page-product-single .main .single-product .similar-products .product-grid-item {
        max-width: calc(25% - 15px);
    }
    #notifications-popup-body .notifications-item .delete-notif_btn {
        width: 50px;
        background-color: #FFF;
    }
}
.banner-wrapper{
    display: none;

}
@media (min-width: 1440px) {

    .banner-wrapper{
        display: block;
        top: 0px;
        border: 0pt;
        position: fixed;
        left: 50%;
        margin-left: -960px;
        height: 100%;
        width: 1920px;
        z-index: -1;
        background-image: url("../images/megabitak-background-adv-1440-v5.png");
        
    }
    .banner-wrapper-left,
    .banner-wrapper-right{
        background-image: none;
        z-index: 1;
        position: fixed;
        top: 0;
        height: 100%;
        width: 130px;
        cursor:pointer;
    }
    .banner-wrapper-left{
        left: 0;
    }
    .banner-wrapper-right{
        right: 0;
    }
    
    .page.page-order-cart{
        background: unset;
    }
    .ac-container-main-second-wrapper{
        width: 1230px;
    }

    .ac-container-main-second-wrapper,
    .page.page-order-cart .main,
    .page-conversation-list-all .main, 
    .page-notifications .main, 
    .page-conversation-list-received .main, 
    .page-conversation-list-sent .main, 
    .page-conversation-list-bookmarks .main {
       
        max-width: 1220px;
        margin: auto;
    }

    .banner-wrapper-left,
    .banner-wrapper-right{
        width: calc((100% - 1220px) / 2);
        display: block !important;

    }
}
@media (min-width: 1660px) {
    .banner-wrapper{
        background-image: url("../images/megabitak-background-adv-1660-v5.png");
    }
   
   
}
.banner-wrapper-left,
.banner-wrapper-right{
    display:none;
}

@media (max-width: 375px) {
    .page.page-product-single .main .single-product .details .product-purchase-wrapper .product-purchase .purchase .prices {
        flex-wrap: wrap;
    }
}

.megaparts-highlight {
    border: 3px solid #33BB5A;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(243, 156, 18, 0.2);
}

.mega-label {
  position: absolute;
  top: 8px;
  left: -2px;
  background-color: #43b047;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  padding: 9px 8px;
  border-radius: 0 8px 8px 0;
  z-index: 2;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  font-family: 'Exo 2', sans-serif;
}

.megabitak_item .image {
  position: relative;
}


.banner-upload-catalog-wrapper {
    display: block;
    text-decoration: none;
}

.banner-upload-catalog {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(0, 95, 163, 0.3);
    border: 2px solid #005fa3;
    border-radius: 16px;
    padding: 20px 30px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: white;
}


.banner-upload-icon {
    width: 36px;
    height: 36px;
}

.banner-upload-catalog-text p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #005fa3;
    font-family: 'Roboto', sans-serif;
}

.banner-upload-catalog-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #005fa3;
    padding: 10px 18px;
    border-radius: 8px;
    color: white;
    font-weight: bold;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}


@media (max-width: 1211px) {
    .banner-upload-catalog-button span {
        display: none;
    }

    .banner-upload-catalog-button::after {
        content: '→';
        font-size: 20px;
        color: white;
    }
}

@media (max-width: 940px) {
  .banner-upload-catalog {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

.megabitak-promoted {
    margin-bottom: 12px;
}

.spaced {
    margin-top: 12px !important;
}