@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

#page-1 .page-breadcrumb,
#page-2 .page-breadcrumb {
    display: none;
}

:lang(tr) .pageSliderContent {
    margin-top: 0px !important;
}

body {
    font-family: "Mulish", sans-serif !important;
}

.menu-dropdown-link {
    color: #000;
}

.section-top-bar {
    display: none;
}

#languageForm img {
    display: block;
    height: 20px;
}

#languageForm span.fa-solid.fa-globe {
    display: none;
}

#page-1 .section-header,
#page-2 .section-header {
    background-color: transparent;
    z-index: 9999;
    position: fixed;
    top: 30px;
    left: 0;
    right: 0;
    bottom: auto;
    box-shadow: none;
}

#type-7, .section-header .col-lg-3 {
    height: 100%;
}

#page-1 .section-header #menuClick span,
#page-2 .section-header #menuClick span,
#page-1 .section-header #menuClick.open span:nth-child(1),
#page-2 .section-header #menuClick.open span:nth-child(1),
#page-1 .section-header #menuClick.open span:nth-child(2),
#page-2 .section-header #menuClick.open span:nth-child(2),
#page-1 .section-header #menuClick.open span:nth-child(3),
#page-2 .section-header #menuClick.open span:nth-child(3) {
    background-color: #bcbcbc;
}

.section-header.fixed #menuClick span,
.section-header.fixed #menuClick.open span:nth-child(1),
.section-header.fixed #menuClick.open span:nth-child(2),
.section-header.fixed #menuClick.open span:nth-child(3) {
    background-color: #000 !important;
}

#page-1 .section-header .logo img,
#page-2 .section-header .logo img {
    max-height: 100px !important;
    filter: brightness(100);
}

.section-header.fixed .logo img,
#page-1 .section-header.fixed .logo img,
#page-2 .section-header.fixed .logo img {
    max-height: 75px !important;
    filter: none !important;
}

@media(min-width:768px) {
    .section-header {
        height: 250px;
    }

    #page-1 .section-header,
    #page-2 .section-header {
        height: 100px;
    }

    .section-header .col-lg-9, .section-header .col-lg-7 {
        justify-content: center;
    }

    .section-header .col-lg-2 {
        justify-content: end;
    }

    #page-1 .section-header #languages:hover #main-menu,
    #page-2 .section-header #languages:hover #main-menu {
        top: 15px !important;
    }

    .section-header.fixed #languages:hover #main-menu,
    #page-1 .section-header.fixed #languages:hover #main-menu,
    #page-2 .section-header.fixed #languages:hover #main-menu {
        top: 50px !important;
    }

    .section-header #languages:hover #main-menu {
        top: 60px !important;
    }

    #page-1 .section-header #languages *,
    #page-2 .section-header #languages * {
        color: #fff !important;
    }

    .section-header.fixed #languages *,
    #page-1 .section-header.fixed #languages *,
    #page-2 .section-header.fixed #languages * {
        color: #000 !important;
    }

    .section-header.fixed {
        height: 200px;
        z-index: 999;
    }

    #page-1 .section-header #languages .dropdown-menu,
    #page-2 .section-header #languages .dropdown-menu {
        background-color: transparent;
        border: none;
    }

    .section-header.fixed #languages .dropdown-menu {
        background-color: #fff !important;
    }

    #page-1 .section-header #languageForm img,
    #page-2 .section-header #languageForm img {
        filter: brightness(100);
    }

    #page-1 .section-header.fixed #languageForm img,
    #page-2 .section-header.fixed #languageForm img {
        filter: none !important;
    }

    .section-header .logo img {
        max-height: 90px !important;
    }

    #page-1 .section-header #navigation > ul > li a,
    #page-2 .section-header #navigation > ul > li a,
    #page-1 .nav-right .select-language .lang-menu > ul > li > a,
    #page-2 .nav-right .select-language .lang-menu > ul > li > a {
        color: #fff !important;
    }

    #page-1 .section-header.fixed #navigation > ul > li a,
    #page-2 .section-header.fixed #navigation > ul > li a,
    #page-1 .nav-right .select-language .lang-menu > ul > li > a,
    #page-2 .nav-right .select-language .lang-menu > ul > li > a {
        color: #000 !important;
    }

    #page-1 .section-header #navigation > ul > li,
    #page-2 .section-header #navigation > ul > li,
    #page-1 .lang-menu > ul > li,
    #page-2 .lang-menu > ul > li {
        line-height: 150px !important;
    }

    .section-header #navigation > ul > li, .lang-menu > ul > li {
        line-height: 100px !important;
    }

    .section-header.fixed #navigation > ul > li, .lang-menu > ul > li {
        line-height: 85px !important;
    }

    #type-7 .col-lg-3 .logo {
        align-items: end;
    }

    .loader-mask img {
        max-height: 150px;
    }

    .section-header .col-lg-3 {
        width: 100%;
        justify-content: center;
        height: 60%;
    }

    #page-1 .section-header .col-lg-3,
    #page-2 .section-header .col-lg-3 {
        width: 25%;
        justify-content: left;
        height: 100%;
    }

    .section-header .col-lg-7 {
        width: 100%;
        height: 40%;
    }

    #type-7 #navigation {
        opacity: 1;
        visibility: visible;
    }

    .section-header .col-lg-2 {
        position: absolute;
        bottom: 0;
        right: 0;
        height: 40%;
    }

    #page-1 .section-header .col-lg-2
    #page-2 .section-header .col-lg-2 {
        position: relative;
        height: 85%;
        align-items: end;
    }

    #page-1 .section-header .col-lg-7,
    #page-2 .section-header .col-lg-7 {
        height: 100%;
        width: 58.33333333%;
    }

    #page-1 #type-7 #navigation,
    #page-2 #type-7 #navigation {
        opacity: 0;
        visibility: hidden;
    }

    #type-7 .row {
        position: relative;
    }

    #menuClick {
        display: none !important;
    }

    #page-1 #menuClick,
    #page-2 #menuClick {
        display: block !important;
    }

    #languages .dropdown-trigger {
        display: none;
    }

    #languages {
        margin-right: 10px;
    }

    .section-header #navigation > ul > li a, .nav-right .select-language .lang-menu > ul > li > a {
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: 1px;
    }
}

