*:not(i) {
    margin: 0;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
}

a {
    color: #000;
    text-decoration: none;
}

s {
    text-decoration: line-through;
}

ul,
ol {
    padding: 0;
}

p {
    margin: 0;
}

.sec_title {
    font-size: 36px;
    margin-bottom: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.loading-spinner {
    /*position: fixed;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    z-index: 9999;
    display: none; /* Başlanğıcda gizlənəcək */
    justify-content: center;
}

.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.default-select2 {
    padding: 8px 5px;
    width: 100%;
    height:30px;
    line-height: 13px;
}

.apilink {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

/* teker karti daxili */

.wheel-card {
    width: 100%;
    /*min-height: 347px;*/
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    transition: background 0.5s;
}

.wheel-container {
    min-height: 264px;
    background: #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: background 0.5s;
}

.wheel img {
    width: 130px;
    height: auto;
    z-index: 2;
    transform-origin: center;
}
.wheelPhotoc img {
    width: 200px;
    object-fit: contain;
    /*height: 230px;*/
    aspect-ratio: 4 / 5;
}
.stand {
    position: absolute;
    bottom: 20px;
    width: 130px;
    height: 50px;
    transform: rotateX(20deg);
    z-index: 1;
    transition: .5s all ease;
}

.stand-base {
    width: 100%;
    height: 45px;
    background: linear-gradient(to bottom, #555, #222);
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    display: flex;
    padding: 0 5px;
}

.stand-base img {
    object-fit: contain;
}

.stand-sides {
    position: absolute;
    top: -30px;
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
}

.stand-sides div {
    width: 10px;
    height: 100%;
    background: linear-gradient(to bottom, #aaa, #444);
    border-radius: 4px;
    box-shadow: inset -1px -1px 2px rgba(0, 0, 0, 0.4);
}

.params {
    height: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.params h3 {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0px;
}

.params p {
    font-size: 14px;
    color: #555;
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    background: #eee;
    padding: 5px;
    margin: 5px 0;
}
.params p>span:nth-child(1) {
    font-weight: 800;
    display: flex
;
    align-items: center;
    gap: 10px;
}
.params p>span:nth-child(2){
    font-weight: 600;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 2px;
}

.params s {
    margin-right: 5px;
}

.endirimliqiymet {
    color: red;
    font-size: 17px;
    font-weight: 800;
}

.params strong {
    font-size: 13px;
}

.params svg {
    width: 20px;
    height: 20px;
}

/* Animasiya tərifləri */
@keyframes rotateForever {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes slowDown {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

.rotating {
    animation: rotateForever 1s linear infinite;
}

.slowing-down {
    animation: slowDown 1s ease-out forwards;
}

.wheel-card:hover .wheel-container {
    background: url('https://www.pngplay.com/wp-content/uploads/12/Road-PNG-Free-File-Download.png') no-repeat center;
    background-size: cover;
}

.wheel-card:hover .stand {
    opacity: 0;
}

/*automobile series modal*/

/* teker netice kartlar */

.fa-sun {
    color: orange;
    font-size: 40px;
}

.fa-snowflake {
    font-size: 40px;
    color: cyan;
}

.fa-tree {
    font-size: 40px;
    color: green;
}

.tire-cards-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    gap: 1rem;
}

.tire-cards-container.mpaket {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
}

.mpaket .grouped-results {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    gap: 5px;
}

.mpaket .item {
    width: 100%;
}

.mpaketspecs {
    display: flex;
    flex-direction: column;
}

.mpaketspecs .endirimliqiymetgray {
    opacity: .5;
    color: #b7b4b4f3;
}

.mpaketspecs p {
    padding: 10px 5px;
    background: #eee;
    margin: 5px;
    display: flex;
    gap: 10px;
    font-weight: 600;
    font-size: 13px;
    justify-content: space-between;
}

.mpaketspecs span {
    font-size: 20px;
    font-weight: 600;
    color: #fc0404;
    margin-top: 10px;
}

.tire-cards-container.mpaket {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 20px 0;
}

.mpaketwp {
    margin: 0 auto;
    display: inline-block;
    display: flex;
    width: fit-content;
    align-items: center;
    gap: 5px;
    justify-content: center;
    margin-top: 15px;
    background: #fc0404;
    color: #fff;
    font-weight: bold;
    padding: 7px 25px;
    font-size: 14px;
    border-radius: .57143em;
}

.catalog-list_in .item, .small-catalog_in .item {
    position: relative;
    padding: 16px 20px 46px;
    overflow: hidden;
    /*background: #f2f4f6;*/
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 10px solid #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.small-catalog_in .item>div:nth-child(1){
    align-items:center;
    width: 100%;
}

/*.catalog-list_in .brand {*/
/*    position: absolute;*/
/*    left: 20px;*/
/*    top: 30px;*/
/*}*/

.catalog-list_in .brand img {
    mix-blend-mode: multiply;
}

.catalog-list_in .btn-color {
    margin: 0;
}

/*.catalog-list_in .icons, .small-catalog_in .icons {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    padding: 9px 20px 0 0;*/
/*    right: 0;*/
/*}*/

.catalog-list_in .name, .small-catalog_in .name {
    font-weight: 400;
    font-style: italic;
    font-size: 20px;
    display: block;
    margin: 11px 0 11px;
    letter-spacing: -.01em;
    text-transform: uppercase;
    color: #292f3a;
    min-height: 30px;
}

.stock-status {
    font-weight: 600;
    margin-bottom: 20px;
     color: #fff;
     padding: 5px 15px;
     border-radius: 8px;
     width: fit-content;
}

.in-stock {
    background: green;
}
.out-stock {
    background: #d60000;
}
.catalog-list_in .params p, .small-catalog_in .params p {
    padding: 10px 5px;
    background: #eee;
    margin: 5px;
    display: flex;
    gap: 10px;
    font-weight: 600;
    font-size: 13px;
    justify-content: space-between;
}

.params p i {
    margin-right: 10px;
    color: #fc0404;
    font-size: 18px;
}

.footer_right .social a:not(:hover) path {
  fill: #b3b9c5
}

.image-more-angle__action-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex
}

.image-more-angle__action-area span {
  cursor: pointer;
  width: 33.3333333333%;
  height: 100%;
  z-index: 2
}

.small-catalog_carousel_nav {
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  margin: 0 0 34px
}

.small-catalog_carousel_nav span {
  height: 3px;
  background: #292f3a;
  cursor: pointer;
  -ms-flex: 1;
  flex: 1;
  transition: .2s linear
}

.small-catalog_carousel_nav .active,
.small-catalog_carousel_nav span:hover {
  background: #00a7f0
}

.small-catalog_carousel_item {
  margin: 0 0 -13px;
  position: relative;
  display: block
}

.grouped-results .small-catalog_carousel_item {
    margin: 0;
}

.small-catalog_carousel_item img {
  max-width: 285px;
  margin: auto;
  width: 100%;
  height: 285px;
  max-height: 100%;
  display: block;
  object-fit: contain;
  padding: 20px 0;
  mix-blend-mode: multiply;
}

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

  .footer_right .social a:not(:hover) path {
    fill: #fff
  }

  .small-catalog_carousel_nav {
    margin: 0 0 19px
  }
}

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

  .small-catalog_carousel_nav {
    margin: 0 0 23px
  }
}


#automobileSeriesModal,
#seriesResultModal{
    position: fixed;
    align-items:center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    display: none;
    transition: all .3s ease-in-out;
}
#automobileSeriesModal::before,
#seriesResultModal::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background: #0005;
}
#seriesWrapper,
#seriesResultWrapper{
    background: #fff;
    position: relative;
    border-radius: 16px;
    box-shadow: 0px 0px 10px #3333;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items:center;
}
#seriesWrapper {
    width: 500px;
}
#seriesResultWrapper {
    width: 400px;
}
#seriesWrapper p,
#seriesResultWrapper>span{
    font-size: 20px;
    font-weight: bold;
}
#seriesResultWrapper>span {
    text-align: center;
}
#seriesResultWrapper p {
    display: flex;
    justify-content:space-between;
    width: 100%;
    font-size: 15px;
}

#resultsZem,
#wrongSeries {
    display: none;
    gap: 20px;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}
#resultsZem p span:nth-child(1){
    font-weight: bold;
}
#wrongSeries {
    text-align:center;
}
#successMessage {
    color: green;
    font-size: 20px;
    font-weight: bold;
}
#wrongSeries,
#errorMessage{
    color: red;
    font-size: 20px;
    font-weight: bold;
}

#seriesWrapper input {
    padding: 15px 20px;
}
#seriesWrapper button {
    width: 70%;
    border: none;
    padding: 0px;
    padding-block: 10px;
    background: #ed3237;
    color: #fff;
    text-align: center;
    border-radius: 8px;
}
#seriesWrapper img,
#seriesResultModal .closeModalSeriesResult{
    padding: 5px;
    width: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
/* innercontent */

/*.innerContent .item .icons {*/
/*    padding-top: 30px;*/
/*}*/

.tire-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 2px #E6500B solid;
    border-top: 2px #E6500B solid;
    margin: 0px 0px -1px;
}

.tire_left {
    display: flex;
}

img.tire-thumbnail {
    padding: 25px;
    width: 200px;
    height: 210px;
    object-fit: contain;
}

.tire_title {
    padding: 25px;
    padding-left: 12px;
    padding-right: 20px;
}

.tire_title i {
    margin-right: 10px;
    color: #FF9529;
}

.tire_right {
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #eee;
}

.tire_right i {
    margin-right: 10px;
    color: #fc0404;
    font-size: 18px;
}

.product_both {
    display: grid;
    grid-template-columns: 2fr 1fr;
}

.product_left {
    padding-right: 28px;
}

.product_right {
    padding-inline: 20px;
    margin-top: 10px;
}
.product-info-main__right .product_right:nth-child(2){
    margin-top:15px;
}
.product_right input:last-child:hover {
    background: #fc0404;
    color: #fff;
}
.product_left .fa-star {
    color: #57e32c;
}

.product_left h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px;
}

.product_desc {
    text-align: justify;
}

.product_left .product_number {
    border-left: 1px solid #dadada;
    padding-left: 15px;
}

.product_left img:first-child {
    width: 300px;
    height: 400px;
    object-fit: contain;
}

.product_left img:nth-child(2) {
    width: 120px;
    position: absolute;
    top: 8%;
    right: 0;
    height: fit-content;
}

#addcomment .form_submit button {
    border: 1px solid #e8e8e8;
    border-radius: .57143em;
    font-size: .875em;
    line-height: 1;
    padding: .57143em 1.71429em;
    margin-top: 1rem;
}

.product_right input {
  height: 50px;
}

.product_right input,
.product_right textarea {
  width: 100%;
  border: 2px solid #e6ecf2;
  padding: 12px 20px;
  margin: 0 0 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  -webkit-appearance: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}

.product-info-topline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    font-size: 14px;
    line-height: 20px
}

@media (max-width: 767px) {
    .product-info-topline {
        width:100%;
        font-size: 11px;
        line-height: 10px
    }
}

@media (max-width: 767px) {
    .product-info-top .kd-card-favorite-btn {
        margin:0 0 0 auto
    }

    .product-info-top .kd-card-favorite-btn span,.product-info-top .product-info-code,.product-info-top .product-information__title {
        display: none
    }
}

.product-info-top__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 0 12px;
    border-bottom: 1px solid var(--color-info)
}

@media (max-width: 767px) {
    .product-info-top__wrap {
        border-bottom-color:transparent
    }
}

.product-info-top__mobile {
    display: none
}

@media (max-width: 767px) {
    .product-info-top__mobile {
        display:block
    }
}

@media (max-width: 767px) {
    .product-info-top .product-info-code {
        display:none
    }
}

.product-info-code {
    margin: 0 0 0 auto;
    color: var(--color-info-dark);
    font-size: 14px;
    line-height: 20px
}

.product-info-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 42px 0 0 0;
}

