@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
@import url("assets/css/flaticon.min.css");
@import url("assets/css/fontawesome-5.14.0.min.css");
@import url("assets/css/bootstrap.min.css");
@import url("assets/css/magnific-popup.min.css");
@import url("assets/css/nice-select.min.css");
@import url("assets/css/jquery.animatedheadline.css");
@import url("assets/css/animate.min.css");
@import url("assets/css/slick.min.css");
@import url("assets/css/style.css");
@import url("css/gdlr-custom-icon.css");
@import url("css/dist/css/lightgallery.css");
.font{ font-family: 'Open Sans', sans-serif;}
.ust-menu {
    display: none;
    background-color: #1d1b1a;
    overflow: hidden;
    text-align: right;
    border-bottom: 1px solid #ffffff52;
}
.ust-menu > ul {
  list-style-type: none;
  margin: 0;
  padding: 0 15px;
  overflow: hidden;
}

.ust-menu > ul > li {display: inline-block;}

.ust-menu > ul > li > a {
  display: block;
  color: white;
  text-align: center;
  padding: 8px 18px;
  text-decoration: none;
}

.ust-menu > ul > li > a:hover {
  background-color: #7c7c7c;
}
.logo > a >img{ max-width: 240px;}
.contact-btn{
    border:  1px solid #222;
    color: #222;
    padding: 10px 30px;
}
.image > a > img{
    height: 285px;
    object-fit: cover;
}
.fadeInUp > h4{
    text-align: left;
}
.xhome{
    width: 33%;
}
.xhome-pa{
	padding: 100px 0 0 0;
}
.dty-img{
    overflow: hidden;
}
.dty-img >div >img{
    width: 100%;
}
.dyt-fyt{
    width: 100px;
    height: 100px;
    color: white;
    padding: 35px 0;
    float: right;
    position: relative;
    right: 40px;
    border-radius: 50%;
    background: #222;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    margin-top: -55px;
    z-index: 1;
}
.dty-mtn{
    overflow: hidden;
    padding: 15px 0 0 0;
}
.dty-mtn >h2{
    font-size: 40px;
    margin: 0;
    padding: 0;
}
.dty-mtn >p{
    font-size: 16px;
}

.dty-ctgr{}
.dty-ctgr >h2{
    font-size: 35px;
}
.dty-ctgr >ul{
    overflow: hidden;
    margin-bottom: 14px;
}
.dty-ctgr >ul >li{
    margin: 10px 0;
    border-radius: 14px;
    width: 100%;
    display: -webkit-inline-box;
}
.dty-ctgr >ul >li >img{
    width: 40px;
    margin-right: 13px;
}
.dty-ctgr >ul >li >div{
    overflow: hidden;
    margin-top: -6px;
}
.dty-ctgr >ul >li >div > samp{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: none;
    color: #383838;
    display: table-cell;
}
.dty-ctgr >ul >li >div > span{padding: 0;margin: 0;display: -webkit-box;margin-top: -7px;}
.dty-ctgr >ul >li >a{
    color: #fff;
    background-color: #222;
    padding: 15px 26px;
    display: block;
    margin-right: 5px;
}