#page-1 .section-header .search-click,
#page-2 .section-header .search-click {
    color: #fff;
}

.section-header.fixed .search-click {
    color: #000 !important;
}

.search-type-1.search-wrap {
    height: 15%;
}

    .search-type-1.search-wrap .search-cell {
        top: auto;
    }

#header-search {
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-target {
    width: 100%;
}

.pageSliderContent .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
}

#fixed-button .header-menu {
    background-color: var(--site-color);
}

.header-menu .logo img,
#page-1 .header-menu .logo img,
#page-2 .header-menu .logo img {
    max-height: 60px !important;
}

#page-detail-section-1 .rexa-gorseller,
#page-detail-section-2 .rexa-gorseller,
#page-detail-section-3 .rexa-gorseller,
#page-detail-section-4 .rexa-gorseller,
#page-detail-section-5 .rexa-gorseller,
#page-detail-section-1 .container-fluid,
#page-detail-section-2 .container-fluid,
#page-detail-section-3 .container-fluid,
#page-detail-section-4 .container-fluid,
#page-detail-section-5 .container-fluid {
    padding: 0px;
}

.textImg .container-fluid .rexa-content.content-right {
    padding-right: 6%;
}

.textImg .container-fluid .rexa-content.content-left {
    padding-left: 6%;
}

span.private-title {
    font-size: 11px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 3.5px;
    text-transform: uppercase;
}

.weta-icerik-tag {
    line-height: 38px;
}

p {
    color: #585858;
}

.btn-color {
    background-color: transparent !important;
    border-color: #000 !important;
    min-width: 130px;
    color: #000 !important;
    border-radius: 0px !important;
}

    .btn-color:hover, .btn-color:focus {
        background-color: #000 !important;
        border-color: #000 !important;
        color: #fff !important;
    }

.section-header.fixed {
    position: sticky !important;
    background-color: #fff !important;
    top: 0 !important;
}