@media (max-width: 1023px) {
    .product-info-main {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .product-info-main {
        margin:0
    }
}

.product-info-main__left {
    position: relative;
    width: 60%;
    min-height: 200px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 680px;
    flex: 0 0 680px
}

@media (max-width: 1272px) {
    .product-info-main__left {
        width:600px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 600px;
        flex: 0 0 600px
    }
}

@media (max-width: 1199px) {
    .product-info-main__left {
        width:531px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 531px;
        flex: 0 0 531px
    }
}

@media (max-width: 1023px) {
    .product-info-main__left {
        width:100%;
        margin-bottom: 32px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.product-info-main__right {
    width: calc(100% - 728px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 728px);
    flex: 0 0 calc(100% - 1000px)
}

@media (max-width: 1272px) {
    .product-info-main__right {
        width:calc(100% - 648px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 648px);
        flex: 0 0 calc(100% - 1000px)
    }
}

@media (max-width: 1199px) {
    .product-info-main__right {
        width:calc(100% - 579px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 579px);
        flex: 0 0 calc(100% - 579px)
    }
}

@media (max-width: 1023px) {
    .product-info-main__right {
        width:100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.product-info-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

/*.product-info-column .kd-btn--big {*/
/*    margin: 16px 0 0;*/
/*    line-height: 52px;*/
/*    display: inline-block;*/
/*    margin-bottom: 30px;*/
/*}*/

@media (max-width: 767px) {
    .product-info-column .kd-btn--big {
        margin:0;
        line-height: 44px
    }
}

@media (max-width: 767px) {
    .product-info-column .link-oneclick {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 150px;
        margin-top: 20px
    }
}

.product-info .product-rating {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 16px;
    margin-bottom: 0
}

.product-info .product-rating__reviews-link {
    color: var(--color-info-dark);
    border-bottom: none
}

.product-info .product-rating__reviews-link:hover {
    color: var(--color-primary-1)
}

.product-info .rating-with-count__number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px;
    height: 24px;
    color: var(--color-brown);
    border: 1px solid var(--color-yellow-1);
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px
}

@media (max-width: 767px) {
    .product-info .rating-with-count__number {
        font-size:11px;
        line-height: 10px
    }
}

.product-info .kd-card-favorite-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-offer {
    position: relative;
    background: var(--color-white);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.25);
    box-shadow: 0 0 8px rgba(0,0,0,.25);
    /*border-radius: 16px;*/
    min-height: 270px;
}

@media (max-width: 767px) {
    .product-offer {
        margin:0 -15px;
        padding: 15px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0
    }
}

.product-record {
    padding: 0 10px 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    font-size: 14px;
    line-height: 20px
}

@media (max-width: 767px) {
    .product-record {
        padding:0;
        margin: 0 -15px;
        padding: 20px 15px;
        border-bottom: 1px solid var(--color-gray-light-11)
    }
}

.product-record-fixed {
    padding: 0 24px 20px;
    margin-top: 30px;
}

.product-record>span {
    margin: 0 8px 0 0
}

.product-record__check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-record__check .v-popover {
    margin: 0 16px 0 0
}

@media (max-width: 767px) {
    .product-record__check .v-popover:last-child {
        margin:0
    }
}

.product-record-btn {
    position: relative
}

@media (max-width: 767px) {
    .product-record-fixed {
        position:fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 25;
        padding: 16px 15px;
        background: var(--color-white);
        border-top: 1px solid var(--color-gray-light-6)
    }
}

.product-quantity__input,.product-quantity__update {
    height: 36px
}

.product-quantity__input {
    width: 60px
}

.product-quantity__option {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-quantity__update {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 56px;
    background-color: var(--color-white);
    border-radius: 0 4px 4px 0;
    border-color: var(--color-info);
    border-left: none
}

.product-quantity__update:hover svg {
    fill: var(--color-primary-1)
}

.product-quantity__update svg {
    fill: var(--color-primary);
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.product-quantity__sum {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    min-width: 84px;
    font-size: 16px;
    line-height: 20px
}

.product-quantity__sum>span:last-child {
    margin: 0 4px
}

.product-quantity-double {
    padding: 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media (max-width: 767px) {
    .product-quantity-double {
        padding:0
    }
}

.delivery-wrapper[data-v-48503564] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 24px 0 0;
    background: var(--color-green-light-3);
    border-radius: 16px;
    overflow: hidden
}

@media (max-width: 767px) {
    .delivery-wrapper[data-v-48503564] {
        width:calc(100% + 30px);
        margin: 5px -15px 0;
        border-radius: 0
    }
}

.delivery-wrapper:not(.delivery-wrapper--order) .delivery-item[data-v-48503564]:not(:last-of-type) {
    border-bottom: 1px solid var(--color-green-light-4)
}

.delivery-item[data-v-48503564] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 88px;
    padding: 24px 52px 24px 24px;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    background: var(--color-euro-green-light);
    -webkit-transition: background .2s linear;
    transition: background .2s linear
}

@media (min-width: 768px) {
    .delivery-item[data-v-48503564]:first-child {
        padding:24px 52px 16px 24px
    }

    .delivery-item[data-v-48503564]:last-child {
        padding: 16px 52px 24px 24px
    }

    .delivery-item[data-v-48503564]:not(:first-child):not(:last-child) {
        padding: 16px 52px 16px 24px
    }
}

@media (max-width: 767px) {
    .delivery-item[data-v-48503564] {
        padding:16px 43px 16px 15px
    }
}

.delivery-item[data-v-48503564]:hover {
    background: var(--color-green-light-4)
}

.delivery-item[data-v-48503564]:not(:last-of-type):not(.delivery-item-standard) {
    border-bottom: 1px solid var(--color-green-light-4)
}

.delivery-item__head[data-v-48503564] {
    margin-bottom: 3px
}

.delivery-item .icon-arrow[data-v-48503564] {
    position: absolute;
    right: 32px;
    top: 36px;
    fill: var(--color-black);
    fill-opacity: .24
}

@media (max-width: 767px) {
    .delivery-item .icon-arrow[data-v-48503564] {
        right:23px
    }
}

.delivery-item__date[data-v-48503564] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.product-information__labels-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    z-index: 2;
    top: 8px;
    right: 0;
    max-height: 80%
}

@media (max-width: 1023px) {
    .product-information__labels-detail {
        right:auto;
        left: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.product-labels {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-labels,.product-labels__item-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-labels__item-detail {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    height: 28px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 16px;
    color:#fff;
    background: #fc0404;
    font-size: 10px;
    font-weight: 700;
    padding: 0 10px;
    margin-bottom: 8px;
    -webkit-transition: color .2s ease,background-color .2s ease;
    transition: color .2s ease,background-color .2s ease
}

@media (max-width: 1023px) {
    .product-labels__item-detail {
        height:20px;
        padding: 0 8px
    }
}

.product-labels__item-detail:hover {
    color: var(--color-white);
    background-color: #c74848;
}

.product-labels__item-detail span {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

@media (max-width: 1023px) {
    .product-labels__item-detail span {
        font-size:11px;
        line-height: 10px
    }
}

.product-labels__icon-detail {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    fill: var(--color-brown);
    color: var(--color-brown)
}

@media (max-width: 1023px) {
    .product-labels__icon-detail {
        width:12px;
        height: 12px;
        margin-right: 4px
    }
}

.btn[data-v-419f9a00] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6px 12px;
    -ms-flex-line-pack: center;
    align-content: center;
    font-size: var(--font-size-small);
    line-height: 16px;
    border: 1px solid #fc0404;
    border-radius: 16px;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    background: #fc0404
}

.btn__text[data-v-419f9a00] {
    padding-left: 8px
}

@media (max-width: 767px) {
    .btn__text[data-v-419f9a00] {
        padding-left:4px
    }
}

@media (max-width: 767px) {
    .btn[data-v-419f9a00] {
        padding:4px 8px;
        font-size: 11px;
        line-height: 10px
    }
}

.product-record {
    padding: 0;
    margin: 0;
    border: none
}

.product-record {
    margin: -4px 0
}

.product-record .v-popover:last-child {
    margin: 0
}

.product-info-detail {
    padding: 20px 24px;
    border-top: 1px solid var(--color-gray-light-11)
}

@media (max-width: 767px) {
    .product-info-detail {
        padding:20px 15px;
        margin: 0 -15px;
        border-bottom: 1px solid var(--color-gray-light-11)
    }
}

.product-quantity-wrapper {
    border: none
}

.btn-glc {
    margin: 0 0 16px 24px
}

@media (max-width: 767px) {
    .btn-glc {
        margin-left:0
    }
}

.btn-glc__icon {
    width: 16px;
    height: 16px
}

@media (max-width: 767px) {
    .btn-glc__icon {
        width:12px;
        height: 12px
    }
}

:root {
    --color-primary: #008859;
    --color-primary-1: #006d47;
    --color-primary-2: #4dac8b;
    --color-primary-3: #005f3e;
    --color-primary-light: #d8f8e7;
    --color-primary-light-2: #c2ebd5;
    --color-secondary: #ff9f00;
    --color-secondary-1: #ffb335;
    --color-secondary-2: #f2b450;
    --color-white: #fff;
    --color-white-1: #f0f5f5;
    --color-white-2: #f4f4f4;
    --color-black: #000;
    --color-black-1: #232323;
    --color-black-light: #273435;
    --color-black-light-2: #181818;
    --color-black-light-3: #2c2c2c;
    --color-gray-dark: #4f6266;
    --color-gray: #96a8aa;
    --color-gray-1: #939193;
    --color-gray-2: #8f8f8f;
    --color-gray-light: #ccc;
    --color-gray-light-1: #cacaca;
    --color-gray-light-2: #e7e7e7;
    --color-gray-light-3: #ddd;
    --color-gray-light-4: #dee7e7;
    --color-gray-light-5: #f3f3f3;
    --color-gray-light-6: #dedede;
    --color-gray-light-7: #e8e8e8;
    --color-gray-light-8: #9b9b9b;
    --color-gray-light-9: #f1f1f1;
    --color-gray-light-10: #607b80;
    --color-gray-light-11: #f0f5f5;
    --color-gray-light-12: #f0f5f5;
    --color-gray-light-13: #909090;
    --color-red: #e82700;
    --color-red-2: #c53434;
    --color-red-light: #fad7d7;
    --color-red-light-1: #fad7d7;
    --color-red-light-2: #ffd2d2;
    --color-red-light-3: #f6e6e7;
    --color-green: #008f29;
    --color-green-1: #00ad00;
    --color-green-2: #00a264;
    --color-green-light: #e6f6ed;
    --color-green-light-1: #e6f9ef;
    --color-green-light-2: #ebf3f4;
    --color-green-light-3: #e6f9ef;
    --color-green-light-4: #d8f8e7;
    --color-yellow: #fe0;
    --color-yellow-1: #f7bf52;
    --color-yellow-2: #ffc555;
    --color-yellow-3: #f5ba48;
    --color-purple: #26479b;
    --color-purple-1: #4528d7;
    --color-purple-2: #27509b;
    --color-blue-light: #deecee;
    --color-brown: #695327;
    --color-info: var(--color-gray-light-4);
    --color-info-light: var(--color-gray-light-12);
    --color-info-light-1: #96a8aa;
    --color-info-light-2: #dee7e7;
    --color-info-light-3: #f5f9f9;
    --color-info-dark: #96a8aa;
    --color-info-dark-1: #606060;
    --color-info-dark-2: #414141;
    --color-info-grey: #3a484a;
    --color-placeholder: #95aab0;
    --color-alert: var(--color-red-2);
    --color-alert-1: #952d2d;
    --color-alert-light: var(--color-red-light-1);
    --color-alert-warning: #c53434;
    --color-declined: #e64646;
    --color-declined-light: var(--color-red-light-3);
    --color-header-bg: #2e3e41;
    --color-header-bg-light: #546b71;
    --color-euro-green: var(--color-green);
    --color-euro-green-1: var(--color-green-1);
    --color-euro-green-light: var(--color-green-light-3);
    --color-euro-yellow: var(--color-yellow);
    --color-euro-yellow-1: #c7d300;
    --color-euro-orange: #ffba00;
    --color-euro-orange-dark: #ff6900;
    --color-euro-red: var(--color-alert-1);
    --padding-default: 24px;
    --padding-mobile: 16px;
    --border-radius-default: 4px;
    --border-radius-midlle: 8px;
    --border-default: 1px solid var(--color-info);
    --font-size-extra-small: 12px;
    --font-size-small: 14px;
    --font-size-base: 16px;
    --font-size-large: 20px;
    --font-size-extra-large: 24px;
    --font-size-extra-extra-large: 28px
}

@media (min-width: 768px) {
    .content-2-cols.from-mobile {
        -webkit-column-gap:35px;
        -moz-column-gap: 35px;
        column-gap: 35px;
        -webkit-columns: 2;
        -moz-columns: 2;
        column-count: 2
    }
}

.dots-leaders-list {
    padding: 0;
    margin: 0 0 20px;
    font-size: 12px;
    list-style: none
}

@media (min-width: 767px) {
    .dots-leaders-list {
        font-size:14px
    }
}

@media (min-width: 1199px) {
    .dots-leaders-list {
        margin-bottom:38px
    }
}

@media (min-width: 1199px) {
    .dots-leaders-list--params {
        margin-bottom:0
    }
}

.dots-leaders-list:after {
    display: table;
    height: 0;
    clear: both;
    content: ""
}

.dots-leaders-item {
    margin: 0 0 10px;
    color: var(--color-black);
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    clear: both
}

@media (min-width: 767px) {
    .dots-leaders-item {
        margin-bottom:16px
    }
}

.dots-leaders-item__left {
    padding: 0 6px 0 0;
    float: left
}

.dots-leaders-item__left .v-popover {
    margin: 0 0 0 4px
}

.dots-leaders-item__right {
    padding: 0 0 0 6px;
    float: right
}

.dots-leaders-item:after {
    display: block;
    overflow: hidden;
    height: 1em;
    border-bottom: 1px dotted var(--color-info-dark);
    content: ""
}

.reg-sign-in-modal__accept-btn[data-v-e2a7411e]:hover:not(:disabled) {
    background-color: var(--color-primary-1)
}

.reg-sign-in-modal__form--code .kd-input_error input[data-v-e2a7411e]:focus:not(:disabled) {
    border-color: var(--color-alert-warning)
}

.dots-leaders-list {
    display: none
}

.dots-leaders-list:not([data-kvs]) {
    display: block
}

@media (min-width: 768px) {

    .header-search__input:not(:-moz-placeholder-shown)+.header-search__clean-btn {
        display: flex
    }

    .header-search__input:not(:-ms-input-placeholder)+.header-search__clean-btn {
        display: -ms-flexbox;
        display: flex
    }
}

.header-new .header-search__input:focus:not(:disabled) {
    border-color: var(--color-info-dark)
}

.header-new .header-search__input:focus:not(:disabled)+.header-search__clean-btn+.header-search__btn {
    border-color: var(--color-info-dark);
    border-left-color: transparent
}

.submenu:not(:hover) .submenu_list__item_with-childs .submenu {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.m-submenu__item ul {
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr;
}

.menu-aksesuarlar .m-submenu__item a {
    background: transparent;
    border: 1px solid #c8c7c7;
    padding: 6px;
    transition: .5s all ease;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
}

.menu-aksesuarlar .m-submenu__item a:hover {
    background: #fc0404;
    color: #fff;
    border: 1px solid transparent;
}

.bridgesub {
    flex: 0 0 27% !important;
}

#menu-aksesuarlar {
    flex: 0 0 73%;
}

.trigger {
    outline: none
}

.kd-input input:focus:not(:disabled) {
    border-color: var(--color-primary)
}

.kd-input_error input:focus:not(:disabled) {
    border-color: var(--color-alert-warning)
}

.kd-phone input:focus:not(:disabled) {
    border-color: var(--color-primary)
}

.kd-phone_error input:focus:not(:disabled) {
    border-color: var(--color-alert-warning)
}

@supports (display: grid) {
}

@supports (display: grid) {
}

@supports (display: grid) {
}

.kd-textarea__field:focus:not(:disabled) {
    border-color: var(--color-primary)
}

.kd-textarea__field_error:focus:not(:disabled) {
    border-color: var(--color-alert-warning)
}

.kd-textarea_error textarea:focus:not(:disabled) {
    border-color: var(--color-alert-warning)
}

.reg-sign-in-modal__accept-btn[data-v-81909bbc]:hover:not(:disabled) {
    background-color: var(--color-primary-1)
}

.reg-sign-in-modal__form--code .kd-input_error input[data-v-81909bbc]:focus:not(:disabled) {
    border-color: var(--color-alert-warning)
}

.reg-sign-in-modal__accept-btn[data-v-2fb29608]:hover:not(:disabled) {
    background-color: var(--color-primary-1)
}

.reg-sign-in-modal__form--code .kd-input_error input[data-v-2fb29608]:focus:not(:disabled) {
    border-color: var(--color-alert-warning)
}

.subscribe-new .subscribe__form .kd-input__field:focus:not(:disabled),.subscribe-new .subscribe__form .kd-input__field:focus:not(:disabled)+.subscribe-button {
    border-color: var(--color-info-dark)
}

.mini-label {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: var(--color-gray-light-4);
    border-radius: 50%;
    color: var(--color-white);
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    text-align: center
}

.mini-label:hover {
    background: var(--color-primary)
}

.more-info-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0;
    color: var(--color-primary);
    font-size: 14px;
    text-align: left
}

.more-info-link__icon-wrapper {
    height: 100%
}

.more-info-link .mini-label {
    position: absolute;
    top: -5px;
    left: 20px
}

.kd-callback-modal__accept-btn button:hover:not(:disabled) {
    background-color: var(--color-primary-1)
}

/* product yeni */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

section {
    display: block
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

b {
    font-weight: 700
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

button,input {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button {
    text-transform: none
}

button {
    -webkit-appearance: button;
    cursor: pointer
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

:root {
    --color-primary: #008859;
    --color-primary-1: #006d47;
    --color-primary-2: #4dac8b;
    --color-primary-3: #005f3e;
    --color-primary-light: #d8f8e7;
    --color-primary-light-2: #c2ebd5;
    --color-secondary: #ff9f00;
    --color-secondary-1: #ffb335;
    --color-secondary-2: #f2b450;
    --color-white: #fff;
    --color-white-1: #f0f5f5;
    --color-white-2: #f4f4f4;
    --color-black: #000;
    --color-black-1: #232323;
    --color-black-light: #273435;
    --color-black-light-2: #181818;
    --color-black-light-3: #2c2c2c;
    --color-gray-dark: #4f6266;
    --color-gray: #96a8aa;
    --color-gray-1: #939193;
    --color-gray-2: #8f8f8f;
    --color-gray-light: #ccc;
    --color-gray-light-1: #cacaca;
    --color-gray-light-2: #e7e7e7;
    --color-gray-light-3: #ddd;
    --color-gray-light-4: #dee7e7;
    --color-gray-light-5: #f3f3f3;
    --color-gray-light-6: #dedede;
    --color-gray-light-7: #e8e8e8;
    --color-gray-light-8: #9b9b9b;
    --color-gray-light-9: #f1f1f1;
    --color-gray-light-10: #607b80;
    --color-gray-light-11: #f0f5f5;
    --color-gray-light-12: #f0f5f5;
    --color-gray-light-13: #909090;
    --color-red: #e82700;
    --color-red-2: #c53434;
    --color-red-light: #fad7d7;
    --color-red-light-1: #fad7d7;
    --color-red-light-2: #ffd2d2;
    --color-red-light-3: #f6e6e7;
    --color-green: #008f29;
    --color-green-1: #00ad00;
    --color-green-2: #00a264;
    --color-green-light: #e6f6ed;
    --color-green-light-1: #e6f9ef;
    --color-green-light-2: #ebf3f4;
    --color-green-light-3: #e6f9ef;
    --color-green-light-4: #d8f8e7;
    --color-yellow: #fe0;
    --color-yellow-1: #f7bf52;
    --color-yellow-2: #ffc555;
    --color-yellow-3: #f5ba48;
    --color-purple: #26479b;
    --color-purple-1: #4528d7;
    --color-purple-2: #27509b;
    --color-blue-light: #deecee;
    --color-brown: #695327;
    --color-info: var(--color-gray-light-4);
    --color-info-light: var(--color-gray-light-12);
    --color-info-light-1: #96a8aa;
    --color-info-light-2: #dee7e7;
    --color-info-light-3: #f5f9f9;
    --color-info-dark: #96a8aa;
    --color-info-dark-1: #606060;
    --color-info-dark-2: #414141;
    --color-info-grey: #3a484a;
    --color-placeholder: #95aab0;
    --color-alert: var(--color-red-2);
    --color-alert-1: #952d2d;
    --color-alert-light: var(--color-red-light-1);
    --color-alert-warning: #c53434;
    --color-declined: #e64646;
    --color-declined-light: var(--color-red-light-3);
    --color-header-bg: #2e3e41;
    --color-header-bg-light: #546b71;
    --color-euro-green: var(--color-green);
    --color-euro-green-1: var(--color-green-1);
    --color-euro-green-light: var(--color-green-light-3);
    --color-euro-yellow: var(--color-yellow);
    --color-euro-yellow-1: #c7d300;
    --color-euro-orange: #ffba00;
    --color-euro-orange-dark: #ff6900;
    --color-euro-red: var(--color-alert-1);
    --padding-default: 24px;
    --padding-mobile: 16px;
    --border-radius-default: 4px;
    --border-radius-midlle: 8px;
    --border-default: 1px solid var(--color-info);
    --font-size-extra-small: 12px;
    --font-size-small: 14px;
    --font-size-base: 16px;
    --font-size-large: 20px;
    --font-size-extra-large: 24px;
    --font-size-extra-extra-large: 28px
}

.kd-btn {
    white-space: nowrap
}

.kd-btn {
    display: inline-block;
    height: 48px;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: var(--border-radius-midlle);
    cursor: pointer;
    line-height: 48px;
    outline: 0;
    text-align: center;
    -webkit-transition: background-color .3s ease,border-color .3s ease;
    transition: background-color .3s ease,border-color .3s ease
}

.kd-btn_wide {
    display: block;
    /*width: 100%*/
}

.kd-btn.kd-btn_primary {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: var(--color-white)
}

.kd-btn.kd-btn_primary:hover {
    border-color: var(--color-primary-1);
    background-color: var(--color-primary-1)
}

.kd-btn.kd-btn_primary:active {
    border-color: var(--color-primary-3);
    background-color: var(--color-primary-3)
}

.kd-btn--big {
    height: auto;
    padding: 0 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 42px;
    border-width: 2px
}

@media (min-width: 1024px) {
    .kd-btn--big {
        padding:0 10px
    }
}

.product-quantity__input {
    width: 48px;
    height: 48px;
    border: 1px solid var(--color-gray-light-4);
    border-radius: 4px 0 0 4px;
    outline: 0;
    text-align: center;
    font-size: 16px
}

.reg-sign-in-modal__accept-btn[data-v-e2a7411e]:hover:not(:disabled) {
    background-color: var(--color-primary-1)
}

.reg-sign-in-modal__form--code .kd-input_error input[data-v-e2a7411e]:focus:not(:disabled) {
    border-color: var(--color-alert-warning)
}

.product-quantity-double {
    font-weight: 700
}

.product-information__title {
    margin: 0 0 13px;
    font-size: 28px;
    font-weight: 400;
    line-height: 36px;
    margin-top: 25px;
}

@media (max-width: 1023px) {
    .product-information__title {
        font-size:22px;
        margin-bottom: 8px
    }
}

@media (max-width: 767px) {
    .product-information__title {
        margin-bottom:0;
        font-size: 22px;
        line-height: 1.27
    }
}

.product-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-right: 25px;
    margin-bottom: 10px;
    color: var(--color-info-dark)
}

@media (min-width: 1024px) and (max-width:1199px) {
    .product-rating {
        margin-bottom:12px
    }
}

@media (max-width: 499px) {
    .product-rating {
        margin-right:5px;
        margin-bottom: 0
    }
}

.product-rating__reviews-link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 10px;
    margin-right: 10px
}

.product-price {
    padding: 24px 24px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: -6px
}

@media (max-width: 767px) {
    .product-price {
        padding:0
    }
}

.product-price-symbol {
    margin: 0 8px 0 9px
}

.product-price-summ,.product-price-symbol {
    color: var(--color-black);
    font-size: 34px;
    font-weight: 700;
    line-height: 42px
}

.product-price-old {
    position: relative;
    margin: 6px 0 0;
    color: #681111;
    font-size: 16px;
    line-height: 20px
}

@media (max-width: 767px) {
    .product-price-old {
        display:block;
        margin-top: -2px
    }
}

.product-price-old:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 2px;
    margin: auto;
    background-color: var(--color-alert-1);
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg)
}

.product-price-old span {
    position: relative;
    z-index: 1
}

.product-quantity-wrapper {
    border-bottom: 1px solid var(--color-gray-light-11);
    margin: 0 0 20px
}

@media (max-width: 1199px) {
    .product-quantity-wrapper {
        margin-top:6px
    }
}

@media (max-width: 1023px) {
    .product-quantity-wrapper {
        margin-top:0
    }
}

@media (max-width: 767px) {
    .product-quantity-wrapper {
        margin:6px -15px 0;
        padding: 0 15px
    }
}

.link-oneclick {
    position: relative;
    margin: 16px 0 0;
    padding: 0 12px 24px 24px;
    color: var(--color-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

@media (max-width: 767px) {
    .link-oneclick {
        padding:0
    }
}

@media (min-width: 768px) {

    .header-search__input:not(:-moz-placeholder-shown)+.header-search__clean-btn {
        display: flex
    }

    .header-search__input:not(:-ms-input-placeholder)+.header-search__clean-btn {
        display: -ms-flexbox;
        display: flex
    }
}

.header-new .header-search__input:focus:not(:disabled) {
    border-color: var(--color-info-dark)
}

.header-new .header-search__input:focus:not(:disabled)+.header-search__clean-btn+.header-search__btn {
    border-color: var(--color-info-dark);
    border-left-color: transparent
}

.submenu:not(:hover) .submenu_list__item_with-childs .submenu {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.product-topline-kvs__tooltip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--color-black);
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    cursor: pointer
}

.product-topline-kvs__tooltip:hover {
    color: var(--color-primary-1)
}

.product-topline-kvs__tooltip:hover .product-topline-kvs__i {
    color: var(--color-primary-1);
    border-color: var(--color-primary-1)
}

.product-topline-kvs__i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: var(--color-gray-2);
    border: 2px solid var(--color-gray-2);
    border-radius: 50%;
    font-weight: 700;
    font-size: 11px;
    -webkit-transition: border-color .3s ease,color .3s ease;
    transition: border-color .3s ease,color .3s ease
}

.product-labels {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.trigger {
    outline: none
}

.kd-card-favorite-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--color-gray);
    white-space: nowrap
}

@media (max-width: 380px) {
    .kd-card-favorite-btn {
        margin-top:5px;
        -ms-flex-item-align: center;
        align-self: center
    }
}

.kd-card-favorite-btn .kd-card-favorite-btn__icon {
    margin-right: 5px;
    fill: currentColor
}

.kd-card-favorite-btn:hover {
    color: var(--color-primary)
}

.kd-card-favorite-btn:hover .kd-card-favorite-btn__icon {
    fill: var(--color-primary)
}

.swiper-container {
    margin: 0 auto
}

.swiper-pagination-bullet {
    border-radius: 100%
}

.swiper-pagination-bullet-active {
    background: #007aff
}

/*.swiper-slide {*/
/*    text-align: center*/
/*}*/


.meta a {
  color: #0c5f7e;
}


.addcomment h3 {
  margin: .3em 0 .6em 0;
}

.title_hide {
  left: -9999px;
  position: absolute;
  top: -9999px;
  overflow: hidden;
  width: 0;
  height: 0;
}

.left {
  float: left;
}

.grey {
  color: #64748b;
}

.grey a {
  color: inherit;
}

.grey a:hover {
  color: #353535;
}

.cover {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  fill: #0c5f7eed;
  vertical-align: middle;
}

.grey .icon {
  fill: #64748b;
}

.box,
.comment {
  background-color: #fff;
  margin-bottom: 25px;
  border-radius: 2px;
  position: relative;
  box-shadow: 0 5px 12px rgba(126, 142, 177, .2);
}

.box>.heading {
  padding: 4% 4%;
  margin: 0;
  text-transform: uppercase;
}

.box>.heading .hnum {
  font-size: .6em;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 .4em;
}

.box_in {
  padding: 1.8rem 2.5rem
}

.edit_btn>a {
  display: inline-block;
  padding: 4px;
  width: 16px;
  height: 16px;
}

.edit_btn>a {
  position: relative;
  -webkit-transition: transform ease .2s;
  transition: transform ease .2s;
}

.edit_btn>a>i,
.edit_btn>a:after,
.edit_btn>a:before {
  padding-top: 2px;
  width: 16px;
  height: 0;
  background-color: #64748b;
  overflow: hidden;
  display: block;
  margin: 3px 0;
}

.edit_btn>a:after,
.edit_btn>a:before {
  content: "";
}

.edit_btn>a:hover>i,
.edit_btn>a:hover:after,
.edit_btn>a:hover:before {
  background-color: #0c5f7e;
}

.edit_btn>a:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.rate_like>a {
  float: left;
  padding: 6px 12px;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  text-decoration: none !important;
  font-weight: bold;
  color: #64748b;
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
}

.rate_like>a:hover {
  border-color: #3394e6;
  color: #3394e6;
}

.rate_like .icon {
  width: 16px;
  height: 15px;
  margin: -.2em .3em 0 0;
}

.meta:after {
  clear: both;
  display: table;
  content: "";
}

.meta>ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.meta>ul>li {
  display: inline;
}

.meta>ul.left>li {
  margin-right: 2em;
}

.meta .icon {
  width: 16px;
  height: 16px;
  margin: -.2em .4em 0 0;
}

.addcomment {
  background-color: #fff;
}

ul.ui-form {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.ui-form>li {
  margin-bottom: 10px;
}

ul.ui-form>li:last-child {
  margin-bottom: 0;
}

.form_submit {
  margin-top: 20px;
}

.comment {
  padding: 4% 4%;
  position: relative;
  -webkit-transition: box-shadow ease .4s;
  transition: box-shadow ease .4s;
}

.com_list .comment {
  border-top: 1px solid #efefef;
  background-color: transparent;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.comment:hover {
  position: relative;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
}

.avatar {
  display: inline-block;
}

.avatar .cover {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  white-space: nowrap;
  text-indent: -9999px;
  display: inline-block;
}

.comment .avatar {
  float: left;
  margin-right: 15px;
  position: relative;
}

.comment .avatar .cover {
  width: 36px;
  height: 36px;
}

.com_info {
  font-size: .9em;
  margin-bottom: 2%;
  margin-top: -5px;
}

.com_info:after {
  clear: both;
  display: block;
  content: "";
}

.com_user {
  float: left;
  margin: 9px 15px 0 0;
}

.comment .meta {
  display: inline;
}

.comment .meta .left {
  margin: 9px 0 0 0;
}

.comment .meta .left .mass input {
  margin: -2px 0 0 0;
  vertical-align: middle;
}

.comment .meta>ul.left>li {
  margin-right: 10px;
}

.comment .reply {
  text-transform: lowercase;
}

.comment .meta .left a {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  padding: 2px;
  margin-top: -2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.comment .meta .left .reply a {
  padding: 2px;
  width: auto;
  vertical-align: baseline;
}

.comment .meta .left .del a {
  padding: 4px;
}

.comment .meta .left .icon {
  margin: 0;
  fill: #64748b;
  vertical-align: top;
}

.comment .meta .left a:hover .icon {
  fill: #0c5f7eed;
}

.comment .meta .left a .icon-reply {
  width: 15px;
  height: 16px;
  fill: #0c5f7eed !important;
  margin-right: .4em;
  vertical-align: middle;
}

.comment .meta .left a .icon-coms {
  width: 15px;
  height: 16px;
  fill: #0c5f7eed !important;
  margin-right: .4em;
  vertical-align: middle;
}

.comment .meta .left .edit_btn>a {
  padding: 2px;
  margin-top: -4px;
}

.comment .icon-bad {
  width: 16px;
  height: 16px;
}

.comment .icon-cross {
  width: 12px;
  height: 12px;
}

.comment .meta .rate {
  float: right;
}

#dle-comments-list {
  width: 100%;
  overflow: hidden;
}

.mass_comments_action {
  text-align: right;
  border-top: 1px solid #efefef;
  padding: 2% 4%;
}

.mass_comments_action>select {
  margin-left: 1em;
}

.com_content>.text {
  font-size: .9rem;
}

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

  .mass_comments_action {
    display: none;
  }

  .box,
  .comment {
    margin-bottom: 15px;
  }

  .box>.heading {
    padding: 20px;
  }

  .box_in {
    padding: 20px;
  }

  .meta>ul.left>li {
    margin-right: 12px;
  }

  .addcomment h3 {
    display: none;
  }

  .comment {
    padding: 20px;
    padding-bottom: 60px;
  }

  .comment .meta {
    position: absolute;
    bottom: 14px;
    left: 20px;
    right: 20px;
  }

  .com_info {
    margin: 0 0 20px 0;
    padding-left: 46px;
  }

  .com_user {
    display: block;
  }

  .comment .avatar {
    margin-left: -46px;
    margin-right: 0;
  }

  .comment .rate_like>a {
    border-color: transparent;
  }

  .comment .meta .mass,
  .reply a span {
    display: none;
  }
}

.form-check-label {
  cursor: pointer;
}

.form-check-input {
  color: #0c5f7eed;
  flex-shrink: 0;
  width: 1.12rem;
  height: 1.12rem;
  margin: -0.188rem 0.625rem 0 0;
  appearance: none;
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #0c5f7eed;
  vertical-align: middle;
}

.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%230c5f7eed' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox] {
  border-radius: .25rem;
}

.swiper-slide img {
    max-width: 100%;
    height: 100%;
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

/*.swiper-container-vertical>.swiper-wrapper {*/
/*    -webkit-box-orient: vertical;*/
/*    -webkit-box-direction: normal;*/
/*    -ms-flex-direction: column;*/
/*    flex-direction: column*/
/*}*/

.swiper-container-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.kd-product-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 580px;
}

@media (max-width: 1023px) {
    .kd-product-slider {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.kd-product-slider-thumbs {
    width: 25%;
    height: 500px;
    /*margin-right: 24px;*/
    /*-webkit-box-flex: 0;*/
    /*-ms-flex: 0 0 56px;*/
    /*flex: 0 0 56px*/
}

@media (max-width: 1023px) {
    .kd-product-slider-thumbs {
        display:none
    }
}

.kd-product-slider-thumbs__list {
    /*max-height: 386px;*/
    height: 100%;
    width: 100%;
}

.kd-product-slider-thumbs-i {
    /*height: 150px!important;*/
    /*width: 56px;*/
    padding: 1px;
    /*-webkit-box-flex: 0;*/
    /*-ms-flex: 0 0 56px;*/
    /*flex: 0 0 56px;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

@media (min-width: 1025px) {
    .kd-product-slider-thumbs-i:hover .kd-product-slider-thumbs-i__inner .kd-product-slider-thumbs-i__inner{
        border-color:var(--color-info-dark)
    }
}

.kd-product-slider-thumbs-i.swiper-slide-thumb-active .kd-product-slider-thumbs-i__inner {
    border: 1px solid var(--color-info-dark);
}

.kd-product-slider-thumbs-i__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*border: 1px solid transparent;*/
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    overflow: hidden;
    position: relative
}

.kd-product-slider-thumbs-i__inner img {
    max-width: 100%;
    max-height: 100%
}

.kd-product-slider-main {
    width: 75%;
    height: 530px;
    /*-webkit-box-flex: 0;*/
    /*-ms-flex: 0 0 calc(100% - 80px);*/
    /*flex: 0 0 calc(100% - 80px)*/
}

@media (max-width: 1023px) {
    .kd-product-slider-main {
        width:100%;
        height: auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 360px;
        flex: 0 0 360px
    }
}

@media (max-width: 499px) {
    .kd-product-slider-main {
        width:100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px
    }
}

.kd-product-slider-main-i__inner {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer
}

.kd-product-slider-main-i__zoom:not(.image-zoom) {
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.kd-product-slider-main-i__zoom:not(.image-zoom) .default-size-image {
    -o-object-fit: contain;
    object-fit: contain
}

.kd-product-slider-main .swiper-container {
    width: 100%;
    height: 100%
}

@media (max-width: 1023px) {
    .kd-product-slider-main .swiper-container {
        width:360px;
        height: 360px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 360px;
        flex: 0 0 360px
    }
}

@media (max-width: 499px) {
    .kd-product-slider-main .swiper-container {
        width:300px;
        height: 300px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px
    }
}

.kd-product-slider-main .swiper-pagination-bullets {
    display: none
}

@media (max-width: 1023px) {
    .kd-product-slider-main .swiper-pagination-bullets {
        position:static;
        display: block;
        margin: 8px -2px 0 0
    }
}

.kd-product-slider-main .swiper-pagination-bullet {
    width: 12px;
    height: 2px;
    margin-right: 2px;
    border-radius: 0;
    background-color: var(--color-gray-light-4);
    opacity: 1
}

.kd-product-slider-main .swiper-pagination-bullet-active {
    background-color: var(--color-black)
}

.kd-input input:focus:not(:disabled) {
    border-color: var(--color-primary)
}

.kd-input_error input:focus:not(:disabled) {
    border-color: var(--color-alert-warning)
}

.kd-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.kd-checkbox--ios .kd-checkbox__custom {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.kd-checkbox--ios .kd-checkbox__custom {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 44px;
    height: 24px;
    margin: 0;
    padding: 4px;
    border: 1px solid transparent;
    background: var(--color-info-light-2);
    border-radius: 16px;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.kd-checkbox--ios .kd-checkbox__custom--switch {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    width: 32px;
    height: 20px;
    padding: 2px
}

.kd-checkbox--ios .kd-checkbox__custom:after {
    position: relative;
    content: "";
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    background-color: var(--color-white);
    border-radius: 50%;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.25);
    box-shadow: 0 0 2px rgba(0,0,0,.25);
    -webkit-transition: left .3s ease;
    transition: left .3s ease
}

.kd-checkbox--ios .kd-checkbox__input:checked+.kd-checkbox__custom {
    background-color: var(--color-primary)
}

.kd-checkbox--ios .kd-checkbox__input:checked+.kd-checkbox__custom:after {
    left: 11px
}

.kd-checkbox--ios .kd-checkbox__checked,.kd-checkbox__input {
    display: none
}

.kd-checkbox__custom {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 18px;
    height: 18px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 12px;
    border: 1px solid var(--color-info);
    background: var(--color-white);
    border-radius: 2px;
    cursor: pointer
}

.kd-checkbox__checked {
    visibility: hidden;
    fill: var(--color-white)
}

.kd-checkbox__input:checked+.kd-checkbox__custom {
    background-color: var(--color-primary);
    border: none
}

.kd-checkbox__input:checked+.kd-checkbox__custom>.kd-checkbox__checked {
    visibility: visible
}

.kd-checkbox__input:disabled+.kd-checkbox__custom {
    border: 1px solid var(--color-info-light);
    background: var(--color-info-light);
    cursor: default
}

.kd-phone input:focus:not(:disabled) {
    border-color: var(--color-primary)
}

.kd-phone_error input:focus:not(:disabled) {
    border-color: var(--color-alert-warning)
}

@supports (display: grid) {
}

@supports (display: grid) {
}

@supports (display: grid) {
}

.kd-textarea__field:focus:not(:disabled) {
    border-color: var(--color-primary)
}

.kd-textarea__field_error:focus:not(:disabled) {
    border-color: var(--color-alert-warning)
}

.kd-textarea_error textarea:focus:not(:disabled) {
    border-color: var(--color-alert-warning)
}

.reg-sign-in-modal__accept-btn[data-v-81909bbc]:hover:not(:disabled) {
    background-color: var(--color-primary-1)
}

.reg-sign-in-modal__form--code .kd-input_error input[data-v-81909bbc]:focus:not(:disabled) {
    border-color: var(--color-alert-warning)
}

.reg-sign-in-modal__accept-btn[data-v-2fb29608]:hover:not(:disabled) {
    background-color: var(--color-primary-1)
}

.reg-sign-in-modal__form--code .kd-input_error input[data-v-2fb29608]:focus:not(:disabled) {
    border-color: var(--color-alert-warning)
}

.subscribe-new .subscribe__form .kd-input__field:focus:not(:disabled),.subscribe-new .subscribe__form .kd-input__field:focus:not(:disabled)+.subscribe-button {
    border-color: var(--color-info-dark)
}

.kd-callback-modal__accept-btn button:hover:not(:disabled) {
    background-color: var(--color-primary-1)
}


.tab-pane {
    padding: 10px;
}

.tab-pane img {
    width: 200px;
    margin: 10px 0 20px 0;
}

.nav-tabs .nav-link {
    color: #000;
    opacity: .6;
}

.nav-tabs .nav-link.active {
    opacity: 1;
    font-weight: 600;
}

.tab-pane table {
    width: 100%;
}

.tab-pane table th,td,tr {
    border: 1px solid #0003;
    padding: 10px;
}

.service-content {
    line-height: 2;
}

.service-content img {
    height: 400px;
    /*width: 100%;*/
    object-fit: cover;
}

.contact-bg-img {
    
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4235819327731093) 100%, rgba(9, 9, 121, 1) 100%, rgba(0, 212, 255, 1) 100%) center / cover;
    padding: 100px 0;
    text-align: center;
    position: relative;
}

.contact-bg-img h3 {
    font-size: 44px;
    padding-bottom: 15px;
    color: #fff;
}

.contact-bg-img p {
    font-size: 20px;
    color: #fff;
}

.contact-bg-img p a {
    border-bottom: 1px solid #fff;
    transition: all .3s ease;
    color: #fff;
}

/* about */

a {
    text-decoration: none;
    color: #000;
}

/* innerPage codes */

.innerGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 35px;
}

.innerGridModels {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

/* speedbar */

.over {
    color: #fff;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.over a {
    color: #fff;
    opacity: .7;
}
.fullBreadcrumb a {
    color: #0007;
    font-size: 14px;
    font-weight: 400;
}
.fullBreadcrumb i {
    font-size: 14px;
    color: #0007;
}
.fullBreadcrumb .over {
  color:#0007;
  font-size: 14px;
  font-weight: 400;
}
/* about codes */

.blog-all-sides{
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(242, 242, 242, 1);
    margin-top: 30px;
}
.blog-full-left-side{
    /*border-right: 1px solid rgba(242, 242, 242, 1) ;*/
    width: 100%;
    padding: 30px 30px 0 0;
}
.bloglar-left-side-avtor-all{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.blog-full-story h3{
    font-size:20px;
    margin:0 0 20px 0;
}
.blog-full-story ul li::marker{
    color:#baba00;
}
.post-share-icons{
    text-align:center;
    padding: 70px 0 40px 0;
}
.post-share-icons h5{
    font-size:30px;
    line-height:36px;
}
.avtor-icons,.down-icons{
    display: flex;
    gap: 13px;
    flex-wrap: wrap;
    align-items:center;
}
.down-icons{
    justify-content:center;
}
.avtor-icons span{
    font-size:16px;
}
.avtor-icons a{
    width: 35px;
    height: 35px;
    background: #454545;
    color: aliceblue;
    display: inline-flex;
    margin:0 8px 0 0 ;
    justify-content: center;
    font-size:14px;
    transition:.3s;
    align-items: center;
    border-radius: 50% ;
}.avtor-icons a:last-child{
    margin: 0 ;
}
.avtor-icons a:hover{
    opacity:0.6;
}
.blog-full-left-side-blog-name{
    padding: 30px 0;
    line-height:26px;
}
.blog-left-side-full-title h2{
    font-size: 32px;
    line-height: 40px;
    padding: 20px 0 50px 0;
    font-weight: 600;
}

.blog-full-left-side-blog-name img{
    width: 100%;
    transition: .4s;
    max-height: 456px;
    margin:0 !important;
    border-radius:20px;
    object-fit: cover;
    padding-bottom: 1rem;
}

.blog-full-right-side{
    padding: 20px 0 0 20px;
    text-align: start;
    width: 30%;
}
.blog-right-side-other-blogs{
    padding: 30px 0;
}
.blog-right-side-other-blog{
    border-bottom: 1px solid rgba(242, 242, 242, 1);
    padding: 20px 0;
    transition: .5s all ease;
}

.blog-right-side-other-blogs a:hover .blog-right-side-other-blog {
    padding: 20px 40px;
}

.other-blog-img{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.other-blog-img h5{
    color: #000;
    font-size: 16px;
    line-height:20px;
    width:90%;
}
.blog-right-side-other-blog:hover .other-blog-img h5{
    opacity:0.8;
}
.down-icons{
    padding: 20px 0 0px 0;
}
.down-icons a{
    margin: 0 20px 0 0 ;
    width: 45px;
    height: 45px;
    color: aliceblue;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50% ;
    font-size: 20px;
    transition:.3s;
}
.down-icons a:last-child{
    margin:0 ;
}
.down-icons a:hover{
    background:transparent;
}
.post-facebook{
    background: #3B5998;
    border: 2px solid #3B5998;
}
.post-facebook:hover{
    color:#3B5998;
}
.post-whatsapp{
    background: rgb(77, 194, 71);
    border: 2px solid rgb(77, 194, 71);
}
.post-whatsapp:hover{
    color: rgb(77, 194, 71);
}
.post-pinterest{
    background: rgb(203, 32, 39);
    border:2px solid rgb(203, 32, 39);
}
.post-pinterest:hover{
    color: rgb(203, 32, 39);
}
.post-twitter{
    background: #009be9;
    border:2px solid #009be9;
}
.post-twitter:hover{
    color:#009be9;
}

/* feedback */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */

/* innerSections */

.contact-icon-header {
    display: flex;
    align-items: center;
    gap: 20px;
}

.contact-icon-header svg {
    width: 30px;
    height: 30px;
}

.contact-icon-header h3 {
    font-size: 1rem;
}

.contact-address {
    padding: 40px 0;
}

.contact-address p span {
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    padding-bottom: 15px;
}

.contact-body {
    padding-top: 10px;
}

.cont-border {
    border-bottom: 1px solid #000;
    transition: all .3s ease;
    color: #000;
}

.corporative-mail {
    padding: 20px 0;
}

.contact-social-media {
    display: flex;
    gap: 10px;
    padding: 14px 0 20px 0;
}

.contact-icon {
    width: 34px;
    height: 34px;
    background-color: #696969;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border: 1px solid #454749;
    transition: .3s;
}

.contact-social-media a {
    color: #fff;
}

.contact-icon a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.input-box {
    position: relative;
    width: 100%;
}

.elaqe-formu .input-box input, .elaqe-formu .input-box textarea {
    background: #fff;
}

.elaqe-formu input.text {
    height: 50px;
}

.elaqe-formu input.text, .elaqe-formu textarea {
    transition: all .3s ease;
    width: 100%;
    border: 2px solid #eaeaea;
    padding: 12px ;
    border-radius: 3px ;
    font-size: 14px;
    outline: none;
    position: relative;
    -webkit-appearance: none;
}

.elaqe-formu textarea {
    height: 140px;
}

.contact-icon-header svg path {
    fill: #fc0404;
}

.contact-icon:hover {
    background: transparent;
}

.contact-icon:hover a {
    color: #454749;
}

.submit-button {
    display: block;
    display: flex;
    justify-content: end;
}

.btn-submit {
    color: #ffffff;
    border: none;
    margin-top: 20px;
    padding: 18px 70px;
    font-size: 15px;
    border-radius: 3px;
    transition: .3s;
    background: #fc0404;
}

.btn-submit:hover {
    background-color: #746904b4;
    color: #fff;
}

/* innerfull */

/* modal */

/*****exampleModal START*****/
#exampleModal .modal-content {
  padding: 20px 0 0 0;
  max-width: 500px;
  margin: auto;
}

#exampleModal .modal-body {
  padding: 10px 40px 40px 40px;
}

#exampleModal .modal-title {
  font-size: 18px !important;
}

#exampleModal .modal-header {
  margin: 0 40px 10px 40px;
  padding-left: 0;
  padding-right: 0;
  border: none;
  border-bottom: 1px solid #f1b055;
}

#exampleModal .modal-title {
  font-weight: 700;
  color: #000;
}

#exampleModal input.effect,
#exampleModal .custom-form select.effect {
  height: 50px;
}

#exampleModal .effect,
.projects-full-story__form .effect {
  width: 100%;
  border: 2px solid #e6ecf2;
  padding: 12px 20px;
  margin: 0 0 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  -webkit-appearance: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}

#exampleModal .modal-content .btn-close {
  display: block;
  height: 20px;
  opacity: 0.5;
  position: absolute;
  right: 50px;
  top: 34px;
  width: 20px;
  z-index: 100;
  padding: 0;
  outline: transparent;
}

.modal-backdrop {
  opacity: 0.8 !important;
}

#exampleModal .btn-close:focus {
  box-shadow: none !important;
}

