@font-face {
    font-family: Exo;
    src: url(../../../file/font/Exo/exo.regular.otf);
}
@font-face {
    font-family: Exo-ExtraBold;
    src: url(../../../file/font/Exo/exo.extra-bold.otf);
}
@font-face {
    font-family: Montserrat;
    src: url(../../../file/font/Montserrat/Montserrat-Regular.ttf);
}
@font-face {
    font-family: Montserrat-ExtraBold;
    src: url(../../../file/font/Montserrat/Montserrat-ExtraBold.ttf);
}

html{ scroll-behavior: smooth; }
body{ background-color: inherit; font-family: Montserrat, sans-serif;  }
pre{ display: table; }

#whatsapp-destek-hatti{
    z-index: 5; font-family: Exo-ExtraBold, sans-serif;
    background-color: #03529D; color: #FFF; padding: 30px 15px 30px 13px; border-radius: 0 15px 15px 0;
    position: fixed; top: 50%; right: 0; transform: translate(0, -50%) rotate(180deg); writing-mode: vertical-lr;
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.4);
}
#whatsapp-destek-hatti:hover{ text-decoration: none; background-color: #03488a; }


/* CHROME SCROLL */
::-webkit-scrollbar { height: 10px; width: 10px; background: transparent; }
::-webkit-scrollbar-thumb { background: #333; -webkit-border-radius: 20ex;
    /*-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);*/
}
::-webkit-scrollbar-corner { /*background: #000;*/ }
/* /CHROME SCROLL */




/* HEADER */
#lang-top-wrapper{ margin-left: auto; text-align: right; margin-top: 15px; }
#lang-top-wrapper a{ color: #fff; }
#lang-top-wrapper a img{ height: 24px; }
#lang-top-wrapper a{ margin-right: 15px; }
#lang-top-wrapper a:last-child{ margin-right: 0; }

#header{ z-index: 2; margin-top: 0; }
#header > .line-0{ height: 20px; background-color: #FFF; }
#header > .line-1{ background-color: #C2C2C2; height: 50px;  }
#header > .line-1 .container-xl{ height: 100%; }
#header > .line-1 .d-flex{ height: 100%; align-items: center; }
#header > .line-1 .item{ padding-left: 70px; color: #2B2B2B; font-size: 1.1rem; }
#header > .line-1 .item:nth-child(1){ padding-left: 0; }
#header > .line-1 .item .title{ margin-right: 10px; font-weight: 200; }
#header > .line-1 .item .title i{ margin-right: 10px; }
#header > .line-1 .item .title .text{  }
#header > .line-1 .item .social{ }
#header > .line-1 .item .social a{ margin-left: 15px; transition: .2s; color: #2B2B2B; }
#header > .line-1 .item .social a i{ font-size: 26px; }
#header > .line-1 .item .social a:hover{ color: #FFF; }

#header > .line-2{ background-color: rgba(255,255,255,0.85); }
#header > .line-2 .navbar{ padding: 15px 0; }
#header > .line-2 .navbar .container-xl{ }
#header > .line-2 .navbar-nav{  margin-bottom: auto; }
#header > .line-2 .navbar-nav .nav-link{ padding: 8px 18px 6px 18px; font-size: 1rem; font-weight: 600; font-family: Exo, sans-serif; color: #2B2B2B }
#header > .line-2 .navbar-nav .nav-link:hover{ background-color: #2B2C89; color: #FFF; text-decoration: none; }
#header > .line-2 .navbar-nav .nav-link.active{ background-color: #2B2C89; color: #FFF; }
#header > .line-2 .navbar-nav .nav-item:last-child .nav-link{  }
#header > .line-2 .navbar-brand{ }
#header > .line-2 .navbar-brand img{ height: 90px; }




/* MAIN */
#main .header-1{ text-align: center; font-family: Exo, sans-serif; }
#main .header-1 h2{ font-weight: 700; margin: 10px 0 15px 0; font-size: 2.5rem; }
#main .content-1{ font-size: 1.25rem; }


#main .header-2{ margin-bottom: 45px; font-family: Exo, sans-serif; }
#main .header-2 h2{ font-family: Exo, sans-serif; }

