body{ width: 100%; height: 100%; padding: 0; margin: 0; font-family: 'Futura PT', sans-serif; font-size: 14px; font-weight: 400; color: #111; background-color: #fff; overflow: auto; overflow-x: hidden; text-align:right;}

.loading{ position: fixed; width: 100%; height: 100vh; background: #fff; top: 0; left: 0; z-index: 9999999999999999;}

/*::selection{ background: #df1a2b; color: #fff;}*/

/* TOP */
.head { width: 100%; position: fixed; z-index: 1; background: #fff; box-shadow: 0 0px 10px #999; }

.head .top{ width: 100%; display: flex; align-items: center; padding: 10px 0;}
.head .top .logo{ width: 260px;}
.head .top .logo a{ text-decoration: none; color: currentColor; display: block;}
.head .top .logo img{ width: 260px;}
.head .top .sag{ width: 100%; display: flex; align-items: center; justify-content: flex-end;}
.head .top .sag .teklifBtn{ text-decoration: none; color: #fff; background: #e8373f; border: 1px #e8373f solid; display: inline-block; padding: 10px 20px; font-size: 15px; font-weight: 600; letter-spacing: 2px;}
.head .top .sag .lang{ outline: none; padding: 10px; margin-left: 10px; border: 1px #e8373f solid; color: #e8373f; font-size: 15px; font-weight: 600;}

/* TOP MENU */

.head .top-menu{ width: 100%; display: flex; align-items: center; position: relative;}
.head .top-menu ul{ width: 100%; list-style: none; padding: 0; margin: 0; justify-content: center; border-top: 1px #eee solid;}
.head .top-menu ul{ width: 100%; list-style: none; padding: 0; margin: 0; display: flex; align-items: center; direction:rtl;}
.head .top-menu ul li{ }
.head .top-menu ul li a{ text-decoration: none; color: #111; display: block; padding: 20px 30px; font-size: 15px; font-weight: 400; letter-spacing: 2px;}
.head .top-menu ul li a:hover{ color: #e8373f;}

.head .top-menu .sub-ul{ transition: 0.2s; text-align: right; position: absolute; z-index: 9; background: #ea433d; box-shadow: 0px 10px 30px rgba(0,0,0,0.2); width: 300px; display:block; visibility: hidden; opacity: 0; margin-left: -5px;}
.head .top-menu .sub-ul.hover{ visibility: visible; opacity: 1; margin-left: 0;}
.head .top-menu .sub-ul li{ border-bottom: 1px rgba(255,255,255,0.2) solid; width: 100%; margin-left: 0; border-top: 0;}
.head .top-menu .sub-ul li:hover{}
.head .top-menu .sub-ul li:last-child{ border-bottom: 0;}
.head .top-menu .sub-ul li a{ border-top: 0; width: 100%; text-decoration: none; color: #fff; font-size: 16px; font-weight: 400; padding: 0; margin: 0; padding: 10px 20px; letter-spacing: 1px;}
.head .top-menu .sub-ul li a:hover{ color: #fff;}

/* SLIDER */
.slayt{ padding-top:149px; }
.slider{ width: 100%;}
.slider .item{ width: 100%;}
.slider .item a{ text-decoration: none; color: currentColor; outline: none;}
.slider .item img{ width: 100%;}
.slider .slick-dots{ bottom: 15px;}
.slider .slick-dots li{ margin: 0;}
.slider .slick-dots li button:before{ font-size: 11px; color: #fff;}
.slider .slick-next{ display: none !important;}
.slider .slick-prev{ display: none !important;}

/* BANNER */

.banner { width: 100%; padding-top: 149px; }
.banner a{ text-decoration: none; color: currentColor; display: block; width: 100%;}
.banner img{ width: 100%;}

/* KADEME */

.kademe{ width: 100%; background: #eee; padding: 30px 0; padding-bottom: 0;}
.kademe h2{ text-align: center; font-size: 20px; font-weight: 600; color: #ea433d; margin-bottom: 30px;}
.kademe ul{ max-width: 1140px; list-style: none; padding: 0 15px; margin: 0; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-around;}
.kademe ul li{ position: relative; width: calc(25% - 30px); margin-bottom: 30px; text-align: center; background: #fff; border-radius: 20px; padding: 15px;}
  .kademe ul li a:hover{ text-decoration:none; }
  .kademe ul li .img { height: 80px; margin-bottom: 10px; }
.kademe ul li .img img{ height: 80px;}
.kademe ul li h2{ font-size: 18px; font-weight: 600; color: #ea433d;}
.kademe ul li p{ color:#111; }
.kademe ul li .num{ position: absolute; font-size: 72px; font-weight: 800; color: #ea433d; right: -10px; top: -35px;}

/* FİRMA HAKKINDA */

.hakkinda{ width: 100%; padding: 30px 15px; display:flex; align-items:center;}
.hakkinda .img{ width: 100%;}
.hakkinda .img img{ width: 100%;}

.hakkinda .icerik{ width: 100%; /*padding-left: 45px;*/}
.hakkinda .icerik h2{ font-size: 44px; font-weight: 800; letter-spacing: 2px; color: #e8373f; line-height: 0.8;}
.hakkinda .icerik h3{ font-size: 36px; font-weight: 300; letter-spacing: 2px; margin-bottom: 30px;}
.hakkinda .icerik p{ font-size: 15px;}
.hakkinda .icerik .detayBtn{ float: right; display: inline-flex; align-items: center; text-decoration: none; color: currentColor; border: 1px #333 solid; padding: 15px 20px; letter-spacing: 2px;}
.hakkinda .icerik .detayBtn span{ width: 8px; height: 9px; margin-right: 10px; background-image: url(../images/arrow-left-r.png); background-repeat: no-repeat; background-position: center; background-size: 8px 9px;}

/* ÜRÜNLER ANA */

.urunlerAna{ padding: 30px 0; padding-bottom: 10px;}
.urunlerAna ul{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.urunlerAna ul li{ width: 100%; margin-bottom: 20px;}
.urunlerAna ul li a{ text-decoration: none; color: currentColor; display: block;}
.urunlerAna ul li img{ width: 100%;}
.urunlerAna ul li:nth-child(4){ width: calc(50% - 10px);}
.urunlerAna ul li:nth-child(5){ width: calc(50% - 10px);}
.urunlerAna ul li:nth-child(6){ width: calc(50% - 10px);}
.urunlerAna ul li:nth-child(7){ width: calc(50% - 10px);}

/* BREADCRUMB */

.breadcrumb{ background: #fff; display: block; padding: 30px 0; margin-bottom: 0;}
.breadcrumb a{ text-decoration: none; color: currentColor; font-size: 15px; float:right; }
.breadcrumb span{ font-size: 15px; padding-left: 8px; padding-right: 8px; float:right;}
.breadcrumb a:last-child{}

/* ÜRÜN LİSTESİ */

.urun{ width: 100%; margin-bottom: 50px !important;}
.urun a{ position: relative; text-decoration: none; color: currentColor; display: block;}
.urun img{ width: 100%;}
.urun h2:nth-child(2){ position: absolute; left: 6%; bottom: -30px; letter-spacing: 1px !important; font-weight: 400 !important; color: #fff; background: #e8373f; display: inline-block; padding: 25px 50px; text-align: center;}
  .urun h2:last-child { position: absolute; right: 6%; bottom: -30px; letter-spacing: 1px !important; font-weight: 400 !important; color: #fff; background: #e8373f; display: inline-block; padding: 25px 50px; text-align: center; animation: anim 1.3s ease-in-out infinite; }

/* LİSTE */

.rList{}
.rList ul{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content:flex-end; }
.rList ul li{ width: calc(25% - 15px); margin-right: 20px; margin-bottom: 20px;}
.rList ul li:nth-child(4n){ margin-right: 0;}
.rList ul li a{ text-decoration: none; color: currentColor; text-align: center; display: block; overflow: hidden;}
.rList ul li .img{ width: 100%; overflow: hidden; margin-bottom: 10px;}
.rList ul li .img img{ width: 100%; transition: 0.3s;}
.rList ul li img:hover{ transform: scale(1.1); opacity: 0.8;}
.rList ul li h2{ font-size: 18px; font-weight: 500; letter-spacing: 2px;}

/* ÜRÜN DETAY */

.urunDetay{ width: 100%;}
.urunDetay .imgs{ width: 100%; margin-bottom: 40px;}
.urunDetay .imgs img{ width: 100%;}
.urunDetay .tab{ margin-bottom: 30px;}

.urunDetay .baslik{ width: 100%; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between;}
.urunDetay .baslik h1{ font-size: 36px; font-weight: 300; width: 100%; letter-spacing: 2px; display: flex; align-items: center; justify-content: space-between;}
.urunDetay .baslik h1 .teklifAl{ cursor: pointer; font-size: 16px; font-weight: 700; padding: 10px 20px; background: #ea433d; color: #fff; animation: anim 1.3s ease-in-out infinite;}
@keyframes anim{
    0%{box-shadow: 0 0 0 0 rgba(255, 0, 0, 1), 0 0 0 0 rgba(255, 0, 0, 1);}
    40%{box-shadow: 0 0 0 10px rgba(255, 0, 0, 0), 0 0 0 0 rgba(255, 0, 0, 1);}
    80%{box-shadow: 0 0 0 10px rgba(255, 0, 0, 0), 0 0 0 10px rgba(255, 0, 0, 0);}
    100%{box-shadow: 0 0 0 0 rgba(255, 0, 0, 0), 0 0 0 10px rgba(255, 0, 0, 0);}
}

.urunDetay .baslik a{ width: 165px; overflow: hidden; text-decoration: none; font-size: 18px; font-weight: 700; letter-spacing: 2px; color: #fff; background: #e8373f; padding: 10px 20px; padding-left: 50px; border-radius: 10px;}
.urunDetay .baslik a{ background-image: url(../images/teklif.png); background-repeat: no-repeat; background-position: left 10px bottom -10px; background-size: 35px 50px;}

.urunDetay .paket{ width: 100%;}
.urunDetay .paket ul{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.urunDetay .paket ul li{ width: calc(33.333% - 15px); padding: 15px;}
.urunDetay .paket ul li a{ text-decoration: none; color: currentColor; display: block; padding-bottom:19px; position:relative;}
.urunDetay .paket ul li .img{ width: 100%;}
.urunDetay .paket ul li .img img{ width: 100%;}

  .urunDetay .paket ul li a .icerik { width: calc(100% - 40px); height:38px; overflow:hidden; padding:0 20px; position:absolute; left:20px; bottom:0; z-index:0; background: rgba(102,102,102, .9); color: #fff; transition:all .5s; }
    .urunDetay .paket ul li a .icerik h2 { text-align: center; position: relative; font-size: 15px; margin:10px auto; font-weight: 700; }

  .urunDetay .paket ul li a:hover .icerik{ height: calc(100% - 19px); }


  /* TAB */
  .tab { width: 100%; }
ul.tabs{ margin: 0px; margin-bottom: 20px; padding: 0px; list-style: none; text-align: center;}
ul.tabs .tab-link{ font-size: 16px; letter-spacing: 1px;}
ul.tabs li{ background: none; color: #222; display: inline-block; padding: 5px 20px; cursor: pointer; border-right: 1px #999 solid;}
ul.tabs li:last-child{ border-right: 0;}
.tab-content img{ width: 100%; height: auto;}
ul.tabs li.tcurrent{background: none; color: #222; font-weight: 600;}
.tab-content{ display: none; background: #eee; padding: 30px; font-size: 15px;}
.tab-content.tcurrent{ display: inherit; animation: fadeIn 1s; -webkit-animation: fadeIn 1s;}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

/* TEKLİF FORM */

.teklifForm{ width: 100%;}
.teklifForm::after{ content: ""; display: block; clear: both;}
.teklifForm .genel{ border-bottom: 1px #ccc solid; padding-bottom: 10px;}
.teklifForm .genel ul{ width: 100%; list-style: none; padding: 0; margin: 0; display: flex; align-items: center; flex-wrap: wrap;}
.teklifForm .genel ul li{ width: 50%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding: 0 15px;}
.teklifForm .genel ul li label{ margin-bottom: 0; margin-right: 10px; font-size: 16px; font-weight: 500;}
.teklifForm .genel ul li input{ max-width: 420px; width: 100%; border: 0; outline: none; padding: 15px; border-radius: 10px; margin-left: 10px;}

.teklifForm .teknik{ border-bottom: 1px #ccc solid; padding-top: 30px; padding-bottom: 10px;}
.teklifForm .teknik ul{ width: 100%; list-style: none; padding: 0; margin: 0; display: flex; align-items: center; flex-wrap: wrap;}
.teklifForm .teknik ul li{ width: 33.333%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding: 0 15px;}
.teklifForm .teknik ul li label{ margin-bottom: 0; margin-right: 10px; font-size: 16px; font-weight: 500;}
.teklifForm .teknik ul li input{ max-width: 245px; width: 100%; border: 0; outline: none; padding: 15px; border-radius: 10px; margin-left: 10px;}
.teklifForm .teknik ul li b{ margin-left: 10px; font-weight: 500;}

.teklifForm .kabin{ width: 50%; padding-top: 30px; float: left;}
.teklifForm .kabin ul{ width: 100%; list-style: none; padding: 0; margin: 0; display: flex; align-items: center; flex-wrap: wrap;}
.teklifForm .kabin ul li{ width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding: 0 15px;}
.teklifForm .kabin ul li label{ margin-bottom: 0; margin-right: 10px; font-size: 16px; font-weight: 500;}
.teklifForm .kabin ul li input{ max-width: 420px; width: 100%; border: 0; outline: none; padding: 15px; border-radius: 10px; margin-left: 10px;}

.teklifForm .tahrik{ width: 50%; padding-top: 30px; float: left;}
.teklifForm .tahrik ul{ width: 100%; list-style: none; padding: 0; margin: 0; display: flex; align-items: center; flex-wrap: wrap;}
.teklifForm .tahrik ul li{ width: 100%; display: flex; align-items: center; margin-bottom: 20px; padding: 0 15px;}
.teklifForm .tahrik ul li label{ margin-bottom: 0; margin-right: 10px; font-size: 16px; font-weight: 500;}
.teklifForm .tahrik ul li input{ border: 0; outline: none; padding: 15px; border-radius: 10px; margin-left: 10px;}

.gonderBtn{ text-align: center; margin-top: 20px;}
.gonderBtn input{ outline: none; background: #e8373f; color: #fff; font-size: 15px; font-weight: 600; border: 0; padding: 15px 40px;}




/* KATS */

.kats{ width: 100%;}
.kats ul{ list-style: none; padding: 0; margin: 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.kats ul li{ width: calc(25% - 15px); margin-bottom: 30px;}
.kats ul li a{ text-decoration: none; color: currentColor; display: block;}
.kats ul li img{ width: 100%;}
.kats ul li h2{ text-align: center; font-size: 18px; font-weight: 600; letter-spacing: 2px;}
.kats ul li:nth-child(1) h2{ color: #ab35b0;}
.kats ul li:nth-child(2) h2{ color: #27519d;}
.kats ul li:nth-child(3) h2{ color: #ea433d;}
.kats ul li:nth-child(4) h2{ color: #27519d;}
.kats ul li:nth-child(5) h2{ color: #fa5f81;}
.kats ul li:nth-child(6) h2{ color: #53b997;}
.kats ul li:nth-child(7) h2{ color: #376cb0;}
.kats ul li:nth-child(8) h2{ color: #fdbd41;}
.kats ul li .icon{ width: 100px; height: 100px; margin: auto; margin-top: -50px; margin-bottom: 20px; position: relative; display: flex; align-items: center; justify-content: center; z-index: 2; border-radius: 100%; background: #999;}
.kats ul li:nth-child(1) .icon{ background: #ab35b0;}
.kats ul li:nth-child(2) .icon{ background: #27519d;}
.kats ul li:nth-child(3) .icon{ background: #ea433d;}
.kats ul li:nth-child(4) .icon{ background: #95fcfb;}
.kats ul li:nth-child(5) .icon{ background: #fa5f81;}
.kats ul li:nth-child(6) .icon{ background: #9ef7d9;}
.kats ul li:nth-child(7) .icon{ background: #376cb0;}
.kats ul li:nth-child(8) .icon{ background: #fdbd41;}
.kats ul li .icon img{ width: 64px;}

/* KAT LIST */

.katIkon{ position: relative; width: 100px; height: 100px; border-radius: 100%; margin: auto; background: #ea433d; display: flex; align-items: center; justify-content: center;}
.katIkon img{ width: 64px;}
.katIkon::before{ content: ""; width: 62px; height: 35px; left: -70px; position: absolute; background-image: url(../images/katLines.png); background-repeat: no-repeat; background-position: center; background-size: 62px 35px;}
.katIkon::after{ content: ""; width: 62px; height: 35px; right: -70px; position: absolute; background-image: url(../images/katLines.png); background-repeat: no-repeat; background-position: center; background-size: 62px 35px;}

.urun{ width: 100%; margin-bottom: 30px;}
.urun a{ text-decoration: none; color: currentColor; display: block; width: 100%; text-align: center; outline: none;}
.urun .img{ max-width: 300px; width: 100%; margin: auto; margin-bottom: 20px;}
.urun .img img{ width: 100%;}
.urun h2{ font-size: 20px; letter-spacing: 4px; font-weight: 600;}
.urun p{ font-size: 15px;}
.urun .button{ font-size: 15px; color: #ea433d; display: inline-flex; border-top: 1px #ccc solid; padding: 10px 30px;}
.urun .button span{ display: inline-block; margin-top: 1px; margin-left: 10px;}


/* İLETİŞİM */

.iletisim{ margin-bottom: 30px;}
.iletisim .harita{ width: 100%; margin-bottom: 30px;}
.iletisim .harita iframe{ width: 100%; height: 550px;}
.iletisim .info{ margin-bottom: 30px;}
.iletisim .info ul{ list-style: none; padding: 0; margin: 0;}
.iletisim .info ul li{ margin-bottom: 5px; font-size: 16px;}
.iletisim .info ul li a{ text-decoration: none; color: currentColor;}
.iletisim .info ul li b{}
.iletisim .info ul li span{}
.iletisim .form{}
.iletisim .form ul{ list-style: none; padding: 0; margin: 0;}
.iletisim .form ul li{ margin-bottom: 5px;}
.iletisim .form ul li .input{ font-size: 16px; width: 100%; outline: none; padding: 10px 0; border: 0; border-bottom: 1px #ddd solid;}
.iletisim .form ul li .textarea{ font-size: 16px; width: 100%; height: 150px; outline: none; padding: 10px 0; border: 0; border-bottom: 1px #ddd solid;}
.iletisim .form ul li .submit{ min-height: 68px; min-width: 200px; border: 0; outline: none; color: #fff; background: #376eb1; font-size: 15px; font-weight: 400; letter-spacing: 2px;}

/* FOOTER TOP */

.footer-top{ max-width: 700px; margin: auto; padding: 30px 15px; padding-bottom: 40px; text-align: center; display: none;}
.footer-top h2{ font-weight: 300; letter-spacing: 2px; margin-bottom: 15px;}
.footer-top h2 b{ font-weight: 800; color: #e8373f;}
.footer-top h2 span{ font-weight: 800;}
.footer-top .img{ width: 142px; margin: auto; margin-bottom: 15px;}
.footer-top .img img{ width: 100%;}
.footer-top p{}
.footer-top a{ text-decoration: none; color: #fff; background: #e8373f; display: inline-block; font-size: 32px; letter-spacing: 2px; padding: 5px 30px; padding-bottom: 3px;}

/* FOOTER */

.footer{ width: 100%; height: 100%; position: relative; z-index: 2; padding-top: calc(3% + 30px); padding-bottom: calc(3% + 20px); background: #eee;}

.footer-social{ position: relative; z-index: 2; margin-top: 20px;}
.footer-social a{ text-decoration: none; color: currentColor; width: 20px; height: 40px; margin-right: 10px; display: inline-block;}
.footer-social .facebook{ background-image: url("../images/social/facebook2.png"); background-repeat: no-repeat; background-position: center; background-size: 16px 16px;}
.footer-social .twitter{ background-image: url("../images/social/twitter2.png"); background-repeat: no-repeat; background-position: center; background-size: 16px 16px;}
.footer-social .instagram{ background-image: url("../images/social/instagram2.png"); background-repeat: no-repeat; background-position: center; background-size: 16px 16px;}
.footer-social .pinterest{ background-image: url("../images/social/pinterest2.png"); background-repeat: no-repeat; background-position: center; background-size: 16px 16px;}
.footer-social .whatsapp{ background-image: url("../images/social/whatsapp2.png"); background-repeat: no-repeat; background-position: center; background-size: 16px 16px;}
  .footer-social .linkedin { background-image: url("../images/social/linkedin2.png"); background-repeat: no-repeat; background-position: center; background-size: 16px 16px; }


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

.f-tel{ margin-top: 15px;}
.f-tel a{ text-decoration: none; color: currentColor; display: block; height: 40px; padding-left: 48px; background-image: url(../images/destek.png); background-repeat: no-repeat; background-position: left center; background-size: 40px 40px;}
.f-tel h2{ font-size: 14px; color: #ea433d; margin-bottom: 2px;}
.f-tel h3{ font-size: 21px; font-weight: 800; color: #376eb1; margin-bottom: 0;}

.f-abone{}
.f-abone h2{ font-size: 13px; font-weight: 700; margin-bottom: 15px;}
.f-abone input[type=text]{ width: 100%; outline: none; border: 0; border-bottom: 1px #222 solid; background: #eee; padding: 5px 0; margin-bottom: 20px;}
.f-abone input[type=submit]{ border: 1px #ea433d solid; background: #eee; padding: 10px 20px;}

/* 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: #ea433d; color: #fff; border: 1px #df1a2b solid; width: 50px; height: 50px; text-align: center; position: fixed; bottom: 15px; right: 15px; 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; display: flex; align-items:center; justify-content: center; }
#go-to-top:hover {}
#go-to-top:active {}
#go-to-top.show { opacity: 1; visibility: visible; }
#go-to-top i{ font-size: 24px; }

.whatsapp { width: 60px; height: 60px; position: fixed; right: 10px; bottom: 90px; background: url(../images/social/whatsapp-y.png) no-repeat center; background-size: contain; z-index: 6666; }

/* OTHERS */

.page{}
.h1{ text-align: center; font-size: 24px; font-weight: 800; letter-spacing: 4px; color: #ea433d; margin-bottom: 15px;}
.h2{ text-align: center; font-size: 32px; font-weight: 500; letter-spacing: 4px; color: #ea433d; margin-bottom: 15px;}
.h3{ text-align: center; font-size: 24px; font-weight: 500; letter-spacing: 4px; color: #ea433d; margin-bottom: 15px;}
.p{ font-size: 16px; max-width: 700px; width: 100%; margin: auto; text-align: center; margin-bottom: 30px;}
.bg1{ background-image: url(../images/bantBg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.bg2{ background-image: url(../images/bant2Bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}

/* MOBIL LOGO & BTN */

.mobiLogo{ display: none;}

.mobiBtn{ width: 40px; height: 40px; position: absolute; z-index: 5; right: 15px; display: none; background: #ea433d; color: #fff;}

@media(max-width: 1220px)
{
    .top-menu .logo{ width: 100px;}
    .top-menu .logo img{ width: 100px;}
    .top-menu ul.sv1:nth-child(1){ padding-right: 45px;}
    .top-menu ul.sv1:nth-child(3){ padding-left: 40px;}
    .top-menu ul li a{ padding: 20px 15px;}
}

@media(max-width: 991px)
{
    .head .top .sag{ padding-right: 50px;}

    .mobiBtn{ display: flex; align-items: center; justify-content: center; font-size: 28px;}

    .head .top-menu{}
    .head .top-menu{ display: none;}
    .head .top-menu ul{ display: block; padding: 10px 0; text-align: center;}
    .head .top-menu ul li a{ padding: 7px;}

  .slayt { padding-top: 85px; }
  .banner { padding-top: 85px; }

    .kademe ul li{ width: calc(50% - 30px);}

    .hakkinda{ display: block;}
    .hakkinda .img{ max-width: 400px; margin: auto; margin-bottom: 20px;}
    .hakkinda .icerik{ padding-left: 0;}

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

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

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

    .urunDetay ul.tabs{ width: 100%; margin: auto;}
    .urunDetay ul.tabs li{ width: 100%; border: 0; padding: 10px; background: #eee; margin-bottom: 5px;}
    .urunDetay ul.tabs li.tcurrent{ background: #ea433d; color: #fff;}
    .urunDetay .img{ max-width: 500px; width: 100%; margin: auto;}
    .urunDetay .tab-content{ padding: 15px;}

    .slider .slick-dots{ visibility: hidden;}

    .rList ul li{ width: calc(33.333% - 15px); margin-right: 20px; margin-bottom: 20px;}
    .rList ul li:nth-child(3n){ margin-right: 0;}
    .rList ul li:nth-child(4n){ margin-right: 20px;}

    .urun{ margin-bottom: 20px !important;}
    .urun h2{ position: relative; bottom: unset; left: unset; padding: 10px 20px; color: #111; background: none; font-size: 16px;}

    .urunDetay .baslik h1{ font-size: 26px;}
    .urunDetay .paket ul li{ width: calc(50% - 15px); padding: 5px; margin-bottom: 10px;}

    .teklifForm ul{ display: block !important;}
    .teklifForm ul li{ width: 100% !important; display: block !important; margin-bottom: 5px !important;}
    .teklifForm ul li label{ display: block;}
    .teklifForm ul li input[type=text]{ max-width: 100% !important; display: block; margin-left: 0 !important; margin-bottom: 10px;}
    .teklifForm ul li b{ display: none;}
    .teklifForm .tahrik ul li{ margin-bottom: 20px !important;}
    .teklifForm .tahrik ul li input{ display: inline-block; margin-left: 0;}
    .teklifForm .tahrik ul li span{ margin-right: 5px;}

    #go-to-top{ width: 40px; height: 40px; font-size: 28px;}
}

@media(max-width: 768px)
{
    .iletisim .harita iframe{ width: 100%; height: 400px;}

    .rList ul li{ width: calc(50% - 15px); margin-right: 20px; margin-bottom: 20px;}
    .rList ul li:nth-child(2n){ margin-right: 0;}
    .rList ul li:nth-child(3n){ margin-right: 20px;}

    .urunDetay .baslik{ display: block; text-align: center;}
    .urunDetay .baslik h1{ margin-bottom: 10px;}
    .urunDetay .baslik a{ display: block; margin: auto; margin-bottom: 20px;}
}

@media(max-width: 640px)
{
    .urunDetay .paket ul li{ width: 100%; padding: 5px; margin-bottom: 10px;}
}

@media(max-width: 500px)
{
    .head .top .logo img{ width: 150px;}
    .head .top .sag .teklifBtn{ padding: 5px 10px; font-size: 13px;}
    .head .top .sag .lang{ padding: 5px; font-size: 13px;}

  .slayt { padding-top: 99px; }
  .banner { padding-top: 99px; }


    .iletisim .harita iframe{ width: 100%; height: 300px;}

    .footer-top a{ font-size: 22px;}

    .head .top{ display: block;}
    .head .top .logo{ width: 150px; margin: auto; margin-bottom: 10px;}
    .head .top .sag{ padding-right: 0; display: block;}
    .mobiBtn{ margin-top: -5px;}
}
@media(max-width: 450px)
{
    .kademe ul li{ width: 100%;}

    .rList ul li{ width: 100%; margin-bottom: 20px;}
    .rList ul li:nth-child(n){ margin-right: 0;}
    .rList ul li:nth-child(2n){ margin-right: 0;}
    .rList ul li:nth-child(3n){ margin-right: 0;}
    .urunDetay .baslik h1 .teklifAl{ display: none;}
}
@media(max-width: 350px)
{

}