#exampleModal .submit-btn:hover {
  background-color: #f1a02f;
}

#exampleModal .submit-btn,
.projects-full-story__form .submit-btn {
  background-color: #fc0404;
  color: #fff;
  font-weight: 600;
  border-radius: 4px;
  height: 50px;
  line-height: 50px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  padding: 0 26px;
  width: 100%;
  font-size: 15px;
  font-weight: 500;
}

.m-mobile-menu.is-show {
    display: block
}

@media only screen and (max-width:1200px) {
    .m-mobile-menu.is-show {
        background-image: linear-gradient(90deg, #fff, #fff 50%, #f7f7f7 0);
        box-shadow: 0 4px 24px 0 rgba(54, 54, 52, .15);
        color: #363634;
        left: 0;
        position: fixed;
        right: 0;
        top: 57px;
        z-index: 1001
    }
}

@media only screen and (max-width:767px) {
    .m-mobile-menu.is-show {
        background-color: #fff;
        background-image: none;
        bottom: 0
    }
}

@media only screen and (max-width:1200px) {
    .m-mobile-menu.is-show .m-mobile-menu__body {
        flex: 0 0 50%;
        max-height: calc(100vh - 57px);
        max-height: calc(var(--vh, 1vh)*100 - 57px);
        overflow-y: auto;
        padding: 2rem
    }

    .m-mobile-menu.is-show .m-mobile-menu__body::-webkit-scrollbar {
        width: .25rem
    }

    .m-mobile-menu.is-show .m-mobile-menu__body::-webkit-scrollbar-track {
        background: #fff
    }

    .m-mobile-menu.is-show .m-mobile-menu__body::-webkit-scrollbar-thumb {
        background-color: hsla(0, 0%, 68%, .7);
        border-radius: .25rem
    }

    .m-mobile-menu.is-show .m-mobile-menu__body::-webkit-scrollbar-thumb:hover {
        background-color: #adadad
    }
}

@media only screen and (max-width:767px) {
    .m-mobile-menu.is-show .m-mobile-menu__body {
        flex-basis: auto;
        max-height: unset;
        overflow-y: unset;
        padding: 1.5rem 1rem
    }
}

@media only screen and (max-width:1200px) {
    .m-mobile-menu.is-show .m-mobile-menu__footer {
        align-items: flex-end;
        background-color: #f7f7f7;
        display: flex;
        flex: 0 0 50%;
        flex-wrap: wrap;
        gap: 1.5rem;
        padding: 2rem
    }
}

@media only screen and (max-width:767px) {
    .m-mobile-menu.is-show .m-mobile-menu__footer {
        flex-basis: auto;
        margin-top: auto;
        padding: 1.5rem 1rem
    }
}

.m-mobile-menu.is-show .m-mobile-menu__footer .m-button {
    display: none
}

@media only screen and (max-width:767px) {
    .m-mobile-menu.is-show .m-mobile-menu__footer .m-button {
        display: inherit
    }
}

.m-filter-block__counter.is-show {
    display: inline-flex
}

.m-search.is-show {
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

.m-popup-wrapper.is-show {
    display: flex
}

.m-popup-video-wrapper.is-show {
    display: block
}

.m-where-begin__content.is-show {
    display: block
}

.m-where-begin .m-steps-member.is-show {
    display: block
}

.m-button_type_switch.is-active,
.m-button_type_switch:hover {
    background-color: #f0ee0e;
    border-color: #f0ee0e
}

.m-check.is-active {
    background-color: rgba(246, 244, 46, .3)
}

.m-nav__list li.is-active .m-nav__submenu {
    opacity: 1;
    visibility: visible
}

@media only screen and (max-width:1200px) {
    .m-nav__list li.is-active .m-nav__submenu {
        display: block
    }
}

.m-nav__list li.is-active .m-nav__link_submenu {
    color: #363634
}

.m-nav__list li.is-active .m-nav__link_submenu svg {
    transform: rotate(-180deg)
}

.m-language-list__link.is-active {
    color: #9e9e9e;
    pointer-events: none
}

@media only screen and (max-width:1200px) {
    .m-language-list__link.is-active {
        color: #fff
    }
}

.m-language-list__link.is-active:before {
    background-color: #63666a;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: calc(100% - 2px);
    width: 100%
}

.m-language-list_theme-dark .m-language-list__link.is-active {
    color: #9e9e9e
}

.m-content-nav__link.is-active {
    pointer-events: none
}

.m-content-nav__link.is-active:after {
    display: block
}

.m-sorting__button.is-active {
    background-color: #f0ee0e;
    border-color: #f0ee0e;
}

.is-active .m-select__field {
    border-color: #fff;
    border-bottom: 1px solid #e8e8e8;
    border-radius: .5rem .5rem 0 0;
    box-shadow: 0 5px 25px rgba(0, 0, 0, .1)
}

.is-active .m-select__field:after {
    transform: rotate(-180deg)
}

.is-active .m-select__options {
    display: block
}

.m-select__item.is-active {
    background-color: #f0ee0e;
    color: #363634;
    pointer-events: none
}

.m-pagination__arrow.is-active {
    opacity: 1
}

.m-pagination__item.is-active {
    background-color: #f6f42e;
    border-color: #f6f42e
}

.m-ui-tag-button.is-active svg {
    transform: rotate(90deg)
}

.m-header__container,
.m-search__wrapper,
.m-submenu__wrapper {
    font-size: 16px;
    margin: 0 auto;
    max-width: 77em;
    padding: 0 1em
}

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

    .m-header__menu-button.is-active span {
        transform: scale(0)
    }

    .m-header__menu-button.is-active:before {
        transform: translateY(5px) rotate(135deg)
    }

    .m-header__menu-button.is-active:after {
        transform: translateY(-5px) rotate(-135deg)
    }

    .m-header__container,
    .m-search__wrapper,
    .m-submenu__wrapper {
        max-width: 48em
    }
}

.m-button,
.m-header__menu-button,
.m-header__search,
.m-search__button,
.m-search__close-button {
    background: none;
    border: 0;
    outline: none
}

.m-button {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    max-width: 100%;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    touch-action: manipulation;
    transition: background-color .4s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.m-button_type_default,
.check_zem{
    border: 1px solid #e8e8e8;
    border-radius: .57143em;
    font-size: .875em;
    line-height: 1;
    padding: .57143em 1.71429em
}
.check_zem {
    background: #fc0404;
    color: #fff;
    font-weight: bold;
}
.m-button_type_default{
    color: #363634;
}

.m-button_type_switch {
    align-items: center;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: .5rem;
    color: #363634;
    display: inline-flex;
    font-size: .875rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1.3;
    padding: .375rem .875rem
}

.m-button_type_switch.is-active,
.m-button_type_switch:hover {
    background-color: #f0ee0e;
    border-color: #f0ee0e
}

.m-icon {
    font-size: 1rem
}

.m-icon_type_around {
    fill: #adadad;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    height: 2em;
    transition: border-color .2s ease;
    width: 2em;
    padding: 7px;
}

.m-icon_type_around path {
    fill: #adadad;
}

.m-mobile-menu .m-icon_type_around {
    fill: #adadad;
    border-color: #e8e8e8
}

.m-icon_type_hover {
    transition: background-color .4s ease
}

.m-icon_type_hover:hover {
    background-color: #f7f7f7
}

.m-nav__list {
    align-items: center;
    display: flex;
    gap: 1rem
}

@media only screen and (max-width:1200px) {
    .m-nav__list {
        align-items: flex-start;
        flex-direction: column;
        gap: 1.5rem
    }

    .m-nav__list li {
        display: flex;
        flex-direction: column;
        gap: 1rem
    }
}

.m-nav__link {
    align-items: center;
    color: #363634;
    cursor: default;
    display: inline-flex;
    font-size: 11.5px;
    font-weight: 600;
    gap: .5rem;
    line-height: 1.2;
    padding-bottom: 1.25rem;
    padding-top: .5rem;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.headerfixed .m-nav__link {
    padding-bottom: 10px;
}

@media only screen and (max-width:1200px) {
    .m-nav__link {
        color: #9e9e9e;
        gap: .25rem;
        padding: 0
    }
}

.m-nav__link_submenu svg {
    fill: currentColor;
    height: .5rem;
    transition: transform .4s;
    width: .5rem
}

.m-nav a.m-nav__link {
    cursor: pointer
}

.m-nav__submenu {
    left: 0;
    opacity: 0;
    padding-right: .25rem;
    position: absolute;
    right: 0;
    top: 100%;
    transition: all .2s ease;
    visibility: hidden
}

@media only screen and (max-width:1200px) {
    .m-nav__submenu {
        display: none;
        left: auto;
        opacity: 1;
        padding-right: 0;
        position: relative;
        right: auto;
        top: auto;
        visibility: visible
    }
}

.m-nav__submenu:after {
    background-color: transparent;
    bottom: 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .1);
    content: "";
    height: 1em;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -1
}

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

    .m-mobile-menu,
    .m-nav__submenu:after {
        display: none
    }

    .m-mobile-menu__wrapper {
        display: flex;
        margin: 0 auto;
        max-width: 48rem;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .product .title a, .product .title span.a {
        font-size: 11px;
    }
    .m-mobile-menu__wrapper {
        flex-direction: column;
        height: 100%;
        overflow-y: auto
    }

    .m-footer__title-arrow.is-active {
        padding-bottom: 1rem
    }

    .m-footer__title-arrow.is-active:after {
        transform: rotate(-180deg)
    }
}

.is-active .m-marking-card {
    background-color: #f0ee0e;
    border-color: #f0ee0e;
    cursor: default
}

.m-page-navigation__item.is-active,
.m-page-navigation__item:hover {
    background-color: #f0ee0e;
    border-color: #f0ee0e
}

.m-page-navigation__item.is-active {
    pointer-events: none
}

.m-page-chapter-menu__item.is-active {
    background-color: rgba(240, 238, 14, .15);
}

@media only screen and (max-width:1200px) {
    .m-page-chapter-menu__item.is-active {
        background-color: transparent
    }
}

.m-page-chapter-menu__item.is-active:before {
    background-color: #f0ee0e;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: .25rem
}

@media only screen and (max-width:1200px) {
    .m-page-chapter-menu__item.is-active:before {
        border-radius: .25rem .25rem 0 0;
        bottom: 0;
        height: .25rem;
        top: unset;
        width: 100%
    }
}

.m-popup__list .m-check:not(.is-active):hover {
    background-color: #f7f7f7
}

.ps-winners__video.is-active iframe {
    display: block
}

.m-mobile-menu__footer {
    display: none
}

.m-mobile-menu__info {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: auto;
    width: 100%
}

@media only screen and (max-width:767px) {
    .m-mobile-menu__info {
        margin-top: 0
    }
}

.m-mobile-menu__lk-button {
    display: none
}

@media only screen and (max-width:767px) {
    .m-mobile-menu__lk-button {
        display: block;
        margin-top: 1.5rem;
        /*max-width: 360px;*/
        width: 100%
    }

    .m-mobile-menu__lk-button .m-button {
        background-color: #fff;
        border: 1px solid #e8e8e8;
        font-size: 1rem;
        line-height: 1.25;
        padding: .875rem 2.5rem;
        width: 100%
    }
}

.m-mobile-menu__logo {
    flex-basis: 6.875rem;
    margin-left: auto
}

.m-mobile-menu .m-language-list,
.m-mobile-menu .m-mobile-menu__logo {
    align-self: flex-start
}

.m-mobile-menu .m-language-list {
    margin-top: .625rem
}

.m-mobile-menu .m-contact-list,
.m-mobile-menu .m-social-list {
    border: 1px solid #e8e8e8;
    border-radius: .5rem;
    gap: 1rem;
    padding: 1rem;
    width: 100%
}

.m-mobile-menu .m-social-list {
    flex-direction: column;
}

.m-mobile-menu .m-contact-list li:last-child,
.m-mobile-menu .m-social-list li:last-child {
    flex-grow: 1;
    order: -1
}

.m-submenu {
    background-image: linear-gradient(90deg, #fff, #fff 55%, #f7f7f7 0);
    box-shadow: 0 4px 24px 0 #36363426;
    max-height: calc(100vh - 120px);
    overflow-y: auto
}

@media only screen and (max-width:1200px) {
    .m-submenu {
        background-image: unset;
        box-shadow: none;
        max-height: unset;
        overflow-y: visible
    }
}

.m-submenu::-webkit-scrollbar-track {
    background-color: transparent
}

.m-submenu::-webkit-scrollbar {
    background: transparent;
    width: 4px
}

.m-submenu::-webkit-scrollbar-thumb {
    background-color: rgba(99, 102, 106, .5);
    border-radius: 8px
}

.m-submenu__wrapper {
    display: flex
}

@media only screen and (max-width:1200px) {
    .m-submenu__wrapper {
        flex-direction: column;
        gap: 1rem;
        padding: 0
    }
}

.m-submenu__col {
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 50%;
    padding: 2.5rem 1.5rem 2.5rem 0
}

.m-submenu__col_size_large .drop_about {
    font-size: 14px;
}

@media only screen and (max-width:1200px) {
    .product .title a, .product .title span.a {
        font-size: 11px;
    }
    .m-submenu__col {
        flex-basis: 100%;
        max-width: unset;
        padding: 0;
        /*display: flex !important;*/
    }
}

.m-submenu__col:last-of-type {
    background-color: #f7f7f7;
    padding-left: 1.5rem;
    padding-right: 0
}

@media only screen and (max-width:1200px) {
    .m-submenu__col:last-of-type {
        background-color: transparent;
        border-radius: 0;
        padding: 0
    }
}

.m-submenu__col_size_small {
    flex-basis: 32%;
    gap: 1rem;
    max-width: 32%
}

@media only screen and (max-width:1200px) {
    .m-submenu__col_size_small {
        flex-basis: 100%;
        max-width: unset
    }
}

@media only screen and (max-width:767px) {
    .m-submenu__col_size_small {
        flex-basis: 100%;
        max-width: unset
    }
}

.m-submenu__col_size_large {
    flex-basis: 68%;
    gap: 1rem;
    max-width: 68%
}

@media only screen and (max-width:1200px) {
    .m-submenu__col_size_large {
        display: none
    }

    .m-submenu__col_visible {
        display: flex
    }
}

.m-submenu__nav-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.m-submenu__nav-link {
    align-items: center;
    color: #363634;
    display: inline-flex;
    font-size: .875rem;
    line-height: 1.25;
    white-space: nowrap
}

@media only screen and (max-width:1200px) {
    .m-submenu__nav-link {
        padding: 0;
        white-space: normal
    }
}

.m-submenu__nav-link:hover {
    text-decoration: underline
}

.m-submenu__title {
    color: #9e9e9e;
}

@media only screen and (max-width:1200px) {
    .m-submenu__title {
        display: none
    }
}

.m-submenu__content-list {
    display: flex;
    gap: 1.5rem
}

.m-submenu__content-list li {
    flex: 0 0 100%;
    max-width: 11.25rem
}

.m-submenu__list-wrap {
    display: flex;
    gap: 1.5rem
}

@media only screen and (max-width:1200px) {
    .m-submenu__list-wrap {
        flex-direction: column;
        gap: 1rem
    }
    
    .subtekerler.m-submenu__list-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

.m-submenu__list {
    display: flex;
    flex: 1 0 calc(50% - 12px);
    flex-direction: column;
    gap: 1rem
}

@media only screen and (max-width:1200px) {
    .m-submenu__list {
        flex-basis: 100%;
        max-width: unset
    }
}

.m-submenu__switcher {
    display: none
}

@media only screen and (max-width:1200px) {
    .m-submenu__switcher {
        display: flex;
        gap: 1rem
    }
}

.m-submenu__switcher .m-button_type_switch {
    height: 2rem
}

.m-contact-list {
    align-items: center;
    display: flex;
    gap: 1rem
}

.m-contact-list__link {
    align-items: center;
    color: #363634;
    display: flex;
    flex: 0 0 auto;
    gap: .5rem;
    text-decoration: none
}

.m-contact-list__text {
    font-size: .75rem;
    line-height: 1.2;
    white-space: nowrap;
    font-weight: bold;
    color: #000000a3;
}

.m-language-list {
    align-items: center;
    border: 1px solid #e8e8e8;
    border-radius: .25rem;
    display: flex;
    overflow: hidden
}

.m-language-list li {
    flex: 0 0 2rem
}

.m-language-list li:not(:first-child) {
    border-left: 1px solid #e8e8e8
}

.m-language-list__link {
    align-items: center;
    color: #63666a;
    display: flex;
    font-size: .75rem;
    height: 1.375rem;
    justify-content: center;
    line-height: 1.2;
    position: relative;
    text-decoration: none;
    transition: color .4s ease;
    width: 2rem
}

@media only screen and (max-width:1200px) {
    .m-language-list__link {
        color: #fff
    }
}

.m-language-list__link:hover {
    color: #363634
}

.m-language-list__link.is-active {
    color: #9e9e9e;
    pointer-events: none
}

@media only screen and (max-width:1200px) {
    .m-language-list__link.is-active {
        color: #fff
    }
}

.m-language-list__link.is-active:before {
    background-color: #63666a;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: calc(100% - 2px);
    width: 100%
}

.m-language-list_theme-dark .m-language-list__link {
    color: #363634
}

.m-language-list_theme-dark .m-language-list__link.is-active {
    color: #9e9e9e
}

.m-social-list {
    align-items: center;
    display: flex;
    gap: .5rem
}

.m-social-list li {
    flex-shrink: 0
}

.m-social-list__link {
    align-items: center;
    color: #adadad;
    display: flex;
    gap: .5rem;
    text-decoration: none;
    transition: color .2s ease
}

@media only screen and (max-width:1200px) {
    .m-social-list__link {
        color: #fff
    }
}

.m-social-list__text {
    color: #9e9e9e;
    display: inline-block;
    flex: 0 0 auto;
    font-size: .75rem;
    line-height: 1.2;
    /*max-width: 4.625rem*/
}

@media only screen and (max-width:1200px) {
    .m-social-list__text {
        max-width: unset
    }
}

.body-s {
    font-size: .875rem;
    line-height: 1.25
}

@media only screen and (max-width:767px) {
    .body-s {
        font-size: .75rem;
        line-height: 1.2
    }
}

.m-header {
    background-color: #fff;
    padding-top: .75rem;
    position: relative;
    z-index: 1050;
    position: sticky;
    top: 0;
}

.headerfixed.m-header {
    padding-top: 5px;
}

@media only screen and (max-width:1200px) {
    .m-header {
        border-bottom: 1px solid #e8e8e8;
        left: 0;
        padding: .5rem 0;
        position: sticky;
        right: 0;
        top: 0
    }
}

@media only screen and (max-width:767px) {
    .m-header {
        padding: .5rem 0
    }
}

.m-header__wrapper {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    width: 100%
}

.headerfixed .m-header__wrapper {
    gap: 0;
}



@media only screen and (max-width:1200px) {
    .m-header__wrapper {
        align-items: center;
        flex-direction: row;
        margin: 0 auto;
        max-width: 48rem;
        padding: 0 2rem
    }
}

@media only screen and (max-width:767px) {
    .m-header__wrapper {
        padding: 0 1rem
    }
}

.m-header__row {
    width: 100%
}

.m-header__row .m-header__container {
    align-items: flex-start;
    display: flex;
    gap: 2rem;
    width: 100%
}

@media only screen and (max-width:1200px) {
    .m-header__row .m-header__container {
        gap: 0;
        padding: 0
    }
}

.m-header__row:nth-child(2) {
    border-bottom: 1px solid #e8e8e8;
    padding-top: .5rem
}

.headerfixed .m-header__row:nth-child(2) {
    padding-top: 5px;
}

@media only screen and (max-width:1200px) {
    .m-header__row:nth-child(2) {
        border-bottom: none;
        padding-top: 0
    }
}

.m-header__row:nth-child(2) .m-header__container {
    gap: 1rem
}

@media only screen and (max-width:1200px) {
    .m-header__row:nth-child(2) .m-header__container {
        gap: 0
    }

    .m-header__container {
        max-width: unset;
        padding: 0
    }
}

.m-header__col {
    flex-shrink: 0;
    margin-left: auto
}

.m-header__col,
.m-header__logo-block {
    align-items: center;
    display: flex;
    gap: 1rem
}

.m-header__logo-block {
    flex: 0 0 22.625rem
}

@media only screen and (max-width:767px) {
    .m-header__logo-block {
        flex-basis: auto
    }
}

.m-header__logo {
    flex-shrink: 0
}

@media only screen and (max-width:1200px) {
    .m-header__logo {
        height: 2.5rem
    }
}

.m-header__logo img {
    display: block;
    object-fit: contain;
}

.m-header__description {
    color: #000000a3;
    flex: 0 0 12.9375rem;
    font-size: 14px;
    line-height: 1.2;
    font-weight: bold;
    white-space: nowrap;
}

@media only screen and (max-width:767px) {
    .m-header__description {
        display: none
    }
}

@media only screen and (max-width:1200px) {
    .m-header__description {
        margin-right: 1.2em
    }

    .m-header__social-links {
        display: none
    }
}

.m-header__contacts,
.m-header__language,
.m-header__lk,
.m-header__search {
    display: flex;
    flex: 0 0 auto;
    margin-left: auto
}

.m-header__nav {
    flex: 1 0 auto
}

@media only screen and (max-width:1200px) {
    .m-header__nav {
        flex: 0 0 auto
    }

    .m-header__lk {
        order: -1
    }
}

@media only screen and (max-width:767px) {
    .m-header__lk {
        display: none
    }
}

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

    .m-header__contacts,
    .m-header__language {
        display: none
    }
}

.m-header__search {
    cursor: pointer;
    padding: 0
}

.m-header__honest {
    display: flex;
    flex: 0 0 auto;
    position: relative
}

.m-header__honest:hover .m-header__toolbox {
    opacity: 1;
    visibility: visible
}

@media only screen and (max-width:1200px) {
    .m-header__honest {
        display: none
    }
}

.m-header__toolbox {
    background-color: rgba(0, 0, 0, .75);
    border-radius: .25rem;
    bottom: -3rem;
    color: #fff;
    opacity: 0;
    padding: 8px;
    position: absolute;
    right: 2rem;
    transition: opacity .4s ease;
    visibility: hidden;
    white-space: nowrap;
    z-index: 99
}

.m-header__toolbox:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8h24-3.183a5.136 5.136 0 0 1-4.17-2.143l-3.952-5.5a.855.855 0 0 0-1.39 0l-3.951 5.5A5.136 5.136 0 0 1 3.184 8H0Z' fill='%23000' fill-opacity='.6'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: .5rem;
    position: absolute;
    right: .875rem;
    top: -.5rem;
    width: 1.5rem
}

.m-header__menu-button {
    display: none
}

@media only screen and (max-width:1200px) {
    .m-header__menu-button {
        border: 1px solid #e8e8e8;
        border-radius: 50%;
        display: block;
        height: 2rem;
        width: 2rem
    }

    .m-header__menu-button span,
    .m-header__menu-button:after,
    .m-header__menu-button:before {
        background-color: #adadad;
        border-radius: .25rem;
        content: "";
        display: block;
        height: .125rem;
        margin: 3px auto;
        transition: transform .2s ease-in-out;
        width: .75rem
    }
}

.m-video-card {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.m-video-card__img {
    border-radius: .5rem;
    max-height: 6.25rem;
    max-width: 11.25rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    min-height: 100px;
}

.m-video-card__text {
    color: #363634;
    font-size: .875rem;
    line-height: 1.25
}

.m-card-trade {
    align-items: center;
    display: flex;
    gap: 1rem
}

.m-card-trade:hover .m-card-trade__icon {
    background-color: #fc0404;
    border-color: #fc0404;
    box-shadow: 0 5px 30px 0 #fc0404a8;
}

.m-card-trade:hover .m-card-trade__icon svg {
    filter: invert(1);
}

.m-card-trade:hover .m-card-trade__title {
    color: #9e9e9e
}

.m-card-trade__icon {
    align-items: center;
    background-color: #fff;
    border: 1px solid #efefef;
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 3.5rem;
    height: 3.5rem;
    justify-content: center;
    transition: background-color .2s ease, border-color .2s ease;
    width: 3.5rem
}

@media only screen and (max-width:1200px) {
    .m-card-trade__icon {
        flex-basis: 3rem;
        height: 3rem;
        width: 3rem
    }
}

.m-card-trade__icon svg {
    fill: #63666a;
    height: 2rem;
    width: 2rem
}

@media only screen and (max-width:1200px) {
    .m-card-trade__icon svg {
        height: 1.5rem;
        width: 1.5rem
    }
}

.m-card-trade__title {
    color: #363634;
    display: inline-block;
    flex: 0 0 calc(100% - 72px);
    font-size: .875rem;
    line-height: 1.25;
    transition: color .2s ease;
    font-weight: 600;
}

:root {
    --btn-search-size: 1rem
}

.m-search {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(99, 102, 106, .8);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(-100%);
    transition: opacity .2s ease;
    visibility: hidden;
    z-index: 1001
}

.m-search__layout {
    background-color: #fff;
    padding: .75rem 0 2.5rem
}

@media only screen and (max-width:1200px) {
    .m-search__layout {
        padding: .5rem 0 2rem
    }
}

@media only screen and (max-width:767px) {
    .m-search__layout {
        padding-bottom: 1rem
    }
}

.m-search__wrapper {
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

@media only screen and (max-width:1200px) {
    .m-search__wrapper {
        gap: 2rem
    }
}

@media only screen and (max-width:767px) {
    .m-search__wrapper {
        gap: 1rem
    }
}

.m-search__header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.m-search__close-button {
    align-items: center;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: background-color .2s ease;
    width: 2.5rem
}

.m-search__close-button:hover {
    background-color: #f7f7f7
}

.m-search__close-button svg {
    fill: #adadad;
    height: 1rem;
    width: 1rem
}

.m-search__field {
    align-items: center;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: .5rem;
    display: flex;
    gap: 1.5rem;
    padding: 1.375rem;
    width: 100%
}

@media only screen and (max-width:1200px) {
    .m-search__field {
        gap: 1rem;
        padding: .875rem
    }
}

@media only screen and (max-width:767px) {
    .m-search__field {
        padding: .75rem .875rem
    }
}

.m-search__button {
    cursor: pointer;
    flex-shrink: 0;
    height: 1.5rem;
    padding: 0;
    width: 1.5rem
}

@media only screen and (max-width:767px) {
    .m-search__button {
        height: 1rem;
        width: 1rem
    }
}

.m-search__button svg {
    fill: hsla(0, 0%, 68%, .5);
    stroke: hsla(0, 0%, 68%, .5);
    height: 1.5rem;
    width: 1.5rem
}

@media only screen and (max-width:767px) {
    .m-search__button svg {
        height: 1rem;
        width: 1rem
    }
}

.m-search__input {
    border: none;
    color: #363634;
    flex: 0 0 auto;
    font-size: 1.5rem;
    line-height: 1.35;
    outline: none;
    width: calc(100% - 3rem)
}

@media only screen and (max-width:1200px) {
    .m-search__input {
        font-size: 1.25rem;
        line-height: 1.2;
        width: calc(100% - 2.5rem)
    }
}

@media only screen and (max-width:767px) {
    .m-search__input {
        font-size: 1rem;
        line-height: 1.25;
        width: calc(100% - 2rem)
    }
}

.m-search__input::-moz-placeholder {
    color: #9e9e9e
}

/* header end */

/* slider start */

.swiper {
    list-style: none
}

.wrapper,
body {
    position: relative
}

.wrapper {
    width: 100%
}

.btn:disabled:after,
.btn:disabled:hover:after {
    border-bottom: 48px solid #e9ecf0 !important
}

.btn:disabled:before,
.btn:disabled:hover:before {
    border-top: 48px solid #e9ecf0 !important
}

.wrapper {
    margin: 0 auto;
    z-index: 5;
    padding: 40px;
    max-width: 1440px;
    width: 1440px;
}

.wrapper:after {
    content: "";
    display: table;
    clear: both
}

.btn {
    padding: 0;
    margin: 0;
    transition: .2s linear;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    background: 0 0;
    border: none
}

.btn svg {
    display: inline-block;
    vertical-align: middle;
    margin: -4px 5px -2px;
    filter: invert(1);
}

.btn:disabled {
    color: #909aaa !important;
    cursor: default !important;
    background: #e9ecf0 !important
}

.btn:disabled:hover {
    background: #e9ecf0 !important;
    color: #909aaa !important
}

.btn-color {
    background: #fc0404;
    height: 48px;
    padding: 12px 25px;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
    line-height: 24px;
    color: #fff;
    margin: 0 0 0 9px
}

/*.btn-color:after,*/
/*.btn-color:before {*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    transition: .2s linear;*/
/*    content: "";*/
/*    font-size: 0;*/
/*    border: none*/
/*}*/

/*.btn-color:after {*/
/*    right: 100%;*/
/*    border-bottom: 48px solid #fc0404;*/
/*    border-left: 10px solid transparent*/
/*}*/

.btn-color:before {
    border-top: 48px solid #fc0404;
    left: 100%;
    top: 0;
    border-right: 10px solid transparent
}

.btn-color:hover {
    background: #b50303;
    color:#fff;
}

.btn-color:hover:after {
    border-bottom: 48px solid #0091d1
}

.btn-color:hover:before {
    border-top: 48px solid #0091d1
}

.swiper {
    display: block
}

.swiper {
    overflow: hidden
}


.swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition: all .3s ease-in-out;
}

:root {
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.masthead h2 {
    text-transform: uppercase
}

.masthead .counter span,
.masthead .in,
.masthead .spec-block-wrapper .spec-block>a>div>span {
    color: #fff
}

.masthead-nav {
    width: 48px;
    transition: .2s linear;
    right: 50px
}

.masthead {
    overflow: hidden;
    background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), linear-gradient(180deg, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 65.78%)
}

.masthead .bg {
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute
    object-position:center;
    left: 0;
    top: 0;
}

.masthead .swiper-pagination {
    position: absolute;
    right: 200px;
    left: auto;
    top: auto;
    width: 325px;
    height: 4px;
    bottom: 70px;
    background: #fc0404
}

.masthead .swiper-pagination .swiper-pagination-progressbar-fill {
    transform: scale(1) !important;
    background: #292f3a;
    position: absolute;
    top: 0;
    right: 0 !important;
    left: auto !important;
    width: 100%;
    height: 100%;
    transition: .2s linear
}

.masthead .in {
    max-width: 925px;
    min-height: 830px;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: start;
    align-items: flex-start;
    z-index: 5;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 0 48px
}

.masthead .spec-block-wrapper {
    -ms-flex-pack: center;
    justify-content: center
}

.masthead .spec-block-wrapper .spec-block {
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    background-size: contain;
    margin-left: -40px;
    padding: 30px 60px 30px 30px;
    font-style: italic
}

.masthead .spec-block-wrapper .spec-block>a {
    color: #fff;
    font-size: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

.masthead .spec-block-wrapper .spec-block>a>div .spec-block__text-small {
    font-size: 14px
}

.masthead .swiper-slide {
    overflow: hidden
}
/*.masthead .swiper-slide:nth-child(2) h2{*/
/*    display: none;*/
/*}*/
.masthead .video-slide {
    left: 100px;
    top: 100px;
    transform: scale(1.3)
}

@media screen and (max-width: 1024px) {
    .masthead .video-slide {
        top: 0
    }
    
    .m-contact-list {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media screen and (max-width: 728px) {
    .masthead .video-slide {
        left: 0;
        transform: scale(1)
    }
    .masthead {
        margin-top: 40px;
    }
}

.masthead .shadow-wrapper {
    left: 0;
    box-shadow: inset 600px 0 100px #fc0404ab;
    /*box-shadow: inset 0 -200px 50px rgba(13, 71, 161, .5)*/
}

@media screen and (max-width: 640px) {
    .masthead .spec-block-wrapper {
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .masthead .spec-block-wrapper .spec-block {
        background: 0 0;
        gap: 10px;
        margin-left: 0;
        padding: 0
    }

    .masthead .spec-block-wrapper .spec-block>a {
        font-size: 14px;
        gap: 10px
    }

    .masthead .spec-block-wrapper .spec-block>a img {
        max-width: 26px
    }

    .masthead .spec-block-wrapper .spec-block>a>div .spec-block__text-small {
        font-size: 10px
    }

    .masthead .shadow-wrapper {
        left: 0;
        box-shadow: inset 0 -200px 50px rgba(13, 71, 161, .5)
    }
}

.masthead .btn {
    margin: 34px 0 0 9px
}

.masthead .counter {
    position: absolute;
    color: #909aaa;
    bottom: 65px;
    z-index: 10;
    right: 550px
}

.masthead-nav {
    background: #292f3a;
    margin-left: 10px;
    height: 48px;
    position: absolute;
    left: auto !important;
    bottom: 48px;
    top: auto !important
}

.masthead-nav:after,
.masthead-nav:before {
    position: absolute;
    bottom: 0;
    transition: .2s linear;
    content: "";
    font-size: 0;
    border: none
}

.masthead-nav:after {
    right: 100%;
    border-bottom: 48px solid #292f3a;
    border-left: 10px solid transparent
}

.masthead-nav:before {
    border-top: 48px solid #292f3a;
    left: 100%;
    top: 0;
    border-right: 10px solid transparent
}

.masthead-nav:hover {
    background: #424854
}

.masthead-nav:hover:after {
    border-bottom: 48px solid #424854
}

.masthead-nav:hover:before {
    border-top: 48px solid #424854
}

.masthead-nav svg {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
    width: 8px;
    height: auto
}

.masthead-nav.swiper-button-prev {
    margin-right: 69px;
    left: auto
}

.bg {
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: -1;
    object-fit: cover
}

.swiper-notification {
    display: none !important
}

.bg {
    position: absolute
}

.footer_right .social a:not(:hover) path {
    fill: #b3b9c5
}

.masthead--margin {
    /*margin: 150px 0 0;*/
    position: relative;
}

.masthead--margin .in {
    min-height: 677px;
    padding: 0 0 40px
}

.masthead--margin .btn {
    font-size: 12px;
    padding: 8px 17px;
    height: 40px;
    margin: 7px 0 0 9px;
    border-radius: 0;
}

.masthead--margin .btn:after {
    border-bottom-width: 40px
}

.masthead--margin .btn:before {
    border-top-width: 40px
}

.masthead--margin .btn svg {
    width: 20px;
    height: auto;
    margin: -3px 3px
}

.masthead--margin .counter {
    font-size: 12px;
    bottom: 52px;
    right: 469px
}

.masthead--margin .masthead-nav {
    right: 50px;
    bottom: 37px;
    width: 37px;
    height: 42px
}

.masthead--margin .masthead-nav:after {
    border-bottom-width: 42px
}

.masthead--margin .masthead-nav:before {
    border-top-width: 42px
}

.masthead--margin .masthead-nav.swiper-button-prev {
    margin-right: 56px
}

.masthead--margin .swiper-pagination {
    right: 170px;
    width: 280px;
    height: 3px;
    bottom: 58px
}

.masthead--margin h2 {
    font-style: italic;
    max-width: 600px;
    font-weight: 400;
    font-size: 48px;
    line-height: 1.1;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #fff
}
.masthead--margin h2.red {
    color: #fc0404;
    font-size: 40px;
}

@media screen and (max-width: 1200px) {
    .wrapper {
        padding: 0 20px
    }

    .masthead--margin {
        margin: 0 0 50px
    }
}

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

    .masthead .counter {
        display: none
    }

    .wrapper {
        padding: 0 24px
    }

    .masthead .in {
        min-height: 600px;
        padding: 0 40px 68px 0
    }

    .masthead .swiper-pagination {
        right: 24px;
        background: 0 0;
        left: 24px;
        bottom: 25px;
        gap: 5px;
        width: auto;
        display: -ms-flexbox;
        display: flex
    }

    .masthead-nav {
        display: none !important
    }

    .footer_right .social a:not(:hover) path {
        fill: #fff
    }

    .masthead--margin .btn:after {
        border-bottom-width: 33px
    }

    .masthead--margin .btn:before {
        border-top-width: 33px
    }

    .masthead--margin .in {
        min-height: 450px;
        padding: 0 0 53px
    }

    .masthead--margin .btn {
        font-size: 12px;
        padding: 5px 12px;
        height: 33px;
        margin: -3px 0 0 5px
    }

    .masthead--margin .btn svg {
        margin: -5px 3px -3px
    }

    .masthead--margin .swiper-pagination {
        right: 16px;
        left: 16px;
        bottom: 31px
    }

    .masthead--margin h2 {
        font-size: 36px;
        line-height: 1.1;
        max-width: 480px
    }

    .masthead--margin {
        margin: 0 0 60px
    }
}

@media screen and (max-width: 767px) {
    .wrapper {
        padding: 0 16px
    }

    .masthead .in {
        min-height: 500px;
        padding: 0 0 68px
    }

    .masthead .swiper-pagination {
        right: 12px;
        left: 12px;
        bottom: 24px
    }

    .masthead .btn {
        margin: 15px 0 0 9px
    }

    .masthead--margin {
        margin: 0 0 30px
    }

    .masthead--margin .in {
        min-height: 527px;
        padding: 0 0 52px
    }

    .masthead--margin .btn {
        padding: 9px 15px;
        margin: 1px 0 0 9px;
        height: 40px
    }

    .masthead--margin .btn:after {
        border-bottom-width: 40px
    }

    .masthead--margin .btn:before {
        border-top-width: 40px
    }

    .masthead--margin .swiper-pagination {
        bottom: 29px
    }

    .masthead--margin h2 {
        font-size: 32px;
        line-height: 1.1
    }
}

/* filter */

.js-small-filter-change input {
    min-height: 46px;
    height: 100%;
}

#new-select-season {
    width: 100%;
    min-height: 46px;
    padding: 6px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 100%;
}
.select2-container--default .select2-selection--single {
    border: none;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #2222;
    overflow: hidden;
}
.select2-hidden-accessible {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: none
}

.select2-container {
    z-index: 10000
}

.select2 {
    display: block;
    text-align: left;
    min-width: 140px;
    min-width: 100%
}

.select2-selection {
    display: block;
    position: relative;
    box-sizing: border-box;
    border-radius: 2px;
    cursor: pointer
}

.select2-selection__rendered {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.select2-selection__arrow {
    position: absolute;
    top: 0;
    right: 0;
    height: 100% !important;
}

.select2-selection__arrow b {
    position: absolute
}

.select2-selection:hover {
    border-color: #fc0404;
}

.select2-selection {
    border: 1px solid #dde2e8;
    height: 48px
}

.select2-selection__rendered {
    color: #292f3a;
    padding: 13px 19px
}

.select2-selection__placeholder {
    color: #909aaa
}

.select2-selection__arrow {
    width: 51px
}

.select2-selection__arrow b {
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%);
    right: auto;
    top: 50%;
    left: 50%;
    background: url(/img/arr-select.svg) center/24px no-repeat
}

.footer_right .social a:not(:hover) path {
    fill: #b3b9c5
}

.small-filter {
    overflow: hidden;
    /*background: linear-gradient(to bottom, #f2f4f6 0%, rgba(242, 244, 246, 0.4) 100%);*/
    background: #fff;
    z-index: 555;
    width: 100%;
    transition: top 0.5s ease; /* Only animate the 'top' property */
    position: sticky; /* Start with absolute position */
    top: 0; /* Starting position */
}

.small-filter.fixed {
    position: fixed; /* Switch to fixed */
    top: 83px; /* Adjust the 'top' when fixed */
}

.small-filter.not_fixed {
    position: unset;
}

.small-filter.fixed .wrapper {
    padding: 10px;
    background: #fff;
}

.small-filter.fixed .small-filter_labels,
.small-filter.fixed .small-filter_params {
    margin: 0 0 5px;
}

.small-filter .wrapper {
    position: relative;
    max-width: 80em;
    padding: 1em;
}

.small-filter .wrapper .slogan img {
    position: absolute;
    font-size: 24em;
    z-index: -1;
    color: #fcdc4c0f;
    top: 15px;
    opacity: 0.03;
    text-align: center;
    font-weight: 900;
    width: 95%;
    left: 0;
    object-fit:contain;
}

.small-filter .wrapper::after {
    content: "";
    position: absolute;
    bottom: 0;
}

.small-filter .title-item {
    margin: 0 0 14px;
    font-size: 21px;
    color: #000;
    font-weight: 600;
}

.small-filter .btn {
    display: inline-flex;
    align-items: center;
    height: 30px;
    border-radius: .57143em;
    font-size: 12px;
    /*padding: 9px 16px;*/
    background: #fc0404;
    margin-left: 20px;
}

.small-filter .btn:hover {
    color: #fff;
}

.small-filter .btn:after {
    border-bottom: 40px solid #fc0404
}

.small-filter .btn:before {
    border-top: 40px solid #fc0404
}

.small-filter .btn svg {
    width: 14px;
    height: auto;
    margin: -5px 10px -3px
}

.small-filter_labels {
    /*overflow: hidden;*/
    margin: 0 0 24px
}

.small-filter_labels label {
    cursor: pointer;
    position: relative;
    /*overflow: hidden;*/
    float: left
}

.small-filter_labels span {
    background: #e2e3e7;
    position: relative;
    font-weight: 400;
    font-size: 14px;
    display: block;
    color: #575a60;
    margin: 0 4px 4px;
    line-height: 1;
    padding: 5px 10px;
    transition: .2s linear;
    height: 24px;
    padding-left: 40px;
    text-transform: capitalize;
}

.small-filter_labels span:after,
.small-filter_labels span:before {
    position: absolute;
    bottom: 0;
    transition: .2s linear;
    content: "";
    font-size: 0;
    border: none;
}

.small-filter_labels span:after {
    right: 100%;
    border-bottom: 24px solid #e2e3e7;
    border-left: 4px solid transparent
}

.small-filter_labels span:before {
    border-top: 24px solid #e2e3e7;
    left: 100%;
    top: 0;
    border-right: 4px solid transparent
}

.small-filter_labels span:hover {
    background: #fc0404;
    position: relative;
    margin-left: 4px;
    height: 24px;
    color: #fff
}

.small-filter_labels span:hover:after,
.small-filter_labels span:hover:before {
    position: absolute;
    bottom: 0;
    transition: .2s linear;
    content: "";
    font-size: 0;
    border: none
}

.small-filter_labels span:hover:after {
    right: 100%;
    border-bottom: 24px solid #fc0404;
    border-left: 4px solid transparent
}

.small-filter_labels span:hover:before {
    border-top: 24px solid #fc0404;
    left: 100%;
    top: 0;
    border-right: 4px solid transparent
}

#tyre-selection-form {
    display: flex;
    flex-direction: column;
}

.small-filter_labels input {
    position: absolute;
    bottom: 100%;
    right: 100%;
    opacity: 0;
    visibility: hidden
}

.small-filter_labels input:checked+span {
    background: #fc0404;
    position: relative;
    margin-left: 4px;
    height: 24px;
    color: #fff;
    padding: 5px 10px;
}
.small-filter_labels input:checked+span img {
    display: none;
}
.small-filter_labels input:checked+span:after,
.small-filter_labels input:checked+span:before {
    position: absolute;
    bottom: 0;
    transition: .2s linear;
    content: "";
    font-size: 0;
    border: none
}

.small-filter_labels input:checked+span:after {
    right: 100%;
    border-bottom: 24px solid #fc0404;
    border-left: 4px solid transparent
}

.small-filter_labels input:checked+span:before {
    border-top: 24px solid #fc0404;
    left: 100%;
    top: 0;
    border-right: 4px solid transparent
}

.small-filter_params {
    font-weight: 400;
    font-size: 12px;
    overflow: hidden;
    line-height: 1.2;
    margin: 0 0 5px;
    width: 100%;
}

.small-filter_params p {
    float: left;
    margin: 0 15px 0 0;
    color: #292f3a
}

.small-filter_params label {
    float: left;
    position: relative;
    overflow: hidden;
    margin: 10px 12px 0 0;
    cursor: pointer;
    padding: 1px 10px;
}

.small-filter_params label.active {
    background: #fc0404;
    color: #fff;
}

.small-filter_params label.active a {
    color: #fff;
}

.small-filter_params input {
    position: absolute;
    bottom: 100%;
    right: 100%;
    opacity: 0;
    visibility: hidden
}

.small-filter_in {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin: 0 0 12px;*/
    gap: 10px;
    align-items: flex-end;
    justify-content: space-between;
}

#avtomobilgore.small-filter_in,
#mpaket.small-filter_in{
    display: none;
}

.small-filter_in .item {
    min-width: 20%;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
}

.small-filter_in label {
    display: none;
    margin: 0 0 5px;
    color: #292f3a
}

.small-filter_in .select2-selection__rendered {
    padding: 10px 9px;
    background: #fff;
    font-size: 14px;
    line-height: 13px !important;
}

.small-filter_in .select2-selection {
    height: 30px;
}

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

    .title-item {
        font-size: 40px
    }

    /*.small-filter {*/
    /*    margin: 0 20px 50px*/
    /*}*/
}

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

    .title-item {
        font-size: 36px
    }

    .title-item {
        margin: 0 0 25px
    }

    .footer_right .social a:not(:hover) path {
        fill: #fff
    }

    .small-filter .btn:after {
        border-bottom-width: 33px
    }

    .small-filter_labels input:checked+span:after,
    .small-filter_labels span:after {
        border-bottom-width: 20px
    }

    .small-filter .btn:before {
        border-top-width: 33px
    }

    .small-filter_labels input:checked+span:before,
    .small-filter_labels span:before {
        border-top-width: 20px
    }

    .title-item.small {
        font-size: 36px
    }

    /*.small-filter {*/
    /*    padding: 27px 0 29px;*/
    /*    margin: 0 20px 46px*/
    /*}*/

    .small-filter .title-item {
        margin: 0 0 8px
    }

    .small-filter .btn {
        height: 33px;
        padding: 5px 15px;
        margin: 0;
        width: 100%;
    }

    .small-filter_labels {
        margin: 0 0 15px
    }

    .small-filter_labels span {
        font-size: 12px;
        padding: 0 10px;
        height: 20px;
        margin: 0 3px 4px;
        line-height: 20px
    }

    .small-filter_labels input:checked+span {
        height: 20px;
        display: flex;
        align-items: center;
    }

    .small-filter_in .select2-selection__rendered {
        font-size: 14px;
        padding: 6px 9px
    }

    .small-filter_in .select2-selection {
        height: 34px
    }
}

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

    .title-item {
        font-size: 24px;
        line-height: 1
    }

    .select2 {
        width: 100% !important;
    }

    .small-filter_labels input:checked+span:after,
    .small-filter_labels span:after {
        border-bottom-width: 24px
    }

    .small-filter_labels input:checked+span:before,
    .small-filter_labels span:before {
        border-top-width: 24px
    }

    .small-filter_params {
        font-size: 14px;
        flex-direction: column;
        display: flex;
        gap: 10px;
    }
    .products .swiper-wrapper {
        margin-bottom: 35px;
    }
    /*.small-filter {*/
    /*    padding: 27px 0 29px;*/
    /*    margin: 0 0 52px*/
    /*}*/

    .small-filter .title-item {
        margin: 0 0 12px
    }

    .small-filter .btn {
        width: 100%;
        display: block;
        height: 44px
    }

    .small-filter .btn:after {
        border-bottom-width: 44px
    }

    .small-filter .btn:before {
        border-top-width: 44px
    }

    .title-item.small {
        font-size: 25px;
    }

    .small-filter_labels {
        margin: 0 -5px 12px 0
    }

    .small-filter_labels input:checked+span {
        height: 24px
    }

    .small-filter_labels span {
        font-size: 12px;
        padding: 0 15px;
        margin: 0 5px 5px;
        height: 24px;
        line-height: 24px
    }

    .small-filter_params p {
        margin: 0 12px 0 0
    }

    .small-filter_params label {
        margin: 0 14px 0 0
    }

    .small-filter_in .item {
        margin: 0 0 15px
    }
}

