body{ width: 100%; height: 100%; padding: 0; margin: 0; color: #111; counter-reset: count-icon; background: #fff; font-family: 'Poppins'; font-size: 14px; font-weight: 400; overflow: auto; overflow-x: hidden;}
::selection{ background: #ff478c; color: #fff;}
.loading{ position: fixed; width: 100%; height: 100vh; background: #fff; top: 0; left: 0; z-index: 9999999999999999;}
.container{ max-width: 1400px !important; }

/* Header Section */
.header-section{ width: 100%; position: absolute; left: 0; top: 0; z-index: 2; padding: 5px 15px;}

/* Logo */
.logo{ width: auto; margin-right: 15px;}
.logo a{ text-decoration: none; color: currentColor; display: block;}
.logo img{ max-width: 100%;}

/* Top Menu */
.desktop-device .top-menu{ width: auto;}
.desktop-device .top-menu ul li{ position: relative;}
.desktop-device .top-menu ul li a{ text-decoration: none; color: currentColor; display: block; padding: 0 15px; letter-spacing: 1px; font-size: 16px; line-height: 1.3;}
.desktop-device .top-menu ul li a:hover{ color: #8b4513;}
.desktop-device .top-menu > ul{ list-style: none; padding: 0; margin: 0; display: flex;}
.desktop-device .top-menu > ul ul{ list-style: none; padding: 0; margin: 0; position: absolute; width: 180px; background: #eee; display: none;}
.desktop-device .top-menu > ul ul.opened{ display: block;}
.desktop-device .top-menu > ul ul ul{ left: 100%; top: 0; display: none;}
.desktop-device .top-menu > ul ul ul.opened{ display: block;}

/* Slider */
.slider{ width: 100%;}
.slider a{ text-decoration: none; color: currentColor; display: block;}
.slider img{ width: 100%;}

/* Banner */
.banner{ width: 100%;}
.banner a{ text-decoration: none; color: currentColor; display: block;}
.banner img{ width: 100%;}

/* Gallery Item */
.gallery-item{ width: 100%; margin-bottom: 30px;}
.gallery-item a{ text-decoration: none; color: currentColor; display: block; text-align: center;}
.gallery-item .image{ width: 100%; margin-bottom: 10px;}
.gallery-item .image img{ width: 100%;}
.gallery-item h2{ font-size: 16px;}

/* Product List Item */
.product-list-item{ width: 100%; height: 100%; background: #f9f2ec; padding: 30px;}
.product-list-item a{ text-decoration: none; color: currentColor; display: block; text-align: center; height: 100%;}
.product-list-item .image{ width: 100%; padding-bottom: 100%; position: relative; margin-bottom: 15px;}
.product-list-item .image img{ width: 100%; height: 100%; object-fit: contain; position: absolute; left: 0; top: 0;}
.product-list-item .content{ width: 100%;}
.product-list-item .content h2{ font-size: 16px; font-weight: 600;}

/* Product Detail */
.product-detail-img{ max-width: 1000px; width: 100%; margin: auto; margin-bottom: 30px; display: flex; flex-wrap: wrap; justify-content: center;}
.product-detail-img .img-item{ width: 20%; padding: 15px;}
.product-detail-img a{ text-decoration: none; color: currentColor; background: #f9f2ec; display: block; width: 100%; padding-bottom: 100%; position: relative; border: 1px solid #8b4513; border-radius: 5px;}
.product-detail-img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; border-radius: 5px;}

.product-detail-img .swiper-button-prev{ width: 40px; height: 40px; border-radius: 100%; background: #fff;}
.product-detail-img .swiper-button-prev::after{ color: #111; font-size: 20px; font-weight: bold;}
.product-detail-img .swiper-button-next{ width: 40px; height: 40px; border-radius: 100%; background: #fff;}
.product-detail-img .swiper-button-next::after{ color: #111; font-size: 20px; font-weight: bold;}

.product-detail-content{ max-width: 900px; width: 100%; margin: auto; text-align: center; margin-bottom: 60px;}
.product-detail-content h1{ font-size: 24px;}

/* Product Carou */
.product-carou{}
.product-carou .swiper-button-prev{ width: 32px; height: 32px; border-radius: 100%; background: #fff; box-shadow: 0px 3px 10px rgba(0,0,0,0.1);}
.product-carou .swiper-button-prev::after{ font-size: 16px; color: #111;}
.product-carou .swiper-button-next{ width: 32px; height: 32px; border-radius: 100%; background: #fff; box-shadow: 0px 3px 10px rgba(0,0,0,0.1);}
.product-carou .swiper-button-next::after{ font-size: 16px; color: #111;}

/* Service Carou */
.service-carou{ height: 100%;}
.service-carou a{ text-decoration: none; color: currentColor; display: block; height: 100%;}
.service-carou img{ width: 100%; height: 100%; object-fit: cover;}
.service-carou .service-controller{ padding: 15px 0;}
.service-carou .swiper-pagination{ position: relative;}
.service-carou .swiper-pagination span{ margin: 0 3px; background: #fff; width: 13px; height: 13px; border: 1px solid #ccc; opacity: 1;}
.service-carou .swiper-pagination span.swiper-pagination-bullet-active{ border-color: #d8d65c; background: #d8d65c;}

.service-content{ margin-top: -20px; position: relative;}
.service-content img{ width: 100%;}
.service-content h2{ position: absolute; font-size: 20px; font-weight: 600; z-index: 2; bottom: 10px; left: 20%;}

/* Left & Right Col */
.left-col{ position: relative; width: calc(70% - 30px); margin-right: 30px; background: #fff; padding: 30px; padding-bottom: 45px; border-radius: 4px; box-shadow: 0px 3px 20px rgba(0,0,0,0.1);}
.left-col .detail-btn{ text-decoration: none; color: #111; display: inline-block; padding: 15px 30px; border-radius: 3px; bottom: -20px; left: 50%; transform: translateX(-50%); position: absolute; background: linear-gradient(to bottom, #b47c54, #8b4513);}

.right-col{ position: relative; width: 30%; background: #fff; padding: 30px; padding-bottom: 45px; border-radius: 4px; box-shadow: 0px 3px 20px rgba(0,0,0,0.1);}
.right-col .image{ margin-bottom: 15px;}
.right-col .image img{ max-width: 100%;}
.right-col .detail-btn{ text-decoration: none; color: #111; display: inline-block; padding: 15px 30px; border-radius: 3px; bottom: -20px; left: 50%; transform: translateX(-50%); position: absolute; background: linear-gradient(to bottom, #b47c54, #8b4513);}


/* Other Css */
.bg-img {
    background: url(../images/teklif-bg.html) no-repeat center;
    background-size: cover;
}

.copyright {
    font-size: 13px;
}

.design {
    font-size: 13px;
}

    .design a {
        text-decoration: none;
        color: currentColor;
        font-weight: 600;
    }

.fixed-btns {
    max-width: 240px;
    width: 100%;
    position: fixed;
    right: 0;
    bottom: 20%;
    z-index: 2;
}

    .fixed-btns a {
        width: 100%;
        text-decoration: none;
        color: #fff;
        display: block;
        box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
        font-size: 18px;
        position: relative;
        text-align: center;
        margin: 10px 0;
        border-radius: 30px 0 0 30px;
    }

        .fixed-btns a.whatsapp-btn {
            background-color: #82e49a;
            line-height: 1.2;
            padding: 10px 0;
            padding-left: 40px;
            background: url(../images/whatsapp.svg) #82e49a no-repeat center left 20px;
            background-size: 32px;
        }

            .fixed-btns a.whatsapp-btn span {
                display: block;
            }

            .fixed-btns a.whatsapp-btn b {
                display: block;
            }

        .fixed-btns a.offer-btn {
            background-color: #688eff;
            padding: 18px 0;
            padding-left: 40px;
            background: url(../images/document.svg) #688eff no-repeat center left 20px;
            background-size: 32px;
        }

            .fixed-btns a.offer-btn span {
                display: block;
            }



/* CK Container */
.ck-container{ font-weight: 300;}

/* Tab Section */
.tab-section{ width: 100%;}
.tab-section .tab-title{ width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 30px;}
.tab-section .tab-title .tab-item{ color: #111; cursor: pointer; padding: 0 45px; font-size: 14px; font-weight: 600; letter-spacing: 1px; position: relative; border-right: 1px #ccc solid;}
.tab-section .tab-title .tab-item:last-child{ }
.tab-section .tab-title .tab-item.active{ color: #8b4513;}
.tab-section .tab-content{ width: 100%;}
.tab-section .tab-content .tab-item{ width: 100%; height: 0; overflow: hidden; visibility: hidden; opacity: 0;}
.tab-section .tab-content .tab-item.active{ height: auto; overflow: auto; visibility: visible; opacity: 1;}

/* Contact */
.contact-map{ width: 100%; height: 100%; position: relative;}
.contact-map iframe{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.contact-info{ width: 100%; margin-bottom: 30px;}
.contact-info h2{ font-size: 20px; font-weight: 500; margin-bottom: 20px;}
.contact-info ul{ list-style: none; padding: 0; margin: 0;}
.contact-info ul li{ color: #111; margin-bottom: 5px;}
.contact-info ul li:last-child{ margin-bottom: 0;}
.contact-info ul li a{ text-decoration: none; color: currentColor; display: inline; font-size: 14px;}
.contact-info ul li b{ font-weight: 600;}

.contact-form{}
.contact-form h2{ font-size: 20px; font-weight: 500; margin-bottom: 20px;}
.contact-form ul{ list-style: none; padding: 0; margin: 0;}
.contact-form ul li{ margin-bottom: 10px;}
.contact-form ul li label{ font-size: 14px;}
.contact-form ul li input[type=text]{ width: 100%; outline: none; border: 1px solid #ddd; padding: 7px;}
.contact-form ul li textarea{ width: 100%; height: 120px; outline: none; border: 1px solid #ddd; padding: 7px;}
.contact-form input[type=submit]{ min-width: 220px; height: 76px; background: #252525; outline: none; border: 0; color: #fff;}

/* Icons */
.icons{ width: 100%;}
.icons .icon-item{ width: 100%;}
.icons .icon-item a{ text-decoration: none; color: currentColor; display: block; text-align: center;}
.icons .icon-item .icon{ width: auto; margin-bottom: 10px; position: relative;}
.icons .icon-item .icon::before{ content: counter(count-icon); counter-increment: count-icon; width: 40px; height: 40px; top: 0; left: 50%; transform: translateX(-50%); margin-left: -50px; display: flex; align-items: center; justify-content: center; font-size: 28px; color: #fff; font-weight: bold; position: absolute; border-radius: 100%; background: linear-gradient(to bottom, #b47c54, #8b4513);}
.icons .icon-item .icon img{ max-width: 100%;}
.icons .icon-item h2{ font-size: 24px; font-family: 'Cormorant Garamond', sans-serif;}
.icons .icon-item p{ font-weight: 300;}

/* Footer Section */

.footer-section{ width: 100%; margin-top: 60px;}

.newsletter{ background: linear-gradient(to bottom, #b47c54e, #8b4513); border-radius: 20px; padding: 20px 30px; position: relative; margin: auto; margin-top: -70px; margin-bottom: 40px;}
.newsletter h2{ font-family: 'Cormorant Garamond', sans-serif; font-size: 24px; color: #111; text-align: center; margin-bottom: 15px;}
.newsletter .inputs{ max-width: 600px; width: 100%; margin: auto; display: flex; align-items: center;}
.newsletter .inputs input[type=text]{ width: 100%; padding: 15px; border: 0; outline: 0; border-radius: 5px; margin-right: 10px;}
.newsletter .inputs input[type=submit]{ width: auto; border: 0; outline: 0; font-size: 16px; font-weight: bold; background: #fff; border-radius: 5px; padding: 14px 35px; color: #111; box-shadow: 0px 10px 15px rgba(0,0,0,0.3);}

.footer-item{ width: 200px; display: inline-block; margin-bottom: 30px;}
.footer-item-urun ul{ columns:2; }
.footer-item h2 { font-size: 14px; font-weight: 600; letter-spacing: 1px; margin-bottom: 20px; }
.footer-item ul{ list-style: none; padding: 0; margin: 0;}
.footer-item ul li{ color: #333; margin-bottom: 7px; -webkit-column-break-inside: avoid; font-weight: 300;}
.footer-item ul li a{ text-decoration: none; color: #333; display: block; font-weight: 300;}
.footer-item ul li b{ color: #111 !important; font-weight: 600;}

.footer-social{ width: 100%; margin-bottom: 30px;}
.footer-social h2{ font-size: 14px; letter-spacing: 1px; margin-bottom: 20px;}
.footer-social .links{ width: 100%; display: flex; justify-content: center;}
    .footer-social a {
        
        display: block;
        padding: 30px 10px 0 10px;
        color: #333;
        text-decoration:none;
    }
.footer-social a.facebook{ background: url(../images/social/facebook.png) no-repeat center top; background-size: 24px;}
    .footer-social a.instagram {
        background: url(../images/social/instagram.png) no-repeat center top;
        background-size: 24px;
    }
    .footer-social a.twitter {
        background: url(../images/social/twitter.png) no-repeat center top;
        background-size: 24px;
    }
    .footer-social a.whatsapp {
        background: url(../images/social/whatsapp.png) no-repeat center top;
        background-size: 24px;
    }

/* Other .CSS */
.copyright{ font-size: 13px;}
.design{ font-size: 13px;}
.design a{ text-decoration: none; color: currentColor; font-weight: 600;}

.swiper-slide{ height: auto !important;}

/* Helpers */
.bg-light{ background-color: #f5f5f5 !important;}
.mw-500{ max-width: 500px !important; width: 100%;}
.mw-800{ max-width: 800px !important; width: 100% !important;}
.mw-900{ max-width: 900px !important; width: 100% !important;}
.mw-1000{ max-width: 1000px !important; width: 100% !important;}
.mw-1100{ max-width: 1100px !important; width: 100% !important;}
.mw-1200{ max-width: 1200px !important; width: 100% !important;}
.mw-1300{ max-width: 1300px !important; width: 100% !important;}
.mw-1400{ max-width: 1400px !important; width: 100% !important;}
.columns-2{ columns: 2;}
.columns-3{ columns: 3;}
.h2-title{ text-align: center; font-size: 32px; margin-bottom: 20px; font-weight: 600; font-family: 'Cormorant Garamond', sans-serif; position: relative;}
.h2-title span{ color: #8b4513;}
.h3-title{ text-align: center; margin-bottom: 60px; font-size: 32px; font-weight: 400; font-family: 'Cormorant Garamond', sans-serif; position: relative;}
.h3-title::after{ content: ""; width: 132px; height: 20px; position: absolute; left: 50%; bottom: -20px; transform: translateX(-50%); background: url(../images/h-bg.png) no-repeat center; background-size: 132px 20px;}
.mb-30{ margin-bottom: 30px;}
.mb-40{ margin-bottom: 40px;}
.bg-img{ width: 100%; background: url(../images/bg-img.jpg) no-repeat center; background-size: contain;}

.mobile-btn{ min-width: 50px; height: 50px; background: #8b4513; color: #fff; font-size: 24px; display: none; align-items: center; z-index: 10; justify-content: center; right: 15px; top: 19px; position: absolute; cursor: pointer;}

@media(max-width: 1300px)
{

}

@media(max-width: 991px)
{
    .mobile-btn{ display: flex;}

    .header-section{ position: relative; padding: 10px 15px;}
    .logo img{ width: 84px;}

    .mobile-device .top-menu{ width: 100%; height: 100%; position: fixed; left: -100%; top: 0; z-index: 9; transition: 0.3s; background: #fff; overflow: auto;}
    .mobile-device .top-menu.opened{ left: 0;}
    .mobile-device .top-menu ul{ width: 100%; height: 100%; top: 0; z-index: 3; padding: 30px 0; padding-top: 90px; margin: 0; list-style: none;}
    .mobile-device .top-menu ul li{ position: relative; border-top: 1px solid #eee;}
    .mobile-device .top-menu ul li:last-child{ border-bottom: 1px solid #eee;}
    .mobile-device .top-menu ul li a{ text-decoration: none; color: #8b4513; font-size: 14px; font-weight: 600; display: block; padding: 10px 15px; text-align: center;}
    .mobile-device .top-menu > ul{ display: block; left: 0;}
    .mobile-device .top-menu > ul ul{ background: #fff; left: -100%; opacity: 0; visibility: hidden; transition: 0.3s;}
    .mobile-device .top-menu > ul ul.opened{ left: 0; opacity: 1; visibility: visible;}
    .mobile-device .top-menu > ul ul ul{ left: 0; top: 0; left: -100%; opacity: 0; visibility: hidden; transition: 0.3s;}
    .mobile-device .top-menu > ul ul ul.opened{ left: 0; opacity: 1; visibility: visible;}

    .mobile-device .top-menu .back-icon{ width: 38px; height: 38px; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; z-index: 2;}
    .mobile-device .top-menu .sub-icon{ width: 38px; height: 38px; position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: center; z-index: 2;}

    .left-col{ width: 100%; margin-right: 0; margin-bottom: 45px;}
    .right-col{ width: 100%;}

    .service-carou{ margin-top: 30px;}

    .product-detail-img .img-item{ width: 25%;}
}

@media(max-width: 768px)
{
    .tab-section .tab-title .tab-item{ width: 100%; border: 1px solid #8b4513 !important; text-align: center; padding: 10px; margin-bottom: 5px;}
    .product-detail-img .img-item{ width: 33.333%;}
}

@media(max-width: 640px)
{
    .product-detail-img .img-item{ width: 50%;}
}

@media(max-width: 576px)
{
    .newsletter .inputs{ flex-wrap: wrap;}
    .newsletter .inputs input[type=text]{ margin-right: 0; margin-bottom: 10px;}
    .newsletter .inputs input[type=submit]{ width: 100%;}
}

@media(max-width: 420px)
{

}