body {
  overflow: visible;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  position: relative;
  left: 35px;
  top: 265px;
  width: 929px;
  margin-top: 20px;
  margin-bottom: 10px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  font-family: Poppins, sans-serif;
  color: #202020;
  font-size: 56px;
  line-height: 44px;
  font-weight: 700;
  text-align: left;
  letter-spacing: -1px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

h6 {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 18px;
  font-family: Poppins, sans-serif;
  color: #bdbdbd;
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
}

p {
  width: 352px;
  margin-bottom: 36px;
  font-family: Poppins, sans-serif;
  color: #707070;
  font-size: 14px;
  line-height: 21px;
  font-weight: 300;
}

strong {
  font-weight: bold;
}

.nav-bar {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 11;
  display: block;
  width: 100%;
  height: auto;
  padding: 40px 21px 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px none #d3d3d3;
  background-color: transparent;
}

.logo {
  z-index: 2;
  margin: 0px;
  float: none;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.logo.w--current {
  position: relative;
  margin: 0px;
}

.menu-button {
  position: relative;
  top: 0px;
  display: block;
  width: 60px;
  height: 60px;
  padding: 0px;
  float: right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  border-radius: 100px;
  background-color: #f13f3f;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .49);
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 47px;
  font-weight: 300;
}

.menu-button.w--open {
  position: relative;
  top: auto;
  z-index: 2;
  float: right;
  background-color: #df3e44;
  color: #fff;
}

.banner-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -6px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.imaj {
  position: relative;
  left: -1px;
  right: 88px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 453px;
  margin-right: 165px;
  margin-left: 165px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #bdbdbd;
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: repeat;
}

.nav-drop-menu {
  position: fixed;
  left: 129px;
  top: 0px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 100vh;
  padding-top: 92px;
  padding-right: 15px;
  padding-left: 26px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-color: #3e3e3e;
  color: #fff;
}

.nav-drop-menu.menu-ana {
  position: fixed;
  left: 0px;
  right: -1px;
  display: block;
  overflow: visible;
  width: 100%;
  height: 100vh;
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 48px;
  padding-right: 0px;
  padding-left: 0px;
  float: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #0e0e0e;
  opacity: 1;
}

.burger {
  position: relative;
  z-index: 1;
  color: #fff;
  font-weight: 300;
}

.hzl-erisim {
  background-color: #3e3e3e;
}

.flex-wrapper {
  padding-right: 17px;
  padding-left: 17px;
}

.erisim-1 {
  position: relative;
  bottom: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 84%;
  padding-right: 11px;
  padding-left: 11px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.erisim-1.erisim-2 {
  position: relative;
  top: -12px;
  bottom: 11px;
}

.erisim-text {
  position: relative;
  top: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 15%;
  padding-bottom: 6px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  color: #d5d5d5;
}

.flex-ic-yatay {
  position: static;
  left: 113px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.button {
  position: absolute;
  left: 375px;
  top: 211px;
  margin-right: 5px;
  padding-right: 39px;
  padding-left: 39px;
  border-style: none;
  border-width: 1px 1px 5px;
  border-color: #b4b4b4 #b4b4b4 #f13f3f;
  border-radius: 2px;
  background-color: #d24944;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 5px;
}

.button.buton1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 161px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  letter-spacing: 0px;
}

.button.buton1.buton5 {
  padding-right: 0px;
  padding-left: 0px;
  border-style: none;
  background-color: #a0a0a0;
  color: #fff;
}

.button.buton1.buton-alt {
  padding-right: 0px;
  padding-left: 0px;
  border-style: none;
  background-color: #1092e5;
  color: #fff;
}

.button.buton2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 161px;
  padding-right: 19px;
  padding-left: 19px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #07c05e;
  font-size: 12px;
  letter-spacing: -1px;
}

.button.buton2.buton6 {
  padding-right: 0px;
  padding-left: 0px;
  border-style: none;
  background-color: #e87610;
  color: #fff;
}

.button.buton2.buton-alt2 {
  padding-right: 5px;
  padding-left: 5px;
  border-style: none;
  color: #fff;
}

.button.buton3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 161px;
  padding-right: 19px;
  padding-left: 19px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #042363;
  font-size: 12px;
  letter-spacing: -1px;
}

.button.buton3.buton7 {
  padding-right: 0px;
  padding-left: 0px;
  border-style: none;
  background-color: #0b3da1;
  color: #fff;
}

.button.buton3.buton-alt-3 {
  padding-right: 0px;
  padding-left: 0px;
  border-style: none;
  color: #fff;
}

.button.buton4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 161px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-style: none;
  background-color: #3b0404;
  color: #fff;
  font-size: 12px;
  letter-spacing: -1px;
}

.button.buton4.buton8 {
  padding-right: 1px;
  padding-left: 1px;
  border-style: none;
  background-color: #727272;
}

.button.buton-ana {
  position: relative;
  left: 18px;
  top: 132px;
  display: inline-block;
}

.button.buton-ana.buton-altt {
  left: -1px;
  top: 41px;
}

.button.buton-ana.buton-altt.buton-tab-ici {
  position: static;
  background-color: hsla(0, 0%, 100%, .57);
}

.button.buton-ana.buton-altt.buton-tab-ici.duyuru-buton {
  margin-top: 55px;
}

.button.buton-back {
  background-color: hsla(0, 0%, 91%, .86);
}

.button.buton-yeni {
  position: static;
}

.button.gonder {
  position: static;
}

.button.hb {
  top: 186px;
}

.button.eb {
  top: 157px;
}

.button.kb {
  top: 252px;
}

.button.sb {
  top: 246px;
}

.button.bb {
  top: 215px;
}

.section-simurg-nedir {
  position: relative;
  padding-top: 55px;
}