.weta-slider-tag {
    font-size: 80px;
    line-height: 80px;
    font-weight: 900;
    color: inherit;
    margin: 0;
    letter-spacing: 15px;
}

.private-slider-title {
    font-size: 38px;
    line-height: 1em;
    margin: 0;
    font-style: italic;
    font-weight: 300;
    font-family: "Crimson Text" !important;
    letter-spacing: 3px;
}

.slider-description p {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: normal;
    margin: 0;
}

.sliderJs .swiper-button-next, .sliderJs .swiper-button-prev {
    opacity: 1 !important;
    border-radius: 0px !important;
    border: 1px solid #fff !important;
    width: 55px !important;
    height: 55px !important;
    transition: all .4s;
}

.sliderJs .swiper-button-prev {
    left: -20%;
}

.sliderJs:hover .swiper-button-prev {
    left: 50px;
}

.sliderJs .swiper-button-next {
    right: -20%;
}

.sliderJs:hover .swiper-button-next {
    right: 50px;
}

.pageSliderContent .swiper-button-next::after, .pageSliderContent .swiper-button-prev::after {
    color: #fff !important;
}

.slider-description * {
    color: #fff !important;
}

.weta-slider-buttons .btn-color:nth-child(1) {
    color: #fff !important;
    border-color: #fff !important;
    margin-right: 25px;
}

.weta-slider-buttons .btn-color:nth-child(2) {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}

.weta-slider-buttons .btn-color {
    padding: 12px 32px;
    font-weight: 500;
}

    .weta-slider-buttons .btn-color:hover {
        color: #000 !important;
        border-color: #fff !important;
        background-color: #fff !important;
    }

.productDetail.detailType-3 .tab-pane {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.productgallerySwiper {
    height: 550px !important;
}

    .productgallerySwiper * {
        height: 100% !important;
    }

.productgalleryThumbs {
    position: absolute;
    width: 80%;
    bottom: 5%;
}

    .productgalleryThumbs .swiper-slide {
        border: 1px solid #fff;
        margin-right: 20px !important;
        opacity: 0.6;
        transition: all .4s;
    }

        .productgalleryThumbs .swiper-slide.swiper-slide-thumb-active, .productgalleryThumbs .swiper-slide:hover {
            opacity: 1;
        }

.productPrice {
    min-width: 250px;
    justify-content: space-between;
}

    .productPrice span {
        font-size: 30px;
        display: block;
    }

    .productPrice .eski-fiyat {
        text-decoration: line-through;
        font-size: 25px;
        color: #585858;
    }

.cartButton {
    justify-content: space-between;
}

    .cartButton .col-md-8 {
        width: 60%;
    }

.detailType-3 .teklifButton {
    width: 100%;
}

.product-breadcrumb {
    height: 250px;
    background-image: url(/images/slider-3.jpg);
}

.page-breadcrumb {
    height: 350px;
}

.product-breadcrumb::before, .page-breadcrumb::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .43;
}

.product-breadcrumb .container, .page-breadcrumb .container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
}

.product-breadcrumb .container *, .page-breadcrumb .container * {
    color: #fff;
    font-size: 15px;
}

.product-breadcrumb a, .product-breadcrumb .arrow-breadcrumb, .page-breadcrumb .arrow-breadcrumb, .page-breadcrumb a {
    margin-right: 10px;
}

.product-breadcrumb .container::before {
    position: absolute;
    width: 45%;
    height: 40%;
    content: 'PRODUCT DETAIL';
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    top: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 55px;
    font-weight: 300;
}

.page-breadcrumb .page-name {
    width: 45%;
    height: 40%;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

    .page-breadcrumb .page-name span {
        font-size: 55px;
        font-weight: 300;
    }

.productContent * {
    font-size: 12px !important;
}

.productgallerySwiper .swiper-slide img {
    object-fit: contain;
}

@media(max-width:768px) {
    .cartButton .col-md-4 {
        width: 40%;
        padding: 0px;
    }

    .minus, .plus {
        width: 40px;
    }

    .cartButton #adet {
        width: 80px;
    }

    .productgallerySwiper {
        height: 400px;
    }

    .section-header .col-lg-2 {
        display: none;
    }

    .section-header .col-lg-7 {
        width: 40%;
    }

    .section-header .row:nth-child(1) {
        height: 100%;
    }

    .section-header .logo img {
        max-height: 90px !important;
    }

    .product-breadcrumb .container::before {
        width: 85%;
    }
}

