@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
    font-size: 19px;
    font-family: 'Roboto', sans-serif;
}
a, a:hover, a:active {
 color:inherit; text-decoration:none
}
h1 {
margin-bottom:0px; font-size:36px; font-weight:600
}
h2 {
    font-size: 30px;
}
footer img { 
    max-width:200px; margin-top:10px; margin-bottom:10px
}
header {
    border-top: solid 10px #383536;
   background-color: rgba(193, 193, 193, 0.8);
   position:fixed; top:0px; left:0px; right:0px; z-index:5;
   transition:0.40s ease-in-out
}

    header.sticky-header {
        border-top: solid 10px #383536;
        background-color: #fff;
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        z-index: 5
    }
.header-y {
    height: 70px;
    transition: 0.40s ease-in-out
}
header.sticky-header .header-y {
            height: 50px;
        }

header.sticky-header .menu-container {
    top: 83px;
    height: calc(100vh - 83px);
}
.logo {
    max-width: 240px;
    width: 100%;
    transition: 0.40s ease-in-out
}
header.sticky-header .logo {
    max-width: 190px;
    width: 100%
}
.top-btn {
 color:#fee000; font-size:45px; position:fixed;
 right:30px; bottom:30px;  z-index:1000; display:none
}
    
    .top-btn.showBtn {
        display: block
    }
    .top-btn i {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        transition: 0.40s ease-in-out;
        opacity: 0.7;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.25) !important
    }
        .top-btn i:hover {
            opacity: 1;
            box-shadow: 0 .5rem 1rem rgba(0,0,0,0) !important
        }

    .lang-box {
        position: absolute;
        right: 45px;
        top: 36px;
        transition: 0.40s ease-in-out;
        cursor: pointer
    }
header.sticky-header .lang-box {
    position: absolute;
    right: 45px;
    top: 30px; opacity:0
}
.lang-choose {
    background: rgba(193, 193, 193, 0.8);
    padding: 15px;
    position: fixed;
    right: 0px;
    top: 112px;
    font-size: 15px;
    transition: 0.40s ease-in-out;
    display: none
}
header.sticky-header .lang-choose {
    top: 95px;
}
    .cursor-pointer {
    cursor: pointer
}
.gallery-title {
 font-size:14px
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
     background:#c1c1c1ec; width:45px; height:45px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    background: #c1c1c1ec;
   
}
.swiper-button-next, .swiper-button-prev {
    width: 45px !important;
    height: 45px !important; opacity:0.8;
    transition:0.40s ease-in-out
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    opacity: 1
}
    .swiper-button-next:after, .swiper-button-prev:after {
     color:#fee000; font-size:24px !important
    }
.fuar-list .nav {
    display:block !important
}
.fuar-list .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
      background-color:#fee000; border-radius:0px
}
.fuar-list .nav-link {
    color:#383536
}
.menu-container {
    position: absolute;
    top: 102px;
    right: 0px;
    border-left: 5px solid #fee000;
    background: #c1c1c1ec;
    height: calc(100vh - 112px);
    font-family: 'Poppins', sans-serif;
    display: none;
    transition: 0.40s ease-in-out
}
.is-active.menu-container {
    display: block;
}
    .menu-container ul {
     list-style-type:none;
     padding-left:0px;
    }
    .menu-container li {
         padding-left: 0px;
         padding-bottom:5px;
         font-weight:500;
         margin-bottom:10px
    }
    .menu-container li ul li {
        font-weight: 400;
        margin-bottom:0px;font-size:16px
        
    }
    .menu-container a {
       transition:0.40s ease-in-out
    }
.menu-container a:hover {
    color: #fee000
}
footer {
 background:#c1c1c1; border-top:solid 5px #fee000
}
.slide-container {
 height:70vh;
 overflow:hidden;
 width:100%; background:#383536;
}
    .slide-container img {
        min-width: 100%;
        min-height: 100%;
        width: 100%;
        opacity:0.5
    }
.slide-content-container {
    position: absolute;
    top: 38%;
    margin-top: -50px;
    z-index: 2;
    text-align:center;
    width:100%
}
.slide-title {
    background: #fee000;
    font-weight: 600;
    font-size: 28px;
    line-height: 20px;
    opacity: 0.8;
    letter-spacing: 1px;
    display: inline-block;
}
.breadcrumb-title {
    color: #fff;
    text-shadow: 1px 2px 3px #666;
    font-size: 15px;
    letter-spacing: 2px
}
    .breadcrumb-title span {
     opacity:0.7
     }
    .breadcrumb-title a {
       border-bottom:solid 1px #fff0; transition:0.40s ease-in-out;

    }
        .breadcrumb-title a:hover {
            border-bottom: solid 1px #fee000;
            color: #fee000
        }
    .swiper-slide .slide-container {
        height: 100vh;
        overflow: hidden;
        width: 100%
    }


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