/* advantages */

#advantages {
    padding: 3rem 0;
    margin-top: 3rem;
    background-color: #eee;
}

.promoblock-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 30px 0;
    background-size: cover;
    text-align: center
}

@media (max-width: 1199px) {
    .promoblock-wrapper {
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    .promoblock-wrapper .promoblock {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.promoblock-wrapper .swiper__nav-back,
.promoblock-wrapper .swiper__nav-next {
    margin-top: -30px
}

.promoblock {
    display: block;
    overflow: hidden;
    height: 312px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: var(--color-black);
    transition: .5s all ease;
}

.advantages_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1024px) {
    .promoblock {
        height: 342px
    }
}

.promoblock.feedback {
    background-color: var(--color-header-bg-light)
}

.promoblock.addresses,
.promoblock.tire-fitting {
    background-color: #dfe9f2
}

.promoblock.addresses .promoblock__content .promoblock__title {
    color: var(--color-black)
}

.promoblock:not(:last-of-type) {
    margin-right: 29px
}

@media (max-width: 1199px) {
    .promoblock:not(:last-of-type) {
        margin-right: 10px
    }
}

@media (max-width: 767px) {
    .promoblock:not(:last-of-type) {
        margin-right: 0
    }
}

.promoblock__content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 40px;
    /*justify-content: space-between;*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 40px
}

@media (max-width: 1023px) {
    .promoblock__content {
        padding: 20px 22px
    }
}

@media (max-width: 767px) {
    .promoblock__content {
        padding: 20px 14px
    }
}

.promoblock:hover {
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 7px 7px -2px rgba(0, 0, 0, .25);
    box-shadow: 0 7px 7px -2px rgba(0, 0, 0, .25);
    color: var(--color-black)
}

.promoblock_content-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.promoblock_content-left .promoblock__content {
    text-align: left
}

.promoblock_content-middle {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-align: center;
    -webkit-box-pack: center
}

.promoblock_content-middle,
.promoblock_content-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.promoblock_content-right {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-align: center;
    -webkit-box-pack: center
}

.promoblock__title {
    text-align: center;
    font-size: 22px;
    line-height: 1.14;
}

@media (max-width: 1199px) {
    .promoblock__title {
        line-height: 1.27
    }
}

@media (max-width: 767px) {
    .promoblock__title {
        font-size: 20px
    }
}

.promoblock__text {
    font-size: 14px
}

.promoblock__text img {
    max-height: 143px;
    width: 100%;
    height: 100%;
    /*margin-top: 45px;*/
    -o-object-fit: contain;
    object-fit: contain
}

.promoblock__text_bold {
    font-size: 18px;
    font-weight: 700
}

.promoblock__text .rating-with-count {
    margin-bottom: -20px
}

.promoblock_dark-bg {
    color: var(--color-white)
}

.promoblock__image {
    display: none;
    max-width: 100%;
    max-height: 100%
}

.promoblock .kd-btn {
    width: 205px;
    padding: 0 20px;
    margin-top: 15px;
    font-size: 16px;
    background: #fc0404;
    border-color: transparent;
    color: #fff;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    transition: .5s all ease;
}

.promoblock .kd-btn:hover {
    opacity: .5;
    border-color: transparent
}

@media (max-width: 1023px) {
    .promoblock .kd-btn {
        width: 100%;
        max-width: unset;
        font-size: 14px
    }
}

.promoblock .promoblock_content__icon {
    fill: var(--color-secondary)
}

.promoblock_dark-bg:hover {
    color: var(--color-white)
}

.promoblock__image_battery {
    height: auto
}

@media (max-width: 1023px) {
    .promoblock__image_battery {
        width: auto;
        max-height: 125px
    }
}

.promoblock__image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.promoblock__img-text {
    margin-left: 10px;
    font-size: 22px
}

/* adv end */

/* products */

#products {
    padding: 3rem 0;
}
#products .swiper-slide:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
#products .swiper {
    padding: 3rem 0;
}

