body{ width: 100%; height: 100%; padding: 0; margin: 0; font-family: 'Neo Sans TR', sans-serif; font-size: 14px; counter-reset: icon-count; font-weight: 400; color: #111; background-color: #fff; overflow: auto; overflow-x: hidden;}

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

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

/* TOP MENU */

.top-menu{ max-width: 1140px; width: 100%; margin: auto; display: flex; align-items: center; justify-content: space-between; position: relative; padding: 10px 0;}
.top-menu ul{ width: 100%; list-style: none; padding: 0; margin: 0;}
.top-menu ul.sv1{ width: 100%; list-style: none; padding: 0; margin: 0; display: flex; align-items: center;}
.top-menu ul.sv1:nth-child(1){ justify-content: flex-start;}
.top-menu ul.sv1:nth-child(3){ justify-content: flex-end;}
.top-menu ul li{ position: relative;}
.top-menu ul li a{ text-decoration: none; color: #111; display: block; padding: 40px 20px; font-size: 15px; letter-spacing: 2px;}

.top-menu .logo{ width: 100px; position: relative; z-index: 3;}
.top-menu .logo a{ text-decoration: none; color: currentColor; display: block;}
.top-menu .logo img{ width: 100px;}

.top-menu .sub-ul{ transition: 0.2s; text-align: left; position: absolute; z-index: 9; background: #2a97b2; box-shadow: 0px 10px 30px rgba(0,0,0,0.2); width: 200px; 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 rgba(255,255,255,0.2) solid; width: 100%; margin-left: 0; border-top: 0;}
.top-menu .sub-ul li:hover{}
.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: #fff; font-size: 14px; font-weight: 400; padding: 0; margin: 0; padding: 10px 20px; letter-spacing: 1px;}
.top-menu .sub-ul li a:hover{ color: #fff;}

/* SLIDER */

.slider{ width: 100%; position: relative; display: block;}
.slider .item{ width: 100%; position: relative;}
.slider .item a{ text-decoration: none; color: currentColor; display: block; outline: none; position: relative; width: 100%; /*height: calc(100vh - 123px);*/ overflow: hidden;}
.slider .item video{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%;}
.slider .item img{ width: 100%; height: 100vh; position: relative; object-fit: cover; object-position: 50% 100%;}
.slider .slick-dots{ bottom: 15px; display: none !important;}
.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;}
.slider .ppBtn{ text-align: center; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 40px; padding: 10px; background: rgba(0,0,0,0.5); cursor: pointer; color: #fff; position: absolute; right: 30px; bottom: 30px; z-index: 2;}

.mobiSlider{ width: 100%; position: relative; display: none;}
.mobiSlider .item{ width: 100%; position: relative;}
.mobiSlider .item a{ text-decoration: none; color: currentColor; display: block; outline: none; position: relative; width: 100%; height: calc(100vh - 63px); overflow: hidden;}
.mobiSlider .item video{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%;}
.mobiSlider .item img{ width: 100%; height: 100vh; position: relative; object-fit: cover; object-position: 50% 50%;}
.mobiSlider .slick-dots{ bottom: 15px; display: none !important;}
.mobiSlider .slick-dots li{ margin: 0;}
.mobiSlider .slick-dots li button:before{ font-size: 11px; color: #fff;}
.mobiSlider .slick-next{ display: none !important;}
.mobiSlider .slick-prev{ display: none !important;}
.mobiSlider .ppBtn{ text-align: center; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 29px; padding: 10px; background: rgba(0,0,0,0.5); cursor: pointer; color: #fff; position: absolute; right: 12px; bottom: 12px; z-index: 2;}



/* BANNER */

.banner{ width: 100%; position: relative; margin-bottom: calc(1% + 30px);}
.banner .img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.banner .img img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; object-position: 50% 50%;}
.banner .text{ max-width: 1140px; width: 100%; margin: auto; position: relative; padding: 90px 15px;}
.banner .text h2{ font-size: 32px; font-weight: 400; color: #fff; width: 100%;}
.banner .text h2 span{ font-weight: 500; display: block;}
.banner .text h2 b{ font-style: italic;}

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

.banner.light h2{ color: #111;}
.banner.light h2 span{ color: #2a97b2;}
.banner.light p{ font-size: 12px; color: #888; margin-bottom: 0; max-width: 500px; width: 100%;}

/* MID BANNER */

.mid-banner{ width: 100%; position: relative; margin-bottom: calc(1% + 30px);}
.mid-banner .img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.mid-banner .img img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; object-position: 50% 50%;}
.mid-banner .text{ max-width: 900px; width: 100%; margin: auto; text-align: center; position: relative; padding: 60px 0;}
.mid-banner .text h2{ font-size: 26px; font-weight: 400; color: #fff; max-width: 400px; width: 100%; margin: auto; margin-bottom: 30px; border: 1px #fff solid; padding: 20px;}
.mid-banner .text h2 b{ font-weight: 500;}
.mid-banner .text h2 span{ color: #70ecfe;}
.mid-banner .text p{ margin-bottom: 0; text-transform: uppercase; color: #ccc;}

/* CONTENT */

.content{ width: 100%; margin-bottom: calc(1% + 30px);}
.content h1{ font-size: 28px; margin-bottom: 20px;}
  .content h1 span, .content h1 strong{ color: #2a97b2; }

/* ICONS */

.icons{ width: 100%; margin-bottom: calc(1% + 30px);}
.icons h1{ font-size: 28px; max-width: 550px; margin: auto; margin-bottom: 20px; position: relative; padding: 0 48px;}
.icons h1::before{ content: ""; position: absolute; left: 0; top: 0; background: url(../images/quote-left.png) no-repeat center; background-size: 48px 31px; width: 48px; height: 31px;}
.icons h1::after{ content: ""; position: absolute; right: 0; bottom: 0; background: url(../images/quote-right.png) no-repeat center; background-size: 48px 31px; width: 48px; height: 31px;}
.icons h6{ font-size: 14px; font-weight: 400; color: #999; margin-bottom: calc(3% + 30px);}
.icons ul{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap;}
.icons ul li{ width: 25%; text-align: center; position: relative;}
.icons ul li::after{ content: ""; position: absolute; width: 50%; height: 7px; background: #fed800; right: -25%; top: 100px; z-index: 1;}
.icons ul li:last-child::after{ display: none;}
.icons ul li a{ text-decoration: none; color: currentColor; display: block;}
.icons ul li .title{ width: 200px; height: 200px; border: 15px #29a3c1 solid; background: #fff; border-radius: 100%; margin: auto; margin-bottom: 20px; padding: 10px; position: relative; z-index: 2;}
.icons ul li .title h3{ position: relative; font-weight: 600;}
.icons ul li .title h3::before{ counter-increment: icon-count; content: counter(icon-count); position: relative; display: block; font-size: 54px; font-weight: 700;}
.icons ul li p{ font-size: 13px; padding: 0 15px;}

/* SERVICES */

.services{ max-width: 1250px; width: 100%; margin: auto; padding: 0 30px; margin-bottom: calc(1% + 30px);}
.services ul{ list-style: none; padding: 0; margin: 0;}
.services ul li{ width: 100%; display: flex; justify-content: flex-start; margin-bottom: 30px;}
.services ul li:nth-child(odd){ justify-content: flex-start;}
.services ul li:nth-child(odd) a{ background: #fff;}
.services ul li:nth-child(odd) .img{ order: 1;}
.services ul li:nth-child(odd) .text{ order: 2;}
.services ul li:nth-child(even) .img{ order: 2;}
.services ul li:nth-child(even) .text{ order: 1; text-align: right;}
.services ul li:nth-child(even){ justify-content: flex-end;}
.services ul li:nth-child(even) a{ background: #fafafa;}
.services ul li a{ text-decoration: none; color: currentColor; display: flex; align-items: center; width: 60%;}
.services ul li .img{ width: 45%; margin-right: 50px;}
.services ul li .img img{ width: 100%; transform: scale(1.2);}
.services ul li .text{ width: 55%; padding: 30px;}
.services ul li .text h2{ font-size: 28px; margin-bottom: 20px;}
.services ul li .text p{ margin-bottom: 10px;}
.services ul li .text .detailBtn{ display: inline-block; color: #29a3c1; padding-right: 15px; font-weight: 500; background: url(../images/play.svg) no-repeat center right; background-size: 8px 8px;}

/* REFERENCES */

.references{ width: 100%; display: flex; flex-wrap: wrap; margin-bottom: calc(1% + 30px);}
.references .item{ width: 25%; padding: 10px;}
.references .item a{ text-decoration: none; color: currentColor; display: block; width: 100%;}
.references .item .img{ width: 100%; padding-bottom: 100%; position: relative; overflow: hidden;}
.references .item .img img{ transition: 0.4s; width: 100%; height: 100%; position: absolute; object-fit: cover; object-position: 50% 50%; z-index: 2;}

.references .item a:hover img{ transform: scale(1.1);}

/* CONTACT */

.contact-info{ width: 100%; margin-bottom: calc(2% + 30px);}
.contact-info h2{ font-size: 20px; margin-bottom: 20px;}
.contact-info ul{ list-style: none; padding: 0; margin: 0;}
.contact-info ul li{ width: 100%; margin-bottom: 10px;}
.contact-info ul li a{ text-decoration: none; color: currentColor;}
.contact-info ul li a b{ font-weight: 500; text-decoration: underline;}

.contact-form{ width: 100%; margin-bottom: calc(2% + 30px);}
.contact-form h2{ font-size: 20px; margin-bottom: 20px;}
.contact-form ul{ list-style: none; padding: 0; margin: 0;}
.contact-form ul li{ width: 100%; margin-bottom: 10px;}
.contact-form ul li label{}
.contact-form ul li input[type=text]{ width: 100%; border: 1px #ddd solid; outline: none; height: 40px; padding: 10px;}
.contact-form ul li textarea{ width: 100%; border: 1px #ddd solid; outline: none; height: 120px; padding: 10px;}
.contact-form ul li input[type=submit]{ width: 50%; outline: none; background: #2a97b2; color: #fff; border: 0; padding: 15px;}

/* 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;}

/* DETAY */

.detay{ margin-bottom: 30px;}
.detay .sol .img{ max-width: 300px; width: 100%; margin-bottom: 20px;}
.detay .sol .img img{ width: 100%;}
.detay .sol .bilgi{ margin-bottom: 20px;}
.detay .sol .bilgi h2{ font-size: 26px; font-weight: 600; letter-spacing: 2px;}
.detay .sol .bilgi p{ font-size: 16px;}
.detay .sol .not{ margin-bottom: 20px;}
.detay .sol .not h2{ font-size: 26px; font-weight: 600; letter-spacing: 2px;}
.detay .sol .not p{ font-size: 16px;}

.detay .sag{}
.detay .sag h2{ font-size: 26px; font-weight: 700; letter-spacing: 2px; margin-bottom: 15px;}
.detay .sag table{ width: 100%; font-size: 16px;}

/* VİTRİN */

.vitrin .urun{ padding: 0 20px;}
.vitrin .slick-dots{ display: none !important;}
.vitrin .slick-next{ right: 17px;}
.vitrin .slick-prev{ left: 0;}
.vitrin .slick-next:before{ color: #ccc; font-size: 40px;}
.vitrin .slick-prev:before{ color: #ccc; font-size: 40px;}

/* BANT */

.bant{ max-width: 1110px; width: 100%; height: 600px; margin: auto; display: flex; align-items: center;}
.bant .sol{ width: 60%; text-align: center; color: #fff; padding: 0 15px;}
.bant .sol h2{ font-family: 'Heaters', sans-serif; font-size: 84px; line-height: 0.8;}
.bant .sol p{ font-size: 16px; margin-bottom: 30px;}
.bant .sol a{ text-decoration: none; color: #fff; display: inline-block; background: #ea433d; padding: 15px 30px; letter-spacing: 2px;}

.bant2{ max-width: 800px; width: 100%; height: 550px; margin: auto; display: flex; align-items: center;}
.bant2 p{ text-align: center; color: #fff; font-size: 16px; position: relative; padding: 0 15px;}
.bant2 p:before{ content: ""; width: 19px; left: -20px; top: -20px; height: 39px; position: absolute; background-image: url(../images/quote-l.png); background-repeat: no-repeat; background-position: center; background-size: contain;}
.bant2 p:after{ content: ""; width: 19px; right: -20px; bottom: -20px; height: 39px; position: absolute; background-image: url(../images/quote-r.png); background-repeat: no-repeat; background-position: center; background-size: contain;}

/* FRANCHISE */

.franchise{ width: 100%; display: flex; align-items: flex-end;}
.franchise .sol{ width: 100%;}
.franchise .sol img{ width: 100%;}
.franchise .sag{ width: 100%; text-align: center; padding-left: 45px; padding-bottom: 40px;}
.franchise .sag h2{ display: inline-block; font-size: 44px; font-weight: 800; letter-spacing: 4px; color: #ea423d; margin-bottom: 10px; padding-left: 80px; padding-top: 25px; background-image: url(../images/franchise.png); background-repeat: no-repeat; background-position: bottom 7px left; background-size: 64px 64px;}
.franchise .sag p{ font-size: 16px;}
.franchise .sag .pins{ margin-bottom: 10px;}
.franchise .sag .pins a{ display: inline-block; text-decoration: none; color: #376eb1; padding: 15px;}
.franchise .sag .pins img{ margin-bottom: 10px; width: 42px;}
.franchise .sag .pins h3{ font-size: 22px; font-weight: 600; letter-spacing: 2px;}
.franchise .sag .gitBtn{ color: #ea423d; border: 1px #ea423d solid; text-decoration: none; display: inline-block; padding: 15px 30px; letter-spacing: 2px; font-weight: 500;}

/* İ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;}

/* HABER DETAY */

.haber{ margin-bottom: 30px;}
.haber a{ text-decoration: none; color: currentColor;}
.haber .img{ width: 100%; margin-bottom: 20px;}
.haber .img img{ width: 100%;}
.haber h2{ font-size: 18px; font-weight: 500;}
.haber p{}
.haber .button{ font-size: 15px; color: #ea433d; display: inline-flex;}
.haber .button span{ display: inline-block; margin-top: 1px; margin-left: 10px;}

/* HABER DETAY */

.haberDetay{ width: 100%; margin-bottom: 30px;}
.haberDetay .img{ max-width: 500px; width: 100%; margin-bottom: 20px; float: left; margin-right: 30px;}
.haberDetay .img img{ width: 100%;}
.haberDetay h1{ font-size: 24px; font-weight: 600; margin-bottom: 10px;}
.haberDetay p{ font-size: 16px;}

/* TAB */

.tab{ width: 100%;}
ul.tabs{ margin: 0px; padding: 0px; list-style: none;}
ul.tabs .tab-link{ font-size: 12px; text-transform: uppercase; letter-spacing: 1px;}
ul.tabs li{ background: none; color: #222; display: inline-block; padding-top: 10px; padding-bottom: 5px; margin-right: 20px; cursor: pointer;}
.tab-content img{ width: 100%; height: auto;}
ul.tabs li.tcurrent{background: none; color: #222;}
.tab-content{ display: none; background: none; padding-top: 15px; font-size: 15px; margin-top: -1px;}
.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; }
}

/* KURUMSAL TAB */

.kurumsalTab{ margin-bottom: calc(1% + 30px);}
.kurumsalTab ul.tabs{ text-align: center; margin-bottom: 45px;}
.kurumsalTab ul.tabs li.tcurrent{ color: #ea433d;}
.kurumsalTab ul.tabs .tab-link{ font-size: 16px; font-weight: 600;}
.kurumsalTab ul.tabs li{ margin: 0; padding: 0 45px; border-right: 1px #999 solid;}
.kurumsalTab ul.tabs li:last-child{ border-right: 0;}

.kurumsalTab .img{ width: 100%;}
.kurumsalTab .img img{ width: 100%;}
.kurumsalTab h2{ font-size: 44px; font-weight: 600; letter-spacing: 4px; color: #ea433d; line-height: 0.9;}
.kurumsalTab h2 span{  font-size: 74px; font-weight: 500; letter-spacing: 4px; display: block; padding-left: 20%; font-family: 'Heaters', sans-serif; color: #fdbd41;}
.kurumsalTab .kurumsalDetay{}
.kurumsalTab .kurumsalDetay ul{ list-style: none; padding: 0; margin: 0;}
.kurumsalTab .kurumsalDetay ul li{ display: flex; align-items: center; margin-bottom: 30px;}
.kurumsalTab .kurumsalDetay ul li img{ width: 65px; margin-right: 30px;}
.kurumsalTab .kurumsalDetay ul li p{ margin-bottom: 0;}

/* FOOTER */

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

.f-social{ position: relative; z-index: 2;}
.f-social h1{ font-size: 13px; font-weight: 500; margin-bottom: 20px; color: #111;}
.f-social ul{ list-style: none; padding: 0; margin: 0;}
.f-social ul li{ width: 100%; margin-bottom: 10px;}
.f-social a{ text-decoration: none; color: #27c0dd; display: inline-block; padding-left: 24px;}
.f-social .facebook{ background-image: url("../images/social/facebook2.png"); background-repeat: no-repeat; background-position: center left; background-size: 16px 16px;}
.f-social .twitter{ background-image: url("../images/social/twitter2.png"); background-repeat: no-repeat; background-position: center left; background-size: 16px 16px;}
.f-social .instagram{ background-image: url("../images/social/instagram2.png"); background-repeat: no-repeat; background-position: center left; background-size: 16px 16px;}
.f-social .pinterest{ background-image: url("../images/social/pinterest2.png"); background-repeat: no-repeat; background-position: center left; background-size: 16px 16px;}
.f-social .whatsapp{ background-image: url("../images/social/whatsapp2.png"); background-repeat: no-repeat; background-position: center left; background-size: 16px 16px;}

.f-item{ width: 100%; position: relative; z-index: 2;}
.f-item h1{ font-size: 13px; font-weight: 500; 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: 13px; color: #111;}
.f-item ul li a{ width: 100%; display: inline-block; text-decoration: none; color: #111; font-size: 13px;}
.f-item ul li a b{ font-size: 13px; font-weight: bold; color: #111; font-weight: 700;}
.f-item ul li b{ font-size: 13px; 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: 500; margin-bottom: 15px;}
.f-abone input[type=text]{ width: 100%; outline: none; border: 0; border-bottom: 1px #ccc solid; background: #fff; padding: 8px 0; margin-bottom: 20px;}
.f-abone input[type=submit]{ border: 1px #29a3c1 solid; font-size: 13px; background: #fff; 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: 13px;}
.footer-alt .design{ text-align: right; font-size: 13px;}
.footer-alt .design a{ text-decoration: none; color: #111; font-weight: 500; font-size: 13px;}

/* GO TO TOP */

#go-to-top{ display: inline-block; background-color: #fff; color: #2a97b2; border: 2px #2a97b2 solid; border-radius: 100%; 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; }

/* NELER YAPTIK TAB */

.ny-baslik{ width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-bottom: 30px;}
.ny-baslik a{ transition: 0.1s; text-decoration: none; color: currentColor; background: #eee; padding: 10px 20px; border-radius: 7px; margin: 0 5px; margin-bottom: 10px;}
.ny-baslik a.aktif{ color: #fff; background: #2a97b2;}
.ny-baslik a:hover{ color: #fff; background: #2a97b2;}

.ny-icerik{ width: 100%; display: flex; flex-wrap: wrap; margin-bottom: calc(1% + 30px);}
.ny-icerik .ny-item{ width: 100%;}
.ny-icerik .ny-item .ny-img{ width: 100%; display: flex; flex-wrap: wrap;}
.ny-icerik .ny-item .ny-img .item{ width: 25%; height: 100%; padding: 10px;}
.ny-icerik .ny-item .ny-img .item a{ text-decoration: none; color: currentColor; display: block; height: 100%;}
.ny-icerik .ny-item .ny-img .item .img{ width: 100%; padding-bottom: 66.666%; position: relative;}
.ny-icerik .ny-item .ny-img .item .img img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.ny-icerik .ny-item.gizle{ display: none;}


/* 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: 12px; top: 12px; display: none; background: rgba(0,0,0,0.5); 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; font-size: 14px;}
}

@media(max-width: 991px)
{
    .header{ background: #fff;}

    .top-menu .logo{ display: none;}

    .topBg{ height: 50px;}
    .mobiLogo{ display: block; width: 50px; position: relative; top: 5px; left: 50%; margin-left: -25px; z-index: 4; margin-bottom: 12px;}
    .mobiLogo img{ width: 50px;}

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

    .top-menu{ position: fixed; width: 100%; height: 100%; z-index: 5; background: #fff; display: none; padding-top: 90px; padding-bottom: 30px; overflow: auto; overflow-x: hidden;}
    .top-menu ul.sv1{ display: block; text-align: center;}
    .top-menu ul.sv1:nth-child(1){ padding-right: 0;}
    .top-menu ul.sv1:nth-child(3){ padding-left: 0;}
    .top-menu ul li{ width: 100%;}
    .top-menu ul li a{ padding: 10px;}

    .top-menu .sub-ul{ margin-left: 0; background: #fff; box-shadow: unset; text-align: center;}
    .top-menu .sub-ul.opened{ position: relative; width: 100%; opacity: 1; visibility: visible;}
    .top-menu .sub-ul.opened li a{ color: #111 !important;}
    .top-menu .plus{ position: absolute; right: 10px; top: 5px; color: #111; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;}

    .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;}

    .f-tel{ margin-bottom: 30px;}
    .f-tel a{ max-width: 240px; margin: auto; text-align: left;}

    .kats ul li{ width: calc(33.333% - 15px); margin-bottom: 30px;}

    .franchise{ display: block;}
    .franchise .sol{ max-width: 400px; margin: auto; margin-bottom: 20px;}
    .franchise .sag{ padding: 0; padding-bottom: 40px;}

    .haberDetay .img{ float: unset; max-width: 100%; width: 100%;}

    .bant2 p:before{ display: none;}
    .bant2 p:after{ display: none;}

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

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

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

    .icons ul li .title{ width: 150px; height: 150px;}
    .icons ul li .title h3{ font-size: 20px;}
    .icons ul li .title h3::before{ font-size: 32px;}
    .icons ul li::after{ top: 75px;}

    .services ul li a{ width: 100%;}

    .references .item{ width: 33.333%;}

    .ny-icerik .ny-item .ny-img .item{ width: 33.333%;}
    .ny-baslik a{ font-size: 12px; padding: 5px 10px;}
}

@media(max-width: 768px)
{
    .kats ul li{ width: calc(50% - 15px); margin-bottom: 30px;}
    .iletisim .harita iframe{ width: 100%; height: 400px;}

    .icons ul li{ width: 50%;}
    .icons ul li .title{ width: 150px; height: 150px;}
    .icons ul li .title h3{ font-size: 20px;}
    .icons ul li .title h3::before{ font-size: 32px;}
    .icons ul li::after{ top: 75px;}
    .icons ul li:nth-child(2)::after{ display: none;}
}

@media(max-width: 640px)
{
    .bant .sol{ width: 70%;}

    .services ul li a{ display: block;}
    .services ul li .img{ width: 100%; margin-right: 0;}
    .services ul li .text{ width: 100%;}
    .services ul li .img img{ transform: scale(1);}

    .references .item{ width: 50%;}
}

@media(max-width: 500px)
{
    .kats ul li{ width: 100%; margin-bottom: 30px;}
    .bant .sol{ width: 80%;}
    .iletisim .harita iframe{ width: 100%; height: 300px;}

    .ny-icerik .ny-item .ny-img .item{ width: 50%;}
}
@media(max-width: 450px)
{
    .bant .sol{ width: 90%;}
}
@media(max-width: 350px)
{
    .bant .sol{ width: 100%;}
}