.swiper-slide .slide-content {
    background: #fee000;
    font-weight: 600;
    font-size: 28px;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    z-index: 2;
    opacity: 0.8;
    left: 50px;
    letter-spacing: 1px
}
.b-line {
    height: 7px;
    width: 100%;
    background: #fee000
}
.r-col-line {
    width: 7px;
    height: 95px;
    background: #fee000;
    position: absolute;
    top: -30px;
    right: 0px;
}

.aspect-ratio-container {
    position: relative;
    height: 0;
    padding-top: calc(2 / 4 * 100%);
}
.aspect-ratio-container-2-2 {
    position: relative;
    height: 0;
    padding-top: calc(4 / 4 * 100%);
}
.aspect-ratio-container-4-2 {
    position: relative;
    height: 0;
    padding-top: calc(4 / 2 * 100%);
}

    .aspect-ratio-container.ratio-16-9 {
        padding-top: calc(9 / 16 * 100%);
    }

.aspect-ratio-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
}

img.aspect-ratio-item {
    object-fit: cover;
}
.card-list-content {
    height: 200px
}
.border-r-b {
    border-right: solid 1px #fee000;
    border-bottom: solid 1px #fee000;
}
.border-b {
    border-bottom: solid 1px #fee000;
}
.border-r {
    border-right: solid 1px #fee000;
}
.referanslar img {
    max-width:100%;
}
@media (max-width:1300px) {
    body {
        font-size: 18px;
    }
    .lang-box {
        right: 15px;
        
    }
    .container {
        max-width: 1100px;
    }
}
    @media (max-width:1200px) {
      

        .card-list-content {
            height: 240px;
        }

        h1 {
            margin-bottom: 0px;
            font-size: 32px;
        }
    }

    @media (max-width:992px) {
        body {
            font-size: 18px;
        }

        .card-list-content {
            height: 250px
        }

        .border-r-b {
            border-right: none;
            border-bottom: solid 1px #fee000;
        }

        .border-b {
            border-bottom: solid 1px #fee000;
        }

        .border-r {
            border-right: none;
            border-bottom: solid 1px #fee000;
        }
    }

    @media (max-width:768px) {
        .lang-box {
            position: absolute;
            right: 75px;
            top: 36px;
            transition: 0.40s ease-in-out;
            cursor: pointer;
        }

        .referanslar .col-6 {
            border: none !important
        }

        .swiper-slide .slide-container {
            height: 75vh;
            overflow: hidden;
            width: 100%;
            position: relative
        }

        .slide-container img {
            width: auto;
            height: 100%
        }

        .swiper-slide .slide-content {
            background: #fee000;
            font-weight: 600;
            font-size: 24px;
            position: absolute;
            top: 50%;
            margin-top: -50px;
            z-index: 2;
            opacity: 0.8;
            left: 30px;
            right: 30px;
            letter-spacing: 1px
        }

        .slide-container {
            height: 50vh;
            overflow: hidden;
            width: 100%;
            background: #383536;
        }

            .slide-container img {
                min-width: 100%;
                min-height: 100%;
                width: 100%;
                opacity: 0.5
            }

        .slide-content-container {
            position: absolute;
            top: 32%;
            margin-top: -50px;
            z-index: 2;
            text-align: center;
            width: 100%
        }

        .slide-title {
            background: #fee000;
            font-weight: 600;
            font-size: 28px;
            line-height: 20px;
            opacity: 0.8;
            letter-spacing: 1px;
            display: inline-block;
        }

        .breadcrumb-title {
            color: #fff;
            text-shadow: 1px 2px 3px #666;
            font-size: 15px;
            letter-spacing: 2px
        }

            .breadcrumb-title span {
                opacity: 0.7
            }

            .breadcrumb-title a {
                border-bottom: solid 1px #fff0;
                transition: 0.40s ease-in-out;
            }

                .breadcrumb-title a:hover {
                    border-bottom: solid 1px #fee000;
                    color: #fee000
                }

        .fuar-list .nav {
            display: flex !important
        }
    }