body{ width: 100%; height: 100%; padding: 0; margin: 0; font-family: 'Gotham Narrow', sans-serif; font-weight: 500; color: #111; background-color: #fff; overflow: overlay; overflow-x: hidden;}

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

::selection{ background: #015788; 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);}


/* HEAD */

.head{ width: 100%; background: #fff; padding-top: 10px; padding-bottom: 10px;}
.head .logo{ max-width: 210px; width: 210px; margin: 0; padding: 0;}
.head .logo a{ text-decoration: none; color: currentColor; display: block; width: 100%;}
.head .logo img{ width: 210px;}

.head .logo2{ max-width: 100px; width: 100px; margin: 0; padding: 0;}
.head .logo2 a{ text-decoration: none; color: currentColor; display: block; width: 100%;}
.head .logo2 img{ width: 100px;}

.head .basvuru{ max-width: 240px; width: 240px;}
.head .basvuru select{ display: block; width: 100%; padding: 8px; font-weight: 500; outline: none;}
.head .basvuru select option{ font-weight: 500;}
.head .basvuru a{ display: block; width: 100%; padding: 8px; margin-bottom: 5px; text-align: center; background: #009fe3; color: #fff; font-size: 14px; font-weight: 800; border: 0; outline: none;}
  .head .basvuru a:hover{ text-decoration:none; }

  /* TOP MENU */
  .top-menu { position: relative; width: 100%; z-index: 3; text-align: center; }
.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: #015788; padding: 10px; display: block; font-size: 14px; font-weight: 500; letter-spacing: 1px;}

.top-menu .sub-ul{ transition: 0.3s; text-align: left; position: absolute; z-index: 3; background: #fff; box-shadow: 0px 10px 30px rgba(0,0,0,0.2); width: 200px; left: 0; visibility: hidden; opacity: 0; margin-left: -15px;}
.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: 15px; font-weight: 500; padding: 0; margin: 0; padding: 7px; padding-left: 12px; padding-right: 12px;}
.top-menu .sub-ul li a:hover{ color: #00de87;}

/* SLIDER */

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

/* BANNER */

.banner { width: 100%; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
  .banner h1 { position: absolute; background: rgba(255, 255,255, .9); padding: 10px; font-weight: bold; color: #009fe3; font-style:italic; font-size:50px; line-height:60px; }
  .banner a { text-decoration: none; color: currentColor; display: block; width: 100%; }
.banner img{ width: 100%;}

/* PAGE */

.page{ margin-top: calc(2% + 30px); margin-bottom: calc(2% + 30px);}

/* HAKKIMIZDA */

.hakkimizda{ text-align: center; margin-bottom: calc(2% + 30px);}
.hakkimizda h1{ width: 100%; font-size: 20px; font-weight: 900; letter-spacing: 1px; color: #015788; margin-bottom: 20px;}
.hakkimizda p{ font-style: italic;}
.hakkimizda .detail-btn{ text-decoration: none; color: #015788; border-radius: 3px; border: 1px solid #015788; padding: 20px; padding-top: 5px; padding-bottom: 5px; display:inline-block; font-weight: 800;}

/* POPÜLER DESTİNASYONLAR */

.pop-dest{ text-align: center; margin-bottom: calc(2% + 30px);}
.pop-dest h1{ width: 100%; font-size: 20px; font-weight: 900; letter-spacing: 1px; color: #015788; margin-bottom: 20px;}

.pop-dest ul{ width: 100%; text-align: left; list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap;}
.pop-dest ul li a{ text-decoration: none; color: currentColor; display: block; width: 100%; overflow: hidden; position: relative;}
.pop-dest ul li img{ width: 100%; transition: 0.6s; object-fit: cover;}

.pop-dest ul li{ margin-bottom: 10px; overflow: hidden;}
.pop-dest ul li:nth-child(1){ width: calc(20% - 10px); margin-right: 5px; height: 20%;}
.pop-dest ul li:nth-child(2){ width: calc(20% - 10px); height: 20%; margin-left: 5px; margin-right: 5px;}
.pop-dest ul li:nth-child(3){ width: calc(40% - 10px); margin-left: 5px; margin-right: 5px;}
.pop-dest ul li:nth-child(4){ width: calc(20% - 5px); margin-left: 5px;}
.pop-dest ul li:nth-child(5){ width: calc(40% - 10px); margin-right: 5px; margin-top: -20%;}
.pop-dest ul li:nth-child(6){ width: calc(20% - 10px); margin-left: 5px; margin-right: 5px; height: 20%;}
.pop-dest ul li:nth-child(7){ width: calc(20% - 10px); margin-left: 5px; margin-right: 5px; height: 20%;}
.pop-dest ul li:nth-child(8){ width: calc(20% - 5px); margin-left: 5px; height: 20%;}



    .pop-dest ul li:hover img { transform: scale(1.1); }
.pop-dest ul li:hover .overlay{ visibility: visible; opacity: 1;}

.pop-dest ul li .overlay{ transition: 0.3s; visibility: hidden; opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5);}
.pop-dest ul li .overlay .content{ width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)}
.pop-dest ul li .overlay i{ color: #fff; font-size: 32px;}
.pop-dest ul li .overlay h2{ color: #fff; font-size: 18px;}

/* ÜLKE LİSTE */

.ulke-liste{ text-align: center; margin-bottom: calc(2% + 30px);}
.ulke-liste h1{ width: 100%; font-size: 20px; font-weight: 900; letter-spacing: 1px; color: #015788; margin-bottom: 20px;}

.ulke-liste ul{ width: 100%; text-align: left; list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap;}
.ulke-liste ul li a{ text-decoration: none; color: currentColor; display: block; width: 100%; overflow: hidden; position: relative;}
.ulke-liste ul li img{ width: 100%; transition: 0.6s; object-fit: cover;}

.ulke-liste ul li{ margin-bottom: 20px;}

.ulke-liste ul li:hover img{ transform: scale(1.1);}
.ulke-liste ul li:hover .overlay{ visibility: visible; opacity: 1;}

.ulke-liste ul li .overlay{ transition: 0.3s; visibility: hidden; opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5);}
.ulke-liste ul li .overlay .content{ width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)}
.ulke-liste ul li .overlay i{ color: #fff; font-size: 32px;}
.ulke-liste ul li .overlay h2{ color: #fff; font-size: 12px;}
.ulke-liste h3{ color: #111; font-size: 15px; font-weight: 800; margin-top: 10px;}

/* İKONLAR */

.ikonlar{ margin-bottom: calc(2% + 30px);}
.ikonlar ul{list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; max-width: 990px; width: 100%; margin: auto;}
.ikonlar ul li{ width: 25%; padding: 30px; border-right: 1px #ddd solid;}
.ikonlar ul li:last-child{ border-right: 0;}
.ikonlar ul li a{ text-decoration: none; color: #015788; font-size: 18px; font-weight: 900; display: flex; align-items: center;}
.ikonlar ul li img{ height: 60px; margin-right: 10px;}
.ikonlar ul li h1{ font-size: 18px; font-weight: 900;}

/* SIKÇA SORULAN SORULAR */

.sss{ text-align: center; padding-top: 30px; padding-bottom: 45px;}
.sss h1{ width: 100%; font-size: 20px; font-weight: 900; letter-spacing: 1px; color: #015788; margin-bottom: 20px;}

.sss .soru-cevap{ max-width: 700px; width: 100%; margin: auto; text-align: left; margin-bottom: 20px;}
.sss .soru-cevap a{ width: 100% !important; border: 1px #015788 solid; padding: 10px; border-radius: 5px;}
.sss .soru-cevap a.active{ color: #111;}

.sss .soru-cevap .accordion-btn-wrap{ width: 100% !important; text-align: right !important; padding-right: 30px;}

.sss .soru-cevap ul ul{ padding: 20px;}

.sss .soru-cevap .has-subnav{ margin-bottom: 10px; border: 0;}

.git{ text-decoration: none !important; color: #fff; background: #015788; padding: 10px; font-size: 13px;}
.git:hover{ color: #fff;}

/* VİZE LİSTE */

.vize-liste{ max-width: 1110px; width: 100%; margin: auto;}
.vize-liste a{ text-decoration: none; color: currentColor; display: block;}
.vize-liste img{ height: 100px; margin-bottom: 10px;}
.vize-liste h1{ font-size: 15px; font-weight: 800;}
.vize-liste h2{ font-size: 13px; color: #666; padding-left: 20px; position: relative;}
.vize-liste h2::before{content: ""; position: absolute; width: 22px; height: 22px; top: -3px; left: -3px;  background-image: url(../images/pin.png); background-repeat: no-repeat; background-position: center left; background-size: 22px 22px;}

/* HABER */

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

.haber .overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); padding: 20px;}
.haber .overlay .content{ width: calc(100% - 40px); color: #fff; position: absolute; bottom: 20px; left: 20px;}
.haber .overlay .content h2{ font-size: 18px; font-weight: 800; margin-bottom: 5px;}
.haber .overlay .content span{ font-size: 14px; display: block; margin-bottom: 8px; border-bottom: 1px solid #ff6d00; padding-bottom: 8px;}
.haber .overlay .content p{ font-size: 14px;}
.haber .overlay .content .detail-btn{ color: #fff; font-weight: 800;}

/* LOGOS */

.logos{ background: #ebebeb; margin-bottom: calc(4% + 30px);}
.logos img{ width: 108px;}
.logos a{ text-align: center; display: block; width: 100%; position: relative; height: 100%;}

/* BROŞÜR */

.brosur{ text-align: center; margin-bottom: calc(2% + 30px);}
.brosur .icon{ width: 108px; display: inline-block; margin: auto; margin-bottom: 15px;}
.brosur .icon img{ width: 100%;}
.brosur h1{ font-size: 24px; font-weight: 900; color: #3455aa;}
.brosur a.indir{ text-decoration: none; color: #111; font-weight: 500;}

.brosur .vid{ width: 100%;}
.brosur .vid img{ width: 100%;}

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

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

/* 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.3s;}
.media a:hover img{ transform: scale(1.1);}

/* REFERANS LIST */

.referans-list{}
.referans-list ul{ list-style: none; padding: 0; margin: 0;}
.referans-list ul li{ display: block; width: 100%;}
.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{ width: 50px; height: 50px; border-radius: 100%; position: absolute; z-index: 2; top: 50%; margin-top: -25px; margin-left: -25px; left: 50%; background: #ff6d00; color: #fff;text-align: center; font-size: 35px;}
.referans-list ul li .img img{ transition: 0.6s; width: 100%;}

.referans-list ul li .content{ text-align: center; max-width: 500px; margin: auto; background: #eee; position: relative; top: -65px; padding: 30px;}
.referans-list ul li .content .date{ position: relative; padding-right: 14px; margin-right: 10px; display: inline-block; font-weight: 900; color: #ff6d00;}
.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%;}

/* URUN LIST */

.urun-list{ margin-bottom: calc(2% + 30px);}
.urun-list a{ text-decoration: none; color: currentColor; display: block; width: 100%;}
.urun-list .img{ border: 1px #ccc solid; padding: 30px;}
.urun-list .img img{ width: 100%;}
.urun-list .content{ text-align: center; position: relative; top: -30px;}
.urun-list .content h1{ transition: 0.3s; display: inline-block !important; background: #3455aa; color: #fff; font-size: 32px; font-weight: 800; padding: 10px; padding-left: 20px; padding-right: 20px;}

.urun-list a:hover .content h1{ background: #ff6d00;}

/* URUN DETAY */

.urun-detay{ margin-bottom: calc(2% + 30px);}
.urun-detay h1{ font-size: 32px; font-weight: 800; margin-bottom: 20px;}

/* DİĞER URUNLER */

.diger-urunler h1{ font-size: 24px; font-weight: 800; margin-bottom: 20px; text-align: center;}
.diger-urunler a{ text-decoration: none; color: currentColor; display: block; width: 100%; border: 1px #aaa solid; position: relative;}
.diger-urunler img{ width: 100%;}

.diger-urunler .overlay{ transition: 0.3s; visibility: hidden; opacity: 0; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0;}
.diger-urunler a:hover .overlay{ visibility: visible; opacity: 1;}

.diger-urunler .overlay .content{ text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.diger-urunler .overlay .content h2{ font-size: 42px; font-weight: 900; color: #fff;}
.diger-urunler .overlay .content .detay-btn{ color: #fff; background: #ff6d00; padding: 10px; font-weight: 800; border-radius: 10px;}

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






















/* 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(../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(../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(../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(../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{}

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

/* BLOG ITEM */

.blog-item{ text-align: center; margin-bottom: 30px;}
.blog-item a{ text-decoration: none; color: currentColor; display: block; width: 100%;}
.blog-item .img{ width: 100%; margin-bottom: 10px; overflow: hidden;}
.blog-item .img img{ width: 100%; transition: 0.6s;}
.blog-item h1{ font-size: 17px; font-weight: 800;}
.blog-item p{ text-align: justify; font-size: 14px;}
.blog-item .gitBtn{ font-size: 13px; font-weight: 800; letter-spacing: 1px; display: block; width: 100%; text-align: center; border: 1px #015788 solid; color: #015788; padding: 5px;}
.blog-item .gitBtn i{ margin-left: 5px;}

.blog-item:hover img{ transform: scale(1.1);}

/* BLOG DETAY */

.blog-detay{}
.blog-detay .img{ max-width: 400px; width: 100%; margin-bottom: 20px; float: left; margin-right: 30px;}
.blog-detay .img img{ width: 100%;}
.blog-detay h1{ font-size: 20px; font-weight: 800;}
.blog-detay h2{ font-size: 15px; font-weight: 800; color: #999;}
.blog-detay p{ margin-bottom: 30px;}

/* 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{}
.detail-tab .tab{ width: 100%; text-align: center;}
.detail-tab ul.tabs{ margin: 0px; padding: 0px; list-style: none;}
.detail-tab ul.tabs .tab-link{ font-size: 13px; letter-spacing: 1px;}
.detail-tab ul.tabs li{ background: none; color: #222; display: inline-block; padding: 10px; cursor: pointer; font-weight: 800;}
.detail-tab ul.tabs li.tcurrent{ border-bottom: 3px red solid; color: #111;}
.detail-tab .tab-content{ display: none; background: #fff; padding: 30px; font-size: 15px; text-align: justify;}
.detail-tab .tab-content.tcurrent{ display: inherit; animation: fadeIn 1s; -webkit-animation: fadeIn 1s;}

/* CONTACT */

.map{ /*margin-bottom: 30px;*/ height:100%; }
  .map iframe { width: 100%; height: 100% !important; }

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

.contact-form{ margin-bottom: 30px;}
.contact-form h1{ font-size: 18px; font-weight: 800; margin-bottom: 20px; text-decoration: underline;}
.contact-form ul{ list-style: none; padding: 0; margin: 0;}
  .contact-form ul.yarim { width:50%; float:left; padding:0 20px; }
  .contact-form ul li { display: block; position: relative; margin-bottom: 20px; }
.contact-form ul li input{ transition: 0.3s ease all; width: 100%; font-size: 14px; font-weight: 500; padding: 10px; padding-left: 0; padding-right: 0; border: none; border-bottom: 1px #ddd solid; outline: none;}
  .contact-form ul li input[type=date]{ padding-left:105px;}
    .contact-form ul li .select2-container--default .select2-selection--single { border:none; border-bottom: 1px solid #ddd; }
    .contact-form ul li .select2-container .select2-selection--single { padding:6px 0; }

  .contact-form ul li label { color: #999; font-size: 14px; font-weight: 700; left: 0; top: 10px; position: absolute; transition: 0.3s ease all; -moz-transition: 0.3s ease all; -webkit-transition: 0.3s ease all; pointer-events: none; }
.contact-form ul li input:focus ~ label, .contact-form ul li input:valid ~ label{ top: -10px; font-size: 12px; color: #aaa;}
.contact-form ul li textarea{ transition: 0.3s ease all; width: 100%; height: 120px; font-size: 14px; font-weight: 700; padding: 10px; padding-left: 0; padding-right: 0; border: none; border-bottom: 1px #ddd solid; outline: none; display: block; width: 100%;}
.contact-form ul li textarea:focus ~ label, .contact-form ul li textarea:valid ~ label{ top: -10px; font-size: 12px; font-weight: 700; color: #aaa;}
.contact-form ul li input[type=submit]{ padding: 15px; font-size: 14px; letter-spacing: 1px; font-weight: 700; border: 0; cursor: pointer; background-image: linear-gradient(to right, #015788 0%, #015788 50%, #015788 100%); background-size: 200% auto; color: #fff; transition: 0.6s; border-radius: 4px;}
.contact-form ul li input[type=submit]:hover{ background-position: right center;}
.contact-form ul li .bar{ position: relative; display: block; width: 100%;}
.contact-form ul li .bar:before, .bar:after{ content: ''; height: 1px; width: 0; bottom: 0; position: absolute; background: #111; transition: 0.3s ease all; -moz-transition: 0.3s ease all; -webkit-transition: 0.3s ease all;}
.contact-form ul li .bar:before{ left: 50%;}
.contact-form ul li .bar:after{ right: 50%;}
.contact-form ul li input:focus ~ .bar:before, .contact-form ul li input:focus ~ .bar:after{ width: 50%;}
.contact-form ul li textarea:focus ~ .bar:before, .contact-form ul li textarea:focus ~ .bar:after{ width: 50%;}
.contact-form ul li .highlight{ position: absolute; height: 22px; width: 100px; top: 8px; left: 0; pointer-events: none; opacity: 0.5;}
.contact-form ul li input:focus ~ .highlight{ -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease;}
.contact-form ul li textarea:focus ~ .highlight{ -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease;}

/* BREADCRUMB */

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

/* PAGINATION */

.pagi{ width: 100%; text-align: center;}
.pagi a{ text-decoration: none; color: #111; padding: 5px; padding-left: 10px; padding-right: 10px;}
.pagi a.prev::before{ content: "<< geri";}
.pagi a.next::after{ content: "ileri >>";}
.pagi a.active{ background: #111; color: #fff;}

/* FOOTER */

.footer-logo{ max-width: 139px; width: 100%; margin: auto;}
.footer-logo a{ text-decoration: none; color: currentColor; display: block; width: 100%;}
.footer-logo img{ width: 100%;}

.footer{ max-width: 1110px; width: 100%; margin: auto; height: 100%; position: relative; z-index: 2; padding-top: calc(2% + 30px); padding-bottom: calc(2% + 30px); background: #015788;}

.footer-logo{ width: 160px; position: relative; z-index: 2; margin-bottom: 30px !important; margin: auto;}
.footer-logo a{ text-decoration: none; color: currentColor;}
.footer-logo a img{ width: 100%;}

.footer-social{ position: relative; z-index: 2; margin-top: 20px;}
.footer-social a{ text-decoration: none; color: currentColor; width: 32px; height: 32px; display: inline-block;}
.footer-social .facebook{ background-image: url("../images/social/facebook-w.png"); background-repeat: no-repeat; background-position: center; background-size: 20px 20px;}
.footer-social .twitter{ background-image: url("../images/social/twitter-w.png"); background-repeat: no-repeat; background-position: center; background-size: 20px 20px;}
.footer-social .instagram{ background-image: url("../images/social/instagram-w.png"); background-repeat: no-repeat; background-position: center; background-size: 20px 20px;}
.footer-social .pinterest{ background-image: url("../images/social/pinterest-w.png"); background-repeat: no-repeat; background-position: center; background-size: 20px 20px;}
.footer-social .whatsapp{ background-image: url("../images/social/whatsapp-w.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: 800; margin-bottom: 15px; color: #fff;}
.f-item ul{ list-style: none; padding: 0; margin: 0;}
.f-item ul li{ display: block; margin-bottom: 10px; font-size: 15px; color: #fff;}
.f-item ul li a{ width: 100%; display: inline-block; text-decoration: none; color: #fff; font-size: 15px;}
.f-item ul li a b{ font-size: 19px; font-weight: bold; color: #fff; font-weight: 900;}
.f-item ul li b{ font-size: 21px; font-weight: bold; color: #fff; font-weight: 900;}

.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: #fff; color: #111; border: 1px #111 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;}

.mobilBtn{ display: none;}

.maxw-100{ max-width: 100% !important;}

.mobil{ display: none;}

.ud-menu ul{ list-style: none;}
.ud-menu ul:first-child{ padding: 0;}

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

.lg{ max-width: 230px; width: 230px;}
.lg a{ text-decoration: none; color: currentColor; display: block; width: 100%;}
.lg img{ width: 210px;}
.txt{ font-size: 14px;}
.btn1{ max-width: 200px; width: 200px; text-align: center;}
.btn1 a{ background: #00de87; color: #fff; text-decoration: none; display: block; width: 100%; padding: 20px; width: 100%; font-size: 15px; font-weight: 900;}
.btn2{ max-width: 200px; width: 200px; text-align: center;}
.btn2 a{ color: #015788; text-decoration: none; border: 1px solid #015788; display: block; width: 100%; padding: 20px; width: 100%; font-size: 15px; font-weight: 900;}

@media(max-width: 991px)
{
    .slider{ margin-top: 0;}
    .banner{ margin-top: 0;}

    .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;}
    .lang{ display: block; text-align: center; max-width: 100%;}
    .logo{ max-width: 160px !important; width: 160px !important; position: relative; z-index: 4;}
    .logo img{ width: 160px !important;}
    .logo a{ padding-left: 10px;}

    .top-menu{ transition: 0.3s; visibility: hidden; position: fixed; max-width: 100%; width: 100%; height: 100vh; background: #fff; top: 0; left: -100%; z-index: 3; padding: 30px; padding-top: 90px; 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: calc(100% - 45px); display: inline-block;}

    .mobil{ text-align: right; display: block;}
    .mobilBtn{ display: inline-block !important; width: 40px; height: 40px; font-size: 27px; text-align: center; position: relative; border: 1px #ccc solid; z-index: 9;}

    .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: 9px; right: 9px;}
    .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;}
    .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;}

    .araKisim{ text-align: center;}
    .araKisim .col{ flex-basis: unset; max-width: 100%; width: 100%;}
    .araKisim .lg img{ display: inline-block;}
    .araKisim .lg{ margin-bottom: 20px;}
    .araKisim .txt{ margin-bottom: 20px;}
    .araKisim .btn1{ margin-bottom: 20px;}

    .ikonlar ul li{ width: 50%; border: 0; text-align: center;}
    .ikonlar ul li a{ display: block;}
    .ikonlar ul li img{ margin-right: 0; margin-bottom: 10px;}

    .logo2{ display: none;}
    .basvuru{ display: none;}
}

@media(max-width: 768px)
{
    .pop-dest ul li{ display: block; width: 100% !important; margin: 0 !important; margin-bottom: 10px !important;}
}

@media(max-width: 640px)
{
    
}

@media(max-width: 500px)
{

}

@media(max-width: 450px)
{

}

@media(max-width: 350px)
{

}



.saPopupWrapper { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0,0,0, .5); display: none; align-items: center; justify-content: center; }
.saPopupWrapper a.btnkapa { position: absolute; background: #009fe3; display: block; top: 0px; right: 0px; width: 40px; height: 40px; font-size: 26px; text-align: center; color: #fff; font-weight: bold; }
  .saPopupWrapper a.btnkapa:hover { text-decoration: none; }
.saPopup { max-width: 400px; width: 100%; height: 400px; text-align: center; background: #fff; padding: 70px 30px; border: 5px solid #00de87; position: relative; }
  .saPopup input { max-width: 302px; width: 100%; text-align: center; padding: 10px 5px; margin-bottom: 10px; border: solid 1px #ccc; outline: none; padding: 10px; }
  .saPopup h4 { font-size: 18px; font-weight: 800; text-align: center; margin-bottom: 20px; }
  .saPopup .g-recaptcha { margin-right: 0 !important; }
  .saPopup .btn { max-width: 302px; border-radius: 0; outline: none; margin-bottom: 10px; color: #009fe3; font-weight: 800; width: 100%; padding: 10px; border: 2px dashed #00de87; }
  .saPopup p { margin-bottom: 5px; }
  .saPopup #modalBaslik { color: red; }
  .saPopup #modalText { color: red; }