body{ width: calc(100% + 9px); height: 100%; padding: 0; margin: 0; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 400; color: #111; background-color: #fff; overflow: overlay; overflow-x: hidden;}
body{ counter-reset: sayac;}

.loading{ position: fixed; width: calc(100% + 9px); height: 100vh; background: #fff; top: 0; left: 0; z-index: 9999999999999999;}

::selection{ background: #3070b3; color: #fff;}

/* width */
::-webkit-scrollbar{ width: 9px;}

/* Track */
::-webkit-scrollbar-track{ background: transparent;}
 
/* Handle */
::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.5); border-radius: 9px;}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover{ background: rgba(0,0,0,0.7);}

/* BANT */

.bant{ width: 100%; padding: 10px 0; text-align: center; background: #eee; border-bottom: 5px solid #df1a2b;}
.bant .col-12{ display: flex; align-items: center; justify-content: center;}
.bant a{ font-size: 14px; padding: 0 30px; text-decoration: none; color: currentColor; display: inline-block;}
.bant a.tel{ font-size: 16px; font-weight: 800; background: url(https://ru.goktuggrup.net/Site/Library/images/phone.png) no-repeat center left; background-size: 18px 18px; margin-right: 0px;}
.bant a.mail{ background: url(https://ru.goktuggrup.net/Site/Library/images/mail.png) no-repeat center left; background-size: 18px 18px;}

/* HEAD */

.head{ width: 100%; background: #fff; padding-top: 10px; padding-bottom: 10px;}
.head .search{ max-width: 240px; width: 100%; position: relative;}
.head .search input[type=text]{ padding: 10px 15px; padding-left: 45px; display: inline-block; width: 100%; height: 40px; border: 0; outline: none; padding-right: 40px; border-radius: 20px; font-size: 14px; font-weight: 400;}
.head .search input[type=submit]{ height: 40px; border: 0; background: none; position: absolute; top: 0; left: 0; padding: 0 20px; background: #fff; color: #fff;}
.head .search input[type=submit]{ background-image: url(../images/search.svg); background-repeat: no-repeat; background-position: center; background-size: 24px 24px;}
.head .logo{ max-width: 200px; margin: auto;}
.head .logo a{ text-decoration: none; color: currentColor; display: block; width: 100%;}
.head .logo img{ width: 100%;}
.head .lang{ float: right; width: auto; text-align: right; display: flex;}
.head .lang a{ width: 32px; height: 32px; text-decoration: none; display: block; margin-left: 5px; opacity: 0.3}
.head .lang a.active { opacity: 1;}
.head .lang a.tr{ background: url(https://ru.goktuggrup.net/Site/Library/images/lang/tr.svg) no-repeat center; background-size: 28px;}
.head .lang a.en{ background: url(../images/lang/en.svg) no-repeat center; background-size: 28px;}
.head .lang a.ru{ background: url(https://ru.goktuggrup.net/Site/Library/images/lang/ru.svg) no-repeat center; background-size: 28px;}
.head .lang a.ar{ background: url(../images/lang/ar.svg) no-repeat center; background-size: 28px;}

.head .srch{ padding-top: 25px;}
.head .tk{ padding-top: 30px; display: flex; align-items: center; justify-content: flex-end;}

.head .tk .tym{ margin-right: 15px;}
.head .tk .tym a{ text-decoration: none; color: #111; font-size: 12px; font-weight: 500;}
.head .tk .tym img{ max-width: 100px;}
.head .tk .tym span{}

.hypArama{ position: absolute; left: 0; width: 40px; height: 40px; background-image: url(../images/search.svg); background-repeat: no-repeat; background-position: center; background-size: 16px 16px; cursor: pointer;}

/* TOP MENU */

.top-menu{ position: relative; width: 100%; z-index: 4; text-align: center; border-top: 1px #ddd solid;}
.top-menu ul{ list-style: none; margin: 0; padding: 0;}
.top-menu ul li{ display: inline-block; position: relative;}
  .top-menu ul li a { text-decoration: none; color: #3d3d3d; padding: 15px 30px; display: block; font-size: 14px; font-weight: 500; }


.top-menu .sub-ul{ transition: 0.2s; text-align: left; position: absolute; z-index: 3; background: #fff; box-shadow: 0px 10px 30px rgba(0,0,0,0.2); width: 220px; left: 0; visibility: hidden; opacity: 0; margin-left: -5px;}
.top-menu .sub-ul.hover{ visibility: visible; opacity: 1; margin-left: 0;}
.top-menu .sub-ul li{ border-bottom: 1px #eee solid; width: 100%; margin-left: 0; border-top: 0;}
.top-menu .sub-ul li:hover{ border-bottom: 1px #eee solid;}
.top-menu .sub-ul li:last-child{ border-bottom: 0;}
.top-menu .sub-ul li a{ border-top: 0; width: 100%; text-decoration: none; color: #666; font-size: 14px; font-weight: 400; padding: 0; margin: 0; padding: 10px 20px;}
  .top-menu .sub-ul li a:hover { color: #3d3d3d; }

/* KAT ICONS */

.katIcons{ position: absolute; margin-top: -50px; max-width: 700px; width: 100%; left: 50%; transform: translateX(-50%); background: #df1a2b; z-index: 3;}
.katIcons ul{ list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; flex-wrap: wrap;}
.katIcons ul li{ width: 25%; padding: 15px;}
.katIcons ul li a{ text-decoration: none; padding-right: 20px; text-align: center; color: #fff; display: block; border-right: 1px rgba(255,255,255,0.5) solid;}
.katIcons ul li:last-child a{ border-right: 0;}
.katIcons ul li img{ width: auto; height: 50px; display: inline-block; margin-bottom: 5px;}
.katIcons ul li h1{ font-size: 14px; margin: 0;}

/* SLIDER */

.slider{ width: 100%; margin-bottom: 50px; display: block;}
.slider a{ text-decoration: none; color: currentColor; display: block;}
.slider img{ width: 100%;}

.mSlider{ width: 100%; margin-bottom: 50px; display: none;}
.mSlider a{ text-decoration: none; color: currentColor; display: block;}
.mSlider img{ width: 100%;}

/* BANNER */

.banner{ width: 100%;}
.banner a{ position: relative; text-decoration: none; color: currentColor; display: block; width: 100%;}
.banner a::before{ position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0); z-index: 2;}
.banner img{ width: 100%;}

/* TÜM FİLTRELE */

.tumFiltrele{ width: 100%; padding: 30px 0; background: #eee; margin-bottom: 30px;}
.tumFiltrele .col-12{ display: flex; flex-wrap: wrap; padding-right: 5px;}
.tumFiltrele .tfSelect{ width: calc(16.666% - 10px); margin-right: 10px;}
.tumFiltrele .tfSelect select{ width: 100%; height: 50px; outline: none; border: 0; padding: 0 10px; -webkit-appearance: none; -moz-appearance: none; text-overflow: '';}
.tumFiltrele .tfSelect select{ background-image: url(https://ru.goktuggrup.net/Site/Library/images/arrow-down.png); background-repeat: no-repeat; background-position: center right 10px; background-size: 13px;}
.tumFiltrele .filtreBtn{ width: calc(16.666% - 10px);}
.tumFiltrele .filtreBtn input{ width: 100%; height: 50px; outline: none; border: 0; background: #df1a2b; color: #fff; font-weight: 600;}

/* PAGE */

.page{ margin-top: calc(1% + 30px); margin-bottom: calc(1% + 30px);}
.sayfa .img{ width: 100%; margin-bottom: 20px;}
.sayfa .img img{ width: 100%;}

/* KATEGORİ LİSTESi */

.kat-list{ width: 100%; margin-bottom: calc(3% + 30px);}
.kat-list .item{ width: 100%;}
.kat-list .item a{ text-decoration: none; color: #111; display: block; width: 100%; overflow: hidden; position: relative;}
.kat-list .item img{ transition: 0.6s; width: 100%;}
.kat-list .item h1{ transition: 0.3s; font-size: 18px; font-weight: 500; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; margin-bottom: 0; padding: 20px;}
.kat-list .item:hover img{ transform: scale(1.1);}
.kat-list .item:hover h1{ color: #df1a2b;}

/* HABER LİSTE */

.haberler{ width: 100%; margin-bottom: 30px;}
.haberler ul{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap;}
.haberler ul li{ width: 33.333%; padding: 15px;}
.haberler ul li a{ text-decoration: none; color: currentColor; display: block; width: 100%;}
.haberler ul li .img{ width: 100%; margin-bottom: 20px;}
.haberler ul li .img img{ width: 100%;}
.haberler ul li h1{ font-size: 18px; font-weight: 700; margin-bottom: 10px;}
.haberler ul li p{ font-size: 13px; margin-bottom: 10px;}
.haberler ul li .detayBtn{ color: #94cb40;}

/* HABER DETAY */

.haberDetay{ width: 100%; margin-bottom: 30px;}
.haberDetay .img{ max-width: 400px; width: 100%; float: left; margin-right: 20px;}
.haberDetay .img img{ width: 100%;}
.haberDetay .icerik h1{ font-size: 18px; font-weight: 700; margin-bottom: 20px;}

/* LOGOS */

.logos{ margin-bottom: calc(4% + 30px);}
.logos img{ width: 108px;}
.logos a{ text-align: center; display: block; width: 100%; position: relative; height: 100%;}
.logos h1{ font-family: 'Barlow Condensed', sans-serif; text-align: center; font-size: 32px; margin-bottom: 20px;}


/* REFERANSLAR */

.referanslar{ margin-bottom: calc(2% + 30px);}
.referanslar a{ text-decoration: none; color: currentColor; display: inline-block; width: 100%; position: relative;}
.referanslar img{ width: 100%;}
.referanslar h1{ width: 100% !important; font-size: 24px; font-weight: 900; text-align: center; margin-bottom: 20px;}

.referanslar .overlay{ transition: 0.3s; position: absolute; top: 0; left: 0; transform: scale(0.8); width: 100%; height: 100%; background: rgba(0,0,0,0.5); padding: 20px; visibility: hidden; opacity: 0;}
.referanslar .overlay .content{ width: calc(100% - 40px); color: #fff; position: absolute; bottom: 20px; left: 20px;}
.referanslar .overlay .content h2{ font-size: 18px; font-weight: 800; margin-bottom: 5px;}
.referanslar .overlay .content span{ font-size: 14px; display: block; margin-bottom: 8px; border-bottom: 1px solid #ff6d00; padding-bottom: 8px;}
.referanslar .overlay .content p{ font-size: 14px;}

.referanslar a:hover .overlay{ visibility: visible; opacity: 1; transform: scale(0.9);}

/* REFERANS LİSTE */

.referansList{ margin-bottom: calc(1% + 30px);}
.referansList .swiper-button-next{ background: #ccc; width: 40px; height: 40px; border-radius: 100%; top: 50% !important; right: 0px; outline: none;}
.referansList .swiper-button-next::after{ font-size: 18px; color: #666;}

.referansList .swiper-button-prev{ background: #ccc; width: 40px; height: 40px; border-radius: 100%; top: 50% !important; left: 0px; outline: none;}
.referansList .swiper-button-prev::after{ font-size: 18px; color: #666;}

/* MENU TAB */

.menu-tab{ margin-bottom: calc(2% + 30px);}
.menu-tab .tab{ width: 100%; text-align: center;}
.menu-tab ul.tabs{ margin: 0px; padding: 0px; list-style: none; margin-bottom: 30px;}
.menu-tab ul.tabs .tab-link{ font-size: 15px; letter-spacing: 1px;}
.menu-tab ul.tabs li{ background: #aaa; color: #fff; display: inline-block; padding: 10px; padding-top: 12px; cursor: pointer; font-weight: 800;}
.menu-tab ul.tabs li.tcurrent{ background: #3455aa; position: relative;}
.menu-tab ul.tabs li.tcurrent::after{ position: absolute; content: ""; bottom: -16px; left: 50%; margin-left: -10px; width: 21px; height: 12px; background-image: url(https://ru.goktuggrup.net/Site/Library/images/arrow-down.png); background-repeat: no-repeat; background-position: center; background-size: 21px 12px;}
.menu-tab .tab-content{ display: none; background: #fff; font-size: 15px; text-align: justify;}
.menu-tab .tab-content.tcurrent{ display: inherit; animation: fadeIn 1s; -webkit-animation: fadeIn 1s;}

.menu-tab a{ text-decoration: none; color: currentColor; display: inline-block;}
.menu-tab img{ width: 100%;}
.menu-tab .detail-btn{ float: right; border: 1px solid #ff6d00; color: #3455aa; border-radius: 10px; padding: 7px; padding-bottom: 6px; font-weight: 800; padding-left: 15px; padding-right: 15px;}

.menu-tab .owl-nav{ display: none;}
.menu-tab .owl-dots{ text-align: center;}
.menu-tab .owl-dots button{ width: 10px; height: 10px; border-radius: 100%; background: #111; margin-left: 4px; margin-right: 4px; outline: none; opacity: 0.5;}
.menu-tab .owl-dots button.active{ background: #ff6d00; opacity: 1; width: 14px; height: 14px; position: relative; top: 2px;}

/* INFO */

.info{ margin-bottom: 30px;}

/* VİTRİN CAROU */

.vitrinCarou{ width: 100%; margin-bottom: 30px;}
.vitrinCarou h2{ font-family: 'Playfair Display', sans-serif; text-align: center; font-size: 20px; font-weight: 500; margin-bottom: 20px;}
.vitrinCarou a{ text-decoration: none; color: currentColor; height: 100%; display: block; width: 100%; text-align: center; border: 1px #ddd solid; padding: 20px; padding-bottom: 30px;}
.vitrinCarou .img{ max-width: 350px; width: 100%; margin: auto; margin-bottom: 20px;}
.vitrinCarou .img img{ width: 100%;}
.vitrinCarou .baslik{ font-size: 15px; font-weight: 500; height: 36px; overflow: hidden;}
.vitrinCarou .aciklama{ font-size: 14px; color: #999; font-weight: 300; margin-bottom: 20px; height: 63px; overflow: hidden;}
.vitrinCarou .inceleBtn{ border: 1px #ddd solid; display: inline-block; padding: 10px 20px; padding-right: 40px; border-radius: 20px; color: #111; font-weight: 400;}
.vitrinCarou .inceleBtn{ background-image: url(https://ru.goktuggrup.net/Site/Library/images/arrow-right.png); background-repeat: no-repeat; background-position: right 15px center; background-size: 12px 16px;}

.vitrinCarou .swiper-button-next{ background: #ccc; width: 40px; height: 40px; border-radius: 100%; top: 50% !important; right: 0px; outline: none;}
.vitrinCarou .swiper-button-next::after{ font-size: 18px; color: #666;}

.vitrinCarou .swiper-button-prev{ background: #ccc; width: 40px; height: 40px; border-radius: 100%; top: 50% !important; left: 0px; outline: none;}
.vitrinCarou .swiper-button-prev::after{ font-size: 18px; color: #666;}

/* HABERLER CAROU */

.haberlerCarou{ width: 100%; margin-bottom: 30px;}
.haberlerCarou h2{ font-family: 'Playfair Display', sans-serif; text-align: center; font-size: 20px; font-weight: 500; margin-bottom: 20px;}
.haberlerCarou a{ text-decoration: none; color: currentColor; height: 100%; display: block; width: 100%; text-align: center; border: 1px #ddd solid; padding-bottom: 30px;}
.haberlerCarou .img{ width: 100%; margin: auto; margin-bottom: 20px;}
.haberlerCarou .img img{ width: 100%;}
.haberlerCarou .baslik{ font-size: 16px; font-weight: 700;}
.haberlerCarou .tarih{ font-size: 14px; font-weight: 300; color: #999; margin-bottom: 10px; display: flex; justify-content: center;}
.haberlerCarou .tarih i{ font-size: 21px; margin-right: 5px;}
.haberlerCarou .aciklama{ font-size: 14px; color: #666; font-weight: 300; padding: 0 20px; margin-bottom: 20px;}
.haberlerCarou .inceleBtn{ border: 1px #ddd solid; display: inline-block; padding: 10px 20px; padding-right: 40px; border-radius: 20px; color: #111; font-weight: 400;}
.haberlerCarou .inceleBtn{ background-image: url(https://ru.goktuggrup.net/Site/Library/images/arrow-right.png); background-repeat: no-repeat; background-position: right 15px center; background-size: 12px 16px;}

.haberlerCarou .swiper-button-next{ background: #ccc; width: 40px; height: 40px; border-radius: 100%; top: 50% !important; right: 0px; outline: none;}
.haberlerCarou .swiper-button-next::after{ font-size: 18px; color: #666;}

.haberlerCarou .swiper-button-prev{ background: #ccc; width: 40px; height: 40px; border-radius: 100%; top: 50% !important; left: 0px; outline: none;}
.haberlerCarou .swiper-button-prev::after{ font-size: 18px; color: #666;}

/* S.S.S. */

.sss{ width: 100%; margin-bottom: calc(1% + 60px); position: relative;}
.sss::before{ content: ""; position: absolute; width: 100%; height: 240px; left: 0; top: 100px; background: #f8fced;}
.sss .col-12{ position: relative;}
.sss h1{ font-family: 'Playfair Display', sans-serif; text-align: center; font-size: 20px; font-weight: 500; margin-bottom: 20px;}
.sss a{ text-decoration: none; color: currentColor; height: 100%; display: block; width: 100%; text-align: center; border: 1px #ddd solid; padding: 20px; background: #fff;}
.sss .baslik{ font-size: 20px; font-weight: 500; border-bottom: 1px #ddd solid; padding-bottom: 20px;}
.sss .tarih{ font-size: 14px; font-weight: 300; color: #999; margin-bottom: 10px; display: flex; justify-content: center;}
.sss .tarih i{ font-size: 21px; margin-right: 5px;}
.sss .aciklama{ font-size: 14px; color: #666; font-weight: 300; padding: 0 20px;}
.sss .inceleBtn{ border: 1px #ddd solid; display: inline-block; padding: 10px 20px; padding-right: 40px; border-radius: 20px; color: #111; font-weight: 400;}
.sss .inceleBtn{ background-image: url(https://ru.goktuggrup.net/Site/Library/images/arrow-right.png); background-repeat: no-repeat; background-position: right 15px center; background-size: 12px 16px;}

.sss .swiper-button-next{ background: #ccc; width: 40px; height: 40px; border-radius: 100%; top: 50% !important; right: 0px; outline: none;}
.sss .swiper-button-next::after{ font-size: 18px; color: #666;}

.sss .swiper-button-prev{ background: #ccc; width: 40px; height: 40px; border-radius: 100%; top: 50% !important; left: 0px; outline: none;}
.sss .swiper-button-prev::after{ font-size: 18px; color: #666;}


/* ÜRÜN KATEGORİ */

.urunKat{ width: 100%; margin-bottom: calc(1% + 60px);}
.urunKat ul{ list-style: none; padding: 0; margin: 0;}
.urunKat ul li{ float: left;}
.urunKat ul li a{ text-decoration: none; display: block; width: 100%; color: currentColor;}
.urunKat ul li img{ width: 100%;}

.urunKat ul li:nth-child(1){ width: calc(29.6% - 30px); margin-right: 30px;}
.urunKat ul li:nth-child(2){ width: calc(43.4% - 30px); margin-right: 30px;}
.urunKat ul li:nth-child(3){ width: 27%; margin-bottom: 30px;}
.urunKat ul li:nth-child(4){ width: 27%;}

/* ÜRÜN LİSTE */

.urunListe{ width: 100%; margin-bottom: 20px;}
.urunListe ul{ list-style: none; padding: 0; margin: 0; width: 100%; display: flex; flex-wrap: wrap; justify-content:center;}
.urunListe ul li{ min-width: 150px; width:25%; margin-bottom: 30px; padding: 0 15px;}
.urunListe ul li a{ text-decoration: none; color: currentColor; height: 100%; display: block; width: 100%; text-align: center; border: 1px #ddd solid; padding: 20px; padding-bottom: 30px;}
.urunListe ul li a:hover{ border-color: #3d3d3d;}
.urunListe ul li .img{ max-width: 350px; width: 100%; margin: auto; margin-bottom: 20px;}
.urunListe ul li .img img{ width: 100%;}
.urunListe ul li .baslik{ font-size: 15px; font-weight: 500; height: 36px; overflow: hidden;}
.urunListe ul li .aciklama{ font-size: 14px; color: #999; font-weight: 300; margin-bottom: 20px; height: 63px; overflow: hidden;}
.urunListe ul li .inceleBtn{ border: 1px #ddd solid; display: inline-block; padding: 10px 20px; padding-right: 40px; border-radius: 20px; color: #111; font-weight: 400;}
.urunListe ul li .inceleBtn{ background-image: url(https://ru.goktuggrup.net/Site/Library/images/arrow-right.png); background-repeat: no-repeat; background-position: right 15px center; background-size: 12px 16px;}

/* KATEGORİ YAN MENU */

.katMenu{ border: 1px #999 solid; padding: 20px; margin-bottom: 30px;}
.katMenu ul{ list-style: none; padding: 0; margin: 0;}
.katMenu ul li{}
.katMenu ul li a{ text-decoration: none; color: currentColor; margin-bottom: 10px; display: block; font-weight: 800;}
.katMenu ul li a span{ color: #999; font-weight: 400;}

.katMenu ul ul{ padding-left: 15px;}
.katMenu ul ul li a{ font-weight: 600;}
.katMenu ul ul li a:hover{ color: #df1a2b;}

/* YAN FİLTRE */

.yanFiltre{ background: #eee; padding: 20px; margin-bottom: 30px;}
.yanFiltre .adres{ margin-bottom: 10px;}
.yanFiltre .adres h1{ text-align: center; font-size: 15px;}
.yanFiltre .adres select{ width: 100%; height: 40px; outline: none; border: 0; padding: 0 10px; margin-bottom: 10px; -webkit-appearance: none; -moz-appearance: none; text-overflow: '';}
.yanFiltre .adres select{ background-image: url(https://ru.goktuggrup.net/Site/Library/images/arrow-down.png); background-repeat: no-repeat; background-position: center right 10px; background-size: 13px;}

.yanFiltre .km{ margin-bottom: 20px; display: flex; flex-wrap: wrap;}
.yanFiltre .km h1{ width: 100%; text-align: center; font-size: 15px;}
.yanFiltre .km input:nth-child(2){ width: calc(50% - 5px); outline: 0; border: 0; height: 40px; padding: 0 15px; margin-right: 5px;}
.yanFiltre .km input:nth-child(3){ width: calc(50% - 5px); outline: 0; border: 0; height: 40px; padding: 0 15px; margin-left: 5px;}

.yanFiltre .fiyat{ margin-bottom: 20px; display: flex; flex-wrap: wrap;}
.yanFiltre .fiyat h1{ width: 100%; text-align: center; font-size: 15px;}
.yanFiltre .fiyat input:nth-child(2){ width: calc(50% - 5px); outline: 0; border: 0; height: 40px; padding: 0 15px; margin-right: 5px;}
.yanFiltre .fiyat input:nth-child(3){ width: calc(50% - 5px); outline: 0; border: 0; height: 40px; padding: 0 15px; margin-left: 5px;}

.yanFiltre .uretim{ margin-bottom: 20px; display: flex; flex-wrap: wrap;}
.yanFiltre .uretim h1{ width: 100%; text-align: center; font-size: 15px;}
.yanFiltre .uretim input:nth-child(2){ width: calc(50% - 5px); outline: 0; border: 0; height: 40px; padding: 0 15px; margin-right: 5px;}
.yanFiltre .uretim input:nth-child(3){ width: calc(50% - 5px); outline: 0; border: 0; height: 40px; padding: 0 15px; margin-left: 5px;}

.yanFiltre .tip{ margin-bottom: 10px;}
.yanFiltre .tip h1{ text-align: center; font-size: 15px;}
.yanFiltre .tip select{ width: 100%; height: 40px; outline: none; border: 0; padding: 0 10px; margin-bottom: 10px; -webkit-appearance: none; -moz-appearance: none; text-overflow: '';}
.yanFiltre .tip select{ background-image: url(https://ru.goktuggrup.net/Site/Library/images/arrow-down.png); background-repeat: no-repeat; background-position: center right 10px; background-size: 13px;}

.yanFiltre .marka{ margin-bottom: 10px;}
.yanFiltre .marka h1{ text-align: center; font-size: 15px;}
.yanFiltre .marka select{ width: 100%; height: 40px; outline: none; border: 0; padding: 0 10px; margin-bottom: 10px; -webkit-appearance: none; -moz-appearance: none; text-overflow: '';}
.yanFiltre .marka select{ background-image: url(https://ru.goktuggrup.net/Site/Library/images/arrow-down.png); background-repeat: no-repeat; background-position: center right 10px; background-size: 13px;}

.yanFiltre .renk{ margin-bottom: 10px;}
.yanFiltre .renk h1{ text-align: center; font-size: 15px;}
.yanFiltre .renk select{ width: 100%; height: 40px; outline: none; border: 0; padding: 0 10px; margin-bottom: 10px; -webkit-appearance: none; -moz-appearance: none; text-overflow: '';}
.yanFiltre .renk select{ background-image: url(https://ru.goktuggrup.net/Site/Library/images/arrow-down.png); background-repeat: no-repeat; background-position: center right 10px; background-size: 13px;}

.araBtn{ width: 100%; margin-top: 30px;}
.araBtn input{ background: #df1a2b; color: #fff; border: 0; outline: 0; width: 100%; height: 40px;}

/* SIRALAMA */

.siralama{ width: 100%; padding: 10px 0; display: flex; align-items: center; justify-content: flex-end; margin-bottom: 10px;}
.siralama .gorunum{ display: flex; align-items: center; color: #999;}
.siralama .gorunum span{ display: inline-block; margin-right: 10px;}
.siralama .gorunum div{ font-size: 32px; text-align: center; cursor: pointer;}
.siralama .gorunum div i{ position: relative; top: -8px;}
.siralama .gorunum .liste{ width: 32px; height: 32px; border: 1px #ddd solid; margin-right: 10px;}
.siralama .gorunum .kutu{ width: 32px; height: 32px; border: 1px #ddd solid; margin-right: 10px;}
.siralama .gorunum div.aktif{ border-color: #df1a2b; color: #df1a2b;}

.siralama .sirala{}
.siralama .sirala select{ border: 1px #ddd solid; height: 32px; padding: 0 15px; padding-right: 25px;}
.siralama .sirala select{ width: 100%; height: 32px; outline: none; -webkit-appearance: none; -moz-appearance: none; text-overflow: '';}
.siralama .sirala select{ background-image: url(https://ru.goktuggrup.net/Site/Library/images/arrow-down.png); background-repeat: no-repeat; background-position: center right 10px; background-size: 13px;}

/* REKLAM */

.reklam{ width: 100%; margin-bottom: 30px;}
.reklam a{ text-decoration: none; color: currentColor; display: block; width: 100%; margin-bottom: 10px;}
.reklam img{ width: 100%;}

/* MEDIA */

.media{ margin-bottom: 30px;}
.media a{ text-decoration: none; color: currentColor; display: block; width: 100%; overflow: hidden; border-radius: 20px;}
.media img{ width: 100%; transition: 0.6s;}
.media a:hover img{ transform: scale(1.1);}

/* REFERANS LIST */

.referans-list{}
.referans-list ul{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap;}
.referans-list ul li{ display: block; width: calc(50% - 15px);}
.referans-list ul li:nth-child(odd){ margin-right: 15px;}
.referans-list ul li:nth-child(even){ margin-left: 15px;}
.referans-list ul li a{ text-decoration: none; color: currentColor; display: block; width: 100%;}

.referans-list ul li .img{ position: relative; overflow: hidden;}
.referans-list ul li .img .icn{ display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 100%; position: absolute; z-index: 2; top: 50%; margin-top: -25px; margin-left: -25px; left: 50%; background: #df1a2b; color: #fff; text-align: center; font-size: 32px;}
.referans-list ul li .img img{ transition: 0.6s; width: 100%;}

.referans-list ul li .content{ text-align: center; max-width: 400px; margin: auto; background: #fff; position: relative; top: -65px; padding: 30px; box-shadow: 0px 10px 30px rgba(0,0,0,0.05);}
.referans-list ul li .content .date{ position: relative; padding-right: 14px; margin-right: 10px; display: inline-block; font-weight: 900; color: #df1a2b;}
.referans-list ul li .content .date::after{ position: absolute; content: ""; border-right: 1px #aaa solid; width: 1px; height: 24px; right: 0;}
.referans-list ul li .content .title2{ display: inline-block;}
.referans-list ul li .content .title1{ font-size: 18px; font-weight: 900; margin-top: 10px;}

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

/* REFERANS DETAY */

.referans-detay{}
.referans-detay a{ text-decoration: none; color: currentColor; display: inline-block; width: 100%;}
.referans-detay img{ width: 100%; margin-bottom: 10px;}
.referans-detay h1{ text-align: center; font-size: 17px; font-weight: 400;}

/* URUN LIST */

.urun-list{ margin-bottom: 10px;}
.urun-list .urn{ margin-bottom: 30px;}
.urun-list a{ position: relative; height: 100%; text-align: center; text-decoration: none; padding: 20px; color: currentColor; display: block; width: 100%; border: 1px #ccc solid; }
.urun-list a:hover{ border-color: #df1a2b;}
.urun-list .img{ width: 100%; margin-bottom: 20px;}
.urun-list .img img{ width: 100%;}
.urun-list .kod{ border-bottom: 1px #ccc solid; padding-bottom: 10px; margin-bottom: 10px;}
.urun-list .kod b{ display: block;}
.urun-list .baslik{ position: relative; min-height: 74px; border-bottom: 1px #ccc solid; padding-bottom: 10px; margin-bottom: 10px; font-weight: 700;}
.urun-list .fiyat{ color: #df1a2b; font-weight: 800;}

/* URUN DETAY */

.urun-detay{ margin-bottom: calc(2% + 30px);}
.urun-detay h1{ font-size: 18px; display: inline-block; font-weight: 600; margin-bottom: 20px;}
.urun-detay .aciklama{ font-size: 14px; font-weight: 300; color: #999; margin-bottom: 30px;}

.urun-detay .swiper-button-next, .swiper-button-prev{ top: unset;}

.urun-detay .swiper-button-next{ background: #ccc; width: 40px; height: 40px; border-radius: 100%; bottom: calc(6% + 15px); right: 0px; outline: none;}
.urun-detay .swiper-button-next::after{ font-size: 18px; color: #666;}

.urun-detay .swiper-button-prev{ background: #ccc; width: 40px; height: 40px; border-radius: 100%; bottom: calc(6% + 15px); left: 0px; outline: none;}
.urun-detay .swiper-button-prev::after{ font-size: 18px; color: #666;}

/* DİĞER URUNLER */

.diger-urunler h1{ font-size: 20px; font-weight: 800; margin-bottom: 20px; text-align: center;}
.diger-urunler a{ position: relative; height: 100%; text-align: center; text-decoration: none; padding: 20px; color: currentColor; display: block; width: 100%; border: 1px #ccc solid; }
.diger-urunler a:hover{ border-color: #df1a2b;}
.diger-urunler .img{ width: 100%; margin-bottom: 20px;}
.diger-urunler .img img{ width: 100%;}
.diger-urunler .kod{ border-bottom: 1px #ccc solid; padding-bottom: 10px; margin-bottom: 10px;}
.diger-urunler .kod b{ display: block;}
.diger-urunler .baslik{ position: relative; min-height: 74px; border-bottom: 1px #ccc solid; padding-bottom: 10px; margin-bottom: 10px; font-weight: 700;}
.diger-urunler .fiyat{ color: #df1a2b; font-weight: 800;}

/* PARTNER LIST */

.partner-list{}
.partner-list a{ text-decoration: none; color: currentColor; display: table; width: 100%; margin-bottom: 30px;}
.partner-list h1{ font-size: 19px; font-weight: 800;}
.partner-list h2{ font-size: 15px; font-weight: 500;}

.partner-list .img{ display: table-cell; vertical-align: middle; width: 120px;}
.partner-list .img img{ width: 108px; object-fit: contain;}
.partner-list .content{ display: table-cell; vertical-align: middle; padding-left: 10px;}

/* ARAMA SONUÇ LİSTELE */

.aramaSonucListele{ width: 100%;}
.aramaSonucListele h2{ font-size: 24px; font-weight: 500;}
.aramaSonucListele strong{ font-weight: 400; margin-bottom: 25px; display: block;}
.aramaSonucListele hr{ margin-bottom: 30px;}















/* SERVICES */

.services{ margin-bottom: calc(2% + 30px);}
.services a{ text-align: center; color: #fff; display: block; width: 100%; position: relative; overflow: hidden;}
.services .shadow{ transition: 0.6s; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.6); top: 0; left: 0;}
.services .title{ font-size: 20px; font-weight: 800; letter-spacing: 1px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 15px;}
.services .title::before{ content: ""; position: absolute; height: 100%; top: 0; left: -5px; border: 3px solid red; border-right: none; padding: 7px;}
.services .title::after{ content: ""; position: absolute; height: 100%; top: 0; right: -5px; border: 3px solid red; border-left: none; padding: 7px;}
.services img{ transition: 0.6s;}
.services a:hover img{ transform: scale(1.1);}
.services a:hover .shadow{ opacity: 0;}

/* ABOUT */

.about{ text-align: center; padding-left: 20px; padding-right: 20px; margin-bottom: calc(2% + 30px);}
.about::before{ z-index: 1; width: 431px; height: 338px; left: calc(-100% + 431px); top: -40px; position: absolute; content: ""; background-image: url(https://ru.goktuggrup.net/Site/Library/images/sol-img.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.about p{ position: relative; z-index: 2;}
.about p::before{ width: 22px; height: 44px; top: 0; left: -22px; position: absolute; content: ""; background-image: url(https://ru.goktuggrup.net/Site/Library/images/quote-left.png); background-repeat: no-repeat; background-position: center; background-size: 22px 44px;}
.about p::after{ width: 22px; height: 44px; bottom: 10px; right: -22px; position: absolute; content: ""; background-image: url(https://ru.goktuggrup.net/Site/Library/images/quote-right.png); background-repeat: no-repeat; background-position: center; background-size: 22px 44px;}
.about .detail-btn{ border: 0; background: red; color: #fff; display: inline-block; padding: 7px; padding-left: 15px; padding-right: 15px; font-size: 13px; letter-spacing: 1px; font-weight: 500;}

/* REFERENCES */

.references{ text-align: center; margin-bottom: calc(2% + 30px);}
.references h1{ font-size: 26px; text-align: center; font-family: 'Playfair Display', sans-serif; border-bottom: 1px #111 solid; display: inline-block; margin-bottom: 20px;}
.references a{ text-align: center; text-decoration: none; color: currentColor; display: block; width: 100%;}

/* PROJECTS */

.projects{ width: 100%; padding: 30px; padding-bottom: 10px; background: #000; position: relative;}
.projects a{ text-decoration: none; color: #fff;}
.projects::after{ content: ""; width: 50%; height: 100%; position: absolute; top: 0; right: 0; padding: 30px; background-image: url(https://ru.goktuggrup.net/Site/Library/images/reference-bg.jpg); background-repeat: no-repeat; background-position: center left; background-size: cover;}
.projects ul{ list-style: none; padding: 0; margin: 0; display: flex;}
.projects ul li{ display: inline-block; width: 50%; float: left;}
.projects ul li img{ width: 100%;}
.projects ul li a{ text-decoration: none; color: #fff; display: block; width: 100%;}
.projects ul li h1{ display: inline-block; font-size: 22px; font-weight: 800; letter-spacing: 1px; border-bottom: 1px #666 solid; padding-bottom: 20px; margin-bottom: 20px;}
.projects ul li p{ font-weight: 400;}

.projects ul li:nth-child(2){ background: linear-gradient(to right, #333, transparent); padding: 40px;}

.projects .detail-btn{ display: inline-block; font-size: 15px; font-weight: 400; letter-spacing: 1px; border-bottom: 1px #666 solid; padding-bottom: 5px;}
.projects .detail-btn i{ color: red;}

/* PAGE CONTENT */

.content{}

/* GALERİ */

.galeri{ width: 100%;}
.galeri ul{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap;}
.galeri ul li{ width: 33.333%; padding: 5px;}
.galeri ul li a{ text-decoration: none; color: currentColor; display: block; width: 100%; overflow: hidden;}
.galeri ul li img{ width: 100%; transition: 0.6s;}

.galeri ul li a:hover img{ transform: scale(1.1);}

/* PAGE LIST */

.list{ margin-bottom: 30px;}
.list::after{ content: ""; display: block; clear: both;}
.list h1{ font-family: 'PlayFair Display', sans-serif; font-size: 28px; margin-bottom: 20px;}
.list .date{ font-size: 14px; color: #999; margin-bottom: 10px;}
.list p{ margin-bottom: 20px;}

.list ul{ list-style: none; padding: 0; margin: 0; width: 100%;}
.list ul li{ margin-bottom: 30px; text-align: center;}
.list ul li a{ text-decoration: none; color: #111; display: block; width: 100%;}
.list ul li .img{ width: 100%; margin-bottom: 20px; border: 1px #ccc solid; overflow: hidden; background: #111;}
.list ul li .img img{ width: 100%; transition: 0.6s;}
.list ul li h2{ font-size: 16px; font-weight: 800; text-align: center; margin-bottom: 10px;}

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

.list ul li:nth-child(2n+1){ width: calc(50%  - 15px); margin-right: 15px; float: left;}
.list ul li:nth-child(2n+2){ width: calc(50%  - 15px); margin-left: 15px; float: left;}

.list .detail-btn{ border: 0; background: red; color: #fff; display: inline-block; padding: 7px; padding-left: 15px; padding-right: 15px; font-size: 13px; letter-spacing: 1px; font-weight: 500;}

.list.columns-3 ul li:nth-child(3n+1){ width: calc(33.333%  - 15px); margin-left: 0; margin-right: 15px; float: left;}
.list.columns-3 ul li:nth-child(3n+2){ width: calc(33.333%  - 15px); margin-right: 7px; margin-left: 7px; float: left;}
.list.columns-3 ul li:nth-child(3n+3){ width: calc(33.333%  - 15px); margin-right: 0; margin-left: 15px; float: left;}

.list.columns-3 ul li p{ font-size: 13px; color: #777; font-weight: 500; margin-bottom: 20px; text-align: justify; height: 57px; overflow: hidden;}

/* PAGE DETAIL */

.detail{}
.detail .img{ max-width: 500px; width: 100%; margin: auto; margin-bottom: 30px;}
.detail .img a{ text-decoration: none; display: block; width: 100%;}
.detail .img img{ width: 100%;}
.detail h1{ font-family: 'PlayFair Display', sans-serif; font-size: 28px; margin-bottom: 20px; text-align: center;}
.detail .date{ display: block; width: 100%; text-align: center; margin-bottom: 20px; color: #999;}
.detail .gallery{ max-width: 600px; width: 100%; margin: auto; margin-bottom: 30px;}
.detail p{ text-align: justify; margin-bottom: 30px;}

.detail .media{ margin-bottom: 30px;}
.detail .media img{ width: 100%;}

.detail-tab{ margin-bottom: 30px;}
.detail-tab .tab{ width: 100%; text-align: left;}
.detail-tab ul.tabs{ margin: 0px; padding: 0px; list-style: none; border-bottom: 1px #ccc solid;}
.detail-tab ul.tabs .tab-link{ font-size: 14px;}
.detail-tab ul.tabs li{ background: none; color: #222; display: inline-block; padding: 10px 0; padding-right: 20px; margin-right: 15px; border-right: 1px #ccc solid; cursor: pointer; font-weight: 400;}
.detail-tab ul.tabs li:last-child{ border-right: 0;}
.detail-tab ul.tabs li.tcurrent{ color: #3070b3; font-weight: 600;}
.detail-tab .tab-content{ display: none; background: #fff; color: #999; font-weight: 300; padding-top: 15px; font-size: 14px;}
.detail-tab .tab-content.tcurrent{ display: inherit; animation: fadeIn 1s; -webkit-animation: fadeIn 1s;}

.paylas{}
.paylas a{ text-decoration: none; color: currentColor; width: 40px; height: 40px; display: inline-block;}
.paylas a.facebook{ background-image: url("https://ru.goktuggrup.net/Site/Library/images/social/facebook-g.png"); background-repeat: no-repeat; background-position: center; background-size: 20px 20px;}
.paylas a.twitter{ background-image: url("https://ru.goktuggrup.net/Site/Library/images/social/twitter-g.png"); background-repeat: no-repeat; background-position: center; background-size: 20px 20px;}
.paylas a.instagram{ background-image: url("https://ru.goktuggrup.net/Site/Library/images/social/instagram-g.png"); background-repeat: no-repeat; background-position: center; background-size: 20px 20px;}
.paylas a.pinterest{ background-image: url("https://ru.goktuggrup.net/Site/Library/images/social/pinterest-g.png"); background-repeat: no-repeat; background-position: center; background-size: 20px 20px;}
.paylas a.whatsapp{ background-image: url("https://ru.goktuggrup.net/Site/Library/images/social/whatsapp-g.png"); background-repeat: no-repeat; background-position: center; background-size: 20px 20px;}

/* CONTACT */

.map{ margin-bottom: 30px;}
.map iframe{ width: 100%; height: 685px;}

.contact-info{ margin-bottom: 30px;}
.contact-info h1{ font-size: 18px; font-weight: 800; margin-bottom: 20px; text-decoration: underline;}
.contact-info ul{ list-style: none; padding: 0; margin: 0; margin-bottom: 30px;}
.contact-info ul li{ margin-bottom: 10px;}
.contact-info ul li b{ padding-bottom: 2px;}
.contact-info ul li a{ text-decoration: none; color: currentColor;}
.contact-info ul li a b{}

#formYonetimi{ width: 100%;}
#formYonetimi h1{ font-size: 18px; font-weight: 800; margin-bottom: 20px; text-decoration: underline;}
.grup-elementleri{ list-style: none; padding: 0; margin-bottom: 10px !important;}
.grup-elementleri .element-textbox{ margin-bottom: 15px;}
.grup-elementleri .element-textbox input{ width: 100%; background: #f5f5f5 !important; outline: 0; height: 50px; padding: 0 15px; border: 2px #f5f5f5 solid !important; font-size: 13px; font-weight: 600;}
.grup-elementleri .element-textbox input:focus{ background: #fff !important; border-color: #ddd !important;}
.grup-elementleri .element-textarea{ margin-bottom: 15px;}
.grup-elementleri .element-textarea textarea{ width: 100%; border: 0; background: #f5f5f5; outline: 0; height: 110px; padding: 15px; border: 2px #f5f5f5 solid; font-size: 13px; font-weight: 600;}
.grup-elementleri .element-textarea textarea:focus{ background: #fff; border-color: #ddd;}
.grup-elementleri label{ display: none;}
.grup-elementleri .element-textbox:first-child{ padding-right: 10px;}
#formYonetimi .form-gonder-button{ background: #3d3d3d; border: 0; color: #fff; padding: 15px 30px; font-size: 14px; font-weight: 600; outline: none;}

/* BREADCRUMB */

.breadcrumb{ background: #fff; margin-bottom: 20px; display: block;}
.breadcrumb a{ text-decoration: none; color: currentColor; font-size: 13px;}
.breadcrumb span{ font-size: 13px; padding-left: 8px; padding-right: 8px;}
.breadcrumb a:last-child{ font-weight: bold;}

.siteHarita{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #111; z-index: 2; max-width: 500px; width: 100%; margin-top: 5px;}
.siteHarita h1{ font-size: 24px; font-weight: 500; line-height: 1.4;}

/* SAYFALAMA */

.sayfalama{ width: 100%; text-align: center;}
.sayfalama a{ border: 1px solid #ccc; text-decoration: none; color: #ccc; width: 36px; height: 37px; display: inline-flex; justify-content: center; align-items: center;}
.sayfalama a.sol.ar::before{ content: "<";}
.sayfalama a.sag.ar::after{ content: ">";}
.sayfalama a.aktif{ border: 1px solid #94cb40; background: #94cb40; color: #fff;}

/* İKONLAR */

.ikonlar{ position: relative; margin-bottom: 30px; text-align: center; background: #eee; padding: 30px 0; margin-top: 30px;}
.ikonlar h3{ position: absolute; top: -35px; left: 50%; transform: translateX(-50%); font-size: 22px; font-weight: 700;}
.ikonlar ul{ list-style: none; padding: 0; margin: 0; width: 100%; display: flex;}
.ikonlar ul li{ width: 33.333%; margin-right: 60px; background: #fff; border-radius: 20px; position: relative;}
.ikonlar ul li::before{ counter-increment: sayac; content: counter(sayac); position: absolute; left: -20px; top: -30px; font-size: 84px; font-weight: 900; color: #df1a2b;}
.ikonlar ul li:last-child{ margin-right: 0;}
.ikonlar ul li .img{ width: auto; height: 100px; margin: auto; margin-bottom: 15px;}
.ikonlar ul li .img img{ width: auto; height: 100px;}
.ikonlar ul li a{ text-decoration: none; color: currentColor; display: block; padding: 20px; width: 100%; align-items: center;}
.ikonlar ul li h1{ font-size: 18px; font-weight: 700; color: #df1a2b;}
.ikonlar ul li h2{ font-size: 16px; font-weight: 300; color: #999;}

/* FOOTER */

.footer{ width: 100%; height: 100%; position: relative; z-index: 2; padding-top: 60px; padding-bottom: 30px; background: #f5f5f5;}

.footer-logo{ position: relative; z-index: 2; margin-bottom: 20px !important; }
.footer-logo a{ text-decoration: none; color: currentColor; display: block; text-align: center;}
.footer-logo a img{ width: 100%;}

.footer-social{ position: relative; z-index: 2; text-align: center;}
.footer-social a{ text-decoration: none; color: currentColor; width: 40px; height: 40px; display: inline-block;}
.footer-social .facebook{ background-image: url("https://ru.goktuggrup.net/Site/Library/images/social/facebook-g.png"); background-repeat: no-repeat; background-position: center; background-size: 20px 20px;}
.footer-social .twitter{ background-image: url("https://ru.goktuggrup.net/Site/Library/images/social/twitter-g.png"); background-repeat: no-repeat; background-position: center; background-size: 20px 20px;}
.footer-social .instagram{ background-image: url("https://ru.goktuggrup.net/Site/Library/images/social/instagram-g.png"); background-repeat: no-repeat; background-position: center; background-size: 20px 20px;}
.footer-social .pinterest{ background-image: url("https://ru.goktuggrup.net/Site/Library/images/social/pinterest-g.png"); background-repeat: no-repeat; background-position: center; background-size: 20px 20px;}
.footer-social .whatsapp{ background-image: url("https://ru.goktuggrup.net/Site/Library/images/social/whatsapp-g.png"); background-repeat: no-repeat; background-position: center; background-size: 20px 20px;}

.f-item{ width: 100%; position: relative; z-index: 2;}
.f-item h1{ font-size: 15px; font-weight: 600; margin-bottom: 20px; color: #111;}
.f-item ul{ list-style: none; padding: 0; margin: 0;}
.f-item ul li{ display: block; margin-bottom: 10px; font-size: 15px; color: #111;}
.f-item ul li a{ width: 100%; display: inline-block; text-decoration: none; color: #111; font-size: 15px; font-weight: 400;}

.f-item span{ margin-bottom: 10px; display: block; text-align: center;}
.f-item .e-bulten{ width: 100%; position: relative;}
.f-item .e-bulten input[type=text]{ width: 100%; border: 0; outline: none; border: 1px #ccc solid; height: 40px; padding: 0 15px; padding-right: 80px; border-radius: 20px;}
.f-item .e-bulten input[type=submit]{ background: #3070b3; border: 0; height: 40px; color: #fff; border-radius: 20px; padding: 0 10px; position: absolute; right: 0; outline: none;}

.f-item .adres{ padding-left: 40px; background-image: url(https://ru.goktuggrup.net/Site/Library/images/pin.png); background-repeat: no-repeat; min-height: 30px; background-position: top -3px left;}
.f-item .tel{ padding-left: 40px; background-image: url(https://ru.goktuggrup.net/Site/Library/images/tel.png); background-repeat: no-repeat; min-height: 30px;  background-position: top -3px left;}
.f-item .mail{ padding-left: 40px; background-image: url(https://ru.goktuggrup.net/Site/Library/images/email.png); background-repeat: no-repeat; min-height: 30px; background-position: top -3px left;}

.f-faaliyet ul{ columns: 2;}

/* FOOTER ALT */

.footer-alt{ width: 100%; background: #fff; padding-top: 15px; padding-bottom: 15px; position: relative; z-index: 2; bottom: 0; color: #111;}
.footer-alt .copyright{ text-align: left; font-size: 14px;}
.footer-alt .design{ text-align: right; font-size: 14px;}
.footer-alt .design a{ text-decoration: none; color: #111; font-weight: bold; font-size: 14px;}

/* GO TO TOP */

#go-to-top{ display: inline-block; background-color: #3070b3; color: #fff; border: 1px #3070b3 solid; width: 50px; height: 50px; text-align: center; position: fixed; bottom: 20px; right: 20px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; text-decoration:none; outline:none; font-size:14px; font-weight:300; text-align:center; }
#go-to-top:hover {}
#go-to-top:active {}
#go-to-top.show { opacity: 1; visibility: visible; }
#go-to-top i{ font-size: 24px; }

/* OTHERS */

.others{}
.others h1{ font-family: 'PlayFair Display', sans-serif; font-size: 28px; margin-bottom: 20px; text-align: center;}
.others a{ text-decoration: none; color: currentColor; display: block; width: 100%; position: relative;}
.others img{ width: 100%;}
.others .shadow{ width: 100%; position: absolute; height: 100%; box-shadow: unset !important; z-index: 2; background: rgba(0,0,0,0.3); top: 0; left: 0; color: #fff;}
.others .shadow .icon{ top: 50%; left: 50%; position: absolute; margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; border-radius: 100%; background: rgba(255,255,255,0.4); text-align: center; padding-top: 7px;}
.others .shadow .icon i{ font-size: 28px;}
.others .img{ position: relative; margin-bottom: 10px;}
.others h2{ font-size: 18px; font-weight: 800;}
.others p{ font-size: 14px;}
.others .date{ font-size: 14px; color: #999; margin-bottom: 5px; display: block;}
.mb-30{ margin-bottom: 30px;}

.mobilBtn{ display: none; cursor: pointer;}
.closeBtn{ display: none !important; cursor: pointer;}

.plus{ display: none;}

.mobilApp{ display: none !important; width: 100%; bottom: 0; left: 0; position: fixed; background: #3070b3; z-index: 13;}
.mobilApp ul{ list-style: none; padding: 0; margin: 0; display: flex; align-items: center; height: 100%;}
.mobilApp ul li{ width: 33.333%; height: 100%; border-right: 1px rgba(255,255,255,0.4) solid;}
.mobilApp ul li a{ text-decoration: none; display: block; color: #fff; width: 100%; height: 100%; text-align: center; padding: 5px 15px;}
.mobilApp ul li i{ font-size: 27px; display: block; width: 100%;}
.mobilApp ul li span{ display: block; width: 100%; font-size: 10px; margin-top: 3px;}
.mobilApp ul li img{ width: auto; height: 24px;}

.mobilApp ul li a.trendyolMagaza{ background: #FF671B;}

/* S.S.S. */

.sorular{ width: 100%;}
.sorular ul{ list-style: none; padding: 0; margin: 0;}
.sorular ul li{ margin-bottom: 10px; border: 1px solid #ddd;}
.sorular ul li .soru{ font-size: 16px; cursor: pointer; padding: 15px 20px;}
.sorular ul li .cevap{ color: #999; padding: 15px 20px; padding-top: 0; display: none;}


.sabit-sosyal { position: fixed; z-index: 2; top: 270px; right: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; width: 100px; }
.sabit-sosyal .whatsapp { display: block; width: 100px; height: 60px; background: transparent url(https://ru.goktuggrup.net/Site/Library/images/social/whatsapp-y.png) no-repeat center; background-size: contain; z-index: 6666; }


.trendyol-link{ margin-bottom: 30px;}
.trendyol-link a{ text-decoration: none; color: currentColor; display: inline-flex; align-items: center; align-content: center; border: 2px solid #FF671B; border-radius: 10px; padding: 10px 20px;}
.trendyol-link .left{ margin-right: 15px;}
.trendyol-link .left img{ max-width: 120px; width: 100%;}
.trendyol-link .right{ line-height: 1.3;}
.trendyol-link .right span{ display: block;}
.trendyol-link .right b{ display: block; color: #FF671B; font-size: 18px;}

.mobil-kat-btn{ display: none; cursor: pointer; align-items: center; font-size: 12px; font-weight: 500; border: 1px solid #111; padding: 5px 10px; margin-bottom: 15px;}

.detail-gallery-img img{ max-width: unset; width: 100% !important;}

@media (max-width: 991px) {
    .mobil-kat-btn{ display: inline-flex;}
    .mainNav{ display: none;}

  .sabit-sosyal { display: none !important; }

  #form1{ padding-bottom: 55px;}
    /*.mobilApp{ display: block !important;}*/

    .plus{ display: block;}

    .closeBtn{ display: block !important;}

    body{ width: 100%;}

    .head .srch{ order: 3; margin-bottom: 0; margin-top: 0; padding-top: 15px;}
    .head .search{ border: 1px #ccc solid;}
    .head .lg{ order: 1;}
    .head .tk{ order: 2;}
    .head .tk .footer-social{ display: none;}
    .head .tk select{ max-width: 100%; font-size: 13px; background-size: 11px;}
    .head .lang{ position: absolute; top: -30px; right: 75px;}
    .head .col{ flex-basis: unset;}
    .head .logo{ max-width: 120px; margin: unset;}

    .head .search input[type=text]{ padding-left: 15px;}
    .head .search input[type=submit]{ right: 0; left: unset;}

    .slider{ margin-top: 0;}
    .banner{ margin-top: 0;}

    .bant{ display: none;}

    .links{ margin-top: 20px;}
    .links a{ display: block; margin-bottom: 10px; text-align: center; padding-left: 0 !important; margin-left: 0 !important;}
    .links a::before{ display: none;}
    .tumKat{ display: block; text-align: center; max-width: 100%;}
    .logo{ max-width: 120px; position: relative;}
    .logo img{ width: 100%;}

    .top-menu{ transition: 0.3s; visibility: hidden; position: fixed; max-width: 100%; width: 100%; height: 100vh; background: #fff; top: 0; left: -100%; z-index: 12; padding:80px 30px; overflow: auto; overflow-x: hidden;}
    .top-menu.opened{ visibility: visible; left: 0;}
    .top-menu ul li a{ color: #111;}

    .sub-ul{ width: 100% !important; margin-left: 0 !important; box-shadow: none !important; border-top: 0px #eee solid; background: #fff !important; text-align: center !important;}
    .sub-ul li{ border: 0 !important;}
    .top-menu .sub-ul li a{ color: #999 !important;}
    .sub-ul.opened{ display: block; position: relative; visibility: visible; opacity: 1;}
    .top-menu ul li a{ padding: 10px;}

    .srch{ width: 100%; flex-basis: unset; margin-bottom: 20px;}
    .srch .search{ max-width: 100%; width: 100%; display: inline-block;}

    .mobilBtn{ display: block; width: 39px; height: 39px; font-size: 27px; text-align: center; position: absolute; right: 20px; top: 0; z-index: 9; border: 1px #ccc solid; border-radius: 100%;}
    .closeBtn{ display: inline-block !important; width: 39px; height: 39px; font-size: 27px; text-align: center; position: absolute; top: 20px; right: 20px; border: 1px #ccc solid; border-radius: 100%;}

    .top-menu ul{ border-bottom: 0;}
    .top-menu ul li{ display: block; position: relative; border-bottom: 1px #eee solid;}
    .plus{ color: #111; position: absolute; z-index: 2; top: 0; width:100%; height:100%; display:flex; align-items:center; justify-content: flex-end; }
    .minus{ color: #111;}

    .projects ul{ display: block;}
    .projects ul li{ float: unset; width: 100%;}

    .f-item{ margin-bottom: 30px;}

    .about::before{ display: none;}

    .list ul li{ width: 100% !important; margin: 0 !important; margin-bottom: 30px !important;}

    .map iframe{ height: 300px;}

    .footer{ text-align: center;}
    .footer-social{ margin-bottom: 30px;}

    .footer-alt .copyright{ text-align: center;}
    .footer-alt .design{ text-align: center;}

    .tabs .tab-link{ width: 100%; display: block;}
    .detail-tab ul.tabs li{ border: 0; border-bottom: 1px #ccc solid;}
    .detail-tab ul.tabs li:last-child{ border-bottom: 0;}
    .menu-tab ul.tabs li.tcurrent::after{ display: none;}
    .menu-tab ul.tabs .tab-link{ margin-bottom: 2px;}

    .referans-list ul li .content{ top: 0; background: none;}

    .ikonlar ul li h1{ font-size: 22px;}

    .f-logo{ margin-bottom: 30px;}

    /*.slider{ display: none;}
    .mSlider{ display: block;}*/

    /***************************************/

    .hypArama{ left: unset; right: 0;}
    .page{ margin-top: 15px;}
    .breadcrumb{ margin-bottom: 15px;}
    .siteHarita{ display: none;}
    
    .katIcons{ display: flex; align-items: center;  transition: 0.3s; visibility: hidden; position: fixed; top: 0; margin-top: 0; max-width: 100%; height: 100%; left: -100%; transform: translateX(0);}
    .katIcons ul{ list-style: none; padding: 0; margin: 0; margin-top: -60px; padding: 10px; }
    .katIcons ul li{ width: 50%; margin: 0}
    .katIcons ul li a{ border: 0; padding-right: 0;}
    .katIcons ul li img{ height: 36px;}
    .katIcons ul li h1{ font-size: 12px;}
    .katIcons.opened{ visibility: visible; left: 0;}

    .ikonlar h3{ display: none;}
    .ikonlar ul{ display: block;}
    .ikonlar ul li{ width: 100%; margin-right: 0; background: #fff; margin-bottom: 10px; border-radius: 20px; position: relative;}
    .ikonlar ul li::before{ font-size: 28px; left: 10px; top: 10px;}
    .form-gonder-button{ width: 100%;}
    #go-to-top{ bottom: 62px; right: 10px;}
    .haberler ul li{ width: 100%;}
    .tumFiltrele .tfSelect{ width: calc(50% - 10px); margin-bottom: 10px;}
    .tumFiltrele .filtreBtn{ width: calc(50% - 10px);}
    .galeri ul li{ width: 50%;}
    .haberDetay .img{ margin-bottom: 20px;}
    .mb-30{ margin-bottom: 10px;}
    .siralama .gorunum{ display: none;}

    /*.katIcons{ position: absolute; margin-top: -50px; max-width: 700px; width: 100%; left: 50%; transform: translateX(-50%); background: #df1a2b; z-index: 3;}
    .katIcons ul{ list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; flex-wrap: wrap;}
    .katIcons ul li{ width: 25%; padding: 15px;}
    .katIcons ul li a{ text-decoration: none; padding-right: 20px; text-align: center; color: #fff; display: block; border-right: 1px rgba(255,255,255,0.5) solid;}
    .katIcons ul li:last-child a{ border-right: 0;}
    .katIcons ul li img{ width: auto; height: 50px; display: inline-block; margin-bottom: 5px;}
    .katIcons ul li h1{ font-size: 14px; margin: 0;}*/

    .f-item .adres{ background-image: unset; padding-left: 0;}
    .f-item .tel{ background-image: unset; padding-left: 0;}
    .f-item .mail{ background-image: unset; padding-left: 0;}
    .footer-logo{ max-width: 300px; width: 100%; margin: auto; margin-top: -25px;}
    .footer{ padding-bottom: 0;}

    .sss .col-12::after{ display: none;}
    .sss .col-12::before{ display: none;}

    .urunKat ul li:nth-child(1){ width: calc(40% - 8px); margin-right: 15px; margin-bottom: 15px;}
    .urunKat ul li:nth-child(2){ width: calc(60% - 8px); margin-right: 0; margin-bottom: 15px;}
    .urunKat ul li:nth-child(3){ width: calc(50% - 8px); margin-right: 15px;}
    .urunKat ul li:nth-child(4){ width: calc(50% - 8px); margin-right: 0;}
}

@media(max-width: 768px)
{
    .referans-list ul li{ width: 100%; margin-right: 0 !important; margin-left: 0 !important;}
}

@media(max-width: 640px)
{
    .urun-detay .secenekler ul li{ width: calc(50% - 10px); margin-right: 10px; border-right: 1px #ccc solid; margin-bottom: 20px;}
    .urun-detay .secenekler ul li:nth-child(2n){ margin-right: 0; border-right: 0;}
}

@media(max-width: 500px)
{
    .urunListe ul li{ padding: 0 7px; margin-bottom: 15px;}
    .urunListe ul li .baslik{ font-size: 11px; height: 27px;}
    .urunListe ul li .aciklama{ font-size: 11px;}
    .urunListe ul li .inceleBtn{ font-size: 11px; padding: 6px 10px; padding-right: 36px;}

    .f-item ul li a{ font-size: 12px;}
    .f-item ul li{ font-size: 12px;}
    .footer-alt .copyright{ font-size: 12px;}
    .footer-alt .design{ font-size: 12px;}

    .mainNav ul li a{ font-size: 12px;}
    .mainNav ul ul li a{ font-size: 12px;}
}
@media(max-width: 400px)
{


    .sorular ul li .soru{ font-size: 14px;}
}
@media(max-width: 350px)
{

}