.product {
    height: 275px;
    border: 1px solid #f1f1f1;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 3px #e7e7e7;
    transition: all .3s ease-in-out;
    /*background: #eee;*/
}

.product .title h3 {
    font-size: 20px;
    font-weight: 600;
    color: #fc0404;
    text-decoration: none;
    margin-bottom: 10px;
    line-height: 19px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.product .info {
    position: absolute;
    left: 0;
    top: 0;
    right: 55px;
    bottom: 0;
    padding: 15px;
    z-index: 100;
}

/*.product .cell {*/
/*    height: 70px;*/
/*}*/

.product .title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.product .title a,
.product .title span.a {
    font-size: 13px;
    font-weight: 600;
    color: #353536;
    text-decoration: none;
    line-height: 19px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.catIcon {
    width: 38px;
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 50%;
    left: 7%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.product .size {
    font-size: 12px;
    margin-bottom: 15px;
}

.swiper.endirimli .product .size {
    margin-bottom: 15px;
}

.stokcheck {
    position: absolute;
    top: 64px;
    right: 0;
    font-size: 10px;
    /*border: 2px solid #ff000038;*/
    background: green;
    color: #fff;
}

.classchoose {
    position: absolute;
    top: 43px;
    right: 0;
    font-size: 10px;
    /*border: 2px solid #ff000038;*/
    background: #fc0404;
    color: #fff;
}

.product_flag_icons {
    gap: 20px
}

.tire-cards-container .stokcheck {
    top: 17px !important;
}

.tire-cards-container .stokcheck {
    top: 40px;
}

.stokcheck.no {
    background: #fc0404;
}

.stokcheck.yes {
    background: green;
}

.stokcheck span,
.classchoose span {
    padding: 10px;
}

.product .size span,
.products.grid .m-info .load,
.products.grid .m-info .index,
.products.grid .m-info .runflat {
    font-size: 13px;
}

.product_flag {
    position: absolute;
    bottom: 20px;
    left: 17px;
    display: flex;
    flex-direction: column;
}

.tire-cards-container .product_flag {
    justify-content: flex-end;
    align-items: flex-start;
    z-index: 555;
    position: unset;
    padding: 0 !important;
    flex-direction: row;
    gap: 10px;
}

.product_flag span {
    visibility: hidden;
    opacity: 0;
    font-size: 15px;
    font-weight: 600;
    transition: .5s all ease;
}

.tire-cards-container .product_flag span {
    display: none;
}

.tire-cards-container .product_flag:hover span {
    display: block;
}

.product_flag:hover span {
    visibility: visible;
    opacity: 1;
}

.product_flag img {
    box-shadow: 1px 1px 10px 2px #00000057;
    width: 50px;
    height: 30px;
}

.tire-cards-container .product_flag img {
    width: 35px;
    height: 20px;
}

.tire-cards-container .brand {
    height: 24px;
}

.product .price {
    font-size: 28px;
    line-height: 20px;
    margin-bottom: 2px;
    /*padding-top: 25px;*/
}

.price.from .endirimliqiymet {
    font-size: 28px !important;
    margin-left: 10px;
}

.product .price.crossed-text {
    opacity: .2;
}

.crossed-text {
  position: relative;
  display: inline-block;
  color: #000;
  font-size: 20px;
  padding: 4px;
}

.crossed-text::before,
.crossed-text::after {
  content: '';
position: absolute;
top: 13px;
left: -2px;
width: 80%;
height: 2px;
background-color: #fc0404;
transform-origin: center;
}

.swiper-pagination-bullet-active {
    background: #fc0404;
}

.crossed-text::before {
  display: none;
}

.crossed-text::after {
  
    transform: rotate(-22deg);
}


.product .price span {
    font-size: 16px;
}

#tests-block-info .rating.r5,
.rating.r5 {
    background-position-x: -76px;
}

.rating {
    background: url(/img/rating-stars.png);
    background: url(/img/stars.svg);
    display: inline-block;
    height: 12px;
    background-repeat: no-repeat;
    width: 73px;
    margin-top: 10px;
    margin-bottom: 0;
    background-size: 149px;
    background-position-x: -2px;
}

.rcount {
    cursor: default;
}
.product .brand img {
    /*max-height: 20px;*/
    /*max-width: 84px;*/
    width: 100px;
    object-fit: contain;
    object-position: left;
}

.product .season.winter {
    background: url(/img/snowflake.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
}

.product .season {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 12px;
    right: 12px;
}

.product .img {
    position: absolute;
    right: 0px;
    z-index: 110;
    bottom: 0px;
    width: 150px;
}

.product.fetch {
    height: unset;
}

.product.fetch:hover {
    transform: scale(1.05);
}

.product.fetch .img {
    width: 150px;
}

.product.fetch h2 {
    font-size: 24px;
    margin-bottom: 20px;
}

.product.fetch p {
    background: #eee;
    margin-bottom: 10px;
    width: 100%;
    padding: 6px;
    font-size: 15px;
}

.product.fetch .info {
    position: unset;
}

.product.fetch .img img {
    width: 100%;
    object-fit: contain;
}

a.open-big-photo {
    display: block;
}

.grid a.open-big-photo:not(.load):before {
    top: 42%;
    right: 45%;
}

a.open-big-photo:not(.load):before {
    content: "";
    display: inline-block;
    position: absolute;
    right: 50%;
    top: 50%;
    height: 52px;
    width: 52px;
    /*background: url(/img/show-big-img.svg) rgba(0, 0, 0, .5);*/
    background-repeat: no-repeat;
    background-position: 14px 12px;
    border-radius: 100px;
    padding: 14px 12px 12px 14px;
    margin: -26px -10px 0 0;
    box-shadow: 0 0 1px #34353c;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    box-sizing: border-box;
    z-index: 201;
    opacity: 0;
}

.swiper-pagination-bullet {
    width: 36px;
    height: 8px;
    border-radius: 0;
}

/* video section */

#video {
    padding-top: 3rem;
}

#video video {
    height: 100vh;
    object-fit: cover;
    width: 100%;
}

#video h2 {
    font-size: 52px;
    font-weight: 800;
}

.scroll-expand-section {
    background: #f7f7f7;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.expand-box {
    width: 400px;
    /* Başlanğıc genişlik */
    max-width: 100%;
    /* Limit */
    height: 100%;
    background: #222;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    box-sizing: border-box;
}

/* video end */

/* yenilikler */

.style_scrollCard__PaVa5 {
    overflow: hidden;
    /*max-width: 100vw*/
}

.style_scrollCard__bgblack__yd_mh,.style_scrollCard__bgblack__yd_mh .style_scrollCard__title__76jyk>* {
    background-color: #1f1f1f
}

.style_scrollCard__header__C1sPy {
    box-sizing: border-box;
    max-width: 1450px;
    margin: 0 auto;
    padding: 0
}

@media only screen and (max-width: 1799px) {
    .style_scrollCard__header__C1sPy {
        max-width:none;
        padding: 0 120px
    }
}

@media only screen and (max-width: 1199px) {
    .style_scrollCard__header__C1sPy {
        padding:0 40px
    }
}

@media only screen and (max-width: 1023px) {
    .style_scrollCard__header__C1sPy {
        padding:0 24px
    }
}

@media only screen and (max-width: 767px) {
    .style_scrollCard__header__C1sPy {
        padding:0 20px
    }
}

@media only screen and (min-width: 768px) {
    .style_scrollCard__header__C1sPy {
        margin-bottom:32px
    }
}

.style_scrollCard__title__wrapper__Iz0zS {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    align-items: center
}

.style_scrollCard__title__76jyk {
    flex: 1 1 0;
    min-width: 0;
    color: var(--neutral_950);
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .style_scrollCard__title__76jyk {
        font-size:40px;
        line-height: 48px
    }
}

.style_scrollCard__maintitle__r_1nT {
    position: relative;
    z-index: 1
}

.style_scrollCard__paginator__15N19 {
    display: flex;
    flex: 0 0 auto;
    max-width: 100%;
    padding-left: 16px
}

.style_scrollCard__paginator__15N19 button:first-child {
    margin: 0 8px 0 0
}

@media only screen and (max-width: 767px) {
    .style_scrollCard__paginator__15N19 {
        width:100%;
        margin-top: 16px;
        justify-content: center;
        padding-bottom: 20px;
    }

    .style_scrollCard__paginator__15N19 button:first-child {
        margin: 0 12px 0 0
    }
}

.style_scrollCard__slider___7Mt9 {
    overflow-x: visible;
    max-width: 1450px;
    /*margin: 0 auto;*/
    padding: 0
}

@media only screen and (max-width: 1799px) {
    .style_scrollCard__slider___7Mt9 {
        /*max-width:none;*/
        padding: 0 120px
    }
}

@media only screen and (max-width: 1199px) {
    .style_scrollCard__slider___7Mt9 {
        padding:0 40px
    }
}

@media only screen and (max-width: 1023px) {
    .style_scrollCard__slider___7Mt9 {
        padding:0 24px
    }
}

@media only screen and (max-width: 767px) {
    .style_scrollCard__slider___7Mt9 {
        padding:0 20px
    }
}

.style_scrollCard__slider___7Mt9 .swiper-wrapper {
    align-items: flex-end
}

.style_scrollCard__slider___7Mt9>div {
    /*overflow: visible*/
}

.style_scrollCard__slider___7Mt9>div .swiper-slide {
    height: auto;
}





.style_scrollCard__slider___7Mt9>div .swiper-slide>a>div {
    height: 100%
}

.style_scrollCard__slider___7Mt9>div .swiper-slide.style_xHover__dQDTb {
    transition: all .2s ease-out
}

@media only screen and (min-width: 992px) {
    .style_scrollCard__slider___7Mt9>div .swiper-slide.style_xHover__dQDTb:hover {
        box-shadow:0 12px 16px -4px rgba(31,31,31,.1),0 4px 6px -2px rgba(31,31,31,.05);
        transform: scale(1.01)
    }
}

.style_scrollCard__slider__col__pcQHw {
    box-sizing: border-box;
    transition: all .2s
}

.style_scrollCard__scrollbar__QR_gG {
    display: none;
    height: 4px!important;
    background: rgba(0,0,0,.05)!important;
    border-radius: 4px!important;
    box-sizing: border-box;
    margin: 32px auto 0;
    width: 140px;
    text-decoration: none
}

@media only screen and (min-width: 768px) {
    .style_scrollCard__scrollbar__QR_gG {
        display:block;
        margin: 32px auto 0;
        width: 400px
    }
}

.style_scrollCard__scrollbar__QR_gG>div {
    height: 4px!important;
    background: rgba(0,0,0,.5)!important;
    border-radius: 4px!important;
    cursor: -webkit-grab;
    cursor: grab
}

.style_scrollCard__scrollbar__QR_gG>div:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

@media only screen and (min-width: 992px) {
    .style_scrollCard__scrollbar__QR_gG:hover>div {
        background:rgba(0,0,0,.8)!important
    }
}

.style_scrollCard__bgblack__yd_mh .style_scrollCard__scrollbar__QR_gG {
    background: hsla(0,0%,100%,.05)!important
}

.style_scrollCard__bgblack__yd_mh .style_scrollCard__scrollbar__QR_gG>div {
    background: hsla(0,0%,100%,.5)!important
}

@media only screen and (min-width: 992px) {
    .style_scrollCard__bgblack__yd_mh .style_scrollCard__scrollbar__QR_gG:hover>div {
        background:hsla(0,0%,100%,.8)!important
    }
}

.style_scrollCard__slider--3__0GaIs .style_scrollCard__slider__col__pcQHw {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .style_scrollCard__slider--3__0GaIs .style_scrollCard__slider__col__pcQHw {
        width:calc(50% - 8px)
    }
}

@media only screen and (min-width: 1024px) {
    .style_scrollCard__slider--3__0GaIs .style_scrollCard__slider__col__pcQHw {
        width:calc(33.33% - 11px)
    }
}

@media only screen and (min-width: 1200px) {
    .style_scrollCard__slider--3__0GaIs .style_scrollCard__slider__col__pcQHw {
        width:calc(33.33% - 11px)
    }
}

@media only screen and (min-width: 1300px) {
    .style_scrollCard__slider--3__0GaIs .style_scrollCard__slider__col__pcQHw {
        width:calc(33.33% - 16px)
    }
}

@media only screen and (min-width: 1800px) {
    .style_scrollCard__slider--3__0GaIs .style_scrollCard__slider__col__pcQHw {
        width:calc(33.33% - 21px)
    }
}

.style_tab__header__menu__mg4Im:focus-visible {
    border-radius: 4px;
    box-shadow: inset 0 0 0 2px var(--neutral_950);
    padding-left: 8px;
    padding-right: 8px
}

.style_CardHome___Pj5u {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    background: #fcfcfc;
    aspect-ratio: .8
}

@supports not (aspect-ratio: 1/1) {
    .style_CardHome___Pj5u:before {
        float:left;
        padding-top: calc(100%*5/4);
        content: ""
    }

    .style_CardHome___Pj5u:after {
        display: block;
        content: "";
        clear: both
    }
}

@media only screen and (min-width: 992px) {
    .style_CardHome___Pj5u {
        aspect-ratio:.8
    }

    @supports not (aspect-ratio: 1/1) {
        .style_CardHome___Pj5u:before {
            float:left;
            padding-top: calc(100%*5/4);
            content: ""
        }

        .style_CardHome___Pj5u:after {
            display: block;
            content: "";
            clear: both
        }
    }
}

@media only screen and (min-width: 1440px) {
    .style_CardHome___Pj5u {
        aspect-ratio:.8
    }

    @supports not (aspect-ratio: 1/1) {
        .style_CardHome___Pj5u:before {
            float:left;
            padding-top: calc(100%*5/4);
            content: ""
        }

        .style_CardHome___Pj5u:after {
            display: block;
            content: "";
            clear: both
        }
    }
}

@supports not (aspect-ratio: 1/1) {
}

@media only screen and (min-width: 992px) {

    @supports not (aspect-ratio: 1/1) {
    }
}

@media only screen and (min-width: 1440px) {

    @supports not (aspect-ratio: 1/1) {
    }
}

@supports not (aspect-ratio: 1/1) {
}

@media only screen and (min-width: 992px) {

    @supports not (aspect-ratio: 1/1) {
    }
}

@supports not (aspect-ratio: 1/1) {
}

@media only screen and (min-width: 768px) {

    @supports not (aspect-ratio: 1/1) {
    }
}

@media only screen and (min-width: 992px) {

    @supports not (aspect-ratio: 1/1) {
    }
}

@media only screen and (min-width: 1300px) {

    @supports not (aspect-ratio: 1/1) {
    }
}

.style_CardHome___Pj5u.style_CardHome--path__b6tDh {
    cursor: pointer
}

@media only screen and (min-width: 768px) {

    @supports not (aspect-ratio: 1/1) {
    }
}

.style_CardHome__overlay__29HTj {
    position: absolute;
    z-index: 2;
    background: linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.1));
    opacity: .7;
    width: 100%;
    height: 100%
}