.productgalleryThumbs .productImage {
    border: 1px solid #000;
}

.pageSliderContent .swiper-slide-active .weta-slider-tag, .pageSliderContent .swiper-slide-active .slider-description, .pageSliderContent .swiper-slide-active .weta-slider-buttons {
    animation: none !important;
}

.section-header a {
    color: #303030;
}

.product-list .weta-icerik-tag {
    text-align: center;
    font-size: 14px;
    letter-spacing: 1.5px;
    margin-bottom: 0;
}

#product-list .rgw {
    position: relative;
}

    #product-list .rgw::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000;
        opacity: 0;
        transition: all .4s;
        z-index: 999;
    }

#product-list .product-wrapper:hover .rgw::before {
    opacity: 0.4 !important;
}

#product-list .product-wrapper:hover img {
    transform: scale(1.1);
}

#product-list .rgw::after {
    content: '\f002';
    position: absolute;
    top: 45%;
    left: 45%;
    right: 0;
    bottom: 0;
    background-color: transparent;
    width: 50px;
    height: 50px;
    color: #fff;
    border: 1px solid #fff;
    font-family: 'FontAwesome';
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all .4s;
}

#product-list .product-wrapper:hover .rgw::after {
    opacity: 1;
}

.textImg .weta-icerik-tag {
    line-height: 40px;
    margin-bottom: 10px;
}

.textImg p {
    line-height: 24px;
    letter-spacing: 0.5px;
}

.productDetail {
    padding: 50px 0px;
}

.productgallerySwiper {
    border: 1px solid #000;
}

.textImg .weta-description .btn {
    margin-top: 15px;
}

.textImg * {
    font-family: "Mulish", sans-serif !important;
}

#dokumanTab .nav-link.active, #dokumanTab .nav-link {
    border-bottom: 0px !important;
    border: none !important;
}

.pds-content {
    float: left;
    border: 1px solid #c9c9c9;
    padding: 40px 40px 30px 40px;
    width: 100%;
}

    .pds-content * {
        font-size: 14px !important;
        color: #747474;
        line-height: 24px;
    }

#dokumanTab .nav-link {
    position: relative;
    font-size: 14px;
    color: #747474;
    transition: all .4s;
}

    #dokumanTab .nav-link::before {
        font-family: 'FontAwesome';
        content: "\f0dd";
        position: absolute;
        top: -20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        color: var(--site-color);
        transition: all .4s;
        opacity: 0;
    }

    #dokumanTab .nav-link.active::before {
        opacity: 1;
    }

    #dokumanTab .nav-link.active {
        color: var(--site-color);
        font-size: 16px;
    }

#teklifModal .btn {
    min-width: 150px;
    border-radius: 0px;
    border-color: #000 !important;
    color: #000 !important;
    transition: all .4s;
}

    #teklifModal .btn:hover {
        background-color: #000 !important;
        color: #fff !important;
    }

#teklifModal .modal-content {
    border-radius: 0px !important;
    border: 1px solid #000;
}

.varyasyon-list .varyasyon-title {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
}

.varyasyon-name {
    transition: all .4s;
    border-radius: 0px !important;
}

.form-section p {
    line-height: 24px;
    font-size: 14px !important;
}

.form-section .weta-description {
    margin-top: 15px;
}

.social-network span {
    font-weight: 700;
    padding-right: 20px;
    font-size: 12px;
}

.form-section .rexa-content * {
    color: #747474 !important;
}

.social-network a {
    width: 26px;
    height: 26px;
    border: 1px solid #747474;
    display: inline-block;
    text-align: center;
    color: inherit;
    line-height: 24px;
    margin: 0 3px;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    transition: all .4s;
}

    .social-network a:hover {
        background-color: #747474;
    }

        .social-network a:hover i {
            color: #fff !important;
        }

.form-section .form-input {
    border: 1px solid #e9e9e9 !important;
}

