/*+ Fonts */
@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay/RedHatDisplay-Regular.woff2') format('woff2'),
        url('../fonts/RedHatDisplay/RedHatDisplay-Regular.woff') format('woff'),
        url('../fonts/RedHatDisplay/RedHatDisplay-Regular.ttf') format('truetype'),
        url('../fonts/RedHatDisplay/RedHatDisplay-Regular.svg#RedHatDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay/RedHatDisplay-Black.woff2') format('woff2'),
        url('../fonts/RedHatDisplay/RedHatDisplay-Black.woff') format('woff'),
        url('../fonts/RedHatDisplay/RedHatDisplay-Black.ttf') format('truetype'),
        url('../fonts/RedHatDisplay/RedHatDisplay-Black.svg#RedHatDisplay-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay/RedHatDisplay-ExtraBold.woff2') format('woff2'),
        url('../fonts/RedHatDisplay/RedHatDisplay-ExtraBold.woff') format('woff'),
        url('../fonts/RedHatDisplay/RedHatDisplay-ExtraBold.ttf') format('truetype'),
        url('../fonts/RedHatDisplay/RedHatDisplay-ExtraBold.svg#RedHatDisplay-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay/RedHatDisplay-Italic.woff2') format('woff2'),
        url('../fonts/RedHatDisplay/RedHatDisplay-Italic.woff') format('woff'),
        url('../fonts/RedHatDisplay/RedHatDisplay-Italic.ttf') format('truetype'),
        url('../fonts/RedHatDisplay/RedHatDisplay-Italic.svg#RedHatDisplay-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay/RedHatDisplay-Light.woff2') format('woff2'),
        url('../fonts/RedHatDisplay/RedHatDisplay-Light.woff') format('woff'),
        url('../fonts/RedHatDisplay/RedHatDisplay-Light.ttf') format('truetype'),
        url('../fonts/RedHatDisplay/RedHatDisplay-Light.svg#RedHatDisplay-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay/RedHatDisplay-Medium.woff2') format('woff2'),
        url('../fonts/RedHatDisplay/RedHatDisplay-Medium.woff') format('woff'),
        url('../fonts/RedHatDisplay/RedHatDisplay-Medium.ttf') format('truetype'),
        url('../fonts/RedHatDisplay/RedHatDisplay-Medium.svg#RedHatDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('../fonts/RedHatDisplay/RedHatDisplay-SemiBold.woff2') format('woff2'),
        url('../fonts/RedHatDisplay/RedHatDisplay-SemiBold.woff') format('woff'),
        url('../fonts/RedHatDisplay/RedHatDisplay-SemiBold.ttf') format('truetype'),
        url('../fonts/RedHatDisplay/RedHatDisplay-SemiBold.svg#RedHatDisplay-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/*+ Core */

body{font-family: 'Red Hat Display', sans-serif;}
a {text-decoration:none;}
.content-header{overflow: hidden;}
.content-header img {width: 100%;}
.col-half-offset{margin-left:4.166666667%}
.other-product-image {height: auto;}
.other-product-image img {height:225px; width: 195px;}
.other-product-desc{font-weight: lighter; margin:10px 0 0 0;}
.tl-pos{font-size:20px; margin-left:5px;}
.product-settings-title{font-size: 23px;}
.freeMavi{color:#0B9EC5;}
.freeYesil{color:#C4D954;}
.colorGreyDark{color:#5c5c5c;}
.overAnim{transition: 0.8s ease;}

/*+ General */
.page-box{background: #fff; width: 100%; padding: 1em; margin:0 0 20px 0px;}
.w-200{width: 200px;}
.font-title{font-family: 'Red Hat Display' !important;}
.content-title {font-size: 50px;}
.justify{text-align: justify;}
.no-repeat{background-repeat: no-repeat !important; background-size:cover !important;}
.bg-red{background:red; height: 30px; width: 30px; display: flex; justify-content: center; align-items: center;text-align: center;border-radius: 5px;}

/*+ Header */
header{padding:10px 0 0 0 ;}
header .nav li a,header .dropdown-toggle{font-weight: bold;font-size:90%;color: #666666 !important;text-decoration: none;white-space: nowrap;}
header .nav .dropdown-item,header .dropdown-menu .dropdown-item{color: #000 !important;}
header .nav-link:focus, .nav-link:hover{color:#eaded0 !important;}
header .dropdown-item.active, .dropdown-item:active,.dropdown-item:focus, .dropdown-item:hover{background-color: #eaded0 !important;}
.ustAyrac{border-bottom: solid 1px #C4D954;}
/* .logo img{max-width:250px !important;} */
.dropdown-item{border-top:solid 1px #bababa !important}

/*+ Search Wrapper */
.search-wrapper input{
    padding-left: 15px !important;
    padding-right: 20px;
    border-top:none;
    border-left: none;
    border-right: none;
}
.search-wrapper button{
    background: transparent;
    color: fff;
} 
.search-wrapper button i{
    color: #333;
    font-size: 17.5px;
}

/*+ Information Wrapper */
.information-wrapper i{
    font-size: 25px;
    color: #0B9EC5;
}
.cartIcon_wrapper{
    width: 40px;
    position: relative;
}
.cart-alert{
    position: absolute;
    top: 0px;
    right:-10px;
    bottom: 0px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: red;
    color: #fff;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

/*+ Language */
.lang-text{font-size: 13px; letter-spacing: 1px;}
.flag{width: 30px;}

/*+ Slider */
#slayt{width:100%; height: auto; clear: both; position: relative; z-index: 999;}
.slider-wrapper{height: 85vh; position: relative; overflow: hidden;}
.slide-item img{width: 100%; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0;}
.slide{bottom:5%; left:5%; position:absolute;}
.slide-desc{background: #0B9EC5; width: 400px; font-size: 140%; overflow: hidden; color: #FFF; padding:5px;}
.slide-desc p{margin:4px;}
.slide-content{padding:5px 10px;}
.slide-detail{padding:5px 0px; z-index: 9999;}
.btn-brown{ border-radius: 0px; color: #000; background: #C4D954; font-size: 100%;}
.btn-brown:hover{color: #999;}

/*+ Category Box */
.catTitleBox{background-color: rgba(0, 0, 0, 0.4); width:100%; height:400px; position: relative; padding:20px; z-index:-5;}
.catBorder{border: solid 1px #FFF; width:100%; height:100%; padding:15px;}
.categoryTitle{font-size:400%; color:#FFF; font-weight: bold;}
.category-box{position: relative; background: no-repeat; background-position-x: center !important; background-size:cover !important; width:305px; height:375px; margin:0 10px 10px 10px;padding:0;}
.category-title{font-size:130%; width: 90%; text-align: center; margin: 0 auto; color:#FFF;}
.category-desc{background: rgba(0, 0, 0, 0.5); position: absolute; left: 25px; right: 25px; bottom: 15px; width: auto !important; padding:15px 0;}
.category-desc p{padding: 0px 20px; max-height: 110px; overflow: hidden; width: 75%; margin: auto; color:#FFF;}
.category-desc .btn{position: absolute; bottom: 20px;left: 0;}

  
/*+ Collection*/
.collection{width:90%; margin: 0 auto; position: relative;}
.collection .box .resim{position: relative; background: no-repeat; background-position-x: center !important; background-size:cover !important; width:300px; height:400px; margin:0 10px 30px 10px;padding:0;}
.collection .desc{background: rgb(197, 217, 84, 0.5); position: absolute; right:0px; bottom:20px; left:0px; width:auto !important; padding:15px 6px;}
.collection .title{font-size:130%; width: 100%; text-align: center; margin: 0 auto; color:#FFF;}
.collection .cerceve{border:0px solid #C4D954; position:absolute; top:20px; right:30px; bottom:20px; left:30px;}
.collection{
    .grid figure{min-width:100% !important;}
    .grid figure img {position: relative; display: block; width:100% !important; height:330px !important; opacity: 1.0;} 
    .grid figure figcaption{padding:20px 0 0 20px !important;}
    .grid figure figcaption h2{font-size:110% !important;}
}

/*+ Kurumsal Section */
.kurumsal .youtube{background:url("/images/resim1.png") no-repeat top center; height:100%; text-align:center; padding:0 80px;}
.kurumsal .youtube a {color:#FFF;}
.kurumsal .youtube a:hover {color:rgb(255, 0, 0);}
.kurumsal .youtube h4 {font-size:200%;}
.kurumsal .youtube img{margin:150px 0 20px 0;}

.ekatalog a{color:#FFF;}
.ekatalog a:hover {color:rgb(255, 0, 0);}
.katalog{padding:15px 0 15px 0; margin:0 0 20px 0;}
.katalog img{max-width:75%;}
.ekatalog h4{font-size:120%;}

/*+ Blog Section */
.blog{background-color:#f5f3f3; font-size:200%; font-weight:300; color:#0B9EC5; padding:10px 0 0 20px;}
.box{position: relative;}
.blog-section .kutu{ padding:10px 25px 20px 0px; margin:0px 0 0 0px ; height:200px; width:50%;}
.blog-section img{width:300px; height:200px;border:4px solid #C4D954;}
.blog-section img:hover{border:4px solid #0B9EC5;}
.blogBaslik{color:#0B9EC5; max-height:50px; overflow:hidden;}
.blogYazi{font-size:110%; margin:0 0 10px 0; height:110px; overflow:hidden;}
.blogYazi a{color:#454545;}
.blogYazi a:hover{color:#0B9EC5;}
.blogDetail{font-size:80%; border:solid 1px #0B9EC5; width:60px; margin:4px 0 0 10px; padding:2px 8px;}
.blogDetail:hover{border:solid 1px #fff; margin:4px 0 0 10px; padding:2px 8px;background-color: #0B9EC5;}
.blogDetail:hover .detailLink{color:#FFF;}
.box-desc{position:absolute; bottom:0px; left:30px; right:30px; bottom:30px; padding:10px 15px 15px; background-color: rgb(51 51 51 / 80%); color: #fff; max-height: 182px; overflow: hidden;}

/*+ About Box */
.about-menu ul li{padding: 5px; border-bottom: 1px solid #e5e5e5;}
.about-menu ul li a{font-size: 20px; color: black;}
.about-box p,h5{margin-bottom: 10px;}

/*+ Order Details */
.order_table tr,td,th{text-align: center; border-bottom: 1px solid #e5e5e5 !important;}
.order-details-wrapper table tr > td{width: 170px; text-align: start;}

/*+ Banner Wrapper */
.banner-wrapper .col-4{padding: 0px;}

/*+ Product List */
.product-type{border-bottom:1px solid #a99485;}
.product-nav a{color: #000; text-decoration: none; padding-bottom: 10px;}
.product-content table tbody tr td{text-align: left;}
.catTitle{color:#000; font-size:140%; border-bottom:1px solid #0B9EC5; padding:0 0 6px 0; margin:0 0 10px 0;}

/*+ .menuKat1*/
.menuKat1{ margin:0 0 10px 0; background-color:#F8FAFB; border:1px solid #E2E3E4; padding: 12px 12px;}
.menuKat1 .product-item{transition: 0.6s ; padding:5px 0 10px 10px; font-size:110%;}
.menuKat1 .product-item.active,
.menuKat1 .product-item:hover{color: #0B9EC5;transition: 0.1s ;}

/*+ .menuKat2*/
.menuKat2{margin:20px 0 10px 20px; padding-bottom: 13px; font-size: 85%; border-bottom:1px solid #E2E3E4;}
.menuKat2 .product-item{transition: 0.1s ;}
.menuKat2 .product-item.active,
.menuKat2 .product-item:hover{color: red; transition: 0.1s ; padding-bottom: 13px;}

/*+ .menuKat3*/
.menuKat3{margin:0 0 10px 40px;}
.menuKat3 .product-item{transition: 0.1s ; padding:0 0 13px 6px; font-size: 75%;}
.menuKat3 .product-item.active,
.menuKat3 .product-item:hover{color: #0B9EC5; transition: 0.1s ; padding-bottom: 13px;}
.menuKat3 i{font-size:50%; color: #0B9EC5;}

.page-link{border: 1px solid #dbd6d6 !important; color: #000; transition: 0.1s all; background: transparent !important;}
.page-link:hover,.page-link:focus,.page-item.active > a{border-color: #333 !important; box-shadow:none; color:#fff; background:#333 !important;}
/* .blog-box{ height:200px; } */
#icSayfa{ margin-bottom:20px; }
.sepet table tr:last-child td{ border-bottom: 0 !important; }

/*+ Üst Başlık*/
.ustBaslik{background-color:#0B9EC5; padding:10px 0; color:#FFF; font-size:150%;}
.ustDivider{border-top:1px solid #C4D954; width:100%; margin:8px 0 0px 0;}

/*+ İçerik*/
.intl-tel-input { display: table-cell;}
.intl-tel-input .selected-flag {z-index: 4;}
.intl-tel-input .country-list { z-index: 5;}
.input-group .intl-tel-input .form-control {border-top-left-radius: 4px; border-top-right-radius: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 0;}

/*+ Ürün Liste*/
.urunListe{width:90%; margin: 0 auto; position: relative;}

/*+ Ürün Detay*/
.urunDetay{width:90%; margin: 0 auto; position: relative;}
.btnBack{color:#ffF; background-color: #0B9EC5; padding:6px 15px; border-radius:5px;}
.otherTitle{border-bottom:1px solid #0B9EC5;}
.stokyok{border:1px solid #fc0404; padding:6px 12px;}

/*+ Footer */
.scmedia_wrapper i{color: #fff;}
footer{width:100%; background-color: #dbd6d6;}
footer i{font-size:80%;}
footer .yazi{font-size:90%;}
.tiridi {width: 100%; background-color:#454545; }
.tiridi .link a{font-size:70%; color:#FFF; margin:5px 100px 5px 0;}
#myBtn {display:none; position:fixed; bottom:160px; right:15px; z-index:99; border:none; outline:none; background-color:#D90000; color: white; cursor:pointer; padding:5px 12px; border-radius:4px;}
#myBtn:hover {background-color: #000;}
.whatsapp a{color: white; font-size:180%;}
.telegram {position:fixed; bottom:95px; right:12px; z-index:99; cursor:pointer;}
.telegram img{width:50px;}
.grid figure h2 {word-spacing:normal !important;  font-weight: 300;
}
/*+ XXL 1400px */
@media screen and (min-width:1400px){
.slide-item img{ height: 100%; margin-top: 0px;}
.category-desc p{height: auto !important;}
}

/*+ XL 1200-1399*/
@media screen and (min-width: 1200px) and (max-width: 1399px){
.product-settings-title{font-size:150% !important; width: 100%;}
.product-settings .col-4.mb-3{width: 100%;}
.product-item{padding-left: 15px; padding-bottom: 10px;}
.category-desc .btn{bottom: 50px;}
.category-box{width:260px; margin:0 10px 10px 12px;}
.grid figure{min-width:260px !important;}
.grid figure img {position: relative; display: block; width:100% !important; height:420px !important; opacity: 0.8;}
.katalog{padding:15px 0 15px 0; margin:0 0 20px 0;}
.katalog img{max-width:60%;}
.ekatalog h4{font-size:120%;}
.blog-section img{width:255px; height:255px;}
.blog-section .kutu{padding:20px 25px 20px 60px; margin:33px 0 0 -60px ; height:190px; width:50%;}
.blogYazi{font-size:100%; margin:0 0 10px 0; height:120px; overflow:hidden;}
.collection .box .resim{width:256px; height: 320px; margin-bottom:10px;}
.other-product-image img {height:220px;width:160px !important;}
}

/*+ LG 992-1199 */
@media screen and (min-width: 992px) and (max-width: 1199px) {
.navbar-toggler{background-color:#FFF;}
.about-img{float: none !important; width: 100% !important;}
.about-img img{width: 100%;}
.order-details-wrapper {width: 100%; text-align: start;}
.slide-content{font-size: 18.5px !important;}
.slide-desc .btn-brown{font-size: 22px !important;}
.category-box{width:300px;}
.kurumsal .youtube{height:300px;}
.kurumsal .youtube h4 {font-size:150%;}
.kurumsal .youtube img{margin:80px 0 20px 0;}
.katalog{padding:12px 0 12px 0; margin:0 0 20px 0;}
.katalog img{max-width:50%;}
.ekatalog h4{font-size:120%;}
.blog-section img{width:210px; height:210px;}
.blog-section .kutu{padding:10px 25px 20px 60px; margin:25px 0 0 -60px ; height:160px; width:50%;}
.blogDetail{display:none;}
.blogYazi{font-size:90%; margin:0 0 10px 0; height:130px; overflow:hidden;}
.collection .box .resim{width:285px; height: 330px; margin-bottom:10px;}
.other-product-image img {height:180px;width:150px !important;}
}

/*+ MD 768-991*/
@media screen and (min-width: 768px) and (max-width: 991px) {
.category-title{font-size:130%;padding-top:0;}
.category-box{width:300px; height:420px; margin:0 10px 15px 10px;}
.grid figure{max-height:480px !important;}
.grid figure img {position: relative; display: block; width:100% !important; height:420px !important; opacity: 0.8;}
.box-bg{background-size:auto !important;}
.slide{bottom:3%; left:3%;}
.slide-desc{font-size: 110%; width:250px;}
.yt-title{font-size: 200% !important;}
.yt-content{font-size:120% !important;}
.menuKat1 .product-item{background: none; font-size:120%; text-align: center; padding:10px 0; margin:12px 0; border-bottom:1px solid #695C52;}
.menuKat1 .product-item.active,
.menuKat1 .product-item:hover{color: red; background: none; border-bottom:1px solid red; font-size:120%; text-align: center;}
.category-box{width:340px;}
.kurumsal .youtube{height:350px;}
.kurumsal .youtube h4 {font-size:150%;}
.kurumsal .youtube img{margin:20% 0 20px 0;}
.katalog img{max-width:75%;}
.blogYazi{font-size:100%; margin:0 0 10px 0; height:150px; overflow:hidden;}
.collection .box .resim{width:337px; height:400px; margin-bottom:10px;}
.other-product-image img {height:240px;width:210px !important;}
.collection{
    .grid figure{min-width:100% !important;}
    .grid figure img {position: relative; display: block; width:100% !important; height:260px !important; opacity: 0.8;} 
    .grid figure figcaption{padding:10px 0 0 10px !important;}
    .grid figure figcaption h2{font-size:95% !important;}
}
}

/*+ SM 767 */
@media screen and (max-width: 767px) {
.product-content table{width:90%; font-size:95%;}
.product-content table colgroup col{width:50% !important;}
.product-content table tbody tr td{text-align: left;}
.category-title{font-size:130%; padding-top:0;}
.category-desc{background: #00000066; position: absolute; width: auto !important; padding: 0em; height:100px;}
.category-desc h2{color:#FFFFFF;}
.category-box{width:250px; padding:0 12px; margin:0 16px 10px 0;}
.box-bg{background-size:auto !important; height: 300px !important;}
.category-desc .btn {bottom: 30px;}
.slide{bottom: 10%; left: 10%;}
.slide-desc{font-size: 110%; width:250px;}
.kurumsal .youtube{height:350px;}
.kurumsal .youtube h4 {font-size:150%;}
.kurumsal .youtube img{margin:20% 0 20px 0;}
.ekatalog h4 {font-size:140%;}
.katalog img{max-width:75%;}
.blog-section img{width:100%; height:auto;}
.blog-section .kutu{padding:25px; margin:25px 10px 0 14px ; height:auto; width:95%;}
.blogYazi{font-size:100%; margin:0 0 10px 0; height:auto;}
.grid figure{min-width:250px !important;}
.grid figure img {position: relative; display: block; width:245px !important; height:370px !important; opacity: 0.8;}
.other-product-image img {height:280px;width:240px !important;}
.collection{
    .grid figure{min-width:100% !important;}
    .grid figure img {position: relative; display: block; width:100% !important; height:350px !important; opacity: 0.8;} 
}
}

/*+ 575 */
@media screen and (max-width: 575px) {
.category-box{width:50%; height:350px; margin:0 0px 15px 0;}
.category-desc{left:10px; right:10px;}
.category-desc h2{font-size:110%;}
.blog-section .kutu{width:95%;}
.grid figure{min-width:150px !important; margin:10px 0 0px 0 !important;}
.grid figure img {position: relative; display: block; width:100% !important; height:350px !important; opacity: 0.8;}
.grid figure figcaption{padding:20px 0 0 20px !important;}
.other-product-image img {height:180px; width:160px !important;}
}

/*+ 400 */
@media screen and (max-width: 400px) {
.category-box{width:48%; height:auto; margin:0 5px 0px 0;padding:0 8px;}
.category-desc{left:10px; right:10px;}
.category-desc h2{font-size:90%;}
.grid figure{min-width:150px !important; margin:10px 0 0px 0 !important;}
.grid figure img {position: relative; display: block; width:100% !important; height:200px !important; opacity: 0.8;}
.grid figure figcaption{padding:10px 0 0 10px !important;}
.grid figure figcaption h2{font-size:85% !important;}
.other-product-image img {height:170px; width:140px !important;}
}

@media print {
.page-order-detail .content-header{ display:none; }
.order-header-info{ margin-bottom:10px; }
a{ color:inherit; text-decoration: none; }
#icSayfa{ font-size:75%; }
}