.style_CardHome--dark__GnXNx {
    background-color: var(--neutral_950)
}

.style_CardHome__content__lCH_q {
    box-sizing: border-box;
    padding: 28px 16px;
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

@media only screen and (min-width: 768px) {
    .style_CardHome__content__lCH_q {
        padding:28px 24px
    }
}

@media only screen and (min-width: 1300px) {
    .style_CardHome__content__lCH_q {
        padding:32px 24px
    }
}

@media only screen and (min-width: 1920px) {
    .style_CardHome__content__lCH_q {
        padding:44px 24px
    }
}

.style_CardHome__text__subtitle__wwSCu {
    margin-top: 16px
}

.style_CardHome__img__YBVsT {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden
}

.style_linkContainer__iqyMK:focus-visible .style_CardHome___Pj5u {
    outline-offset: 2px;
    outline-style: solid
}

.style_linkContainer__iqyMK.style_bgdark__qdjZN:focus-visible .style_CardHome___Pj5u {
    outline-color: #fff
}

.componentPadding {
    margin: 0 auto;
    padding: 100px 0
}

@media only screen and (max-width: 1799px) {
    .componentPadding {
        padding:80px 0
    }
}

@media only screen and (max-width: 1199px) {
    .componentPadding {
        padding:60px 0
    }
}

@media only screen and (max-width: 1023px) {
    .componentPadding {
        padding:48px 0
    }
}

@media only screen and (max-width: 767px) {
    .componentPadding {
        padding:40px 0
    }
}

.componentMargin {
    /*margin: 0 auto 100px*/
    width: 100%;
}

@media only screen and (max-width: 1799px) {
    .componentMargin {
        /*margin:0 auto 80px;*/
    }
}

@media only screen and (max-width: 1199px) {
    .componentMargin {
        margin:0 auto 60px
    }
}

@media only screen and (max-width: 1023px) {
    .componentMargin {
        margin:0 auto 48px
    }
}

@media only screen and (max-width: 767px) {
    .componentMargin {
        margin:0 auto 40px
    }
}

.style_cta-primary__yh1uX:focus-visible {
    outline-offset: 2px;
    outline-style: solid
}

.style_cta-primary__yh1uX.style_cta__bglight__Q8lDX:focus-visible {
    outline: 2px solid #1f1f1f;
    outline-offset: 2px
}

.style_cta-primary__yh1uX.style_cta__bgdark__kBdyF:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px
}