.sol-imaj {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 500px;
  background-image: url('../images/yanlar.png');
  background-position: 51% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.degerler-hero {
  position: relative;
  top: 0px;
  bottom: 104px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-bottom: 0px;
  padding-bottom: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-image: url('../images/deger-ana-2.png');
  background-position: 50% 100%;
  background-size: cover;
}

.degerler-hero.bilgi-giris {
  background-image: none;
}

.deger-hero {
  position: relative;
  left: auto;
  top: auto;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  height: auto;
  padding-bottom: 0px;
  float: right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.deger-hero.calisan {
  width: 100%;
}

.div-bos {
  width: 20%;
}

.div-bos.bilgi-sol {
  width: 40%;
}

.deger-hero-text-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.deger-text-h {
  width: 70%;
}

.deger-text-h.deger-alt-text {
  padding-top: 101px;
  padding-bottom: 101px;
}

.deger-hero-s {
  width: 30%;
}

.h-degerler {
  letter-spacing: 1px;
  text-shadow: none;
}

.h-degerler.siyah-text {
  color: #4d4d4d;
  font-size: 38px;
}

.h-degerler.siyah-text.h_h3 {
  font-size: 28px;
  letter-spacing: 0px;
}

.h-degerler.siyah-text.h_h3.h-beyaz {
  color: #fff;
}

.h-degerler.siyah-text.h_h3.h-beyaz.h-ortala {
  text-align: center;
}

.h-degerler.siyah-text.h_h3.h-beyaz.h-ortala.h-kalin {
  font-weight: 600;
}

.h-degerler.siyah-text.h_h3.ana-h-alt {
  display: block;
  width: 301px;
  color: #f13f3f;
  font-weight: 500;
}

.h-degerler.siyah-text.h_h3.ana-h-alt.h-beyazz {
  color: #fff;
}

.h-degerler.siyah-text.h_h3.ana-h-alt.baslik-birim {
  margin-top: 14px;
  margin-bottom: -2px;
}

.h-degerler.siyah-text.h_h3.kirmizi {
  color: #f13f3f;
  line-height: 36px;
}

.h-degerler.siyah-text.h_h3.kirmizi.etk-baslik {
  position: relative;
  bottom: 91px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.h-degerler.siyah-text.h_h3.kirmizi.iletiisim {
  margin-left: 38px;
}

.h-degerler.siyah-text.text-ortala {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.hero-image {
  width: 100%;
  height: 324px;
  margin-bottom: 24px;
  background-color: transparent;
  background-image: url('../images/degerler-hero.png');
  background-position: 0px 0px;
  background-size: cover;
}

.hero-image.bilgi-hero {
  position: relative;
  height: 420px;
  margin-bottom: 0px;
  background-image: url('../images/bilgi-hero.png');
  background-size: cover;
}

.section-deger-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: transparent;
  background-image: url('../images/deger-alt.png');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.p-mavi {
  color: #0df;
  font-size: 18px;
  line-height: 26px;
  font-weight: 300;
}

.p-mavi.p-beyaz {
  color: #fff;
  font-size: 14px;
  line-height: 38px;
}

.p-mavi.p-gri {
  color: #bebebe;
}

.p-mavi.p-gri.p-uzun {
  width: auto;
}

.p-mavi.p-gri.p-uzun.p-ince {
  color: #5e5e5e;
  font-size: 14px;
}

.p-mavi.p-gri.p-uzun.p-ince.p-atolye {
  display: inline-block;
  margin-right: 43px;
}

.p-mavi.p-gri.p-ana {
  position: relative;
  left: 19px;
  top: 129px;
  color: #5e5e5e;
}

.p-mavi.p-gri.pince {
  width: 236px;
  color: #535353;
  font-size: 14px;
  line-height: 22px;
}

.p-mavi.p-gri.p-ana-sag {
  position: relative;
  top: 25px;
  font-weight: 500;
}

.p-mavi.p-gri.p-ana-sag.p-tab-ici {
  margin-bottom: 68px;
  color: #505050;
}

.p-mavi.p-gri.p-kilavuz {
  text-align: center;
}

.p-mavi.p-gri.p-yedinci {
  position: relative;
  top: -32px;
  bottom: 59px;
  text-align: center;
}

.p-mavi.p-gri.p-simurg {
  width: 500px;
}

.p-mavi.p-gri.p-simurg.p-nedir {
  width: auto;
  line-height: 31px;
  text-align: center;
}

.p-mavi.p-gri.p-simurg.p-detay {
  position: relative;
  bottom: 77px;
}

.p-mavi.p-gri.p-simurg.p-detay.p-iletisim {
  position: static;
  width: auto;
  margin-left: 36px;
}

.section-deger-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.deger-3-sol {
  width: 60%;
  padding: 0px;
}

.deger-3-sag {
  width: 40%;
  background-color: #00c9ff;
}

.deger-3-imaj {
  height: 374px;
  margin-top: 52px;
  background-image: url('../images/deger-3.png');
  background-position: 100% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.div-3-ust {
  padding: 44px;
}

.section-contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 85px 132px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.ev {
  width: 50%;
}

.div-telefon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.cep {
  width: 50%;
  margin-left: 5px;
}

.form-wrapper {
  margin-top: 69px;
  font-family: Poppins, sans-serif;
}

.mesaj {
  margin-bottom: 41px;
}

.footer {
  position: relative;
  padding-left: 58px;
  border-top: 1px solid #b1b1b1;
  background-color: #fff;
}

.flex-container {
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.flex-container.footer-alt {
  padding-top: 11px;
  padding-bottom: 11px;
}

.eyup-logo {
  position: relative;
  display: block;
  float: right;
}

.footer-text {
  margin-bottom: 0px;
  font-size: 12px;
}

.panic {
  position: relative;
  right: 40px;
  float: right;
}

.cizgi {
  width: 20px;
  margin-top: 9px;
  margin-bottom: 5px;
  border: 1px solid #fff;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.cizgi.x1 {
  width: 49px;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cizgi-2 {
  position: absolute;
  left: 15px;
  top: 28px;
  right: 0px;
  z-index: 2;
  width: 30px;
  height: 4px;
  margin-top: 0px;
  margin-bottom: 0px;
  border-style: none;
  border-top-width: 2px;
  border-top-color: #fff;
  border-radius: 12px;
  background-color: #fff;
}

.cizgi-2.x2 {
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.cizgi-3 {
  width: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  border-top: 2px solid #fff;
}

.x {
  position: absolute;
  top: 38px;
  bottom: 34px;
  display: none;
}

.cizgiler {
  position: relative;
}

.nav-link {
  display: inline-block;
  margin-right: 74px;
  -webkit-transition: color 1067ms ease;
  transition: color 1067ms ease;
  color: #ddd;
  text-decoration: none;
}

.nav-link:hover {
  color: #707070;
}

.sosyal {
  position: relative;
  left: -130px;
  top: -19px;
  bottom: 55px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.sosyal.sosyal-alt {
  position: relative;
  left: auto;
  top: NaNpx;
  bottom: 27px;
  margin-top: 63px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.iconlar {
  position: relative;
  top: 4px;
  padding-right: 7px;
  padding-left: 7px;
}

.menu-textler {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 64px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.menu-textler.haberler-menu {
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.h2-menu {
  margin-top: 0px;
  margin-bottom: 13px;
  font-family: Poppins, sans-serif;
  color: #999;
}

.menu-cizgi {
  display: block;
  width: 35px;
  height: 0px;
  margin-bottom: 19px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-top: 1px solid #999;
}

.alt-linkler {
  margin-bottom: 18px;
}

.haber-iletism {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.tematik-hero {
  width: 100%;
  height: 371px;
  float: none;
  background-image: url('../images/tematik.png');
  background-position: 0px 0px;
  background-size: 100%;
  background-repeat: no-repeat;
}

.tematik-hero.calisan-hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/calisan.png');
  background-size: cover;
}

.tematik-hero.genc-akademi-hero {
  height: 400px;
  padding-top: 55px;
  background-image: url('../images/genc-akademi.png');
  background-size: cover;
}

.tematik-hero.kilavuz-akademi {
  background-image: url('../images/kılavuz_hero.png');
  background-size: cover;
}

.tematik-hero.yedinci-vadi-hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 600px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-image: url('../images/yedinci-vadi.png');
  background-position: 50% 0px;
  background-size: cover;
}

.tematik-hero.genclik-hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-image: url('../images/genclik.png');
  background-size: cover;
}

.tematik-hero.genel-bakis {
  height: 200px;
  margin-bottom: 98px;
  background-image: url('../images/ana-1.png');
  background-position: 58% 57%;
  background-size: cover;
}

.tematik-hero.genel-bakis.iletisim {
  background-image: url('../images/simurg.png');
  background-position: 88% 0%;
  background-size: auto;
}

.section-tematik-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.div-tematik-sol {
  width: 50%;
  padding: 46px;
}

.div-tematik-sol.bilgi-div {
  display: block;
  width: 100%;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.div-tematik-sol.ana-sol {
  padding-left: 160px;
}

.div-tematik-sol.ana-sol.ana_sol2 {
  padding-left: 287px;
}

.div-tematik-sol.genc-sag {
  height: 450px;
  background-image: url('../images/genc-sag.png');
  background-position: 0px 0px;
  background-size: cover;
}

.div-tematik-sol.kilavuz-sol {
  padding-top: 181px;
}

.div-tematik-sol.kilavuz-alt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff, #ececec);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #fff, #ececec);
}

.div-tematik-sol.yedinci-sol {
  width: 70%;
  background-image: url('../images/kitaplar.png');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.div-tematik-sol.yedinci-sag {
  width: 30%;
  height: 445px;
}

.div-tematik-sol.div-genclik {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.div-tematik-sol.div-genclik-sol {
  width: 70%;
}

.div-tematik-sol.div-genclik-sag {
  width: 30%;
  background-image: url('../images/genclik-alt.png');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.div-tematik-sol.div-atolye {
  width: 70%;
}

.div-tematik-sol.sol-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-right: 1px solid #f13f3f;
}

.div-tematik-sag {
  width: 50%;
  background-image: url('../images/tema1.png');
  background-position: 100% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.div-tematik-sag.tematik2 {
  background-image: url('../images/tematik2.png');
  background-size: cover;
}

.div-tematik-sag.tematik2.genc-sol {
  background-image: url('../images/genc-sol.png');
  background-size: cover;
}

.div-tematik-sag.tematik-3 {
  background-image: url('../images/tema-3.png');
  background-size: cover;
}

.div-tematik-sag.div-genclik-uc {
  width: 30%;
  background-image: url('../images/genc-uclu.png');
  background-position: 0px 0px;
  background-size: cover;
}

.div-tematik-sag.icerik {
  width: 80%;
  padding-left: 38px;
  background-image: none;
}

.div-tematik-sag.icerik.icerik-simurg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.div-tematik-sag.icerik.icerik-simurg.etk-smr {
  padding-bottom: 62px;
}

.div-cizgi {
  width: 35px;
  border-top: 1px solid dimgrey;
}

.div-cizgi.ana-cizgi {
  border-top-color: #f13f3f;
}

.div-cizgi.ana-cizgi.cizgi-beyaz {
  border-top-color: #fff;
}

.div-ust-tematik {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.div-ust-tematik.div-alt-tematik {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.div-yesil {
  position: relative;
  top: 116px;
  margin-right: 15px;
  padding-top: 19px;
  padding-bottom: 174px;
  padding-left: 11px;
  background-color: #00d760;
  opacity: 1;
}

.div-yesil.imaj-ust {
  width: 400px;
  margin-right: 186px;
  padding-bottom: 2px;
  padding-left: 38px;
  opacity: 0.85;
}

.p-beyaz {
  color: #dadada;
}

.p-beyaz.pp {
  margin-bottom: 0px;
}

.p-beyaz.pp.p-b {
  color: #333;
}

.pbeyaz {
  color: #fff;
}

.section-bilgi-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 44px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f7f7f7;
}

.bilgi-kolon-1 {
  width: 33.3%;
}

.bilgi-kolon-3 {
  width: 33.3%;
}

.bilgi-kolon-3.kolon3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.bilgi-kolon-3.toplumsal {
  margin-right: 31px;
}

.bilgi-kolon2 {
  width: 33.3%;
}

.bilgi-kolon2.klon2 {
  padding-top: 12px;
}

.bilgi-kolon2.div-toplum-foto {
  background-image: url('../images/foto-toplum.png');
  background-position: 50% 50%;
  background-size: cover;
}

.div-bilgi-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.section-bilgi-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/bilgi-back.png');
  background-position: 0px 0px;
  background-size: cover;
}

.section-bilgi-3.section-genclik {
  height: 400px;
  background-image: url('../images/mavi-foto.png');
  background-position: 50% 0px;
  background-size: auto;
}

.section-bilgi-3.nedir {
  width: 50%;
  padding-top: 44px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-image: url('../images/mavi-foto.png');
}

.section-bilgi-3.nedir.nedegildir {
  padding-top: 43px;
  padding-right: 39px;
  padding-left: 39px;
  float: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-image: url('../images/bilgi-back.png');
}

.section-bilgi-3.nedir.nedegildir.turuncu {
  background-image: url('../images/turuncu.png');
  background-position: 50% 50%;
  background-size: cover;
}

.section-bilgi-3.nedir.yesil {
  background-image: url('../images/pembe.png');
  background-size: cover;
}

.section-bilgi-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 44px;
  background-color: #00d760;
}

.bilgi-foto-1 {
  height: 50%;
  background-image: url('../images/bilgi-f1.png');
  background-position: 0px 0px;
  background-size: cover;
}

.bilgi-foto-2 {
  height: 50%;
  background-image: url('../images/bilgi-f-2.png');
  background-position: 0px 0px;
  background-size: cover;
}

.right {
  top: 450px;
  right: 1147px;
  bottom: 5px;
  float: none;
  color: #f13f3f;
}

.left {
  top: 443px;
  color: #f13f3f;
}

.hero1 {
  height: 100%;
  float: none;
  background-image: url('../images/anasayfa-1.png');
  background-position: 0px 0px;
  background-size: 549px;
  background-repeat: no-repeat;
}

.section-slider {
  height: 500px;
}

.slider {
  height: 500px;
  background-color: transparent;
}

.slide1 {
  background-image: url('../images/ana-1.png');
  background-position: 100% 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.h1-ana {
  position: relative;
  left: 18px;
  top: 130px;
  display: inline-block;
  color: #f13f3f;
  text-shadow: none;
}

.h1-ana.alt-fotolar-orta {
  top: 10px;
  font-size: 24px;
  text-align: center;
}

.ana-text {
  margin-left: 114px;
}

.ana-text.ana-back {
  width: 57%;
  height: 100%;
  margin-left: 0px;
  padding-bottom: 201px;
  padding-left: 80px;
  background-color: hsla(0, 0%, 100%, .86);
  opacity: 1;
}

.slide2 {
  background-image: url('../images/ana-2.png');
  background-position: 100% 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slider3 {
  background-image: url('../images/ana3.png');
  background-position: 0px 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  padding-top: 84px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f13f3f;
}

.tab-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 600px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/birimler.png');
  background-position: 100% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.tablar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tabs-content {
  width: 50%;
  height: 600px;
}

.tab-renk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: transparent;
  font-family: Poppins, sans-serif;
  color: #fff;
}

.tab-renk.w--current {
  background-color: #cc3030;
}

.ok {
  width: 24px;
  height: 19px;
  background-image: url('../images/tab-ok.png');
  background-position: 0px 0px;
  background-size: 9px;
  background-repeat: no-repeat;
}

.tab-orta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 85px 33px 112px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, .62);
  opacity: 1;
}

.tab-2 {
  top: auto;
  bottom: 600px;
  height: 600px;
  background-image: url('../images/example-bg.png');
  background-position: 0px 0px;
  background-size: 125px;
}

.tab-baslik {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 58px;
  margin-bottom: 24px;
  padding-left: 28px;
}

.baslik {
  position: relative;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
}

.alt-fotolar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/fotolar.png');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.duyuru-kismi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.duyuru {
  width: 50%;
  padding-top: 64px;
  padding-bottom: 45px;
  padding-left: 41px;
}

.duyuru.e-bulten {
  width: 100%;
  height: 50%;
  background-color: transparent;
  background-image: url('../images/e-bulten.png');
  background-position: 0px 0px;
  background-size: 399px;
}

.duyuru1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 28px;
  margin-bottom: 20px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-family: Poppins, sans-serif;
}

.duyuru1-kirmizi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  padding: 22px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f13f3f;
  font-family: Poppins, sans-serif;
  color: #fff;
  text-align: center;
}

.duyuru1-kirmizi.eski-haber {
  background-color: rgba(241, 63, 63, .7);
}

.bulten-kismi {
  width: 50%;
}

.text-block {
  width: 389px;
  font-family: Poppins, sans-serif;
  color: #fff;
}

.bulten-email {
  width: 293px;
  margin-right: 17px;
  background-color: transparent;
  font-family: Poppins, sans-serif;
}

.form-bulten {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 36px;
  float: left;
}

.mail-button {
  height: 39px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #fff;
  background-color: transparent;
}

.div-sosyal {
  height: 50%;
  padding-top: 45px;
  padding-left: 39px;
  background-color: #f13f3f;
}

.section-calisan-2 {
  height: 600px;
  padding-top: 74px;
  background-image: url('../images/calisan-2.png');
  background-position: 50% 50%;
  background-size: cover;
}

.section-calisan-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/calisan3.png');
  background-position: 0px 0px;
  background-size: cover;
}

.h3 {
  width: 500px;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 2px;
}

.h-mobil.kilavuz-h {
  font-weight: 500;
  letter-spacing: 3px;
}

.h-mobil.h-genclik {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-weight: 600;
  letter-spacing: 3px;
}

.span-h {
  font-size: 24px;
  font-weight: 300;
}

.div-genc-dikey {
  height: 33.3%;
  background-image: url('../images/example-bg.png');
  background-position: 0px 0px;
  background-size: 125px;
}

.menu-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 11px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-bottom: 1px none #f13f3f;
  font-family: Poppins, sans-serif;
  color: #636363;
  text-decoration: none;
}

.menu-link.active {
  border-right: 1px none #000;
  border-bottom-style: none;
  color: #f13f3f;
}

.menu-link.link-style {
  -webkit-transition: color 850ms ease;
  transition: color 850ms ease;
  color: #fff;
  font-size: 48px;
}

.menu-link.link-style:hover {
  color: #742727;
}

.menu-link.link-style.drop {
  margin-top: 50px;
  margin-bottom: 67px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.kirmizi-link {
  padding-right: 60px;
  float: left;
  font-family: Poppins, sans-serif;
  color: #f13f3f;
  text-decoration: underline;
}

.text-alani {
  width: 70%;
}

.text-alani.etkinlik-back {
  width: 100%;
  padding-bottom: 21px;
  padding-left: 39px;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/ana-2.png');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/ana-2.png');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.text-alani.etkinlik-back.etk-alt {
  margin-top: 107px;
}

.text-alani.etkinlik-back.etk-yuk {
  height: 300px;
}

.text-alani.etkinlik-back.haber {
  height: 300px;
}

.foto-alani {
  width: 30%;
  margin-right: 19px;
  background-image: url('../images/simurg1.png');
  background-position: 50% 28%;
  background-size: 264px;
  background-repeat: no-repeat;
}

.foto-alani.kus {
  background-image: url('../images/simurg-kanat.png');
  background-position: 50% 50%;
  background-size: 275px;
}

.foto-alani.kus.karar {
  background-image: url('../images/karar.png');
  background-size: 305px;
}

.foto-alani.ne {
  background-image: url('../images/ogretir.png');
  background-size: 282px;
}

.simurg-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 110px;
}

.simurg-wrapper.simurg-wrapper-ters {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.simurg-wrapper.haber-wrapper {
  margin-right: 13px;
  padding: 21px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #e9e9e9;
  border-radius: 7px;
}

.span-small {
  color: #fff;
  font-size: 13px;
  line-height: 0px;
}

.span-small.span-black {
  color: #636363;
}

.logolar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.iletisim-sol {
  width: 50%;
}

.iletisim-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.logo-icon {
  position: static;
  left: auto;
  top: auto;
  right: 17px;
  bottom: auto;
  width: 59px;
  height: 59px;
}

.section-hero {
  position: static;
  width: 100%;
  height: 100vh;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7));
}

.section-hero.second {
  background-image: url('../images/simurg2.jpg');
  background-position: 1px 0px;
  background-size: cover;
}

.section-hero.second.detail-sec {
  position: relative;
  top: 100vh;
}

.section-hero.second.third {
  background-image: url('../images/kbm.jpg');
  background-size: cover;
}

.section-hero.second.third.fourth {
  background-image: url('../images/ba.jpg');
  background-size: cover;
}

.section-hero.second.third.fourth.fifth {
  background-image: url('../images/ha_1.jpg');
  background-size: cover;
}

.section-hero.second.third.fourth.sixth {
  background-image: url('../images/eyup-sos.jpg');
  background-size: cover;
}

.section-hero.second.hostban {
  background-image: -webkit-linear-gradient(270deg, rgba(59, 36, 2, .5), rgba(59, 36, 2, .5)), url('../images/ht2.jpg');
  background-image: linear-gradient(180deg, rgba(59, 36, 2, .5), rgba(59, 36, 2, .5)), url('../images/ht2.jpg');
  background-position: 0px 0px, 1px 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.section-hero.how {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  padding-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: repeat;
}

.section-hero.how.sec-work {
  padding: 22px;
}

.section-hero.how.sec-work.sec-about {
  padding: 0px;
}

.section-hero.meet-us {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-top: 141px;
  padding-bottom: 104px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #222;
  background-image: none;
  text-align: center;
}

.section-hero.meet-us.image3 {
  height: 400px;
  background-image: url('../images/bilgi-back.png');
  background-position: 0px 0px;
  background-size: cover;
}

.section-hero.meet-us.image3.ba-c {
  height: 1000px;
  background-image: url('../images/bil1.jpg');
  background-position: 100% 0px;
  background-size: auto;
}

.section-hero.meet-us.image3.sim {
  height: 700px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #f13f3f;
  background-image: none;
}

.section-hero.meet-us.image3.sim.ha {
  height: 900px;
  padding-bottom: 0px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-color: #fff;
}

.section-hero.meet-us.image3.sim.ha.urun2ha {
  height: auto;
  padding-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section-hero.meet-us.image3.sim.ha.ht-sec {
  display: block;
  height: auto;
  padding-top: 59px;
  padding-bottom: 59px;
  background-color: #e9e9e9;
  background-image: -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff, #d8d8d8);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #fff, #d8d8d8);
}

.section-hero.meet-us.image3.kbm-hr {
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  background-image: none;
}

.section-hero.meet-us.image3.kbm-hr.kbm-lap2 {
  background-color: #e1f1fd;
  background-image: none;
}

.section-hero.meet-us.image3.kbm-hr.kbm-lap2.sergi {
  background-color: #c1ebdb;
}

.section-hero.meet-us.image3.kbm-hr.kbm-lap2.sergi.egitim {
  background-color: #f7d7f2;
}

.section-hero.meet-us.image3.kbm-hr.kbm-lap2.sergi.egitim.diger {
  background-color: #fff3d5;
}

.section-hero.meet-us.meet-hizmet {
  background-color: #fff;
}

.section-hero.meet-us.meet {
  background-color: #fff;
}

.section-hero.works {
  height: 76vh;
  background-image: url('../images/simurg2.jpg');
}

.section-hero.work-detail {
  position: fixed;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-image: url('../images/kbm.jpg');
  background-position: 0px 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-hero.work-detail.ba {
  background-image: url('../images/ba.jpg');
}

.section-hero.work-detail.simurg-ana {
  background-image: url('../images/simurg2.jpg');
}

.section-hero.work-detail.hersey {
  background-image: url('../images/ha_1.jpg');
}

.section-hero.work-detail.hersey.host {
  background-image: url('../images/ht2.jpg');
  background-size: cover;
}

.section-hero.work-detail.hersey.host.eysos {
  background-image: url('../images/eyup-sos.jpg');
  background-position: 0px 50%;
  background-size: cover;
}

.span-light {
  color: #cecece;
  font-size: 35px;
  line-height: 55px;
  font-weight: 100;
}

.span-light.how-span {
  color: #fff;
}

.span-light.light-small {
  color: #616161;
  font-size: 25px;
  line-height: 38px;
}

.span-light.light-small.social-icon {
  margin-right: 15px;
  margin-left: 15px;
  padding-right: 1px;
  -webkit-transition: color 867ms ease;
  transition: color 867ms ease;
  font-family: 'Fontawesome webfont', sans-serif;
}

.span-light.light-small.social-icon:hover {
  color: #c2c2c2;
}

.span-light.light-small.social-icon.icon-nav {
  margin-right: 18px;
  margin-left: 18px;
  color: #ccc;
  font-size: 14px;
}

.span-light.light-small.social-icon.icon-nav:hover {
  color: #797979;
}

.icon {
  position: relative;
  left: auto;
  top: auto;
  z-index: 3;
  padding: 6px 10px;
  border: 1px solid #acacac;
  border-radius: 229px;
  -webkit-transition: opacity 1517ms ease;
  transition: opacity 1517ms ease;
  font-family: 'Fontawesome webfont', sans-serif;
  color: #8f8f8f;
  font-size: 21px;
  text-decoration: none;
}

.icon:hover {
  background-color: #b4b4b4;
  color: #fff;
}

.icon.icon-how {
  font-size: 14px;
}

.icon.icon-how.icon-how-beyaz {
  border-color: #f8f8f8;
  color: #fcfcfc;
}

.icon-div {
  position: relative;
  left: 31px;
  top: 290px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 914px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.icon-div.icon-head {
  top: 423px;
}

.icon-div.how-icon {
  left: 0px;
  top: -1px;
  width: 200px;
  margin-top: 60px;
}

.icon-div.icon-fixed {
  position: static;
  margin-bottom: 34px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.icon-div.icon-fixed.mob {
  display: none;
}

.icon-div.ana-icon {
  position: relative;
  left: auto;
  top: 136px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.container-hero {
  display: block;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.container-hero.cont-hero {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  padding-top: 239px;
  padding-bottom: 53px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-works {
  position: static;
  left: 87px;
  top: 199px;
  margin-left: 21px;
  font-family: Poppins, sans-serif;
  color: #9b9b9b;
  font-size: 10px;
}

.text-works.view-beyaz {
  color: #e2e2e2;
}

.text-works.icon-alt {
  margin-top: 7px;
  margin-left: 0px;
}

.headline-wrapper {
  position: static;
  top: 0px;
  width: 623px;
  padding: 42px;
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 3px;
}

.span-head {
  font-size: 16px;
  line-height: 0px;
  font-weight: 300;
  letter-spacing: 0px;
}

.wrapper-head {
  position: relative;
  left: 34px;
  top: 277px;
  width: 895px;
}

.menu-link-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 61px;
  margin-bottom: 61px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-weight: 300;
  text-align: center;
}

.menu-link-wrapper.drop-wrapper {
  width: 80%;
}

.line {
  position: relative;
  display: block;
  width: 200px;
  height: 1px;
  margin: 41px auto;
  background-color: #fff;
  text-decoration: none;
}

.flex-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f0f0f0;
}

.flex-div.fullw {
  height: 500px;
  background-image: url('../images/Lwyfbu.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.flex-div.fullw.map {
  height: auto;
  background-image: none;
}

.flex-div.fullw.hix-back {
  background-image: url('../images/b1.jpg');
  background-size: cover;
}

.flex-div.fullw.hix-back.back-beyaz {
  background-image: url('../images/ban-bez.jpg');
  background-size: cover;
}

.flex-div.div-ha {
  border-bottom: 2px solid #f47d37;
  background-color: #fff;
}

.flex-div.div-ha.div-eyup {
  border-style: none;
}

.flex-div.div-teklif {
  display: block;
}

.flex-div.div-veyaz {
  background-color: #fff;
}

.sol-div {
  width: 50%;
  height: 400px;
  padding-top: 20px;
  padding-bottom: 104px;
  padding-left: 36px;
}

.sol-div.sag-div {
  padding-top: 250px;
}

.sol-div.sag {
  height: 669px;
  float: left;
  background-color: #df3e44;
  background-image: -webkit-linear-gradient(270deg, rgba(210, 73, 68, .79), rgba(210, 73, 68, .79)), url('../images/postthumb-3-600x400.png');
  background-image: linear-gradient(180deg, rgba(210, 73, 68, .79), rgba(210, 73, 68, .79)), url('../images/postthumb-3-600x400.png');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.sol-div.sag.image-2 {
  background-color: #fff;
  background-image: url('../images/calisan-2.png');
  background-position: 100% 50%;
  background-size: auto;
}

.sol-div.sag.image-2.ba-mob {
  background-image: url('../images/mobil.jpg');
  background-position: 50% 50%;
  background-size: 1000px;
}

.sol-div.sag.image-2.ba-c2 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  background-image: none;
}

.sol-div.sag.image-2.ba-c2.div-auto {
  height: auto;
}

.sol-div.sag.image-2.sim1.ha1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-bottom: 0px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  background-image: none;
}

.sol-div.sag.image-2.sim1.ha1.ht-sol {
  height: auto;
  padding-top: 0px;
  padding-left: 0px;
}

.sol-div.sag.image-2.sim1.ha1.ht-sol.eysos-div {
  padding: 45px;
  background-color: #4b9d29;
  background-image: -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff, #4b9d29 76%);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #fff, #4b9d29 76%);
}

.sol-div.sag.image-2.sim1.ha1.ht-sol.eysos-div.back-sil {
  display: block;
  background-color: transparent;
  background-image: none;
}

.sol-div.sag.image-2.sim2.s-ana {
  background-image: none;
}

.sol-div.sag.image-2.sim2.s-ana.sol-ha {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f57d38;
}

.sol-div.sag.image-2.sim2.s-ana.sol-ha.office {
  height: 400px;
  background-image: url('../images/office.jpg');
  background-position: 67% 100%;
  background-size: 794px;
  background-repeat: no-repeat;
}

.sol-div.sag.image-2.sim2.s-ana.sm {
  height: auto;
}

.sol-div.sag.image-2.kbm-lap {
  height: auto;
  background-color: #299f99;
  background-image: -webkit-radial-gradient(circle farthest-corner at 50% 50%, #fff, #30a29c);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #fff, #30a29c);
}

.sol-div.sag.image-2.kbm-iphone {
  background-image: none;
}

.sol-div._w-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 39px;
  padding-bottom: 0px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: #849cac;
  background-image: url('../images/simurg2.jpg');
  background-position: 0px 0px;
  background-size: 1706px;
  text-decoration: none;
}

.sol-div._w-1:hover {
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/simurg2.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/simurg2.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, 1706px;
}

.sol-div._w-1.ba-w {
  background-image: url('../images/ba.jpg');
  background-size: 1706px;
}

.sol-div._w-1.ba-w.ha-th {
  background-image: url('../images/ha.jpg');
  background-size: 1706px;
}

.sol-div._w-1.konya {
  background-image: url('../images/kbm.jpg');
  background-position: 100% 50%;
  background-size: 1706px;
}

.sol-div._w-1.konya.ht-back {
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/ht2.jpg'), url('../images/kbm.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/ht2.jpg'), url('../images/kbm.jpg');
  background-position: 0px 0px, 0px 0px, 100% 50%;
  background-size: auto, cover, 1706px;
}

.sol-div._w-1.konya.ht-back.ey-sos {
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/eyup-sos.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/eyup-sos.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.sol-div.image1 {
  background-color: #fff;
  background-image: url('../images/Screen-Shot-2016-11-11-at-14.46.02.png');
  background-position: 50% 50%;
  background-size: 218px;
  background-repeat: no-repeat;
}

.sol-div.image1.ba-logo {
  background-image: url('../images/logo.png');
  background-size: 300px;
}

.sol-div.image1.ba-logo.smm {
  height: auto;
}

.sol-div.image1.ba-m {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: none;
}

.sol-div.image1.sim-del {
  background-image: none;
}

.sol-div.image1.sim-del.sag-ha {
  height: auto;
  background-color: #f14d31;
}

.sol-div.image1.sim-del.sag-ha.office-sol {
  background-color: transparent;
  background-image: url('../images/ipad.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.sol-div.image1.sim-del.sm {
  height: auto;
}

.sol-div.image1.kbmlogo {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  background-image: url('../images/logo2.png');
  background-size: auto;
}

.sol-div.image1.kbm-iphne-2 {
  height: auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  background-image: none;
}

.sol-div.image1.hlogo {
  background-image: url('../images/1.png');
  background-size: auto;
}

.sol-div.image1.hlogo.ht-logo {
  height: auto;
  background-color: #ff810c;
  background-image: url('../images/logo-1.png');
  background-size: 157px;
}

.sol-div.image1.hlogo.ht-logo.eyup-sos {
  background-color: transparent;
  background-image: url('../images/logosos.png');
  background-position: 50% 50%;
  background-size: 100%;
}

.sol-div.image1.hlogo.ht-logo.eyup-sos.sil {
  padding: 45px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  background-image: none;
}

.sol-div.sol-hizmet {
  position: relative;
  overflow: scroll;
  height: auto;
  padding-bottom: 0px;
  float: left;
}

.sol-div.sol-hizmet.form-div {
  padding-right: 24px;
}

.sag-div {
  width: 50%;
}

.h1-flex {
  position: static;
  width: auto;
  color: #505050;
  font-size: 32px;
}

.h1-flex.h-beyaz {
  color: #f0f0f0;
}

.h1-flex.text-w {
  color: #f8f8f8;
}

.h-meet-us {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #dfdfdf;
  text-align: center;
}

.h-meet-us.adres {
  display: inline-block;
  margin-top: 61px;
  float: left;
  clear: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.h-meet-us.adres.social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-bottom: 0px;
}

.social-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 27px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.social-div.social-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  float: none;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.social-div.social-iletisim {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.works-ust {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 71vh;
  margin-left: 22px;
  padding-bottom: 55px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.works-ust.about-ust {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.works-ust.about-ust.beyaz-ban {
  margin-left: 0px;
  padding-left: 22px;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), url('../images/b2.jpg');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), url('../images/b2.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, 1440px;
}

.h-works {
  position: static;
  display: inline-block;
  width: auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  color: #df3e44;
  line-height: 61px;
}

.nav-social-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 35px;
  float: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.bilgi {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-top: 0px;
  padding-left: 22px;
  background-color: #252525;
}

.bilgi.bilgi-az {
  background-color: #fff;
}

.bilgi.bbb {
  padding-top: 72px;
}

.bilgi.bbb.marka {
  display: block;
  background-color: #fff;
}

.bilgi.contactback {
  background-color: #252525;
}

.bilgi.bilgi-map {
  padding-top: 65px;
}

.bilgi.bilgi2 {
  padding-top: 78px;
}

.sec-full {
  height: 100vh;
  padding-top: 129px;
}

.h-baslik {
  position: static;
  display: inline-block;
  width: auto;
  padding-top: 13px;
  padding-bottom: 13px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  color: #df3e44;
  font-size: 42px;
  line-height: 48px;
}

.h-baslik.alt-baslik {
  width: 449px;
  margin-bottom: 11px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  color: #929292;
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  text-align: center;
  letter-spacing: 0px;
}

.h-baslik.alt-baslik.all {
  width: auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  text-align: left;
}

.h-baslik.alt-baslik.all.ince-az {
  font-size: 14px;
  line-height: 22.8px;
  font-weight: 300;
}

.h-baslik.alt-baslik.hak {
  width: 543px;
}

.h-baslik.h-pre {
  margin-top: 0px;
  margin-bottom: 10px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  color: #fff;
  line-height: 0px;
}

.h-baslik.h-pre.pre-p {
  color: #e6e6e6;
  font-size: 19px;
  font-weight: 300;
}

.h-baslik.ince {
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
}

.h-baslik.ince.service {
  position: relative;
}

.h-baslik.ince.ser {
  position: relative;
  left: auto;
  top: auto;
  bottom: 35px;
  display: block;
  text-align: left;
}

.h-baslik.ince.ser.ort {
  text-align: center;
}

.h-baslik.habas {
  line-height: 50px;
}

.det-sol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  padding-top: 118px;
  padding-right: 43px;
  padding-bottom: 118px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.det-sol.tex-alan {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.det-sol.ss {
  padding-top: 0px;
}

.det-sol.ss.sols {
  display: block;
  width: 100%;
  padding-bottom: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.det-sol.ss.sags {
  width: 100%;
  margin-bottom: 44px;
  padding-bottom: 0px;
}

.det-sol.sols {
  width: 30%;
}

.det-sol.sags {
  width: 70%;
}

.related {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.pre {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 300px;
  padding-left: 22px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #df3e44;
  text-decoration: none;
}

.next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 27px;
  padding-bottom: 27px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  background-color: #df3e44;
  -webkit-transition: background-color 933ms ease;
  transition: background-color 933ms ease;
  text-decoration: none;
}

.next:hover {
  background-color: #a5a5a5;
}

.sol {
  width: 50%;
}

.t1 {
  width: 50%;
}

.t1.tt1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 33.3%;
  margin-top: 29px;
  margin-bottom: 29px;
  padding-right: 21px;
  padding-left: 21px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.t1.t1-aciklama {
  width: 100%;
}

.t1.ta {
  width: 100%;
}

.flex-t {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.t2 {
  width: 50%;
}

.t2.tt2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 33.3%;
  padding-right: 21px;
  padding-left: 21px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.t2.tt2.t222 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ppp {
  width: auto;
  margin-right: 52px;
}

.form {
  width: 100%;
  margin-top: 46px;
}

.box {
  border-style: none;
  background-color: #313131;
}

.p-t {
  width: auto;
}

.kk {
  color: #f13f3f;
}

.h-hero {
  line-height: 59px;
}

.h-hero.h-video {
  left: 0px;
  top: 238px;
  color: #f0f0f0;
  text-align: center;
}

.devam {
  color: #4d4d4d;
  text-decoration: none;
}

.cizgi1 {
  position: absolute;
  left: 28px;
  top: 15px;
  right: 0px;
  z-index: 2;
  width: 4px;
  height: 30px;
  border-radius: 12px;
  background-color: #fff;
}

.overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  width: 60px;
  height: 60px;
  border-radius: 100px;
  background-color: #464646;
  opacity: 0;
}

.cizgi1-1 {
  position: absolute;
  left: 28px;
  top: 15px;
  bottom: 15px;
  z-index: 2;
  display: none;
  width: 4px;
  height: 30px;
  border-radius: 12px;
  background-color: #fff;
}

.cizgi2-2 {
  position: absolute;
  left: 15px;
  top: 28px;
  bottom: 28px;
  z-index: 2;
  display: none;
  width: 30px;
  height: 4px;
  border-radius: 12px;
  background-color: #fff;
}

.hmenu {
  position: absolute;
  left: -67px;
  top: 11px;
  bottom: 0px;
  display: block;
  width: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #757575;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
}

.kapa {
  position: absolute;
  left: -66px;
  top: 10px;
  right: 0px;
  bottom: 0px;
  width: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  opacity: 0;
  color: #757575;
  font-size: 14px;
  font-weight: 300;
}

.inces {
  font-weight: 300;
}

.arrow-icon {
  position: absolute;
  top: 33px;
  right: 215px;
  bottom: 22px;
  color: #fff;
  font-size: 24px;
}

.drop-toggle {
  padding-top: 0px;
  padding-bottom: 0px;
}

.drop-list.w--open {
  display: block;
  width: auto;
  padding: 21px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  border: 1px solid #272727;
  border-radius: 6px;
  background-color: transparent;
}

.hizmet-link {
  margin: 18px 7px 9px;
  float: left;
  -webkit-transition: color 783ms ease;
  transition: color 783ms ease;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
}

.hizmet-link:hover {
  color: #f13f3f;
  font-weight: 300;
}

.div-orta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.form-teklif {
  position: relative;
  padding-right: 35px;
}

.field {
  height: 38px;
  border-radius: 3px;
}

.text-field {
  font-family: Poppins, sans-serif;
  font-weight: 300;
}

.text-field.grey {
  padding-top: 7px;
  padding-bottom: 7px;
  color: #838383;
  font-size: 13px;
  font-weight: 400;
}

.sec {
  display: block;
}

.sec.field {
  display: block;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #d3d3d3;
}

.drop-hizmet {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 37px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.icon-drop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 18px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f13f3f;
  color: #f5f5f5;
}

.drop-list-teklif.w--open {
  position: relative;
  top: 1px;
  margin-right: -1px;
  margin-bottom: 71px;
  margin-left: -1px;
  border: 1px solid #ccc;
  background-color: #fff;
}

.text-span-sm {
  font-size: 19px;
  line-height: 0px;
  letter-spacing: 0px;
}

.video {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100vh;
}

.aa {
  text-transform: none;
}

.pek {
  font-family: 'Open Sans', sans-serif;
  color: #a5a5a5;
}

.linkba {
  color: #bdbdbd;
  text-decoration: none;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.h_video {
  position: static;
  width: auto;
  color: #fff;
  line-height: 59px;
  text-align: center;
}

.h_video.h-ziyaret {
  color: #d5d5d5;
  line-height: 65px;
}

.h2-video {
  position: static;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.h2-alt {
  font-family: Poppins, sans-serif;
  color: #fff;
  letter-spacing: 0px;
}

.h2-alt.h-beyaz {
  font-family: Poppins, sans-serif;
  color: #fff;
}

.h2-alt.h2-siyah {
  color: #575757;
}

.sabah {
  color: #cfcfcf;
  font-size: 32px;
  line-height: 38px;
}

.panic-logo {
  width: 379px;
  height: 192px;
}

.h3-kirmizi {
  color: #f13f3f;
}

.h3-kirmizi.h3-gri {
  color: #6b6b6b;
}

.h2-kirmizi {
  font-family: Poppins, sans-serif;
  color: #f13f3f;
  font-weight: 400;
}

.h4-s {
  margin-right: 99px;
  margin-left: 99px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  color: #7a7a7a;
  font-size: 22px;
  line-height: 35px;
  text-align: center;
}

.h2-ileri {
  font-family: Poppins, sans-serif;
  color: #fff;
}

html.w-mod-js *[data-ix="new-interaction"] {
  opacity: 0;
  -webkit-transform: translate(0px, 28px);
  -ms-transform: translate(0px, 28px);
  transform: translate(0px, 28px);
}

html.w-mod-js *[data-ix="new-interaction-2"] {
  opacity: 0;
  -webkit-transform: translate(0px, -74px);
  -ms-transform: translate(0px, -74px);
  transform: translate(0px, -74px);
}

@media (max-width: 991px) {
  .logo {
    padding-top: 7px;
  }
  .menu-button {
    padding: 21px;
  }
  .nav-drop-menu {
    left: 95px;
    top: -1px;
    width: auto;
  }
  .nav-drop-menu.menu-ana {
    width: 98%;
    padding-left: 12px;
  }
  .button.buton1.buton-alt {
    padding-right: 10px;
    padding-left: 10px;
  }
  .button.buton3.buton-alt-3 {
    padding-right: 4px;
    padding-left: 4px;
  }
  .sol-imaj {
    background-image: url('../images/section3.png');
    background-position: 51% 50%;
    background-size: 779px;
    background-repeat: no-repeat;
  }
  .p-mavi.p-gri.pince {
    width: 297px;
  }
  .div-tematik-sol.ana-sol {
    padding-left: 103px;
  }
  .div-tematik-sol.ana-sol.ana_sol2 {
    padding-left: 137px;
  }
  .right {
    left: 151px;
    top: 203px;
  }
  .left {
    left: 103px;
    top: 194px;
  }
  .section-slider {
    height: 700px;
  }
  .slider {
    height: 700px;
  }
  .slide1 {
    background-position: 95% 0px;
    background-size: 1267px;
  }
  .ana-text.ana-back {
    width: 75%;
  }
  .duyuru-kismi {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .duyuru {
    width: 100%;
  }
  .bulten-kismi {
    width: 100%;
  }
  .arrow-icon {
    right: 89px;
  }
  .text-span-sm {
    display: inline-block;
    width: 669px;
    line-height: 23px;
  }
}

@media (max-width: 767px) {
  h1 {
    text-align: center;
  }
  h4 {
    text-align: center;
  }
  .nav-bar {
    display: block;
    width: 100%;
    padding-left: 0px;
  }
  .logo.w--current {
    z-index: 5;
  }
  .menu-button {
    padding: 21px;
  }
  .menu-button.w--open {
    z-index: 4;
  }
  .nav-drop-menu {
    left: auto;
    z-index: 3;
    width: 100%;
  }
  .nav-drop-menu.menu-ana {
    position: fixed;
    left: auto;
    width: 100%;
    height: auto;
    padding-top: 122px;
    padding-left: 0px;
  }
  .degerler-hero {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .deger-hero {
    width: 100%;
  }
  .deger-text-h {
    padding-right: 16px;
    padding-left: 16px;
  }
  .h-degerler.siyah-text.h_h3.h-beyaz {
    font-size: 18px;
    line-height: 38px;
  }
  .h-degerler.siyah-text.h_h3.h-beyaz.calisan-h {
    position: relative;
    right: 43px;
    padding-left: 0px;
  }
  .section-deger-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-position: 75% 50%;
  }
  .section-deger-3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .deger-3-sol {
    width: 100%;
  }
  .deger-3-sag {
    width: 100%;
  }
  .flex-container {
    padding-left: 19px;
  }
  .sosyal {
    left: auto;
  }
  .tematik-hero {
    position: relative;
    top: 87px;
    height: 299px;
  }
  .div-tematik-sol {
    width: 100%;
  }
  .div-tematik-sol.div-genclik {
    padding-left: 70px;
  }
  .div-ust-tematik {
    padding-top: 74px;
  }
  .section-bilgi-3 {
    padding-left: 32px;
  }
  .right {
    left: 155px;
    top: 8px;
  }
  .left {
    left: 101px;
    top: 0px;
  }
  .section-slider {
    height: 900px;
  }
  .slider {
    height: 900px;
  }
  .h-mobil {
    position: relative;
    right: 52px;
  }
  .h-mobil.h-genclik {
    text-align: left;
  }
  .section-hero.meet-us.image3.ba-c {
    background-position: 50% 50%;
    background-size: 1000px;
  }
  .bilgi {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .det-sol {
    width: 100%;
  }
  .h-hero {
    width: auto;
    text-align: left;
  }
  .arrow-icon {
    right: 30px;
  }
}

@media (max-width: 479px) {
  h1 {
    left: 0px;
    top: 76px;
    width: auto;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 37px;
    line-height: 36px;
    text-align: left;
  }
  h3 {
    margin-left: 19px;
  }
  p {
    width: 216px;
  }
  strong {
    font-size: 19px;
  }
  .nav-bar {
    position: static;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1000;
    display: block;
    overflow: visible;
    width: 100%;
    margin: 18px 0px 11px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: transparent;
  }
  .logo {
    left: 0px;
    right: 0px;
    z-index: 101;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .logo.w--current {
    margin-top: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-left: 0px;
    float: left;
  }
  .menu-button {
    right: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 18px 21px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .menu-button.w--open {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 101;
    display: block;
    margin-right: 15px;
    float: right;
    clear: right;
  }
  .nav-drop-menu {
    position: absolute;
    left: auto;
    top: 69px;
    z-index: 1;
    display: block;
    width: 100%;
    height: 500px;
    padding-left: 0px;
    float: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .nav-drop-menu.menu-ana {
    position: absolute;
    left: auto;
    top: -31px;
    right: -1px;
    bottom: 92px;
    z-index: 163;
    display: block;
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-left: 0px;
    padding-top: 76px;
    padding-right: 13px;
    padding-left: 13px;
    float: none;
  }
  .hzl-erisim {
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .flex-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .erisim-1 {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .erisim-text {
    width: 100%;
    margin-bottom: 16px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .flex-ic-yatay {
    left: auto;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .button {
    position: static;
    left: auto;
    top: 426px;
    right: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: center;
  }
  .button.buton1.buton5 {
    width: 100%;
    margin-top: 21px;
    margin-bottom: 8px;
    border-style: none;
    color: #fff;
  }
  .button.buton1.buton-alt {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
    border-style: none;
    background-color: #1092e5;
    color: #fff;
  }
  .button.buton2 {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .button.buton2.buton6 {
    border-style: none;
    color: #fff;
  }
  .button.buton2.buton-alt2 {
    border-style: none;
    background-color: #04ee72;
    color: #fff;
  }
  .button.buton3 {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .button.buton3.buton7 {
    border-style: none;
    color: #fff;
  }
  .button.buton3.buton-alt-3 {
    border-style: none;
    color: #fff;
  }
  .button.buton4 {
    width: 100%;
    margin-top: 6px;
    border-style: none;
    color: #fff;
  }
  .button.buton-ana {
    top: 15px;
  }
  .button.buton-yeni {
    position: static;
    top: auto;
    right: 54px;
    float: left;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .section-simurg-nedir {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sol-imaj {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-position: 100% 100%;
    background-size: 515px;
  }
  .degerler-hero {
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-position: 0px 50%;
  }
  .deger-hero {
    display: block;
    width: 100%;
  }
  .div-bos {
    display: none;
  }
  .div-bos.bilgi-sol {
    display: block;
  }
  .deger-hero-text-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .deger-text-h {
    padding-left: 19px;
  }
  .deger-text-h.deger-alt-text {
    width: 100%;
  }
  .h-degerler.siyah-text.h_h3 {
    text-align: left;
  }
  .h-degerler.siyah-text.h_h3.h-beyaz {
    font-size: 14px;
    line-height: 26px;
  }
  .h-degerler.siyah-text.h_h3.h-beyaz.buyut {
    font-size: 24px;
  }
  .h-degerler.siyah-text.h_h3.h-beyaz.calisan-h {
    right: 91px;
    font-size: 18px;
  }
  .h-degerler.siyah-text.h_h3.h-beyaz.calisan-h.h-fix {
    position: static;
  }
  .h-degerler.siyah-text.h_h3.h-indir {
    position: relative;
    margin-top: 96px;
  }
  .h-degerler.hort {
    text-align: left;
  }
  .p-mavi {
    width: auto;
  }
  .p-mavi.p-gri.p-ana {
    left: 15px;
    top: 32px;
    width: 100%;
    padding-right: 33px;
  }
  .p-mavi.p-gri.kilavuz-p {
    position: relative;
    top: -91px;
  }
  .p-mavi.p-gri.p-yedinci {
    top: -119px;
    padding-left: 14px;
    text-align: left;
  }
  .p-mavi.p-gri.p-simurg {
    width: auto;
  }
  .p-mavi.p-gri.p-simurg.p-nedir {
    font-size: 15px;
  }
  .section-deger-3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .deger-3-sol {
    width: 100%;
  }
  .deger-3-sag {
    width: 100%;
  }
  .deger-3-imaj {
    float: none;
  }
  .section-contact {
    padding-top: 0px;
    padding-right: 31px;
    padding-left: 31px;
  }
  .section-contact.ybilgi {
    position: relative;
    bottom: 66px;
  }
  .section-contact.cbilgi {
    position: relative;
    bottom: 63px;
  }
  .section-contact.tbilgi {
    position: relative;
    bottom: 64px;
  }
  .flex-container {
    padding-left: 19px;
  }
  .nav-link {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .sosyal {
    position: relative;
    left: auto;
    top: auto;
    right: 7px;
    bottom: NaNpx;
    float: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .menu-textler {
    margin-top: 54px;
    padding-left: 34px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .menu-textler.haberler-menu {
    width: auto;
    margin-bottom: 0px;
  }
  .h2-menu {
    position: relative;
    left: 56px;
  }
  .menu-cizgi {
    position: relative;
    left: 60px;
  }
  .alt-linkler {
    position: relative;
    left: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .haber-iletism {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .div-menu-text {
    position: relative;
    left: 61px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .logoo {
    position: relative;
    bottom: 12px;
  }
  .tematik-hero {
    top: -1px;
    height: 118px;
  }
  .tematik-hero.calisan-hero {
    top: 0px;
    height: 200px;
  }
  .tematik-hero.genc-akademi-hero {
    background-position: 0px 0px;
  }
  .tematik-hero.kilavuz-akademi {
    height: 236px;
  }
  .tematik-hero.yedinci-vadi-hero {
    background-position: 41% 0px;
    background-size: 729px;
  }
  .tematik-hero.genel-bakis.iletisim {
    background-position: -197px 0px;
  }
  .section-tematik-2 {
    position: relative;
    top: -145px;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .section-tematik-2.hak {
    height: 2276px;
  }
  .div-tematik-sol {
    display: block;
    width: 100%;
    padding-top: 0px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .div-tematik-sol.ana-sol {
    padding-bottom: 0px;
    padding-left: 10px;
  }
  .div-tematik-sol.ana-sol.ana_sol2 {
    padding-left: 10px;
  }
  .div-tematik-sol.kilavuz-alt {
    padding-top: 49px;
  }
  .div-tematik-sol.yedinci-sol {
    width: 100%;
    height: 191px;
  }
  .div-tematik-sol.yedinci-sag {
    width: 100%;
    height: 200px;
  }
  .div-tematik-sol.div-genclik-sol {
    width: 100%;
    margin-top: 104px;
  }
  .div-tematik-sol.div-genclik-sag {
    width: 100%;
    height: 300px;
  }
  .div-tematik-sol.div-atolye {
    width: 100%;
    padding-top: 33px;
  }
  .div-tematik-sol.sol-menu {
    width: 100%;
  }
  .div-tematik-sag {
    position: relative;
    top: -1px;
    width: 100%;
    height: 200px;
  }
  .div-tematik-sag.tematik2.genc-sol {
    height: 450px;
  }
  .div-tematik-sag.div-genclik-uc {
    width: 100%;
    height: 700px;
  }
  .div-tematik-sag.icerik.icerik-simurg {
    width: 100%;
    height: 2350px;
    padding-left: 10px;
  }
  .div-tematik-sag.icerik.icerik-simurg.etk-smr.etk-mob {
    height: auto;
  }
  .div-ust-tematik {
    position: relative;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .div-ust-tematik.div-alt-tematik {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .div-yesil {
    top: 0px;
    width: 200px;
    padding-bottom: 33px;
  }
  .div-yesil.imaj-ust {
    width: auto;
    margin-right: 0px;
    padding-left: 10px;
  }
  .section-bilgi-2 {
    padding-left: 10px;
  }
  .bilgi-kolon-1 {
    width: 100%;
  }
  .bilgi-kolon-3 {
    width: 100%;
  }
  .bilgi-kolon2 {
    width: 100%;
  }
  .div-bilgi-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .h3-mobil {
    margin-left: 1px;
  }
  .section-bilgi-3 {
    padding-right: 18px;
    padding-left: 18px;
  }
  .section-bilgi-3.nedir {
    width: 100%;
    padding-top: 62px;
  }
  .section-bilgi-3.nedir.nedegildir {
    width: 100%;
    height: auto;
  }
  .section-bilgi-4 {
    padding-right: 35px;
    padding-bottom: 36px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .bilgi-foto-1 {
    display: block;
    width: 100%;
    height: 400px;
    background-position: 50% 50%;
  }
  .bilgi-foto-2 {
    width: 100%;
    height: 400px;
  }
  .right {
    left: 47px;
    top: 361px;
    right: 650px;
    bottom: 257px;
  }
  .left {
    left: 3px;
    top: 99px;
  }
  .section-slider {
    height: 700px;
  }
  .slider {
    height: 700px;
  }
  .slide1 {
    background-position: 100% 100%;
    background-size: cover;
  }
  .h1-ana {
    left: 16px;
    top: 22px;
  }
  .h1-ana.alt-fotolar-orta {
    font-size: 18px;
    line-height: 40px;
  }
  .ana-text {
    margin-left: 0px;
    padding-top: 3px;
    padding-right: 12px;
    padding-left: 12px;
  }
  .ana-text.ana-back {
    width: 100%;
    padding-left: 4px;
  }
  .slide2 {
    left: -10px;
    background-position: 50% 50%;
    background-size: cover;
  }
  .slider3 {
    background-position: 50% 50%;
    background-size: cover;
  }
  .tabs {
    width: 100%;
    padding-bottom: 49px;
  }
  .tablar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .tabs-content {
    width: 100%;
  }
  .tab-baslik {
    margin-top: 189px;
  }
  .duyuru-kismi {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .duyuru {
    width: 100%;
    padding-left: 10px;
  }
  .bulten-kismi {
    width: 100%;
    height: auto;
  }
  .text-block {
    width: 263px;
  }
  .form-bulten {
    width: 100px;
  }
  .div-sosyal {
    height: 214px;
    padding-left: 10px;
  }
  .h-mobil {
    right: 16px;
  }
  .h-mobil.kilavuz-h {
    position: relative;
    left: 17px;
    top: -80px;
    right: 27px;
    text-align: left;
  }
  .h-mobil.h-genclik {
    top: 38px;
  }
  .h-mobil.hort {
    right: auto;
    text-align: left;
  }
  .menu-link.link-style {
    font-size: 24px;
  }
  .menu-link.link-style.drop {
    display: block;
    text-align: left;
  }
  .foto-alani {
    width: 100%;
  }
  .foto-alani.kus {
    width: 100%;
  }
  .foto-alani.ne {
    position: relative;
    width: 100%;
    height: auto;
  }
  .simurg-wrapper {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }
  .simurg-wrapper.simurg-wrapper-ters {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .logolar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .iletisim-sol {
    width: 100%;
  }
  .iletisim-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .section-hero {
    position: relative;
    height: auto;
    padding-top: 2px;
    background-size: 875px;
  }
  .section-hero.second {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    margin-bottom: 0px;
    padding-top: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .section-hero.second.third.fourth {
    display: block;
  }
  .section-hero.second.hostban {
    display: block;
  }
  .section-hero.how.sec-work {
    padding: 0px;
  }
  .section-hero.meet-us.image3 {
    height: 500px;
  }
  .section-hero.meet-us.image3.ba-c {
    height: 499px;
    background-position: 100% 0px;
    background-size: 800px;
  }
  .section-hero.meet-us.image3.sim {
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .section-hero.meet-us.image3.sim.ha {
    height: 300px;
  }
  .section-hero.work-detail {
    height: 100vh;
  }
  .span-light {
    font-size: 20px;
    line-height: 31px;
  }
  .icon {
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .icon-div {
    position: static;
    display: none;
    width: auto;
    margin-top: 85px;
    margin-left: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .icon-div.icon-head {
    position: relative;
    top: -33px;
    margin-top: 6px;
  }
  .icon-div.how-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-left: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .icon-div.icon-fixed.mob {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .container-hero {
    position: static;
    display: block;
    height: 100vh;
    padding-top: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }
  .container-hero.cont-hero {
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .text-works {
    position: static;
  }
  .headline-wrapper {
    position: static;
    display: block;
    width: 100%;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: none;
    line-height: 27px;
  }
  .span-head {
    font-size: 13px;
    line-height: 30px;
    text-align: center;
  }
  .wrapper-head {
    position: static;
    left: 0px;
    top: -63px;
    width: auto;
    margin-right: 42px;
    margin-left: 42px;
    text-align: center;
  }
  .menu-link-wrapper {
    display: block;
  }
  .menu-link-wrapper.drop-wrapper {
    position: static;
    width: 100%;
    margin-left: 0px;
  }
  .line {
    position: static;
    float: left;
  }
  .flex-div {
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .sol-div {
    width: 100%;
  }
  .sol-div.sag.image-2 {
    height: 500px;
  }
  .sol-div.sag.image-2.ba-c2 {
    height: auto;
  }
  .sol-div.sag.image-2.sim1.ha1 {
    height: 200px;
  }
  .sol-div.sag.image-2.sim2.s-ana {
    width: auto;
    height: auto;
    padding-top: 0px;
    padding-left: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .sol-div.sag.image-2.sim2.s-ana.sol-ha.office {
    width: 100%;
  }
  .sol-div.sag.image-2.kbm-lap {
    height: auto;
    padding-left: 0px;
  }
  .sol-div.sag.image-2.kbm-iphone {
    padding-left: 0px;
  }
  .sol-div._w-1 {
    margin-bottom: 0px;
  }
  .sol-div.image1.ba-m {
    padding-left: 0px;
  }
  .sol-div.image1.sim-del {
    height: auto;
    padding-top: 0px;
    padding-left: 0px;
  }
  .sol-div.image1.sim-del.sag-ha.office-sol {
    height: 235px;
  }
  .sol-div.image1.kbm-iphne-2 {
    padding-left: 0px;
  }
  .sol-div.image1.hlogo.ht-logo {
    height: 385px;
    background-position: 50% 38%;
  }
  .h1-flex {
    margin-left: 0px;
    text-align: left;
  }
  .h1-flex.h-beyaz {
    margin-left: 0px;
    text-align: left;
  }
  .h-meet-us {
    font-size: 43px;
  }
  .h-meet-us.adres {
    line-height: 27px;
  }
  .h-meet-us.adres.social {
    padding-right: 0px;
    padding-left: 0px;
  }
  .social-div.social-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
  }
  .works-ust {
    padding-bottom: 105px;
  }
  .works-ust.about-ust {
    height: auto;
    margin-left: 0px;
    padding-top: 44px;
    padding-left: 22px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .h-works {
    margin-left: 0px;
    line-height: 50px;
  }
  .nav-social-div {
    display: block;
    height: 44px;
    float: left;
  }
  .bilgi {
    padding-top: 71px;
    padding-right: 6px;
    padding-left: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .bilgi.bilgi-az {
    padding-top: 34px;
    padding-bottom: 34px;
  }
  .bilgi.bilgi-map {
    padding-bottom: 54px;
  }
  .sec-full {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 36vh;
  }
  .h-baslik {
    margin-left: 0px;
    line-height: 45px;
    text-align: left;
  }
  .h-baslik.alt-baslik {
    width: auto;
  }
  .h-baslik.alt-baslik.all {
    width: auto;
  }
  .h-baslik.alt-baslik.hak {
    width: auto;
  }
  .h-baslik.ince.ser {
    margin-right: 0px;
  }
  .h-baslik.habas {
    font-size: 34px;
    line-height: 40px;
  }
  .det-sol {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .det-sol.tex-alan {
    padding-right: 0px;
  }
  .det-sol.ss.sols {
    width: 100%;
    padding-right: 0px;
  }
  .det-sol.ss.sags {
    width: 100%;
    margin-bottom: 20px;
    padding-right: 0px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .det-sol.sols {
    width: 100%;
  }
  .det-sol.sags {
    width: 100%;
  }
  .sol {
    width: 100%;
    margin-left: 22px;
  }
  .sol.sag {
    display: none;
  }
  .t1 {
    width: 100%;
  }
  .t1.tt1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .flex-t {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .t2 {
    width: 100%;
  }
  .t2.tt2 {
    width: 100%;
    margin-bottom: 20px;
  }
  .h-hero {
    top: auto;
    line-height: 49px;
  }
  .h-hero.h-video {
    position: static;
  }
  .hmenu {
    display: none;
  }
  .kapa {
    display: none;
  }
  .arrow-icon {
    position: absolute;
    top: 21px;
    right: 6px;
    bottom: 22px;
  }
  .drop-toggle {
    padding-left: 0px;
  }
  .div-orta {
    display: block;
    text-align: left;
  }
  .form-teklif {
    z-index: 0;
  }
  .text-span-sm {
    width: 301px;
    line-height: 1.3;
  }
  .imp {
    margin-bottom: 27px;
    font-size: 31px;
    line-height: 10px;
  }
  .h_video.h-ziyaret {
    font-size: 36px;
    line-height: 40px;
  }
  .sabah {
    margin-left: 0px;
    font-size: 26px;
  }
  .panic-logo {
    width: auto;
    height: auto;
  }
  .asd {
    font-size: 29px;
    line-height: 41px;
  }
}

@font-face {
  font-family: 'Fontawesome webfont';
  src: url('../fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Fontawesome';
  src: url('../fonts/FontAwesome.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

.ppp a{color:#707070;text-decoration:none;display:inline-block}
.ppp a:hover{color:#aaa;text-decoration:none;}
a.link{color:#909090;text-decoration:none; }
a.link:Hover{color:#fff;}