#main .section .cover-img{ position: absolute; left: 0; top: 0; object-fit: cover; height: 100%; width: 100%; z-index: -2; }
#main .section .curtain{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; background-color: rgb(68,176,215); mix-blend-mode: multiply; }
#main .section-motto{ position: relative; height: 500px; }
#main .section-motto .text{ display: flex; align-items: center; color: #FFF; }
#main .section-motto .text .line-1{ font-size: 3rem; line-height: 100%; margin-bottom: 30px; font-family: Montserrat-ExtraBold, sans-serif }
#main .section-motto .text .line-2{ font-size: 1rem; width: 500px; }

.head-menu-1{border-bottom: 1px solid #709AC2;font-family: Exo, sans-serif;display: flex;/* padding-bottom: 10px; */margin-bottom: 30px;}
.head-menu-1 > a{margin: 0 30px;text-align: center;min-width: 56px;padding: 10px;cursor: pointer;font-size: 20px; color: #252525;}
.head-menu-1 > a:first-child{ margin-left: 100px; }
.head-menu-1 > a:after{ display:block; content: ''; width: 56px; height: 7px; margin-left: auto; margin-right: auto; transform: translate(0px, 14px); background-color: #03529D; opacity: 0; transition: .2s; }
.head-menu-1 > a.active:after{ opacity: 1; }
.head-menu-1 > a:hover:after{ opacity: 1; background-color: #000000; }
.head-menu-1 > a:hover{ text-decoration: none; }

#main .section-products{ background-color: #EDEDED; }
#main .section-products .header-1 h2{ margin-bottom: 30px; }


.product-wrapper .item-wrapper{ padding: 0 30px; margin-bottom: 60px; }
.product-wrapper .item{ background-color: #FFF; border-radius: 15px; border: 1px solid #D1D1D1; padding: 90px 30px 30px 30px; position: relative; }
.product-wrapper .item .tag{ position: absolute; left: -5px; top: 30px; background-color: #000; color: #FFF; font-size: 12px; padding: 2px 10px; font-weight: 500;}
.product-wrapper .item .tag .triangle{ display:block; position: absolute; height: 0; width: 0; left: 0; top: 22px;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 5px solid #000;
    border-bottom: 5px solid transparent;
}
.product-wrapper .item img{ max-width: 100%; max-height: 100%; }
.product-wrapper .item a.img-wrapper{ text-decoration: none; display: flex; height: 250px; flex-direction: column; justify-content: center; margin-bottom: 15px; }
.product-wrapper .item .title{ font-size: 14px; font-family: Exo, sans-serif; margin-bottom: 30px; text-align: center; height: 50px; display: flex; flex-direction: column; justify-content: center; }
.product-wrapper .item .price{ font-size: 22px; height: 24px; display: flex; flex-direction: row; justify-content: center; text-align: center; width: 100%; align-items: center; }
.product-wrapper .item .price > span{ margin-right: 10px; }
.product-wrapper .item .price span:last-child{ margin-right: 0; }
.product-wrapper .item .price span.current{  }
.product-wrapper .item .price span.current.lineThrough{ text-decoration: line-through; color: red; }
.product-wrapper .item .price span.current > span{ color: #212529; }
.product-wrapper .item .price span.offer{ font-weight: bold; }
.product-wrapper .item ul{ list-style-type: none; margin: 10px 0 30px 0; padding: 0; }
.product-wrapper .item li{ font-size: 14px; font-family: Exo, sans-serif; color: #666; border-bottom: 1px solid #999; text-align: center; padding: 0 0; height: 75px; display: flex; flex-direction: column; justify-content: center; }
.product-wrapper .item li span{ vertical-align: super; font-size: 8px; }
.product-wrapper .item li:last-child{ border-bottom: none;}
.product-wrapper .item .btn-wrapper{ text-align: center; margin-bottom: -50px; }
.product-wrapper .item .btn-wrapper .btn{ border-radius: 0; background-color: #03529D; border: none; width: 150px; padding-top: 10px; padding-bottom: 8px; font-size: 14px; }
.product-wrapper .item ul li:nth-child(n+3){ border-bottom: none; }
.product-wrapper .item ul li:nth-child(n+4) { display: none; } /* Yanlızca 3 madde göster */



#about{ padding-top: 15px; }
#about .brand-wrapper{ margin-bottom: 60px; text-align: center; }




/* CUSTOM BOOTSTRAP DROPDOWN STYLE */
.dropdown-full-width{ position:static !important; }
.dropdown-menu-full-width{
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important; margin-top:-1px !important; width:100% !important;
    border-radius: 0 !important; border: 0; padding: 4rem 0 0 0; background-color: rgba(255,255,255,0.95);
    height: 370px;
}
.dropdown-menu-full-width .dropdown-item{
    font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 300; color: #4E4E4E;
    transition-duration: 0.2s; padding: .75rem 1rem;
}
.dropdown-menu-full-width .dropdown-item:hover{ color:#FFF; background-color: #03529D; text-decoration: none; }
.dropdown-menu-full-width ul > li{ border-bottom: 1px solid #999999;  }
.dropdown-menu-full-width ul.nav > li:last-child{ border-bottom: none; }

.dropdown-menu-full-width .line-1{ margin-bottom: 30px; }
.dropdown-menu-full-width .line-1 .right{ position: relative; }
.dropdown-menu-full-width .line-1 .right .img-wrapper{ position: absolute; left: 114px; top: 0; height: 240px; }
.dropdown-menu-full-width .line-1 .right .img-wrapper img{ max-width: 100%; max-height: 100%; }

.dropdown-menu-full-width .line-2{ position: absolute; bottom: 0; left: 0; width: 100%; }
.dropdown-menu-full-width .line-2 .background{}
.dropdown-menu-full-width .line-2 .background .blue{ height: 80px; background-color: #6B9AC4; }
.dropdown-menu-full-width .line-2 .front{ position: absolute; left: 0; top: 0; width: 100%; height: 80px;}
.dropdown-menu-full-width .line-2 .front .left-object{ width: 180px; height: auto; margin-top: -220px; }
.dropdown-menu-full-width .line-2 .front .motto{ margin-top: auto; margin-bottom: auto; color: #FFF; font-weight: bold; font-size: 22px; font-family: 'Exo-ExtraBold', sans-serif }
.dropdown-menu-full-width .line-2 .front .button-wrapper{ margin-top: auto; margin-bottom: auto; }
.dropdown-menu-full-width .line-2 .front .button-wrapper .btn-primary{ background-color: #03529D;
    border: none; border-radius: 0; font-weight: bold; font-size: 16px; padding: 5px 15px 3px 15px;
    transform: translate(-80px, 0);
}
.dropdown-menu-full-width .line-2 .front .blue{ height: 80px; background-color: #6B9AC4; }
/* CUSTOM BOOTSTRAP DROPDOWN STYLE */




/* SUBPAGE HEADER SLIDES */
.page-wrapper .banner .carousel-wrapper{  }
.page-wrapper .banner .carousel.slide{ height: 400px; }
.page-wrapper .banner .carousel.slide .carousel-inner{ height: 100%; }
.page-wrapper .banner .carousel.slide .carousel-item{ height: 100%; position: relative;  }
.page-wrapper .banner .carousel.slide .carousel-item .curtain{
    position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0;
    background: rgba(68,176,215,0.7); mix-blend-mode: multiply;
}
.page-wrapper .banner .carousel.slide .carousel-item img{
    height: 100%; width: auto; object-fit: cover;
}
.page-wrapper .banner .carousel.slide .inner-flex{
    position: absolute; left: 0;  top: 0; width: 100%; height: 100%; display: flex;
    align-items: center; padding: 0 15rem; background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.1));
}
.page-wrapper .banner .carousel.slide .carousel-item .carousel-caption{
    position: static; margin: auto auto 3rem auto; text-shadow: 2px 2px 2px rgba(0,0,0,0.7);
}
.page-wrapper .banner .carousel.slide .carousel-item .carousel-caption h2{ }
.page-wrapper .banner .carousel.slide .carousel-item .carousel-caption p{ margin: 1px auto; font-size: 3rem; font-weight: bold; }

.section{ padding: 5rem 0; }
.page-wrapper > section .header{margin-top: 4rem;margin-bottom: 4rem;font-size: 2.5rem;font-weight: 700;line-height: 1;}
.page-wrapper > section .header > .icon{ height: 60px; }
.page-wrapper > section .header > span{ vertical-align: middle;}
.page-wrapper .wrapper-4{ margin-bottom: 5rem; }



/* FOOTER */
#footer{ background-color: #C2C2C2; padding: 7rem 0; }
#footer > .container > .row .box{ padding: 0 30px; }

#footer .logo{ text-align: left; margin-bottom: 1.5rem; }
#footer .logo img{ height: 50px; width: auto; }
#footer .line{ font-size: 14px; margin-top: 15px; }

#footer h3{ font-size: 16px; font-weight: bold; border-bottom: 2px solid #9C9E9D; padding-bottom: 10px; }
#footer h2{ font-size: 18px; font-weight: bold; }
#footer .small{ font-size: 10px; }
#footer ul{ margin: 0; padding: 0; list-style-type: none;}
#footer li{ font-size: 14px; margin-top: 5px;}
#footer li a{ color: #000; }
#footer form input{ background-color: #C2C2C2; border: 1px solid #9D9F9E; margin-bottom: 15px; }
#footer form input::placeholder{ font-size: 12px; }
#footer form .btn-wrapper{ text-align: right; }
#footer form .btn{ background-color: #03529D; border: 0; }

#footer .copyright{ text-align: center; color: #FFF; font-size: 11px; }
#copyright > .row > .col-md-4:first-child{ text-align: left;}
#copyright > .row > .col-md-4:nth-child(2){ text-align: center;}
#copyright > .row > .col-md-4:last-child{ text-align: right;}
.head-menu-1-dropdown{ display: none; }


/* BOOTSTRAP EDIT */
.btn-primary{ background-color: #0b2e4c; color: #FFF; border-color: #001e3f; }
.btn-primary:hover{ background-color: #114773; border-color: #0b2e4c; text-decoration: none; }


/***** RESPONSIVE *****/
@media only screen and (max-width: 1400px){

}
@media only screen and (max-width: 1200px){
    #header .line-1 .item{ font-size: .9rem; }
    #header .navbar-nav .nav-link{ padding-left: 10px; padding-right: 10px; font-size: 1rem;  }
}
@media only screen and (max-width: 992px){
    #header > .line-1{ display: none; }
    #header .navbar-brand{margin-top: 0;margin-left: .75rem;margin-right: auto;}
    #header .navbar-toggler{margin-left: auto;margin-right: .75rem;}
    .page-wrapper .navbar-inner .navbar-nav{ flex-direction: row; }
    .page-wrapper .navbar-inner .navbar-nav .nav-item{ margin-right: 15px; }
    .section{ padding: 3rem 0; }
    #header{ margin-top: 10px; }
    #header .line-2 > .navbar > .container-xl{ padding: 0; }
    #header .line-2 > .navbar > .container-xl .navbar-top{margin-bottom: 40px;display: flex;justify-content: center;align-items: center;width: 100%;}
    #header .line-2 .navbar-collapse{
        background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
    }
    #main .section-products .content-2{  }
    #main .section-products .content-2 .item-wrapper{ padding: 0 15px; }

    #main .section-motto .text .line-1{ text-align: center; }

    .dropdown-menu-full-width{ height: auto; padding-top: 30px; box-shadow: none !important;}
    .dropdown-menu-full-width .line-2{ display: none; }
    .dropdown-menu-full-width .line-1 .right{ display: none; }

    .head-menu-1{ flex-direction: column; display: none; }
    .head-menu-1 > a:first-child{ margin: 0 30px; }
    #main .section-motto .text{ position: relative; }
    #main .section-motto .text > div{ position: relative; }
    #main .section-motto .text .line-2{ width: 100%; max-width: 100%; }
    #about .brand-wrapper{ margin-bottom: 0; }
    .sub-page-section .subject-2{ margin-bottom: 0 !important; }
    #copyright > .row > .col-md-4{ text-align: center !important;}
    #footer h3{ margin-top: 60px;}
    .head-menu-1-dropdown{ display: block; margin-bottom: 30px; }
    .head-menu-1-dropdown button{ width: 100%; }
    #whatsapp-destek-hatti{bottom: -110px;top: unset;}
    #header > .line-2 .navbar-brand img{ height: 65px; }
}
@media only screen and (max-width: 768px) {

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

}
/***** RESPONSIVE *****/