.style_cta-primary__yh1uX.style_cta__bgyellow__eOAHA:focus-visible {
    outline: 2px solid #1f1f1f;
    outline-offset: 2px
}

.style_cta-primary__yh1uX.style_cta__bgelect__FWupx:focus-visible {
    outline: 2px solid #1f1f1f;
    outline-offset: 2px
}

.style_cta-primary__yh1uX.style_cta__bgevent__sb_AU:focus-visible {
    outline: 2px solid #1f1f1f;
    outline-offset: 2px
}

.style_cta-secondary__sy1V1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    text-align: center;
    border-radius: 4px;
    transition: all .3s ease;
    box-sizing: border-box;
    max-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.style_cta-secondary__sy1V1:not(.style_disableHover__SDWiD) {
    cursor: pointer
}

.style_cta-secondary__sy1V1 path {
    transition: all .3s ease
}

.style_cta-secondary__sy1V1:focus-visible {
    outline-offset: 2px;
    outline-style: solid
}

.style_cta-secondary__sy1V1.style_cta__bglight__Q8lDX:focus-visible {
    outline: 2px solid #1f1f1f;
    outline-offset: 2px
}

.style_cta-secondary__sy1V1.style_cta__bgdark__kBdyF {
    border: 1px solid #707070;
    color: #fcfcfc;
    background-color: #1f1f1f;
    text-decoration: none
}

.style_cta-secondary__sy1V1.style_cta__bgdark__kBdyF path:not(.invertHover) {
    stroke: #fcfcfc
}

@media only screen and (min-width: 1024px) {
    .style_cta-secondary__sy1V1.style_cta__bgdark__kBdyF:not(.style_disableHover__SDWiD):hover {
        color:#fcfcfc;
        background-color: #323232;
        border-color: #ccc
    }

    .style_cta-secondary__sy1V1.style_cta__bgdark__kBdyF:not(.style_disableHover__SDWiD):hover path:not(.invertHover) {
        stroke: #fcfcfc
    }
}

.style_cta-secondary__sy1V1.style_cta__bgdark__kBdyF:not(.style_disableHover__SDWiD):active {
    color: #fcfcfc;
    background-color: #424242;
    border-color: #ccc
}