.custom-label {
    font-size: 10px !important;
    text-transform: uppercase;
    margin: 0;
    transform: translateY(0px) !important;
    opacity: 1 !important;
}

.form-section .weta-icerik-tag {
    color: #303030 !important;
    font-size: 18px !important;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 15px;
}

.contact-oge .icon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    border: 1px solid #e9e9e9;
    text-align: center;
    line-height: 38px;
}

    .contact-oge .icon i {
        margin-right: 0px !important;
    }

.contact-oge p {
    min-height: 60px;
    padding-left: 60px;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

#header-search input {
    font-weight: 500;
}

.section-header #navigation > ul > li a::after {
    display: none !important;
}

#product-list .col-md-3 {
    width: 33.3%;
}

#product-list .product-wrapper {
    border: 1px solid #585858;
}

@media(min-width:768px) {
    .section-header .contact-navbar,
    .section-header #navigation .navbar #languages,
    #product-list .learn-more,
    #product-list .product-code {
        display: none !important;
    }
}


@media(max-width:768px) {
    .section-header .contact-navbar {
        display: none !important;
    }

    #page-detail-section-1,
    #page-detail-section-3,
    #page-detail-section-5,
    #page-detail-section-7 {
        padding: 30px 0px !important;
    }

    .section-header.fixed .logo img,
    #page-1 .section-header.fixed .logo img,
    #page-2 .section-header.fixed .logo img {
        max-height: 65px;
    }

    #page-1 .section-header
    #page-2 .section-header {
        top: 0;
        padding-top: 30px !important;
    }

    #page-1 .menu-click span,
    #page-2 .menu-click span {
        background-color: #fff !important;
    }

    .section-header.fixed .menu-click span {
        background-color: #000 !important;
    }

    .section-header .logo img {
        max-height: 70px !important;
    }

    .page-breadcrumb .page-name,
    .product-breadcrumb .container::before {
        width: 95% !important;
    }

        .page-breadcrumb .page-name span,
        .product-breadcrumb .container::before {
            font-size: 45px !important;
        }

    #product-list .col-md-3 {
        width: 50% !important;
    }

    .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
        background-color: transparent !important;
        border-color: #000 !important;
        color: #000 !important;
    }

    .varyasyon-list.color-varyasyon .group {
        width: 33% !important;
    }

    .varyasyon-list {
        display: flex !important;
    }

    .section-header {
        height: 85px !important;
    }

    #myTabContent .swiper-slide img {
        object-fit: contain !important;
    }

    #productColorGallerySlider {
        margin-top: 5px;
    }

    #productColorMainSlider .productImage {
        height: 300px;
    }

    #fixed-button .menu img {
        filter: brightness(100);
    }

    #fixed-button .item a, #fixed-button .item p {
        font-size: 12px !important;
    }

    #product-list .product-color-options .item .circleColor {
        width: 10px;
        height: 10px;
    }
}

.learn-more,
#product-list .product-code {
    display: none;
}

#product-accordions {
    display: none !important;
}

#product-list .product-color-options {
    margin-top: 15px;
}

.iti {
    width: 100%;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    background-color: transparent !important;
    border-color: #000 !important;
    color: #000 !important;
}

.footer .footer-pages li {
    padding: 5px 0px;
}

.footer-img img {
    height: 130px;
}

.footer-newsletter {
    margin-top: 20px;
    width: 95%;
}

.footer-info-list li {
    transition: all .4s;
}

.footer-info-list li:hover {
    transform: translateX(10px);
}

.footer-info-list li:hover * {
    color: var(--site-hover-color) !important;
}

.footer-title {
    font-weight: 600 !important;
}

.product-breadcrumb .page-name{
    display: none !important;
}

.product-breadcrumb .relative-title .page-list, .page-breadcrumb .relative-title .page-list {
    text-align: center;
    position: relative;
    bottom: 0px;
}
.page-breadcrumb .relative-title .page-name span{
    top: 0px;
}
.page-breadcrumb .relative-title {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
}

.product-breadcrumb .relative-title{
    justify-content: end;
}
.product-breadcrumb .page-list{
    bottom: 50px !important;
}