.dty-menu{}
.dty-menu >h2{
    font-size: 33px;
    margin: 0;
    padding: 6px 0 6px 0;
}
.dty-menu >ul{
    overflow: hidden;
}
.dty-menu >ul >li{
    border: 1px solid #e5e5e5;
    margin: 5px;
    padding: 14px 10px;
    border-radius: 14px;
    width: 31%;
    display: -webkit-inline-box;
}
.dty-menu >ul >li >img{
    width: 40px;
    margin-right: 13px;
}
.dty-menu >ul >li >samp{
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: none;
    color: #848484;
}
.dty-krl{
    overflow: hidden;
    padding: 12px 0 0 0;
}
.dty-krl >h2{
    font-size: 30px;
}
.dty-krl >ul{
    font-size: 14px;
    padding: 0;
}
.dty-krl >ul >li{
    font-size: 17px;
}
.dty-krl >ul >li >i{
    font-size: 12px;
    color: #000;
}
.dty-glr-bg{
    background-color: #f9f9f9;
    border: 1px solid #e5e5e5;
}
.dty-glr-pa{margin: 5px;}
.dty-glr-pa > a >img{
    height: 240px;
    object-fit: cover;
}
.hkmslx{}
.hkmslx >div{}
.hkmslx >div >span{
    font-size: 55px;
    font-weight: 600;
    margin-right: 12px;
    letter-spacing: 4px;
    color: #222;
}
.hkmslx >div >samp{
    font-size: 22px;
    font-weight: 700;
    margin-right: 12px;
    letter-spacing: 7px;
    color: #222;
}
.hkmslx >p{font-size: 33px;padding: 50px 0;line-height: 59px;color: #222;}
.hkmslx >a{
    background-color: #222;
    color: #fff;
    padding: 15px 34px;
}
.hzmt-bg{
    background-color: #f9f9f9;
    border-top: 1px solid #cfcfcf;
}
.icon-img{}
.icon-img >img{max-height: 72px;}
.content-mtn{
    padding: 19px 0;
}
.content-mtn >h4{
    font-size: 25px;
    color: #000;
}
.hiltsm{
    overflow: hidden;
}
.hiltsm > p{
    color: #ffffffa6;
}
.hiltsm > a{
    color: #ffffffa6;
}
.slider-content >h1{font-size: 43px;}
.hzmt-bg{
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
    margin-bottom: 18px;
}
.hzmt-syf >div{text-align: center;}
.hzmt-syf >div >img{
    height: 64px;
}
.hzmt-syf >h6{font-size: 20px;color: #222;text-align: center;padding: 15px 0 0 0;}
.blog-details-content >h1{
    font-size: 28px;
    margin: 0;
    padding: 8px 0 8px 0;
}
.web-ara {background-color: #e53131;color: #fff;z-index: 31;position: fixed;right: 93px;bottom: 18px;padding: 0px 17px 0px 7px;border-radius: 5px;font-size: 13px;}
.web-call {background-color: #e53131;width: 44px;height: 44px;color: #fff;z-index: 35;position: fixed;right: 63px;bottom: 12px;border-radius: 50%;font-size: 20px;text-align: center;padding: 8px 0;}
.web-sms{background-image: url("images/icon-sms.png");width:198px;height: 55px;position: fixed;right: 13px;bottom: 59px;z-index: 1;}
.web-sms >p{margin: 0;padding: 4px 9px;font-size: 15px;line-height: 18px;word-spacing: 5px;color: #222;text-align: center;}
.web-whatsapp {background-color: #03a84e;width: 44px;height: 44px;color: #fff;z-index: 10;position: fixed;right: 13px;bottom: 15px;padding: 4px 7px 5px 7px;border-radius: 50%;font-size: 24px;}
.rzvyn-url{ color: #fff; background-color: #222; padding: 15px 26px; display: block;}
.rzvyn{
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 21px;
    overflow: hidden;
}
.rzvyn > form{}
.rzvyn-grs {
    width: 100%;
    margin-bottom: 5px;
}
.rzvyn-grs > samp{
    display: -webkit-box;
    font-weight: 700;
    color: #222;
}
.rzvyn-grs > input{
    border: 1px solid #E9EAED;
    padding: 10px;
    font-family: unset;
    font-size: 16px;
    font-weight: 300;
}
.rzvyn-cks {
    width: 100%;
    margin-bottom: 5px;
}
.rzvyn-cks > samp{display: -webkit-box;font-weight: 700;color: #222;}
.rzvyn-cks > input{
    border: 1px solid #E9EAED;
    padding: 10px;
    font-family: unset;
    font-size: 16px;
    font-weight: 300;
}
.rzvyn-bnglv {
    width: 100%;
}
.rzvyn-bnglv > samp{
    display: -webkit-box;
    font-weight: 700;
    color: #222;
}
.rzvyn-bnglv > a{
    background-color: #222;
    color: #fff;
    padding: 15px 15px 18px 15px;
    font-size: 18px;
}
.rzvyn-bnglv > input{border: 1px solid #E9EAED;padding: 10px;width: 65%;text-align: center;font-family: unset;font-size: 16px;font-weight: 300;}
.rzvyn-ytskn {
	width: 100%;
	margin-bottom: 5px;
}
.rzvyn-ytskn > samp{
    display: -webkit-box;
    font-weight: 700;
    color: #222;
}
.rzvyn-ytskn > a{
    background-color: #222;
    color: #fff;
    padding: 15px 15px 17px 15px;
    font-size: 18px;
}
.rzvyn-ytskn > input{border: 1px solid #E9EAED;padding: 10px;width: 65%;text-align: center;font-family: unset;font-size: 16px;font-weight: 300;}
.rzvyn-cocuk {
	width: 100%;
	margin-bottom: 5px;
}
.rzvyn-cocuk > samp{
    display: -webkit-box;
    font-weight: 700;
    color: #222;
}
.rzvyn-cocuk > a{
    background-color: #222;
    color: #fff;
    padding: 18px 15px 16px 15px;
    font-size: 18px;
    border: 1px solid #E9EAED;
}
.rzvyn-cocuk > input{border: 1px solid #E9EAED;padding: 10px;width: 65%;text-align: center;font-family: unset;font-size: 16px;font-weight: 300;}
.rzvyn-bttn{
    width: 100%;
    padding: 21px 0 0 0;
    overflow: hidden;
    text-align: center;
}
.rzvyn-bttn > samp{}
.rzvyn-bttn > input{background-color: #222;color: #fff;padding: 10px;}

.rzvyn-xy{
    margin-top: 25px;
    overflow: hidden;
}
.rzvyn-x{
    width: 71%;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 25px;
    float: left;
}
.rzvyn-x > h3{
    padding: 0;
    margin: 0;
    font-size: 21px;
}
.rzvyn-xform{
    padding: 15px 0;
}
.rzvyn-xform >input{
    width: 24%;
    border: 1px solid #E9EAED;
    padding: 10px;
    font-family: unset;
    font-size: 16px;
    margin-right: 5px;
    font-weight: 300;
}
.rzvyn-xform >textarea{
    width: 99.3%;
    height: 125px;
    border: 1px solid #E9EAED;
    padding: 10px;
    font-family: unset;
    font-size: 16px;
    margin-top: 5px;
    font-weight: 300;
}

.rzvyn-xform-x >textarea{}
.rzvyn-y{
    width: 28%;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 16px;
    float: right;
}
.Cartx{
    border: 1px solid #E9EAED;
    background-color: #fff;
    padding: 2px 10px;
    border-bottom: none;
    margin-top: 10px;
}
.Cartx > label{
    width: 97%;
    margin-top: 5px;
    margin-bottom: 0;
    font-weight: 700;
}
.Cartx > input{
    margin-top: 5px;
    margin-bottom: 0;
}
.Cartx-syf{
    border: 1px solid #E9EAED;
    background-color: #fff;
    padding: 15px 15px 5px 15px;
    border-bottom: none;
}
.Carty{
    border: 1px solid #E9EAED;
    background-color: #fff;
    padding: 2px 10px;
}
.Carty > label{
    width: 97%;
    margin-top: 5px;
    margin-bottom: 0;
    font-weight: 700;
}
.Carty > input{
    margin-top: 5px;
    margin-bottom: 0;
}
.Carty-syf{
    border: 1px solid #E9EAED;
    background-color: #fff;
    padding: 10px;
    border-top: none;
}
.HBanka{
    border: 1px solid #E9EAED;
    padding: 7px 12px;
    margin-bottom: 16px;
}
.HBankax > label{
    font-size: 15px;
    padding:  0 0 0 3px;
    color: #222;
    font-weight: 700;
}
.HBankay{
}
.HBankay > span{
    display: block;
    width: 18%;
    float: left;
    font-weight: 600;
    font-size: 15px;
}
.HBankay > samp{
    display: block;
}
.cafex{}
.cafex >img{
    height: 250px;
    object-fit: cover;
}
.cafey{
    padding: 11px;
}
.cafey >h4{
    padding: 0 0 4px 0;
    margin: 0;
    font-size: 19px;
    color: #222;
    height: auto;
}
.cafey >p{
    margin: 0;
    padding: 0;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    height: 40px;
}
.my{
	background-color: #ffffff9c;
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 3px 10px;
	z-index: 999;
	position: fixed;
	left: 0;
	top: 0;
	font-size: 14px;
}
.my-xy{
    background-color: #ffff;
    width: 30%;
    margin: auto;
    margin-top: 18%;
}
.my-xy > span{
    background-color: #e53131;
    text-align: left;
    display: block;
    padding: 5px 10px;
    font-weight: 600;
    font-size: 16px;
    font-family: inherit;
}
.my-xy > span > i{
    color: #fff;
    font-size: 20px;
}
.my-xy > p{
    font-family: cursive;
    color: #222;
    text-align: center;
    font-size: 16px;
    padding: 25px 10px;
    margin: 0;
    border: 1px solid #ddd;
    border-top: none;
}
.my-ok  > span{background-color: #03a84e;}
.rzvyn-ysyf{
    overflow: hidden;
}
.rzvyn-ysyf > a{
    display: block;
}
.rzvyn-ysyf > a >img{}
.rzvyn-ysyf > h3{
    font-size: 23px;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}
.rzvyn-ysyf > h3 > a{
    color: #222;
}
.rzvyn-ysyf > span{width: 56%;display: block;font-size: 14px;float: left;font-weight: 600;}
.rzvyn-ysyf > samp{
    display: block;
    font-size: 14px;
    text-align: right;
    float: right;
    width: 43%;
}
.rzvyn-ybttn {
    overflow: hidden;
    padding: 7px 0;
}
.rzvyn-ybttn > input{
    background-color: #222;
    color: #fff;
    padding: 10px;
}
.language-switcher > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.language-switcher > ul > li > a {
  display: block;
  color: #FFF;
  padding: 8px 16px;
  text-decoration: none;
}
.language-switcher > ul > li > a :hover {
  background-color: #555;
  color: white;
}
.gleft{float:left;width: 25%;padding: 0 5px 10px 5px;}
.gleft > a > img{width: 100%;height: 235px;object-fit: cover;}
.gmenu > ul {
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 0;
  overflow: hidden;
}

.gmenu > ul > li {
  float: left;
  background-color: #333;
  margin-left: 5px;
}

.gmenu > ul > li > a {
  display: block;
  color: white;
  text-align: center;
  padding: 8px 16px;
  text-decoration: none;
  font-size: 14px;
}

.gmenu > ul > li > a:hover:not(.active) {
  background-color: #111;
}
.bdty > h4{}

@media (max-width: 767px) {
.ust-menu {display: block;}
.xhome { width: 100%;}
.dty-ctgr >ul {  margin-bottom: 40px;}
.dty-menu >ul >li { width: 98%;}
.price {right: 10px !important;}
.image > a > img {height: 265px;}
.rzvyn-x { width: 100%;}
.rzvyn-y {width: 100%;margin-top: 10px;}
.rzvyn-xform >input { width: 100%; margin-top: 4px;}
.Cartx > label { width: auto;margin-left: 5px;}
.Carty > label { width: auto; margin-left: 5px;}
.my-xy { width: 98%;}
.HBankay > span {display: block;width: 100%;float: none;font-weight: 600;font-size: 13px;text-transform: uppercase;}
.HBankay > samp { display: block; width: 100%; font-size: 12px;}
.gmenu > ul > li { float: none; margin-left: 5px; margin-top: 5px;}
.gleft { width: 100%;}
}
/* Banner alanı */
.top-banner {
    width: 100%;
    text-align: center;
    background: #000; /* Görsel yüklenmezse zemin */

}

.top-banner img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

/* Masaüstü görünüm */
.desktop-bannerx {
    display: block;
    width: 100%;
    object-fit: cover;
}

/* Mobil görünüm */
.mobile-bannerx {
    display: none;
    width: 100%;
    object-fit: cover;
}

/* Masaüstü görünüm */
.desktop-banner {
    display: block;
    width: 1750px;
    height: 160px;
    object-fit: cover;
}

/* Mobil görünüm */
.mobile-banner {

    width: 500px;
    height: 160px;
    object-fit : contain;
}
/* Responsive ayar */
@media (max-width: 768px) {

    .desktop-bannerx {
        display: none;
    }
    .mobile-bannerx {
        display: block;
    }
}
.slider-image2 {
    width: 100%;
    height: 590px; /* Desktop yüksekliği */
    overflow: hidden;
}

.slider-image2 img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Kırpma ve responsive */
    object-position: center top; /* Dikeyde üstten başla */
}
.desktop-slider2 {display: block;}
.mobil-slider2 { display: none;}
/* Mobil için */
@media (max-width: 768px) {
    .slider-image2 {
        width: 100%; /* Mobilde yüksekliği küçült */
        height: auto;

    }
    .desktop-slider2 { display: none;}
    .mobil-slider2 { display: block;}
    .slider-image2 img {
        object-position: left top; /* Mobilde sol üstten başlat */
    }
}