body { width: 100%; height: 100%; padding: 0; margin: 0; color: #23386b; background: #fff; font-family: 'Cabin'; font-size: 14px; font-weight: 400; overflow: auto; overflow-x: hidden; }
::selection { background: #89060d; color: #fff; }
.loading { position: fixed; width: 100%; height: 100vh; background: #fff; top: 0; left: 0; z-index: 9999999999999999; }
.container { max-width: 1300px !important; }

/* Search Section */
.search-section { width: 100%; padding: 10px 0; margin-top: -61px; transition: 0.3s; }
    .search-section.opened { margin-top: 0; }
    .search-section .inputs { width: 100%; display: flex; align-items: center; position: relative; }
        .search-section .inputs input[type=text] { width: 100%; outline: none; border: 0; padding: 10px 15px; }
        .search-section .inputs input[type=submit] { outline: none; border: 0; background: #f5f5f5; padding: 10px 15px; }

/* Header Section */
.header-section { transition: 0.3s; width: 100%; padding: 10px 0; position: absolute; left: 0; top: 0; z-index: 2; margin-top: 0; background: white; }
    .header-section.down { margin-top: 61px; }

    .header-section .logo { width: auto; }
        .header-section .logo a { text-decoration: none; color: currentColor; display: inline-block; }
        .header-section .logo img { max-width: 168px; width: 100%; will-change: transform; }

    .header-section .right-links { display: flex; align-items: center; justify-content: flex-end; }
        .header-section .right-links .lang select { background: transparent; border: 0; outline: 0; cursor: pointer; color: #355ca6; }
        .header-section .right-links .search-btn { width: 40px; height: 40px; background: url(../images/search.png) no-repeat center; background-size: 16px; cursor: pointer; }

/* Models List */
.models-list { width: 100%; position: relative; }
    .models-list a { width: 100%; padding-bottom: 50%; text-decoration: none; color: currentColor; display: inline-block; position: relative; border: 1px solid #ccc; }
    .models-list img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
    .models-list a::after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(to bottom, transparent, #031539); z-index: 2; }
.models-list { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; }

    .models-list a:nth-child(1) { grid-area: 1 / 1 / 1 / 3; }
    .models-list a:nth-child(2) { grid-area: 1 / 3 / 2 / 4; }
    .models-list a:nth-child(3) { grid-area: 1 / 4 / 2 / 5; }
    .models-list a:nth-child(4) { grid-area: 2 / 3 / 3 / 4; }
    .models-list a:nth-child(5) { grid-area: 2 / 4 / 3 / 5; }
    .models-list a:nth-child(6) { grid-area: 3 / 1 / 2 / 3; }
    .models-list a:nth-child(7) { grid-area: 3 / 3 / 4 / 5; }
   

    .models-list .content { position: absolute; bottom: 0; left: 0; z-index: 3; padding: 30px; }
        .models-list .content h2 { font-size: 24px; position: relative; padding-bottom: 15px; margin-bottom: 15px; color: #fff; }
            .models-list .content h2::after { content: ""; width: 40px; height: 4px; background: #fff; position: absolute; bottom: 0; left: 0; }
        .models-list .content p { margin-bottom: 0; color: #aaa; }

.top-menu { width: auto; }
    .top-menu ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; }
        .top-menu ul li { position: relative; width: auto; color: white; }
            .top-menu ul li a { text-decoration: none; color: #23386b; display: inline-block; padding: 10px 20px; font-weight: 700; position: relative; }
                .top-menu ul li a i { /*color: #006fff;*/ font-size: 18px; position: relative; top: 3px; }
            .top-menu ul li:hover a { color: #355ca6; }
    .top-menu > ul { list-style: none; padding: 0; margin: 0; display: flex; }
        .top-menu > ul ul { list-style: none; padding: 10px 0; margin: 0; position: absolute; width: 180px; background: #fff; display: none; z-index: 2; }
            .top-menu > ul ul li a { padding: 5px 25px; color: #111 !important; }
                .top-menu > ul ul li a:hover { color: #6a2014 !important; }
            .top-menu > ul ul.opened { display: block; }
            .top-menu > ul ul ul { left: 100%; top: 0; display: none; }
                .top-menu > ul ul ul.opened { display: block; }

.mobile-menu { width: 100%; height: 100%; position: fixed; left: -100%; top: 0; z-index: 9; transition: 0.3s; background: #fff; overflow: auto; }
    .mobile-menu.opened { left: 0; }
    .mobile-menu ul { width: 100%; height: 100%; top: 0; z-index: 3; padding: 30px 0; padding-top: 80px; margin: 0; list-style: none; }
        .mobile-menu ul li { position: relative; border-top: 1px solid #eee; }
            .mobile-menu ul li:last-child { border-bottom: 1px solid #eee; }
            .mobile-menu ul li a { text-decoration: none; color: #111; font-size: 14px; font-weight: 500; display: block; letter-spacing: 1px; padding: 10px 15px; text-align: center; }
    .mobile-menu > ul { display: block; left: 0; }
        .mobile-menu > ul ul { position: fixed; background: #fff; left: -100%; opacity: 0; visibility: hidden; transition: 0.3s; }
            .mobile-menu > ul ul.opened { left: 0; opacity: 1; visibility: visible; }
            .mobile-menu > ul ul ul { position: fixed; left: 0; top: 0; left: -100%; opacity: 0; visibility: hidden; transition: 0.3s; }
                .mobile-menu > ul ul ul.opened { left: 0; opacity: 1; visibility: visible; }
    .mobile-menu .back-icon { width: 40px; height: 40px; position: absolute; left: 15px; top: 20px; display: flex; align-items: center; justify-content: center; z-index: 2; border: 1px solid #ddd; }
    .mobile-menu .sub-icon { width: 40px; height: 40px; position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: center; z-index: 2; }

.header-section .top-links { padding: 5px 0; display: flex; align-items: center; }

    .header-section .top-links .seach-wrap { width: auto; }
    .header-section .top-links .search-wrap .search-btn { width: 32px; height: 32px; background: url(../images/search.svg) no-repeat center; background-size: 16px 16px; cursor: pointer; }
    .header-section .top-links .search-wrap .search-input { display: none; position: absolute; max-width: 240px; width: 100%; z-index: 2; margin-top: 15px; right: 65px; }
        .header-section .top-links .search-wrap .search-input input[type=text] { width: 100%; outline: none; border: 0; padding: 10px; }
        .header-section .top-links .search-wrap .search-input button { border: 0; background: #f5f5f5; position: absolute; right: 0; width: 41px; height: 41px; outline: none; }

    .header-section .top-links .lang { width: auto; margin-left: 15px; }
        .header-section .top-links .lang select { outline: none; border: 0; cursor: pointer; }

/* REFERANS LÝSTESÝ */

.referans-list { }
    .referans-list ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
        .referans-list ul li { width: 20%; text-align: center; }
            .referans-list ul li a { text-decoration: none; color: currentColor; display: block; padding: 20px; }

            .referans-list ul li .img { width: 100%; border: 1px #ccc solid; margin-bottom: 10px; padding: 20px; overflow: hidden; }
                .referans-list ul li .img img { width: 100%; transition: 0.6s; }
            .referans-list ul li h1 { font-size: 20px; font-weight: 500; color: #2a323b; }

            .referans-list ul li a:hover img { transform: scale(1.1); }

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

    .slider .swiper-pagination { display: flex; flex-wrap: wrap; align-items: center; left: 23%; bottom: 45px; }
        .slider .swiper-pagination span { width: 10px; height: 10px; background: transparent; border: 1px solid #999; opacity: 1; }
        .slider .swiper-pagination .swiper-pagination-bullet-active { width: 16px; height: 16px; border: 2px solid #23386b; }

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

/* Breadcrumb */
.breadcrumb { background: transparent; padding: 20px 0; }
    .breadcrumb a { text-decoration: none; color: currentColor; color: #999; }
        .breadcrumb a::after { content: "/"; position: relative; margin: 0 10px; }
        .breadcrumb a:last-child { color: #031539; font-weight: 700; }
            .breadcrumb a:last-child::after { display: none; }

/* Project */
.project-title { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
    .project-title a { text-decoration: none; color: currentColor; font-size: 18px; font-weight: 700; padding: 15px 30px; margin: 0 20px; border-bottom: 4px solid #eee; }
        .project-title a.active { border-color: #006fff; }
        .project-title a:hover { border-color: #006fff; }

.project-list.swiper-container { padding-bottom: 60px; }
    .project-list.swiper-container .swiper-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
        .project-list.swiper-container .swiper-pagination span { width: 10px; height: 10px; background: transparent; border: 1px solid #999; opacity: 1; }
        .project-list.swiper-container .swiper-pagination .swiper-pagination-bullet-active { width: 16px; height: 16px; border: 2px solid #006fff; }

.project-list a { text-decoration: none; display: block; color: #fff; position: relative; }
.project-list .image { width: 100%; padding-bottom: 100%; position: relative; }
    .project-list .image::after { content: ""; position: absolute; width: 100%; height: 100%; /*background: linear-gradient(to bottom, transparent, rgba(1,6,18,0.8));*/ z-index: 2; }
    .project-list .image img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
.project-list .content { position: absolute; bottom: 0; left: 0; z-index: 3; padding: 45px; }
    .project-list .content h2 { position: relative; padding-bottom: 15px; margin-bottom: 15px; }
        .project-list .content h2::after { content: ""; width: 40px; height: 4px; background: #fff; position: absolute; bottom: 0; left: 0; }
    .project-list .content p { margin-bottom: 0; color: #aaa; }

.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.8; padding: 10px 0; padding-left: 40px; background: url(../images/whatsapp.svg) #26c44d no-repeat center left 20px; background-size: 32px; }
            .fixed-btns a.whatsapp-btn span { display: block; }            
            .fixed-btns a.whatsapp-btn b { display: none; }
        .fixed-btns a.offer-btn { background-color: #688eff; padding: 18px 0; padding-left: 40px; background: url(../images/document.svg) #0d3dcc no-repeat center left 20px; background-size: 32px; }
            .fixed-btns a.offer-btn span { display: block; }


/* Store List */
.store-list .item { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 60px; }
    .store-list .item .image { width: 60%; }
        .store-list .item .image img { width: 100%; }
    .store-list .item .content { width: 40%; padding: 0 30px; }
        .store-list .item .content h2 { font-size: 24px; font-weight: 700; }
        .store-list .item .content h3 { font-size: 18px; font-weight: 700; margin-bottom: 30px; }
        .store-list .item .content p { font-size: 14px; color: #888; margin-bottom: 0; }

/* Detail Carou */
.detail-carou { margin-bottom: 60px; }
    .detail-carou a { text-decoration: none; display: block; }
    .detail-carou img { width: 100%; }
    .detail-carou .swiper-button-prev { width: 40px; height: 40px; border-radius: 100%; background: #fff; display: flex; align-items: center; justify-content: center; }
    .detail-carou .swiper-button-next { width: 40px; height: 40px; border-radius: 100%; background: #fff; display: flex; align-items: center; justify-content: center; }
        .detail-carou .swiper-button-prev::after, .detail-carou .swiper-button-next::after { font-size: 20px; font-weight: bold; }

/* News List */
.news-list { padding: 0 10%; }
    .news-list a { text-decoration: none; display: block; color: currentColor; text-align: left; }
    .news-list .image { width: 100%; }
        .news-list .image img { width: 100%; }
    .news-list .content { width: 100%; padding: 20px 0; }
        .news-list .content small { font-style: italic; font-size: 12px; color: #999; display: block; margin-bottom: 10px; }
        .news-list .content h2 { font-size: 16px; font-weight: 700; margin-bottom: 15px; }
        .news-list .content .read-more { display: inline-flex; align-items: center; border-bottom: 3px solid #006fff; }
            .news-list .content .read-more i { margin-left: 10px; }













/* Side Nav */
.side-nav { width: 100%; }
    .side-nav ul { list-style: none; padding: 0; margin: 0; }
        .side-nav ul li { width: 100%; position: relative; }
            .side-nav ul li:last-child a { border: 0; }
            .side-nav ul li a { text-decoration: none; color: currentColor; display: block; padding: 10px 0; padding-right: 44px; font-size: 15px; font-weight: 500; }
                .side-nav ul li a:hover { color: #14ab37; }
            .side-nav ul li .arrow { position: absolute; color: #14ab37; right: 0; width: 42px; height: 42px; top: 0; display: flex; align-items: center; justify-content: center; font-size: 20px; cursor: pointer; z-index: 2; }
                .side-nav ul li .arrow.active { transform: rotate(90deg); }
            .side-nav ul li.has-sub ul { padding: 0; height: 0; overflow: hidden; }
                .side-nav ul li.has-sub ul.opened { padding: 10px 0; height: auto; }
        .side-nav ul ul { border: 0; }
            .side-nav ul ul li a { border: 0; font-size: 14px; }
            .side-nav ul ul li a { font-weight: 400; }

/* Home Product Detail */
.home-product-detail { width: 100%; display: flex; flex-wrap: wrap; align-items: center; padding: 0 45px; }
    .home-product-detail .image { width: 50%; }
        .home-product-detail .image img { max-width: 100%; }
    .home-product-detail .content { width: 50%; }
        .home-product-detail .content h2 { font-size: 28px; font-weight: bold; margin-bottom: 10px; color: #14ab37; }
        .home-product-detail .content h3 { font-size: 22px; font-weight: 500; margin-bottom: 30px; }
        .home-product-detail .content p { font-size: 14px; }
        .home-product-detail .content a.detail-btn { margin-top: 20px; letter-spacing: 1px; font-size: 13px; font-weight: 500; box-shadow: 0px 5px 15px rgba(120, 229, 114, 1); text-decoration: none; display: inline-block; color: #fff; background: linear-gradient(to right, #8bed7c, #18b544); border-radius: 30px; padding: 7px 15px; }

/* Product List */
.product-list { width: 100%; display: flex; flex-wrap: wrap; }
    .product-list .list-item { width: 33.333%; padding: 15px; }

        .product-list .list-item a { text-decoration: none; color: currentColor; display: block; border: 1px solid #ddd; border-radius: 20px; padding: 20px; }
        .product-list .list-item .image { width: 100%; padding-bottom: 100%; position: relative; }
            .product-list .list-item .image img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; border-radius: 20px; }
        .product-list .list-item .content { text-align: center; padding: 20px; }
            .product-list .list-item .content h2 { font-size: 26px; font-weight: bold; color: #14ab37; }
            .product-list .list-item .content h3 { font-size: 22px; font-weight: 400; margin-bottom: 0; }
                .product-list .list-item .content h3 b { font-weight: bold; }
        .product-list .list-item .detail-btn { width: 100%; text-align: center; color: #14ab37; border-top: 1px solid #ddd; padding-top: 20px; }

/* Product Carou */
.product-carou .carou-item a { text-decoration: none; color: currentColor; display: block; border: 1px solid #ddd; border-radius: 20px; padding: 20px; }
.product-carou .carou-item .image { width: 100%; padding-bottom: 100%; position: relative; }
    .product-carou .carou-item .image img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; border-radius: 20px; }
.product-carou .carou-item .content { text-align: center; padding: 20px; }
    .product-carou .carou-item .content h2 { font-size: 26px; font-weight: bold; color: #14ab37; }
    .product-carou .carou-item .content h3 { font-size: 22px; font-weight: 400; margin-bottom: 0; }
        .product-carou .carou-item .content h3 b { font-weight: bold; }
.product-carou .carou-item .detail-btn { width: 100%; text-align: center; color: #14ab37; border-top: 1px solid #ddd; padding-top: 20px; }

/* Reference List */
.reference-list { width: 100%; display: flex; flex-wrap: wrap; }
    .reference-list .list-item { width: 25%; padding: 15px; }
        .reference-list .list-item a { text-decoration: none; color: currentColor; display: block; border: 1px solid #ddd; position: relative; width: 100%; padding-bottom: 100%; }
        .reference-list .list-item img { width: 100%; height: 100%; object-fit: contain; position: absolute; left: 0; top: 0; }

/* Bid Ribbon */
.bid-ribbon { width: 100%; display: flex; align-items: center; justify-content: space-between; background: #ffd800; padding: 45px 90px; }
    .bid-ribbon h2 { width: auto; font-size: 20px; margin-bottom: 0; font-weight: 400; padding-right: 30px; }
    .bid-ribbon a { text-decoration: none; color: #ffd800; background: #111; white-space: nowrap; font-size: 16px; letter-spacing: 2px; padding: 15px 45px; font-weight: bold; box-shadow: 0px 5px 15px rgba(0,0,0,0.6); }

/* Cat List */
.cat-list { width: 100%; display: flex; flex-wrap: wrap; }
    .cat-list .list-item { width: 33.333%; padding: 15px; min-height: 250px; }
        .cat-list .list-item a { text-decoration: none; color: currentColor; background: #f5f5f5; height: 100%; display: flex; flex-wrap: wrap; }
        .cat-list .list-item .content { padding: 15px 30px; display: flex; flex-wrap: wrap; }
            .cat-list .list-item .content h2 { width: 100%; font-size: 24px; font-weight: bold; position: relative; padding-bottom: 10px; }
                .cat-list .list-item .content h2::after { content: ""; position: absolute; width: 30px; height: 3px; background: #89060d; bottom: 0; left: 0; }
            .cat-list .list-item .content p { width: 100%; }
        .cat-list .list-item .image { width: 100%; display: flex; justify-content: flex-end; align-items: flex-end; }
            .cat-list .list-item .image img { max-width: 100%; height: unset; object-fit: contain; }

        .cat-list .list-item:nth-child(5n+4) { width: 50%; }
            .cat-list .list-item:nth-child(5n+4) .content { width: 60%; order: 2; align-items: center; align-content: center; }
            .cat-list .list-item:nth-child(5n+4) .image { width: 40%; order: 1; }

        .cat-list .list-item:nth-child(5n+5) { width: 50%; }
            .cat-list .list-item:nth-child(5n+5) .content { width: 60%; order: 2; align-items: center; align-content: center; }
            .cat-list .list-item:nth-child(5n+5) .image { width: 40%; order: 1; }

        .cat-list .list-item:nth-child(8n+8) .content { width: 60%; align-items: center; align-content: center; }
        .cat-list .list-item:nth-child(8n+8) .image { width: 40%; padding: 0 15px 15px 0; }

        .cat-list .list-item:nth-child(7n+7) a { background: #333; color: #fff; }
        .cat-list .list-item:nth-child(7n+7) h2::after { background: #fff; }
        .cat-list .list-item:nth-child(7n+7) .image { justify-content: center; padding-bottom: 20px; }

        .cat-list .list-item:nth-child(10n+2) a { background: #89060d; color: #fff; }
        .cat-list .list-item:nth-child(10n+2) h2::after { background: #fff; }

/* Tab Title */
.tab-title { width: 100%; }
    .tab-title ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; }
        .tab-title ul li { border-right: 1px solid #ddd; }
            .tab-title ul li:last-child { border: 0; }
            .tab-title ul li a { text-decoration: none; color: currentColor; display: block; padding: 0 30px; font-size: 15px; font-weight: 500; }
            .tab-title ul li:hover a { color: #ed202f; }

/* Reference Carou */
.reference-carou a { text-decoration: none; color: currentColor; display: inline-block; padding: 0 15px; }
.reference-carou img { max-width: 100%; filter: grayscale(100%); }
.reference-carou .swiper-slide.act img { filter: unset; }
.reference-carou .swiper-wrapper { align-items: center; }

/* History Table */
.history-table { max-width: 600px; width: 100%; margin: auto; }
    .history-table ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
        .history-table ul li { width: 50%; padding: 30px; border-top: 1px solid #ddd; }
            .history-table ul li:nth-child(1) { border: 0; }
            .history-table ul li:nth-child(2) { border: 0; }
            .history-table ul li:nth-child(2n+1) { border-right: 1px solid #ddd; }
            .history-table ul li h2 { font-size: 36px; font-weight: bold; color: #ed202f; }
            .history-table ul li h3 { font-size: 14px; font-weight: 500; }

/* Contact */
.contact-map { width: 100%; height: 400px; 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; font-weight: 600; letter-spacing: 1px; height: 76px; background: #252525; outline: none; border: 0; color: #fff; }

/* Certificate List */
.certificate-list { max-width: 800px; width: 100%; margin: auto; display: flex; flex-wrap: wrap; }
    .certificate-list .list-item { width: 33.333%; padding: 0 15px; }
        .certificate-list .list-item a { text-decoration: none; color: currentColor; display: block; }
        .certificate-list .list-item img { width: 64px; margin-bottom: 15px; }
        .certificate-list .list-item h2 { font-size: 20px; font-weight: bold; color: #ed202f; }
        .certificate-list .list-item h3 { font-size: 16px; margin-bottom: 0; }

/* Company List */
.company-list { width: 100%; margin: auto; display: flex; flex-wrap: wrap; align-items: center; }
    .company-list .list-item { width: 25%; padding: 0 30px; }
        .company-list .list-item a { text-decoration: none; color: currentColor; display: block; }
        .company-list .list-item img { max-width: 100%; }

/* Product Detail */
.product-detail { width: 100%; display: flex; flex-wrap: wrap; align-items: center; }
    .product-detail .detail-gallery { width: 50%; padding-right: 45px; }

        .product-detail .detail-gallery .own { border: 1px solid #ddd; margin-bottom: 10px; }
            .product-detail .detail-gallery .own a { text-decoration: none; color: currentColor; display: block; position: relative; width: 100%; padding-bottom: 80%; }
            .product-detail .detail-gallery .own img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; }

        .product-detail .detail-gallery .thumbs img { border: 1px solid #ddd; width: 100%; }

    .product-detail .detail-content { width: 50%; }
        .product-detail .detail-content h1 { font-size: 28px; font-weight: bold; margin-bottom: 10px; color: #14ab37; }
        .product-detail .detail-content h2 { font-size: 22px; font-weight: 500; margin-bottom: 30px; }
        .product-detail .detail-content p { font-size: 16px; }

/* Icon List */
.icon-list { width: 100%; display: flex; flex-wrap: wrap; }
    .icon-list .list-item { width: 25%; padding: 0 30px; }
        .icon-list .list-item a { text-decoration: none; color: currentColor; display: block; text-align: center; }
        .icon-list .list-item .image { width: 100px; height: 100px; margin: auto; position: relative; margin-bottom: 10px; }
            .icon-list .list-item .image img { width: 100%; height: 100%; left: 0; top: 0; object-fit: contain; position: absolute; }
        .icon-list .list-item .content { }
            .icon-list .list-item .content h2 { font-size: 18px; font-weight: 300; color: #32c151; }
                .icon-list .list-item .content h2 strong { font-weight: bold; }
            .icon-list .list-item .content h3 { font-size: 13px; font-weight: 300; margin-bottom: 0; }

/* Ck Container */
.ck-container { }
    .ck-container h1 { font-size: 28px; margin-bottom: 20px; }
    .ck-container p { font-size: 16px; }

/* Top Footer Section */
.top-footer-section { }

    .top-footer-section .f-logo { width: auto; text-align: center; }
        .top-footer-section .f-logo a { text-decoration: none; color: currentColor; display: inline-block; margin-bottom: 10px; }
        .top-footer-section .f-logo img { max-width: 100%; }
        .top-footer-section .f-logo h2 { font-size: 14px; font-weight: bold; color: #89060d; }

    .top-footer-section .newsletter-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
        .top-footer-section .newsletter-wrap h2 { font-size: 14px; width: 60%; margin-bottom: 0; padding-right: 30px; }
        .top-footer-section .newsletter-wrap .input-group { width: 40%; }
            .top-footer-section .newsletter-wrap .input-group input[type=text] { width: 100%; outline: none; border: 0; border-bottom: 1px solid #111; background: transparent; }

    .top-footer-section .social-media { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; }
        .top-footer-section .social-media a { width: 24px; height: 24px; margin: 7px; }
            .top-footer-section .social-media a.facebook { width: 16px; background: url(../images/social/facebook.png) no-repeat center; background-size: 16px 24px; }
            .top-footer-section .social-media a.instagram { background: url(../images/social/instagram.png) no-repeat center; background-size: 24px; }
            .top-footer-section .social-media a.twitter { background: url(../images/social/twitter.png) no-repeat center; background-size: 24px; }
            .top-footer-section .social-media a.whatsapp { background: url(../images/social/whatsapp.png) no-repeat center; background-size: 24px; }

/* Icon Section */
.icon-section { width: 100%; background: #031539; padding: 45px 0; }
    .icon-section h2 { font-size: 42px; font-weight: 700; color: #fff; }
    .icon-section p { color: #999; }
    .icon-section .item { background: #006fff; padding: 30px; color: #fff; height: 100%; }
        .icon-section .item .icon { display: flex; align-items: flex-end; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 15px; margin-bottom: 15px; }
            .icon-section .item .icon img { max-width: 100%; margin-right: 10px; }
            .icon-section .item .icon span { font-size: 42px; font-weight: 700; line-height: 1.1; }
        .icon-section .item .content { font-size: 18px; }

    .icon-section .col-lg-3:nth-child(3) .item { background: #355ca6; }
    .icon-section .col-lg-3:nth-child(4) .item { background: #b9dafd; color: #031539; }
        .icon-section .col-lg-3:nth-child(4) .item .icon { border-bottom: 1px solid rgba(0,0,0,0.3); }
    .icon-section .col-lg-3:nth-child(5) .item { background: #55f1fe; color: #031539; }
        .icon-section .col-lg-3:nth-child(5) .item .icon { border-bottom: 1px solid rgba(0,0,0,0.3); }

/* Footer Section */
.footer-section { width: 100%; border-top: 1px solid #eee; }
    .footer-section .f-item { width: 100%; color: #111; }
        .footer-section .f-item h2 { font-size: 18px; font-weight: 700; width: 100%; margin-bottom: 15px; }
        .footer-section .f-item ul { list-style: none; padding: 0; margin: 0; }
            .footer-section .f-item ul li { color: #111; padding: 5px 0; }
                .footer-section .f-item ul li a { text-decoration: none; color: #111; font-size: 15px; font-weight: 300; }
                .footer-section .f-item ul li b { font-weight: bold; }

        .footer-section .f-item.columns-2 ul { columns: 2; -webkit-column-break-inside: avoid; }
        .footer-section .f-item.columns-2 li { -webkit-column-break-inside: avoid; }

    .footer-section .f-social { width: 100%; color: #111; }
        .footer-section .f-social h2 { font-size: 18px; font-weight: 700; width: 100%; margin-bottom: 15px; }
        .footer-section .f-social ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; }
            .footer-section .f-social ul li a { width: 24px; height: 24px; text-decoration: none; color: currentColor; display: block; margin-right: 15px; opacity: 0.5; }
                .footer-section .f-social ul li a.linkedin { background: url(../images/social/linkedin.png) no-repeat center; background-size: 24px; }
                .footer-section .f-social ul li a.instagram { background: url(../images/social/instagram.png) no-repeat center; background-size: 24px; }
                .footer-section .f-social ul li a.facebook { width: 12px; background: url(../images/social/facebook.png) no-repeat center; background-size: auto 24px; }

/* Mid Content */
.mid-content { padding-right: 60px; }
    .mid-content h2 { font-size: 24px; font-weight: 700; }
    .mid-content p { max-width: 400px; width: 100%; margin-bottom: 45px; }
    .mid-content > a { text-decoration: none; display: inline-block; color: #fff; font-size: 13px; padding: 15px 30px; background: #355ca6; margin-bottom: 45px; }
    .mid-content .icons { width: 100%; display: flex; }
        .mid-content .icons .item { width: auto; margin-right: 30px; }
            .mid-content .icons .item a { text-decoration: none; color: currentColor; display: block; }
            .mid-content .icons .item img { max-width: 100%; margin-bottom: 10px; }
            .mid-content .icons .item span { display: block; border-bottom: 3px solid #006fff; }
                .mid-content .icons .item span i { }

/* Brand Carou */
.brand-carou { padding-bottom: 60px; }
    .brand-carou a { text-decoration: none; display: block; }
    .brand-carou img { width: 100%; }

    .brand-carou .swiper-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
        .brand-carou .swiper-pagination span { width: 10px; height: 10px; background: transparent; border: 1px solid #999; opacity: 1; }
        .brand-carou .swiper-pagination .swiper-pagination-bullet-active { width: 16px; height: 16px; border: 2px solid #6a2014; }

/* Home Store */
.home-store_image { }
    .home-store_image img { width: 100%; }
.home-store_content { margin-bottom: 30px; }
    .home-store_content p { color: #999; margin-bottom: 45px; }
    .home-store_content ul { list-style: none; padding: 0; margin: 0; margin-bottom: 45px; }
        .home-store_content ul li { padding: 4px 0; font-weight: 700; }
            .home-store_content ul li span:first-child { display: inline-block; width: 100px; }
    .home-store_content a.detail-btn { text-decoration: none; color: currentColor; display: inline-flex; align-items: center; letter-spacing: 0; font-weight: 700; border-bottom: 3px solid #006fff; }
        .home-store_content a.detail-btn i { margin-left: 5px; }

/* Mid Image */
.mid-image { width: 100%; position: relative; z-index: 2; margin-bottom: 75px; }
    .mid-image::after { content: ""; width: 100%; height: 100%; background: #23386b; right: 0; bottom: -60px; z-index: -1; position: absolute; }
    .mid-image img { width: 100%; position: relative; margin-left: -60px; }

/* Other Css */
a.read-more { text-decoration: none; color: #fc2662; display: inline-block; letter-spacing: 1px; }
.design a { text-decoration: none; color: currentColor; font-weight: bold; color: #5bca46; }

.bg-img1::before { width: 200px; height: 200px; content: ""; position: absolute; left: -200px; top: 0; background: url(../images/img1.png) no-repeat center; background-size: contain; }
.bg-img1::after { width: 200px; height: 200px; content: ""; position: absolute; right: -200px; top: 0; background: url(../images/img2.png) no-repeat center; background-size: contain; }
.bg-img2::before { width: 200px; height: 200px; content: ""; position: absolute; left: -200px; bottom: 0; background: url(../images/img3.png) no-repeat center; background-size: contain; }
.bg-img2::after { width: 200px; height: 200px; content: ""; position: absolute; right: -200px; bottom: 0; background: url(../images/img4.png) no-repeat center; background-size: contain; }

.h1 { font-size: 42px; font-weight: 700; text-align: center; position: relative; padding-bottom: 30px; margin-bottom: 40px; }
    .h1::after { content: ""; position: absolute; left: 50%; bottom: -30px; transform: translateX(-50%); border: 20px solid transparent; border-top: 20px solid #355ca6; }
.h2 { font-size: 42px; font-weight: 700; text-align: center; position: relative; margin-bottom: 30px; }

/* Helpers */
.bg-dark { background-color: #252525 !important; }
.bg-light-2 { background-color: #f0f5fb; }
.bg-img { width: 100%; background: url(../images/bg-img.jpg) no-repeat center; background-size: 100% auto; }
.h2-title { text-align: center; font-size: 24px; margin-bottom: 30px; padding-top: 45px; font-weight: bold; background: url(../images/quote.svg) no-repeat center top; background-size: 48px; }

.tech-bg { position: relative; }
    .tech-bg::after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/tech-bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed; z-index: -1; opacity: 0.1; }

.menu-btn { position: relative; z-index: 10; width: 40px; height: 40px; background: #006fff; color: #fff; font-size: 24px; margin-left: 15px; display: none; align-items: center; justify-content: center; }

@media(max-width: 1300px) {
    .models-list .content h2 { font-size: 20px; }
}

@media(max-width: 991px) {
    .search-section { border-bottom: 1px solid #eee; }
    .header-section { position: relative; }
        .header-section.down { margin-top: 0; }
    .menu-btn { display: flex; }
    .cat-list .list-item { width: 50% !important; }
    .top-menu { display: none; }
    .footer-section .f-item { margin-bottom: 30px; }
    .contact-map { margin-bottom: 30px; height: auto; }
        .contact-map iframe { position: relative; height: 300px; }
    .tab-title ul li { width: 100%; border: 0; text-align: center; margin-bottom: 7px; }
    .side-nav { margin-bottom: 30px; }
        .side-nav > ul > li { border-bottom: 1px solid #ddd; }
            .side-nav > ul > li:last-child { border: 0; }
    .mobile-menu ul { padding-top: 120px; }
    .mobile-menu .back-icon { top: 40px; }
    .footer-section { text-align: center; }
        .footer-section .f-social ul { justify-content: center; }
    .banner img { height: 200px; object-fit: cover; }
    .slider { padding-bottom: 30px; }
        .slider .swiper-pagination { bottom: 0; left: 0; justify-content: center; }
    .fixed-btns { width: 150px; bottom: 5%; }
        .fixed-btns a.offer-btn { font-size: 14px; }
        .fixed-btns a.whatsapp-btn { font-size: 14px; padding: 18px 0 18px 40px; font-weight: bolder; }
            .fixed-btns a.whatsapp-btn b { display: none; }

    .referans-list ul li { width: 25%; }
        .referans-list ul li h1 { font-size: 16px; }
}

@media(max-width: 768px) {
    .bid-ribbon { flex-wrap: wrap; justify-content: center; text-align: center; padding: 30px; }
        .bid-ribbon h2 { width: 100%; margin-bottom: 15px; }
    .company-list .list-item { width: 50%; padding: 15px 30px; }
    .certificate-list .list-item { width: 50%; margin-bottom: 30px; }
    .reference-list .list-item { width: 33.333%; }
    .product-list .list-item { width: 50%; }
    .icon-list .list-item { width: 50%; margin-bottom: 20px; }
    .home-product-detail { padding: 0 15px; }
        .home-product-detail .image { width: 100%; margin-bottom: 20px; }
        .home-product-detail .content { width: 100%; }
    .store-list .item .image { width: 40%; }
    .store-list .item .content { width: 60%; }

    .models-list { display: flex; flex-wrap: wrap; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 16px; grid-row-gap: 16px; }

        .models-list a { width: calc(50% - 8px); }
        .models-list a:nth-child(1) { width: 100%; }

    .referans-list ul li { width: 33.333%; }
}

@media(max-width: 640px) {
    .cat-list .list-item { width: 100% !important; }
    .header-section .logo img { max-width: 75%; }
    .top-footer-section .newsletter-wrap { flex-wrap: wrap; text-align: center; }
        .top-footer-section .newsletter-wrap h2 { width: 100%; margin-bottom: 15px; }
        .top-footer-section .newsletter-wrap .input-group { width: 100%; }
            .top-footer-section .newsletter-wrap .input-group input[type=text] { text-align: center; }
    .product-detail .detail-gallery { width: 100%; padding-right: 0; margin-bottom: 30px; }
    .product-detail .detail-content { width: 100%; }
    .mobile-menu ul { padding-top: 95px; }
    .mobile-menu .back-icon { top: 29px; }
    .product-carou .carou-item .content h2 { font-size: 20px; }
    .product-carou .carou-item .content h3 { font-size: 16px; }
    .product-list .list-item .content h2 { font-size: 20px; }
    .product-list .list-item .content h3 { font-size: 16px; }
    .store-list .item .image { width: 100%; margin-bottom: 20px; }
    .store-list .item .content { width: 100%; }
    .h1 { font-size: 27px; padding-bottom: 24px; margin-bottom: 32px; }
    .h2 { font-size: 27px; margin-bottom: 15px; }
}

@media(max-width: 576px) {
}

@media(max-width: 480px) {
    .header-section .logo img { max-width: 50%; }
    .reference-list .list-item { width: 50%; }
    .mobile-menu ul { padding-top: 70px; }
    .mobile-menu .back-icon { top: 15px; }
    .icon-list .list-item { width: 100%; margin-bottom: 20px; padding: 0 10px; }
        .icon-list .list-item .image { width: 70px; height: 70px; }
    .project-title a { width: 100%; text-align: center; }
    .models-list { display: flex; flex-wrap: wrap; margin-bottom: 30px; }
        .models-list a { width: 100%; }
    .referans-list ul li { width: 50%; }
}

@media(max-width: 440px) {
    .product-carou .carou-item .content h2 { font-size: 16px; }
    .product-carou .carou-item .content h3 { font-size: 12px; }
    .product-list .list-item .content h2 { font-size: 16px; }
    .product-list .list-item .content h3 { font-size: 12px; }
}

@media(max-width: 320px) {
    .referans-list ul li { width: 100%; }
}