.style_cta-secondary__sy1V1.style_cta__bgdark__kBdyF:not(.style_disableHover__SDWiD):active path:not(.invertHover) {
    stroke: #fcfcfc
}

.style_cta-secondary__sy1V1.style_cta__bgdark__kBdyF:focus-visible {
    outline: 2px solid #fcfcfc;
    outline-offset: 2px
}

.style_cta-secondary__sy1V1.style_cta__bgyellow__eOAHA:focus-visible {
    outline: 2px solid #1f1f1f;
    outline-offset: 2px
}

.style_cta-secondary__sy1V1.style_cta__sizelg__iDUX5 {
    min-height: calc(42px + 2px);
    white-space: nowrap;
    padding: 0 16px
}

.style_cta-ghost__Kak_O:focus-visible {
    outline-offset: 2px;
    outline-style: solid
}

.style_cta-ghost__Kak_O.style_cta__bglight__Q8lDX:focus-visible {
    outline: 2px solid #1f1f1f;
    outline-offset: 2px
}

.style_cta-ghost__Kak_O.style_cta__bgdark__kBdyF:focus-visible {
    outline: 2px solid #fcfcfc;
    outline-offset: 2px
}

.style_cta-ghost__Kak_O.style_cta__bgyellow__eOAHA:focus-visible {
    outline: 2px solid #1f1f1f;
    outline-offset: 2px
}

.style_cta__bgimg__rY0vQ:focus-visible {
    outline-offset: 2px;
    outline: 2px solid #fcfcfc
}

.style_ctaOnlyIcon__TYeK7:not(.style_fullIcon__A5YxT) {
    padding: 0;
    font-size: 0!important;
    line-height: 0!important
}

.style_ctaOnlyIcon__TYeK7:not(.style_fullIcon__A5YxT).style_cta__sizelg__iDUX5 {
    width: calc(42px + 2px);
    flex-shrink: 0
}

.style_cta__button__MRxy_ {
    display: flex;
    margin-left: 10px
}

.style_ctaOnlyIcon__TYeK7 .style_cta__button__MRxy_ {
    margin-left: 0;
    margin-right: 0
}

/* yenilikler son */

/* faq */

#faq {
    padding: 3rem 0;
}

.resources-item-wrapper .description {
    margin-left: 10px;
    padding-bottom: 10px;
    font-size: 17px;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.f33 {
    flex: 1 1 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
}

.f66 {
    flex: 1 1 66.66666%;
    width: 66.66666%;
    max-width: 66.66666%;
}

.fb {
    font-weight: 400;
}

.btn-hover {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    padding: 0.9375rem 1.5rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    background: #fc0404;
    border: none;
    border-radius: 48px;
    cursor: pointer;
}

.btn-hover:hover,
.btn-hover:active,
.btn-hover:focus {
    background-color: #AA284B;
}

.link {
    position: relative;
    display: block;
    margin-bottom: 1.5rem;
    padding-inline: 1.5rem 3.125rem;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.2;
}

.link:after {
    content: "";
    position: absolute;
    top: 0;
    right: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    background: url(/img/arrow-red.svg) no-repeat 50% 50%;
    transition: all 0.3s ease;
}

.link-hover-red:hover,
.link-hover-red:active,
.link-hover-red:focus {
    color: #D1325E;
}

@media screen and (max-width: 760px) {
    .over {
        font-size: 18px;
    }
    .footer-menu ul {
        flex-direction: column;
        margin: 2.5rem 0 !important;
    }

    .f33 {
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
    }
}

/* Header */

/* END Header */

/* Modal styling */
    .modal {
        display: none;
        position: fixed;
        z-index: 5555;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.4);
        padding-top: 60px;
    }

    .modal-content:not(#exampleModal .modal-content) {
        background-color: #fefefe;
        margin: 5% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 40%;
    }
    
    #selected-options p {
        background: #eee;
        margin: 10px 0;
        padding: 10px;
    }
    
    #selected-options span {
        font-weight: bold;
    }

    .close-btn {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

    .close-btn:hover,
    .close-btn:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }
    
    select:disabled ~ span .selection {
        opacity: .5;
    }

/* Main page */

.resources .f33 {
    padding-right: 0.75rem;
}

.resources .f66 {
    position: relative;
    padding-left: 0.75rem;
}

.resources .f66:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0.75rem;
    z-index: 1;
    width: calc(100% - 2.75rem);
    height: 3.125rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, #FFF 87.5%);
}

.resources-desc {
    padding: 3.25rem 1.5rem 1.5rem;
    font-size: 24xp;
    text-align: center;
    line-height: 1.2;
    background-color: #F5F5F5;
    border-radius: 20px;
}

.resources-desc .desc {
    margin-block: 2.75rem 3rem;
    letter-spacing: -0.72px;
}

.resources picture {
    justify-content: center;
}

.resources .btn-hover {
    width: 100%;
}

.resources-items {
    max-height: 502px;
    padding-right: 2rem;
    padding-bottom: 3.125rem;
    overflow-y: auto;
}

.resources-item {
    margin-bottom: 1rem;
    padding: 1.5625rem 3.75rem 1.5625rem 1.5rem;
    background-color: #F5F5F5;
    border-radius: 36px;
}

.resources-item:hover:after,
.resources-item:active:after,
.resources-item:focus:after {
    transform: rotate(45deg);
}

.resources-item:last-child {
    margin-bottom: 0;
}

.resources-item:after {
    top: 1rem;
    right: 1rem;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #fff;
    border-radius: 50%;
}

@media screen and (max-width: 768px) {
    .resources .flex {
        flex-direction: column;
        align-items: center;
        gap: 32px;
    }

    .resources .flex .f33 {
        max-width: 100%;
        width: 100%;
    }

    .resources .flex .f66 {
        max-width: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .resources.m80 {
        margin-block: 0;
    }
}

/* footer */

.footer {
    padding-block: 2.5rem 1.5rem;
    background-color: #F5F5F5;
    border-radius: 40px 40px 0px 0px;
}

.footer-banner {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 100%;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.footer-banner .banner {
    max-width: 175px;
    width: 100%;
}

.footer-banner .banner img {
    max-width: 175px;
    width: 100%;
}

.footer-banner__links {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

.footer-banner__links a {
    color: #989898;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: underline;
}

.footer-top.flex {
    row-gap: 32px;
}

.footer .contacts-container {
    display: flex;
    flex-grow: 1;
}

.footer-info-container {
    max-width: 547px;
    width: 100%;
    display: flex;
}

.footer-logo {
    flex: 1 1 175px;
    width: 175px;
    max-width: 175px;
    height: 82px;
    max-height: 82px;
}

.footer-logo img {
    object-fit: contain;
}

.footer .company-name {
    flex: 1 1 68%;
    width: 68%;
    max-width: 68%;
    padding-inline: 1.5rem 0.8125rem;
    font-size: 0.875rem;
}

.footer-phone,
.footer-email {
    font-size: 1.125rem;
}

.footer-phone a,
.footer-email a {
    display: block;
    color: #fc0404;
}

.footer-email {
    padding-inline: 4.375rem 0.9375rem;
}

.footer-socials {
    margin-left: auto;
}

.footer-socials i {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    font-size: 20px;
}

.footer-menu ul {
    justify-content: space-between;
    row-gap: 16px;
    margin: 2.5rem -0.9375rem;
}

.footer-menu li {
    padding-inline: 0.9375rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.2;
    list-style: none;
}

.footer-menu li a:hover,
.footer-menu li a:active,
.footer-menu li a:focus {
    color: #fc0404;
}

.footer-bvi {
    width: 100%;
    justify-content: center;
    margin-bottom: 1.5rem;
    padding: 1.40625rem 0.9375rem;
    font-weight: 600;
    background-color: #fff;
    border-radius: 100px;
    cursor: pointer;
    margin: 0 auto;
}

.footer-bvi img {
    margin-right: 1rem;
}


.footer-bottom,
.footer-bottom a {
    font-weight: 500;
    font-size: 13px;
    color: #989898;
}

.footer-bottom a {
    text-decoration: underline;
}

.footer-bottom-info {
    margin-right: 0.9375rem;
}

.footer-bottom-info .flex {
    margin-bottom: 0.5rem;
}

.footer-bottom-info .flex div:first-child {
    margin-right: 1.5rem;
}

.footer-bottom-add-info {
    text-align: right;
}

.footer-bottom .created-by {
    margin-top: 0.5rem;
}

.socials {
    margin-right: -0.25rem;
}

.socials a {
    width: 3rem;
    height: 3rem;
    margin-inline: 0.25rem;
    border-radius: 50%;
}

.socials a:hover,
.socials a:active,
.socials a:focus {
    border: 1px solid #fc0404;
}

/*.socials a.telegram {*/
/*    background: #fff url(../img/telegram.svg) no-repeat 50% 50%;*/
/*}*/

/*.socials a.ok {*/
/*    background: #fff url(../img/ok.svg) no-repeat 50% 50%;*/
/*}*/

/*.socials a.vk {*/
/*    background: #fff url(../img/vk.svg) no-repeat 50% 50%;*/
/*}*/

@media screen and (max-width: 968px) {
    .footer-bottom {
        flex-direction: column;
        align-items: center !important;
        gap: 16px;
    }

    .footer-bottom-info {
        text-align: center;
    }

    .footer-bottom-info .flex {
        justify-content: space-between;
    }

    .footer-bottom-add-info {
        text-align: center;
    }
}

@media screen and (max-width: 700px) {
    .footer-info-container {
        max-width: 438px;
    }

    .footer-top {
        flex-direction: column;
        align-items: center;
    }

    .footer-top .contacts-container {
        max-width: 100%;
        width: 100%;
        justify-content: space-between;
        gap: 16px;
    }

    .footer-top .company-name {
        max-width: 60%;
    }

    .footer-email {
        padding: 0;
    }

    .footer-socials {
        margin: 0;
    }
}

@media screen and (max-width: 650px) {
    .footer-top .contacts-container {
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }
}

@media screen and (max-width: 500px) {
    .footer-top .footer-info-container {
        flex-direction: column;
        align-items: center;
        gap: 16px;
        text-align: center;
    }

    .footer-banner {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
}

/* END Media */

/* wrapper codes */

.wrapper {
    width: 100%;
}

@media (min-width: 576px) {
    .wrapper {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .wrapper {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .wrapper {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .wrapper {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .wrapper {
        max-width: 1320px;
    }
}

@media (min-width: 1500px) {
    .wrapper {
        max-width: 100%;
    }
}

@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1620px;
    }
    .wrapper {
        max-width: 1650px;
        width: 100%;
    }
    .small-filter {
        width: 100%;
        /*max-width: 1650px;*/
    }
    .m-header__container {
        max-width: 1650px;
    }
    .style_scrollCard__slider___7Mt9 {
       margin: 0 auto; 
    }
    
}

/* wrapper codes end */

@media screen and (max-width: 1400px) {
    .footer-info-container {
        max-width: 70%;
        align-items: center;
    }

    .footer .company-name {
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
    }

    .footer-top.flex {
        align-items: center;
    }
    
    /*.small-filter {*/
    /*    transform: translate(-57%);*/
    /*}*/
}

.select2-search.select2-search--dropdown {
    display: none;
}

@media screen and (max-width: 1400px) {
    .m-nav__list {
        gap: .5rem;
    }
    .product .title a, .product .title span.a{
        font-size: 11px;
    }
}


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

    .subtekerler .dropdownRightModel {
        width: 100%;
    }
    
    .small-filter {
        position: unset !important;
    }
    
    .blog-full-left-side {
        padding: 30px 0 0 0;
    }
    
    .innerGrid,
    .tire-cards-container,
    .tire-cards-container.mpaket {
        grid-template-columns: 1fr !important;
    }
    
    .fullBreadcrumb .over,
    .over {
        flex-wrap: wrap;
        text-align: center;
        line-height: 1.4;
    }
    
    .blog-full-left-side-blog-name img {
        border-radius: 0;
    }
    
    #video h2 {
        font-size: 22px;
    }
    
    /*.product_right {*/
    /*    padding-left: 0;*/
    /*}*/
    
    .catIcon {
        left: 0;
    }
}

@media screen and (max-width: 768px) {
    .m-header__search,.check_zem {
        display: none;
    }
    .m-mobile-menu__wrapper .check_zem {
        display: block;
        margin-top: 15px;
        width: 100%;
        padding-block: 15px;
    }
}
.partnorSlide {
    padding: 10px;
}
.partnorSlide img {
    /*transform: scale(1.2);*/
    width: 100%;
    height: 100%;
    object-fit: contain;
}
@media screen and (max-width: 1280px) {
    .h3, h3 {
        font-size: 1rem;
    }   
}
#results-container {
    margin-top: 40px;
}
#results-container .item {
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.small-filter.wow #umumisecimvemuxtelif .item>span:nth-child(2){
    display:none !important;
}
.logo_item {
    height: 37px;
    padding: 5px 11px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .07);
    border:1px solid #e7ecf1 !important;
}
#recordWrap {
    display: flex;
    gap: 25px;
}
#recordWrap .wpButton {
    width: 80%;
}
#countingWheel {
    display: flex;
    width: 90px;
    position:relative;
    border: 1px solid red;
    border-radius: 8px;
    padding: 5px;
}
#countingWheel span {
    position: absolute;
    top: 10px;
    font-size: 18px;
    cursor: pointer;
}
#desCount {
    left: 10px;
}
#plsCount {
    right: 10px;
}
#countingWheel input {
    width: 70%;
    padding: 10px;
    text-align: center;
    margin: auto;
    border: none;
}
#likeWheel{
    margin-top: 20px;
}
.write-mail {
    color: #fff;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 42px;
    border-width: 2px;
    background: #fc0404;
    border-radius: 8px;
}
#likeWheel {
    cursor: pointer;
}
#likeWheel.active svg{
    fill: red;
}
#creditCondition {
    background:#f5f5f7;
    padding: 5px 20px;
    line-height: 180%;
}
.apply_credit {
    background:#f5f5f7;
}
#creditCondition p{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000;
    font-weight: bold;
    cursor: pointer;
}
#creditCondList svg {
    opacity: .3;
}
#creditCondition li {
    position: relative;
    padding-left: 35px;
    color: #838383;
    font-size:13px;
}
#creditCondition li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    border-bottom: 1px solid #838383;
    width: 15px;
}
.product_right>p {
    font-size: 16px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all .2s ease-in-out;
}
#credit_form,
#creditCondList{
    height: 0px;
    overflow: hidden;
    transition: all .2s ease-in-out;
}
#credit_form.active{
    height: 300px;
}
#creditCondList.active {
    height: fit-content;
}
#buttonsProductContent {
    display: flex;
    gap: 15px;
    align-items:center;
    flex-wrap: wrap;
    margin-bottom: 25px;
    margin-top: 25px;
}
#credit_form textarea {
    resize: none;
}
#buttonsProductContent button {
    background: transparent;
    border: none;
    outline: none;
    position: relative;
    padding-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
    /*color: #d7d7d7;*/
    transition: all .2s ease-in-out;
}
#buttonsProductContent button:hover {
    color: #000;
}
#buttonsProductContent button::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #ff5722;
    width: 100%;
    opacity: 0;
    transition: all .2s ease-in-out;
}
#buttonsProductContent button.active-btn {
    color: #000;
}
#buttonsProductContent button:not(.active-btn):hover::after {
    border-bottom: 1px solid #d7d7d7;
    opacity: 1;
}
#buttonsProductContent button.active-btn::after {
    opacity: 1;
}

#productTable table {
    width: 100%;
}

#productTable thead th{
    padding: 10px;
}
#callFull {
    position: relative;
}
#callFullButton {
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px;
    background: #f9f9f9;
    justify-content: center;
    cursor: pointer;
    transition: all .2s ease-in-out;
    border: none;
    font-weight: bold;
    border: 2px solid #d4d4d4;
}
#callFull:hover {
    background: #f5f5f7;
}
#moreCallFull {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    background: red;
    width: 100%;
    height: fit-content;
    padding: 0px 25px 20px;
    z-index: 99;
    background: #fff;
    box-shadow: 0px 0px 12px #3332;
    flex-direction: column;
}
#moreCallFull.active {
    display: flex;
}
#moreCallFull small {
    font-size: 12px;
}
#moreCallFull p,
#moreCallFull hr{
    margin-top: 15px;
}
#moreCallFull p a,
#moreCallFull p span {
    font-size: 14px;
}
#moreCallFull p:nth-child(1) a{
    font-size: 18px !important;
}
#moreCallFull .d-flex {
    flex-direction: column;
}

/*full story advantages*/
.product-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    list-style: none;
    padding: 0;
    margin-top: 50px;
}

@media only screen and (max-width: 992px) {
    .product-features {
        grid-template-columns: 1fr;   
    }
    
    .kd-product-slider {
        height: unset;
    }
    
    .product-offer {
        min-height: unset;   
    }
}

.product-feature {
    margin: 0;
    padding: 30px;
    border: 1px solid #e6eef1;
    border-radius: 5px;
    transition: background ease .2s;
    cursor: pointer;
}
.product-feature__icon {
    display: flex;
    margin-bottom: 20px;
    width: 80px;
    height: 80px;
}
.product-feature__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product-feature:hover {
    background: linear-gradient(112.85deg, #2226 -1.23%, #fc0404 85.56%);
}
.product-feature__title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #000;
}
.product-feature:hover .product-feature__title, .product-feature:hover .product-feature__description {
    color: #fff !important;
}
.product-feature__description {
    font-size: 16px;
    color: #797979 !important;
}
.product-feature:hover .product-feature__icon img {
    filter: brightness(0) invert(1);
}
#wheelTableWrapper {
    display: flex;
    gap: 10px;
}
.tableContent {
    width: 49%;
}

@media only screen and (max-width: 992px) {
    
    .product_flag span {
        visibility: visible;
        opacity: 1;
    }
    
    .swiper-pagination {
        display: flex;
    }
    
    #products .swiper {
        padding: 0;
    }
    
    .tableContent {
        width: 100%;
    }
    
    #wheelTableWrapper {
        flex-direction: column;
    }
    
    #likeWheel {
        font-size: 14px;
        margin-top: 10px;
    }
    
    #callFullButton {
        margin-top: 5px;
    }
    
    .small-filter_labels {
        flex-direction: column;
        display: flex;
    }
}

.tableContent p {
    display: flex;
    align-items:center;
    margin-bottom: 10px;
    border-top: 1px solid #e0e0e0;
    padding-top: 10px;
    font-size: 14px;
}
.tableContent p span:first-child {
    display: inline-flex;
    align-items:center;
    gap: 5px;
    width: 30%;
    font-weight: bold;
}
.tableContent p span:nth-child(2) {
    display: inline-block;
    width: 69%;
}
#stocked {
    padding-inline: 25px;
    padding-bottom: 10px;
}
#form1,
#form2{
    width: 100%;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
#mpaket #new-show-result-btn4 {
    margin: auto;
}
#shopProcess ul {
    padding-left: 20px;
}
#shopProcess ul li {
    list-style: disc;
}