.navbar {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background-color: transparent;
}

.navbar.or {
  padding-left: 0px;
  float: none;
  background-color: transparent;
}

.navbar.ds {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  background-color: transparent;
  box-shadow: none;
}

.navmenu {
  position: fixed;
  top: 0px;
  z-index: 999;
  height: 100vh;
  margin-top: 0px;
  margin-bottom: 1px;
  padding-top: 37px;
  padding-left: 0px;
  border-top: 60px solid #fff;
  background-color: #f17103;
  color: #494949;
}

.menu_btn {
  z-index: 1000;
  padding-top: 14px;
  padding-bottom: 14px;
  float: left;
  background-color: #f17103;
  -webkit-transition: background-color 200ms ease-out;
  transition: background-color 200ms ease-out;
  color: #fff;
  font-size: 32px;
}

.menu_btn:hover {
  background-color: #ff841b;
}

.menu_btn.w--open {
  background-color: #f17103;
  color: #fff;
}

.menu_btn.w--open:hover {
  background-color: #f17103;
  color: #fff;
}

.logo {
  position: relative;
  z-index: 1005;
  margin-top: 14px;
  margin-left: 0px;
  padding-right: 10px;
}

.nav_link {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 30px;
  padding-bottom: 23px;
  padding-left: 0px;
  border-bottom: 1px none #e2e2e2;
  font-family: 'Helveticaneueltpro md', sans-serif;
  color: #fff;
  font-size: 60px;
  line-height: 2px;
  font-weight: 300;
  text-align: left;
  letter-spacing: -1px;
}

.nav_link.w--current {
  color: #fff;
  text-decoration: line-through;
}

.scl {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 12px;
  padding-right: 5px;
  float: left;
}

.scl.dil {
  margin-left: 0px;
  padding: 14px 9px 8px 15px;
  background-color: transparent;
}

.scl_btn {
  display: block;
  max-width: 76%;
  margin-right: auto;
  margin-left: auto;
  -webkit-filter: hue-rotate(14deg);
  filter: hue-rotate(14deg);
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
  cursor: pointer;
}

.scl_btn:hover {
  display: block;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: scale(1.35);
  -ms-transform: scale(1.35);
  transform: scale(1.35);
}

.body {
  background-color: #fff;
}

.header {
  margin-bottom: 0px;
  padding-bottom: 44px;
  box-shadow: 1px 1px 3px 0 transparent;
}

.nav_icn {
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  margin-top: 13px;
  margin-right: auto;
  margin-left: auto;
}

.nav_icn.bottom-row {
  left: 22px;
}

.nav_icn_desktop {
  padding-top: 2px;
  padding-left: 12px;
  float: right;
  background-color: #fff;
}

.nav_icn_desktop.home {
  display: none;
  padding-top: 0px;
  padding-left: 0px;
  float: left;
}

.bolum_title {
  position: static;
  display: block;
  height: 60px;
  float: left;
  background-color: #f17103;
}

.bolum_title.home {
  display: none;
}

.beyazlogo {
  margin-left: 5px;
  padding-bottom: 15px;
  padding-left: 15px;
  background-color: transparent;
}

.beyazlogo.w--current {
  z-index: 1000;
  height: 60px;
  margin-left: 0px;
  padding-left: 15px;
  background-color: transparent;
}

.bolum-link {
  margin-top: 11px;
  margin-left: 0px;
  padding-top: 12px;
  border-left: 1px solid #ff9738;
  background-color: transparent;
  font-family: 'Helveticaneueltpro md', sans-serif;
  color: #fff;
  font-size: 20px;
}

.btn {
  position: static;
  left: 19px;
  bottom: 36px;
  display: block;
  margin-top: 9px;
  margin-left: 21px;
  padding-top: 13px;
  padding-left: 0px;
  background-color: transparent;
  font-family: 'Helveticaneueltpro md', sans-serif;
  color: #f17103;
  font-size: 20px;
  cursor: pointer;
}

.btn:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.btn.w--current {
  margin-left: 15px;
}

.btn.box-btn {
  position: relative;
  top: 141px;
  display: block;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.btn.beyaz {
  color: #fff;
  cursor: pointer;
}

.btn.beyaz.bx {
  position: absolute;
}

.btn.work_vanish_btn {
  display: none;
}

.btn.apps {
  margin-top: 25px;
  padding: 10px 20px 4px 25px;
  float: left;
  border: 0px none #f17103;
  border-radius: 28px;
  background-color: #f17103;
  font-family: 'Helveticaneueltpro lt', sans-serif;
  color: #fff;
  font-size: 18px;
}

.btn.apps.contact {
  margin-left: 0px;
}

.btn.subs {
  margin-left: 0px;
}

.btn.hoverr:hover {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.btn.btn-approach {
  margin-top: 46px;
  margin-left: 41px;
}

.btn.btn-approach.start {
  margin-top: 35px;
  margin-left: 41px;
}

.footer_sec {
  position: static;
  display: block;
  padding-top: 48px;
  padding-bottom: 44px;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  background-color: #3d3d3d;
  font-family: 'Helveticaneueltpro roman', sans-serif;
  color: #fff;
}

.icerik {
  position: relative;
  right: 0px;
  overflow: hidden;
  height: 100vh;
  border-style: none;
}

.icerik.home-about {
  margin-top: 0px;
  background-image: url('../images/2.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.icerik.home-work {
  height: auto;
  margin-top: 0px;
  padding-top: 152px;
  padding-bottom: 180px;
  background-color: #f1f1f1;
}

.icerik.app1bg {
  background-image: url('../images/example-bg.png');
  background-position: 0px 0px;
  background-size: 125px;
}

.icerik.ds {
  right: 0px;
  background-color: #fff;
}

.icerik.ds.as {
  overflow: hidden;
}

.icerik.icerik-about {
  overflow: visible;
  height: auto;
  margin-top: -45px;
  background-color: #000;
  background-image: url('../images/2.jpg');
  background-position: 50% 0px;
  background-size: contain;
  background-repeat: no-repeat;
}

.icerik.icerik-about.icerik-career {
  background-image: url('../images/careers.jpg');
}

.icerik.black-icerik {
  z-index: -1;
  background-color: #000;
}

.icerik.works {
  height: auto;
  margin-top: 55px;
  background-color: transparent;
}

.icerik.icerik_contact {
  height: auto;
}

.icerik.end-section-container {
  height: 150vh;
}

.icerik.ideas {
  overflow: visible;
}

.icerik._3 {
  height: 150vh;
}

.icerik.s {
  overflow: visible;
}

.input {
  max-width: 300px;
  padding-top: 37px;
  padding-bottom: 18px;
  padding-left: 1px;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #f17103;
  background-color: transparent;
  font-family: 'Helveticaneueltpro md', sans-serif;
  font-size: 19px;
}

.footer-nav-menu-li {
  padding-left: 19px;
  color: #c9c9c9;
  font-size: 20px;
  line-height: 30px;
}

.footer-nav-menu-li.footer-col {
  position: static;
}

.footer-logo {
  position: static;
  left: 0px;
  right: 0px;
  bottom: 22px;
  margin-bottom: 20px;
}

.footer-col {
  position: static;
  bottom: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  color: #9e9e9e;
}

.footer-col.r {
  left: auto;
  right: 0px;
  bottom: 0px;
}

.footer-row {
  padding-top: 66px;
  float: none;
  clear: left;
}

.footerh1 {
  color: #f17103;
  font-size: 45px;
}

.home-section-1 {
  position: relative;
  height: 100%;
  margin-top: -45px;
}

.home-section-1.deneme {
  margin-top: 0px;
  padding-bottom: 125px;
}

.home-section-1.contact_main {
  height: auto;
  padding-left: 0px;
}

.n-img {
  position: absolute;
  left: 0px;
  right: -96px;
  bottom: 0px;
  display: block;
  width: 480px;
  max-width: 100%;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  float: right;
}

.n-img.tr {
  margin-top: 139px;
}

.headline {
  margin-left: 22px;
  font-family: 'Stag bold', sans-serif;
  color: #f17103;
  font-size: 73px;
  line-height: 71px;
  letter-spacing: 0px;
}

.headline.beyaz {
  color: #fff;
  font-size: 63px;
  line-height: 58px;
  cursor: pointer;
}

.headline.gri {
  color: #c9c9c9;
  line-height: 57px;
  cursor: pointer;
}

.headline.turuncu {
  color: #f17103;
}

.headline.app {
  margin-top: 0px;
  margin-left: 20px;
  font-size: 47px;
  line-height: 41px;
}

.headline.wrk {
  margin-left: 0px;
}

.headline.contact_h1 {
  margin-left: 0px;
  font-size: 50px;
  line-height: 45px;
}

.headline.sld1 {
  margin-top: 240px;
}

.headline.w {
  margin-left: 15px;
}

.headline.no-margin {
  margin-top: 0px;
  margin-left: -11px;
  font-size: 50px;
  line-height: 45px;
}

.headline.abouts {
  position: static;
  top: 117px;
  display: block;
  margin-top: 346px;
  margin-right: auto;
  margin-left: auto;
  font-size: 166px;
  line-height: 124px;
  text-align: left;
}

.headline.felan {
  margin-bottom: -23px;
}

.description {
  display: inline-block;
  margin-top: 2px;
  margin-left: 22px;
  font-family: 'Helveticaneueltpro md', sans-serif;
  color: #9c9c9c;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
}

.description.home-work {
  max-width: 425px;
  margin-top: 42px;
  font-family: 'Helveticaneueltpro md', sans-serif;
  color: #969696;
}

.description.home-work.w {
  margin-left: 15px;
}

.description.pbeyaz {
  margin-left: 21px;
  font-family: 'Helveticaneueltpro md', sans-serif;
}

.description.h2mobile {
  font-family: 'Helveticaneueltpro md', sans-serif;
  color: #9c9c9c;
}

.description.h2mobile.contactp {
  margin-bottom: 112px;
  margin-left: 0px;
}

.description.no-margin {
  margin-top: 0px;
  margin-left: 20px;
  font-family: 'Helveticaneueltpro md', sans-serif;
  color: #9c9c9c;
}

.description.beyaz {
  margin-top: 50px;
  margin-left: -9px;
  color: #fff;
}

.description.beyaz.no-margin {
  margin-top: 0px;
  margin-left: 0px;
  font-family: 'Helveticaneueltpro md', sans-serif;
  color: #c9c9c9;
  font-size: 33px;
  line-height: 39px;
}

.description.beyaz.no-margin.contact {
  margin-top: 0px;
  margin-bottom: 112px;
  margin-left: 0px;
  font-size: 18px;
}

.description.as {
  font-family: 'Helveticaneueltpro md', sans-serif;
  color: #9c9c9c;
}

.description.def {
  width: 80%;
  margin-left: 42px;
}

.bottom-row {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 121px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.bottom-row.meet {
  left: 0px;
  top: 317px;
  right: 0px;
  bottom: auto;
  z-index: 50;
}

.bottom-row.services {
  left: 0px;
  top: 131px;
  bottom: auto;
}

.right-nav {
  position: fixed;
  top: 250px;
  right: 0px;
  width: 50px;
  height: 500px;
  font-family: 'Helveticaneueltpro md', sans-serif;
  color: #c9c9c9;
  font-size: 35px;
  line-height: 70px;
  letter-spacing: -1px;
}

.right-nav.approach-indicator {
  top: 50px;
  display: none;
  overflow: hidden;
  width: auto;
  height: auto;
  margin-right: 9px;
}

.active {
  color: #f17103;
}

.right-nav-li0 {
  display: block;
  color: #c9c9c9;
  text-decoration: none;
}

.portfolio-col {
  margin-bottom: 2px;
  padding-right: 0px;
  padding-left: 2px;
}

.see-work {
  position: relative;
  display: inline-block;
  width: 100%;
  min-height: 353px;
  float: none;
  background-color: #f17103;
  color: #fff;
  text-decoration: none;
}

.see-work.work-title {
  background-color: transparent;
}

.see-work.work-title.works_page {
  margin-top: -120px;
}

.rel {
  position: relative;
  padding-left: 0px;
}

.bottom-title {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.bottom-title.t-b {
  padding-bottom: 30px;
  padding-left: 20px;
  cursor: default;
}

.talk-business {
  width: 100%;
  height: 44vh;
  background-color: #f17103;
  cursor: pointer;
}

.end-sec-col {
  padding-right: 0px;
  padding-left: 0px;
}

.some-more {
  height: 44vh;
  background-color: #fff;
}

.some-more.hoverr {
  margin-top: 0px;
  background-color: #fff;
  background-image: none;
}

.some-more.hoverr:hover {
  background-color: #fff;
}

.some-more.hoverr.home {
  height: 44vh;
  background-image: none;
}

.some-more.hoverr.approach {
  background-image: url('../images/work_13.png');
  background-size: cover;
}

.end-sec {
  margin-bottom: -5px;
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, .1);
}

.right-nav-li1 {
  color: #c9c9c9;
  text-decoration: none;
}

.right-nav-li2 {
  display: block;
  color: #c9c9c9;
  text-decoration: none;
}

.right-nav-li3 {
  color: #c9c9c9;
  text-decoration: none;
}

.right-nav-bg {
  position: absolute;
  top: 2px;
  right: -10px;
  display: block;
  overflow: visible;
  width: 9px;
  height: 55px;
  margin-right: auto;
  margin-left: auto;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #f17103;
  opacity: 0;
}

.right-nav-bg-01 {
  position: absolute;
  top: 57px;
  right: -10px;
  width: 9px;
  height: 55px;
  margin-top: 15px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #f17103;
  opacity: 0;
}

.home-abouts {
  position: relative;
  height: 100%;
}

.right-nav-bg-02 {
  position: absolute;
  top: 141px;
  right: -10px;
  width: 9px;
  height: 55px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #f17103;
  opacity: 0;
}

.home-works {
  position: relative;
  height: 100%;
  padding-bottom: 192px;
}

.note {
  position: static;
  margin-top: 0px;
  margin-left: 20px;
  font-family: 'Helveticaneueltpro lt', sans-serif;
  color: #c7c7c7;
  font-size: 22px;
  line-height: 24px;
  letter-spacing: 0px;
}

.home-career {
  height: 100vh;
  background-image: url('../images/careers.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.home-careers {
  position: relative;
  height: 100%;
}

.right-nav-bg-03 {
  position: absolute;
  top: 142px;
  right: -10px;
  width: 9px;
  height: 55px;
  margin-top: 70px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #f17103;
  opacity: 0;
}

.n-gif {
  position: absolute;
  top: 13%;
  display: block;
  width: 299px;
  margin-left: -9px;
  opacity: 1;
}

.app1 {
  position: relative;
  height: 100%;
}

.coffe {
  position: absolute;
  right: -127px;
  bottom: 0px;
  width: 438px;
}

.lighthouse {
  position: absolute;
  right: -102px;
  bottom: 0px;
  z-index: -1;
  width: 300px;
}

.brief {
  position: absolute;
  top: -194px;
  right: 0px;
  z-index: 0;
}

.ship {
  position: absolute;
  right: -106px;
  bottom: -24px;
}

.like {
  position: absolute;
  right: 60px;
  bottom: 126px;
  width: 300px;
}

.sec-title-indicator {
  width: 70px;
  padding-right: 7px;
  font-size: 15px;
  text-align: right;
  letter-spacing: 0px;
}

.mobile-gif {
  display: none;
}

.pbeyaz {
  margin-left: 1px;
  color: #fff;
  line-height: 26px;
}

.pbeyaz.marg {
  margin-left: 1px;
  color: #c9c9c9;
}

.pbeyaz.marg.s {
  margin-left: 0px;
}

.icerik_port {
  padding-top: 147px;
}

.icerik_port.banner_port {
  width: 100%;
  padding-top: 52px;
}

.h1_port {
  margin-top: 12px;
  margin-bottom: 38px;
  margin-left: 20px;
  font-family: 'Stag bold', sans-serif;
  color: #f17103;
  font-size: 64px;
  line-height: 40px;
  letter-spacing: 1px;
}

.project_type {
  display: block;
  float: left;
  clear: left;
  font-family: 'Helveticaneueltpro bd', sans-serif;
  color: #fc7400;
  font-size: 13px;
}

.type_orange {
  font-family: 'Helveticaneueltpro lt', sans-serif;
  color: #c9c9c9;
}

.h3_port {
  display: block;
  margin-top: 0px;
  margin-bottom: 20px;
  font-family: 'Helveticaneueltpro md', sans-serif;
  color: #f17103;
}

.h3_port.cont-block {
  padding-left: 0px;
  color: #f17103;
}

.h3_port.cont-block.s {
  margin-left: 32px;
}

.h3_port.marg {
  margin-left: -2px;
  color: #f17103;
}

.h3_port.about {
  font-family: 'Helveticaneueltpro roman', sans-serif;
  font-size: 22px;
}

.turuncu_cizgi {
  width: 35px;
  height: 3px;
  margin-bottom: 30px;
  background-color: #f17103;
}

.turuncu_cizgi.c {
  margin-left: 32px;
}

.turuncu_cizgi.c.s {
  margin-bottom: 25px;
}

.turuncu_cizgi.marg {
  margin-left: -2px;
  background-color: #c9c9c9;
}

.p_port {
  margin-bottom: 61px;
  font-family: 'Helveticaneueltpro md', sans-serif;
  color: #c9c9c9;
  font-size: 21px;
  line-height: 24px;
}

.p_port.besut {
  margin-bottom: 0px;
}

.text_allign {
  padding: 154px 250px 36px;
}

.text_allign.inspiration {
  padding-bottom: 27px;
}

.text_allign.dar2 {
  padding-top: 0px;
}

.column1 {
  padding-right: 0px;
  padding-left: 10px;
}

.column2 {
  padding-right: 10px;
  padding-left: 0px;
  text-align: center;
}

.column2.referans {
  padding-right: 10px;
}

.column2.ant2 {
  padding-right: 0px;
}

.img_allign {
  display: block;
  margin-bottom: 140px;
  padding-right: 86px;
  padding-left: 86px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.img_as {
  padding-top: 37px;
}

.img_ass {
  padding-top: 26px;
}

.ortala_img {
  display: block;
  margin-right: auto;
  margin-bottom: 107px;
  margin-left: auto;
}

.ortala_img.darr {
  margin-bottom: 0px;
}

.ortala_img.darr.besu {
  margin-bottom: 78px;
}

.desc_head {
  font-family: 'Helveticaneueltpro lt', sans-serif;
  color: #c5c5c5;
  font-size: 27px;
  line-height: 32px;
  font-weight: 300;
  letter-spacing: 0px;
}

.port_ins {
  margin-bottom: 113px;
}

.allign_port {
  padding-right: 15px;
  padding-left: 30px;
}

.c11 {
  display: block;
  text-align: center;
}

.filter_allign {
  padding-top: 71px;
  padding-bottom: 71px;
}

.juice_bosluk {
  margin-bottom: 85px;
}

.column3 {
  padding-right: 0px;
  padding-left: 0px;
}

.column3.ant3 {
  padding-right: 10px;
}

.column3.t33 {
  padding-right: 10px;
}

.whitespace {
  padding: 97px 202px;
}

.column4 {
  padding-left: 0px;
}

.ccdrop {
  box-shadow: 0 0 6px 0 #fff;
}

.kirmizi {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  height: 100vh;
  background-color: #3d054e;
}

.yesil {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  height: 100vh;
  background-color: #f17103;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.webigmo {
  width: 169px;
  max-width: 97%;
  margin-top: 17px;
  margin-left: 19px;
  opacity: 0.75;
}

.madeinweb {
  width: 109px;
  margin-left: 35px;
  opacity: 0.77;
}

.farma {
  width: 195px;
  margin-top: 10px;
  opacity: 0.75;
}

.boslukkoy {
  display: block;
  margin-right: auto;
  margin-bottom: 180px;
  margin-left: auto;
  clear: both;
  text-align: center;
}

.sec_back_orange {
  background-color: #ef5a29;
}

.golgeler {
  box-shadow: 0 0 18px 2px hsla(0, 0%, 39%, .32);
}

.hoverr {
  background-color: transparent;
  -webkit-transition: -webkit-transform 350ms ease-in-out;
  transition: -webkit-transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
  cursor: pointer;
}

.hoverr:hover {
  background-color: transparent;
  -webkit-transform: scale(0.96);
  -ms-transform: scale(0.96);
  transform: scale(0.96);
}

.yuk {
  display: block;
  margin-top: 100px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.denemes {
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.n-mobile {
  display: none;
}

.work1 {
  margin-top: 55px;
}

.golges {
  margin-bottom: 120px;
  padding-bottom: 0px;
  box-shadow: 0 0 21px -8px hsla(0, 0%, 59%, .84);
}

.imaj_uzat {
  margin-bottom: 65px;
}

.ortas {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.harita {
  margin-top: 15px;
  margin-bottom: 111px;
  background-color: #ff5c00;
  background-image: url('../images/example-bg.png');
  background-position: 0px 0px;
  background-size: 125px;
}

.form_sytle {
  padding-left: 0px;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #c9c9c9;
  font-family: 'Helveticaneueltpro bd', sans-serif;
  font-size: 19px;
}

.form_sytle.msg {
  height: 177px;
}

.kalins {
  font-family: 'Helveticaneueltpro bd', sans-serif;
  color: #ff5c00;
  font-weight: 400;
}

.adres {
  margin-bottom: 84px;
}

.img-size1 {
  margin-left: 12px;
}

.no-padding {
  overflow: visible;
  padding-left: 0px;
}

.fa.fa-fax.fa-2x {
  color: #9c9c9c;
}

.fa.fa-phone.fa-2x {
  color: #9c9c9c;
  text-align: center;
}

.fa.fa-map-marker.fa-2x {
  color: #9c9c9c;
}

.fa.fa-facebook.fa-2x {
  margin-left: 25px;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #9c9c9c;
  text-decoration: none;
}

.fa.fa-facebook.fa-2x:hover {
  color: #f17103;
}

.fa.fa-behance.fa-2x {
  margin-left: 31px;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #9c9c9c;
  text-decoration: none;
}

.fa.fa-behance.fa-2x:hover {
  color: #f17103;
}

.fa.fa-behance.fa-2x.social {
  margin-left: 0px;
}

.fa.fa-twitter.fa-2x {
  margin-left: 25px;
  padding-top: 5px;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #9c9c9c;
  text-decoration: none;
}

.fa.fa-twitter.fa-2x:hover {
  color: #f17103;
}

.fa.fa-linkedin.fa-2x {
  margin-left: 25px;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #9c9c9c;
  text-decoration: none;
}

.fa.fa-linkedin.fa-2x:hover {
  color: #f17103;
}

.cont-block {
  margin-bottom: 17px;
  margin-left: 1px;
  padding-left: 32px;
}

.margin {
  margin-top: 43px;
}

.opacity-0 {
  opacity: 0;
}

.see-all {
  background-color: #f17103;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.see-all:hover {
  -webkit-transform: scale(0.93);
  -ms-transform: scale(0.93);
  transform: scale(0.93);
}

.marg {
  margin-top: -11px;
}

.falan {
  margin-top: 81px;
}

.services-list {
  padding-left: 23px;
}

.apprc {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin-bottom: -5px;
}

.dark-overlay {
  position: static;
  display: block;
  width: 50vw;
  height: 50vh;
  margin-left: -11px;
  background-image: -webkit-linear-gradient(80deg, #000, transparent);
  background-image: linear-gradient(10deg, #000, transparent);
  opacity: 0.93;
  -webkit-transition: background-color 200ms ease-in;
  transition: background-color 200ms ease-in;
}

.scroll-down {
  position: relative;
  left: 50%;
  right: 0px;
  bottom: 83px;
  display: block;
  width: 58px;
  height: 129px;
  padding-top: 14px;
  padding-left: 18px;
  border-style: solid solid none;
  border-width: 1px;
  border-color: #c9c9c9;
  border-radius: 30px 30px 0px 0px;
  -webkit-transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, bottom 200ms ease, -webkit-transform 200ms ease;
  transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, bottom 200ms ease, -webkit-transform 200ms ease;
  transition: background-color 200ms ease, border-color 200ms ease, transform 200ms ease, color 200ms ease, bottom 200ms ease;
  transition: background-color 200ms ease, border-color 200ms ease, transform 200ms ease, color 200ms ease, bottom 200ms ease, -webkit-transform 200ms ease;
  color: #c9c9c9;
}

.scroll-down:hover {
  bottom: 74px;
  border-color: #f17103;
  background-color: #f17103;
  -webkit-transform: scale(0.87);
  -ms-transform: scale(0.87);
  transform: scale(0.87);
  color: #fff;
}

.scroll-down.son {
  position: absolute;
  left: 50%;
  right: 0px;
  bottom: -25px;
  border-bottom-right-radius: 0px;
}

.scroll-down.son.w--current {
  bottom: 0px;
  height: 124px;
  margin-left: -29px;
  border-bottom: 0px none transparent;
  border-bottom-left-radius: 0px;
  -webkit-transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, opacity 200ms ease, bottom 200ms ease, -webkit-transform 200ms ease;
  transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, opacity 200ms ease, bottom 200ms ease, -webkit-transform 200ms ease;
  transition: background-color 200ms ease, border-color 200ms ease, transform 200ms ease, color 200ms ease, opacity 200ms ease, bottom 200ms ease;
  transition: background-color 200ms ease, border-color 200ms ease, transform 200ms ease, color 200ms ease, opacity 200ms ease, bottom 200ms ease, -webkit-transform 200ms ease;
}

.scroll-down.son.w--current:hover {
  bottom: -9px;
}

.dil-sec {
  position: relative;
  left: -131px;
  top: 60px;
  display: inline-block;
  width: 63px;
  height: 33px;
  padding-top: 5px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #f17103;
  opacity: 0;
  -webkit-transform: translate(0px, -33px);
  -ms-transform: translate(0px, -33px);
  transform: translate(0px, -33px);
}

.dil {
  font-family: 'Helveticaneueltpro bd', sans-serif;
  color: #fff;
  font-size: 22px;
  text-decoration: none;
}

.dils {
  display: block;
  font-family: 'Helveticaneueltpro lt', sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0px;
  text-decoration: none;
}

.globe {
  padding: 14px 9px 8px 15px;
  background-color: #fff;
}

.padding30 {
  padding-right: 30px;
  padding-left: 30px;
}

.margin-bottom {
  margin-top: 66px;
  margin-bottom: 103px;
}

.share {
  margin-top: -91px;
  margin-bottom: 78px;
  padding-top: 25px;
  padding-left: 31px;
}

.share-btn {
  display: inline-block;
  margin-right: 7px;
}

.share-btn.facebook {
  top: -12px;
  margin-left: 18px;
}

.share-btn.google {
  top: -4px;
}

.share-btn.linkedin {
  position: absolute;
}

.n {
  height: 598px;
}

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

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

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

@media (max-width: 991px) {
  .navbar.or {
    background-color: transparent;
  }
  .navbar.ds {
    box-shadow: none;
  }
  .navmenu {
    padding-left: 0px;
    background-color: #494949;
  }
  .menu_btn {
    background-color: #f17103;
  }
  .menu_btn.w--open {
    background-color: #494949;
    color: #fff;
  }
  .logo {
    margin-left: 15px;
  }
  .nav_link {
    color: #fff;
  }
  .scl.dil {
    background-color: #fff;
  }
  .scl_btn {
    max-width: 100%;
    padding-right: 8px;
  }
  .scl_btn:hover {
    -webkit-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
  }
  .header {
    width: 100%;
    padding-right: auto;
    padding-bottom: 57px;
    padding-left: auto;
  }
  .nav_icn {
    left: 22px;
    display: block;
    padding-left: 0px;
  }
  .nav_icn_desktop {
    padding-right: 15px;
    border-right: 1px solid #f0f0f0;
  }
  .nav_icn_desktop.home {
    padding-right: 0px;
    border-right-style: none;
    border-right-width: 0px;
  }
  .bolum_title.home {
    border-right: 1px none #000;
  }
  .beyazlogo {
    background-color: transparent;
  }
  .beyazlogo.w--current {
    margin-left: -20px;
  }
  .bolum-link {
    margin-left: 10px;
  }
  .btn {
    display: block;
    margin-right: auto;
    margin-left: 0px;
    color: #f17103;
    font-size: 17px;
    text-align: left;
  }
  .btn.box-btn {
    top: 113px;
    color: #fff;
    text-decoration: none;
  }
  .btn.beyaz.hoverr {
    margin-left: 10px;
  }
  .btn.hoverr {
    margin-left: 23px;
  }
  .btn.hoverr.ss {
    margin-left: 13px;
  }
  .btn.btn-approach {
    margin-left: 15px;
  }
  .icerik {
    overflow: hidden;
  }
  .icerik.home-about {
    background-position: 29% 50%;
  }
  .icerik.icerik-about {
    margin-top: -58px;
  }
  .icerik.end-section-container {
    overflow: visible;
  }
  .icerik.ideas {
    overflow: visible;
  }
  .icerik.landscape {
    border-bottom: 1px none #000;
  }
  .footer-nav-menu-li {
    margin-top: 50px;
    padding-left: 0px;
  }
  .n-img {
    position: absolute;
    top: -69px;
    right: 0px;
    bottom: -305px;
    margin-left: 24px;
    float: left;
  }
  .n-img.tr {
    position: static;
    margin-top: -75px;
  }
  .headline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 22px;
    font-size: 54px;
    line-height: 47px;
    text-align: left;
  }
  .headline.beyaz {
    display: block;
    margin-left: 8px;
    padding-right: 26px;
    font-family: 'Stag semibold', sans-serif;
    font-size: 35px;
    line-height: 41px;
    font-weight: 700;
  }
  .headline.gri {
    margin-left: 11px;
    font-size: 35px;
    line-height: 41px;
  }
  .headline.app {
    margin-left: 15px;
  }
  .headline.app.ideas {
    margin-top: 179px;
  }
  .headline.sld1 {
    display: block;
    margin-top: auto;
  }
  .headline.abouts {
    font-size: 110px;
    line-height: 89px;
  }
  .description {
    position: relative;
    z-index: 100;
    display: inline-block;
    margin-top: 7px;
    margin-left: 24px;
    color: #9c9c9c;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
  }
  .description.h2mobile {
    color: #c9c9c9;
    font-size: 16px;
    line-height: 22px;
  }
  .description.beyaz.no-margin {
    font-size: 29px;
  }
  .description.beyaz.no-margin.contact {
    margin-left: 0px;
  }
  .description.as.def.son {
    width: 87%;
  }
  .description.def {
    width: 50%;
    margin-left: 15px;
    font-family: 'Helveticaneueltpro roman', sans-serif;
    color: #b9b9b9;
  }
  .bottom-row {
    z-index: 50;
  }
  .bottom-row.about-btm {
    position: relative;
    left: 0px;
    top: 70%;
    bottom: auto;
  }
  .right-nav {
    font-size: 30px;
    line-height: 50px;
  }
  .right-nav.approach-indicator {
    left: 0px;
    top: 50px;
    right: auto;
    bottom: 50px;
    display: block;
  }
  .active {
    color: #f17103;
  }
  .see-work {
    min-height: 275px;
    background-color: #f17103;
    text-decoration: none;
  }
  .some-more {
    background-position: 160px 54%;
  }
  .note {
    position: static;
    margin-bottom: 7px;
    margin-left: 15px;
    font-family: 'Helveticaneueltpro roman', sans-serif;
    color: #c7c7c7;
    font-size: 22px;
  }
  .home-career {
    background-position: 67% 50%;
  }
  .n-gif {
    top: auto;
    right: 0px;
    bottom: 18%;
    z-index: 0;
    margin-left: -9px;
  }
  .coffe {
    left: auto;
    right: -75px;
    bottom: 0px;
  }
  .lighthouse {
    right: 23px;
    width: 290px;
  }
  .brief {
    right: 0px;
    overflow: hidden;
    width: 500px;
  }
  .ship {
    z-index: 0;
    -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
  }
  .like {
    top: 520px;
    right: 0px;
    bottom: auto;
    width: 333px;
  }
  .pbeyaz {
    color: #c9c9c9;
  }
  .h1_port {
    font-size: 58px;
  }
  .text_allign {
    padding: 129px 169px;
  }
  .img_allign {
    display: block;
    padding-top: 1px;
    text-align: center;
  }
  .img_ass {
    margin-bottom: 38px;
    text-align: left;
  }
  .n-mobile {
    display: none;
  }
  .brief-img {
    position: relative;
    right: -101px;
    width: 541px;
  }
  .scroll-down {
    bottom: 88px;
    width: 38px;
    padding-left: 9px;
  }
  .n {
    height: auto;
  }
}

@media (max-width: 767px) {
  .navbar.or {
    float: left;
  }
  .navmenu {
    padding-top: 18px;
    padding-left: 35px;
    background-color: #f17103;
    box-shadow: 1px 1px 3px 0 transparent;
  }
  .menu_btn.w--open {
    background-color: #f17103;
  }
  .logo {
    margin-left: 0px;
  }
  .nav_link {
    width: 99%;
    margin-top: 8px;
    margin-left: -21px;
    padding-top: 6px;
    padding-bottom: 10px;
    padding-left: 0px;
    float: none;
    border-bottom-style: none;
    -webkit-transition: color 417ms ease;
    transition: color 417ms ease;
    color: #fff;
    font-size: 49px;
    line-height: 19px;
  }
  .scl {
    padding-top: 1px;
    padding-right: 0px;
  }
  .scl.dil {
    margin-top: 0px;
    padding-top: 15px;
    padding-right: 9px;
    padding-bottom: 7px;
    background-color: #fff;
  }
  .scl_btn {
    max-width: 100%;
    margin-right: 7px;
    margin-bottom: 55px;
  }
  .nav_icn {
    position: static;
    display: block;
    margin-top: 16px;
    margin-right: auto;
    margin-left: -14px;
    padding-left: 20px;
  }
  .nav_icn_desktop {
    display: none;
  }
  .nav_icn_desktop.home {
    display: block;
    padding-top: 17px;
  }
  .beyazlogo.w--current {
    margin-left: 0px;
  }
  .btn {
    margin-left: 0px;
    color: #f17103;
    text-align: left;
  }
  .btn.beyaz.hoverr {
    margin-left: 10px;
  }
  .btn.beyaz.hoverr.filan {
    margin-bottom: 0px;
  }
  .btn.subs {
    margin-left: 10px;
  }
  .btn.hoverr {
    margin-bottom: 84px;
    margin-left: 15px;
  }
  .btn.hoverr.ss.filan {
    margin-bottom: 0px;
  }
  .btn.btn-approach {
    margin-bottom: 95px;
  }
  .icerik {
    left: 0px;
    right: 0px;
    bottom: 0px;
  }
  .icerik.home-work {
    padding-top: 75px;
    padding-bottom: 0px;
  }
  .icerik.ds {
    height: auto;
    border-bottom: 1px solid #ff9941;
  }
  .icerik.ideas.landscape {
    border-bottom: 1px solid #f17103;
  }
  .icerik.landscape {
    height: auto;
    border-bottom-width: 1px;
    border-bottom-color: #ff861f;
  }
  .input {
    margin-left: 8px;
  }
  .footer-nav-menu-li {
    padding-left: 0px;
  }
  .footer-logo {
    margin-left: 14px;
  }
  .footer-col {
    margin-bottom: 49px;
    padding-left: 8px;
  }
  .home-section-1.deneme.landscape {
    border-bottom: 1px solid #f17103;
  }
  .n-img {
    position: absolute;
    display: none;
  }
  .headline {
    margin-bottom: 0px;
    margin-left: 15px;
    font-size: 53px;
    line-height: 45px;
    text-align: left;
  }
  .headline.beyaz {
    margin-left: 10px;
    font-size: 39px;
    line-height: 39px;
  }
  .headline.gri {
    margin-left: 11px;
    color: #c9c9c9;
    font-size: 39px;
    line-height: 39px;
  }
  .headline.turuncu {
    display: block;
    margin-top: 130px;
    margin-left: 15px;
    font-size: 53px;
  }
  .headline.app {
    display: block;
    margin-top: 93px;
    margin-left: 15px;
  }
  .headline.contact_h1 {
    margin-left: 12px;
  }
  .headline.sld1 {
    width: 70%;
    margin-top: 90px;
    margin-left: 15px;
    font-size: 53px;
    line-height: 45px;
  }
  .headline.abouts {
    padding-left: 10px;
    font-size: 73px;
    line-height: 60px;
  }
  .headline.felan {
    line-height: 53px;
  }
  .description {
    color: grey;
    text-align: left;
  }
  .description.home-work {
    margin-top: 53px;
    margin-left: 15px;
    color: #a0a0a0;
  }
  .description.pbeyaz {
    margin-top: 26px;
    margin-left: 15px;
    color: #fff;
  }
  .description.h2mobile {
    margin-top: 26px;
    margin-left: 15px;
  }
  .description.beyaz.no-margin.contact {
    margin-top: 6px;
    margin-bottom: 48px;
    margin-left: 0px;
    padding-left: 10px;
    line-height: 29px;
  }
  .description.as.def.son {
    position: static;
    width: auto;
    margin-top: 100px;
  }
  .description.def {
    width: 60%;
    margin-top: 20px;
    margin-left: 15px;
    font-family: 'Helveticaneueltpro roman', sans-serif;
    font-size: 14px;
    line-height: 21px;
  }
  .description.about {
    margin-top: 22px;
    margin-left: 0px;
  }
  .bottom-row.meet {
    position: static;
  }
  .bottom-row.meet.hs {
    position: static;
  }
  .bottom-row.bottom-kaldir {
    position: static;
  }
  .right-nav.approach-indicator {
    display: none;
  }
  .portfolio-col.none {
    display: none;
  }
  .see-work.work-title {
    min-height: 194px;
  }
  .bottom-title {
    position: static;
    margin-bottom: 52px;
  }
  .bottom-title.t-b {
    position: absolute;
    margin-bottom: -2px;
    padding-left: 0px;
  }
  .talk-business {
    height: 65vh;
    text-decoration: none;
  }
  .some-more {
    height: 44vh;
  }
  .some-more.hoverr.home {
    height: 65vh;
    margin-top: -5px;
  }
  .home-works {
    padding-bottom: 102px;
  }
  .note {
    position: static;
    margin-top: 25px;
    font-size: 18px;
    line-height: 21px;
  }
  .note.z {
    position: relative;
    z-index: 1;
  }
  .home-career.landscape {
    height: auto;
  }
  .n-gif {
    position: absolute;
    top: 10%;
    right: 13px;
    display: block;
    width: 176px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: auto;
  }
  .app1._3 {
    background-color: #fff;
  }
  .app1.landscape {
    border-bottom: 1px solid #f17103;
  }
  .coffe {
    top: 66px;
    right: -14px;
    bottom: auto;
    display: block;
    width: 224px;
    max-width: 99%;
  }
  .coffe.teklif {
    top: auto;
    right: -14px;
    bottom: -1px;
  }
  .lighthouse {
    width: 130px;
  }
  .brief {
    left: 272px;
    top: -64px;
    right: -98px;
    z-index: -1;
    width: 350px;
  }
  .ship {
    right: -5px;
    bottom: 3px;
    width: 224px;
    -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
  }
  .like {
    left: auto;
    top: 74px;
    right: 24px;
    bottom: auto;
    z-index: 0;
    width: 169px;
  }
  .h3_port {
    margin-top: 25px;
    padding-left: 10px;
  }
  .h3_port.cont-block {
    padding-left: 0px;
  }
  .turuncu_cizgi.c {
    margin-left: 3px;
  }
  .text_allign {
    padding-right: 126px;
    padding-left: 126px;
  }
  .column1 {
    padding-left: 0px;
  }
  .column2 {
    padding-right: 0px;
  }
  .allign_port {
    display: block;
    text-align: center;
  }
  .n-mobile {
    position: absolute;
    top: 0px;
    right: 19px;
    display: block;
    width: 150px;
    margin-top: 71px;
    margin-right: auto;
    margin-left: auto;
  }
  .no-padding {
    padding-left: 0px;
  }
  .fa.fa-behance.fa-2x.social {
    margin-left: 10px;
  }
  .cont-block {
    padding-left: 9px;
  }
  .margin {
    margin-top: 30px;
  }
  .contact {
    margin-bottom: 74px;
    padding-right: 35px;
    padding-left: 15px;
  }
  .services-list {
    margin-top: 22px;
    padding-left: 0px;
  }
  .ab {
    display: none;
  }
  .none {
    display: none;
  }
  .scroll-down {
    bottom: 0px;
    height: 77px;
    margin-left: -29px;
  }
  .scroll-down:hover {
    bottom: -5px;
  }
  .scroll-down.son {
    bottom: 0px;
  }
  .scroll-down.son:hover {
    bottom: -5px;
  }
  .scls {
    margin-bottom: 53px;
  }
}

@media (max-width: 479px) {
  .navbar.or {
    height: 46px;
  }
  .navbar.ds {
    height: 46px;
  }
  .navmenu {
    margin-top: -14px;
    padding-top: 20px;
    padding-left: 9px;
    background-color: #f17103;
  }
  .menu_btn {
    padding: 7px 8px;
    -webkit-transition: margin 200ms ease-out;
    transition: margin 200ms ease-out;
  }
  .menu_btn.w--open {
    background-color: #f17103;
    color: #fff;
  }
  .logo {
    display: block;
    max-width: 74%;
    margin-top: 9px;
    margin-left: 13px;
    padding-top: 0px;
    padding-right: 0px;
  }
  .nav_link {
    width: 97%;
    margin-left: 0px;
    border-bottom-style: none;
    color: #fff;
    line-height: 21px;
  }
  .nav_link:hover {
    margin-left: 0px;
    color: #fff;
  }
  .scl {
    margin-right: -10px;
    padding-top: 19px;
    padding-right: 3px;
  }
  .scl.dil {
    position: relative;
    z-index: 1001;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: -20px;
    padding: 6px 8px 1px;
    border-left: 1px solid #f0f0f0;
    background-color: #fff;
  }
  .scl_btn {
    max-width: 86%;
    margin-right: 14px;
    margin-bottom: -5px;
    padding-right: 7px;
  }
  .scl_btn:hover {
    max-width: 60%;
  }
  .body {
    overflow: visible;
    background-color: #fff;
  }
  .header {
    padding-top: 29px;
    padding-bottom: 21px;
  }
  .nav_icn {
    display: inline-block;
    margin-top: 0px;
    margin-right: 11px;
    margin-bottom: 68px;
    float: none;
  }
  .nav_icn_desktop {
    display: none;
    float: right;
  }
  .nav_icn_desktop.home {
    display: block;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .bolum_title {
    height: 46px;
  }
  .beyazlogo.w--current {
    height: 45px;
    margin-right: 0px;
    padding-right: 0px;
  }
  .bolum-link {
    margin-top: 10px;
    margin-left: 0px;
    padding: 5px 15px 0px;
    font-size: 15px;
  }
  .btn {
    margin-top: 1px;
    margin-left: 0px;
    color: #f17103;
    font-size: 14px;
    line-height: 6px;
    text-align: left;
  }
  .btn:active {
    color: #f17103;
  }
  .btn.box-btn {
    position: absolute;
    left: 14px;
    top: 74%;
    display: block;
    margin-top: -26px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 23px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
  }
  .btn.beyaz {
    margin-left: 15px;
  }
  .btn.beyaz.hoverr {
    margin-left: 15px;
  }
  .btn.subs {
    margin-left: 0px;
  }
  .btn.hoverr {
    margin-bottom: 81px;
    margin-left: 15px;
  }
  .btn.btn-approach {
    position: relative;
    left: 0px;
    z-index: 1;
    margin-left: 20px;
  }
  .btn.btn-approach.start {
    margin-left: 20px;
  }
  .footer_sec {
    padding-top: 6px;
  }
  .icerik {
    height: 100vh;
  }
  .icerik.home-about {
    height: 100vh;
    background-position: -444px 0px;
  }
  .icerik.home-about.landscape {
    background-position: -429px 0px;
  }
  .icerik.home-work {
    padding-top: 0px;
  }
  .icerik.icerik-about {
    padding-top: 110px;
    background-position: 36% 0px;
    background-size: 753px;
  }
  .icerik.landscape.deyil {
    height: 100vh;
  }
  .input {
    max-width: 279px;
    margin-left: 0px;
    font-family: 'Helveticaneueltpro roman', sans-serif;
    font-size: 18px;
  }
  .footer-nav-menu-li {
    padding-left: 11px;
    font-size: 21px;
    line-height: 28px;
  }
  .footer-logo {
    margin-left: 10px;
  }
  .footer-col {
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin-bottom: 59px;
    color: #b3b3b3;
    text-align: left;
  }
  .home-section-1.deneme {
    height: 100vh;
    margin-top: 0px;
    padding-bottom: 0px;
  }
  .home-section-1.deneme.stud {
    height: auto;
    padding-bottom: 123px;
  }
  .home-section-1.deneme.landscape {
    height: auto;
  }
  .headline {
    display: block;
    margin: 45px auto 0px 15px;
    color: #f17103;
    font-size: 34px;
    line-height: 35px;
    text-align: left;
  }
  .headline.beyaz {
    margin-left: 15px;
    font-size: 23px;
    line-height: 29px;
    cursor: pointer;
  }
  .headline.gri {
    display: block;
    margin-right: auto;
    margin-left: 15px;
    font-size: 23px;
    line-height: 30px;
    cursor: pointer;
  }
  .headline.turuncu {
    margin-top: 147px;
    margin-left: 13px;
    font-size: 37px;
    line-height: 34px;
    text-align: left;
  }
  .headline.app {
    margin-left: 20px;
    font-size: 38px;
    line-height: 42px;
  }
  .headline.app.z {
    position: relative;
    z-index: 1;
  }
  .headline.contact_h1 {
    margin-left: 14px;
    font-size: 46px;
  }
  .headline.sld1 {
    margin-top: 25px;
    margin-left: 15px;
    font-size: 37px;
    line-height: 34px;
    text-align: left;
  }
  .headline.abouts {
    font-size: 43px;
    line-height: 38px;
  }
  .headline.felan {
    margin-top: 60px;
    margin-bottom: 5px;
    line-height: 36px;
  }
  .description {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
  }
  .description.home-work {
    margin-top: 17px;
    margin-left: 14px;
  }
  .description.home-work.w {
    color: #a2a2a2;
  }
  .description.pbeyaz {
    margin-left: 14px;
    text-align: left;
  }
  .description.h2mobile {
    display: none;
  }
  .description.beyaz.no-margin.contact {
    padding-left: 16px;
    font-size: 16px;
    line-height: 21px;
  }
  .description.as.def.son {
    position: relative;
    margin-top: 20px;
  }
  .description.def {
    width: 67%;
    margin-top: 1px;
    margin-left: 20px;
    font-size: 12px;
    line-height: 19px;
  }
  .description.about {
    color: #d5d5d5;
  }
  .bottom-row {
    position: absolute;
    bottom: 92px;
    margin-top: 12px;
  }
  .bottom-row.meet.hs {
    position: relative;
    top: 20px;
  }
  .right-nav.approach-indicator {
    display: none;
    font-size: 25px;
    line-height: 40px;
  }
  .portfolio-col.none {
    display: none;
  }
  .see-work {
    min-height: 225px;
  }
  .see-work.work-title {
    min-height: 202px;
  }
  .bottom-title.t-b {
    padding-left: 0px;
    cursor: pointer;
  }
  .talk-business {
    cursor: pointer;
  }
  .some-more {
    background-position: -268% 50%;
  }
  .end-sec {
    margin-top: 0px;
  }
  .right-nav-li3 {
    margin-right: 39px;
  }
  .home-works {
    padding-bottom: 111px;
  }
  .note {
    position: relative;
    margin-top: 11px;
    margin-left: 20px;
    padding-left: 2px;
    color: #ccc;
    font-size: 16px;
    line-height: 17px;
  }
  .note.z {
    z-index: 1;
  }
  .home-career.landscape {
    height: auto;
  }
  .n-gif {
    position: static;
    left: 0px;
    top: 70px;
    right: 0px;
    display: none;
    width: 250px;
    margin-top: 35px;
    margin-left: -8px;
    float: left;
  }
  .app1.landscape {
    border-bottom: 1px solid #f17103;
  }
  .coffe {
    top: 343px;
    right: -58px;
    z-index: 0;
    display: none;
    width: 281px;
  }
  .coffe.mobile-gif {
    display: block;
  }
  .coffe.teklif {
    display: block;
    width: 172px;
  }
  .lighthouse {
    right: -2px;
    width: 100px;
  }
  .brief {
    left: auto;
    top: -149px;
    right: -34px;
    width: 286px;
  }
  .ship {
    right: -64px;
    bottom: 4px;
    z-index: 0;
    width: 217px;
    -webkit-perspective: 929px;
    perspective: 929px;
    -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
  }
  .like {
    top: 69px;
    right: 6px;
    width: 100px;
  }
  .sec-title-indicator {
    display: none;
    float: right;
  }
  .mobile-gif {
    position: absolute;
    top: 55px;
    right: 8px;
    display: block;
    width: 84px;
    margin-top: 43px;
  }
  .mobile-gif.cof {
    right: 13px;
    width: 110px;
  }
  .pbeyaz {
    color: #c9c9c9;
  }
  .icerik_port {
    padding-top: 100px;
  }
  .h1_port {
    font-size: 50px;
  }
  .type_orange {
    font-family: 'Helveticaneueltpro roman', sans-serif;
    color: #c9c9c9;
  }
  .h3_port {
    margin-bottom: 15px;
    padding-left: 0px;
    font-size: 15px;
  }
  .h3_port.cont-block {
    margin-top: 38px;
    margin-bottom: 13px;
    padding-left: 3px;
  }
  .h3_port.cont-block.s {
    margin-left: 0px;
  }
  .turuncu_cizgi {
    height: 1px;
  }
  .turuncu_cizgi.c {
    margin-left: 7px;
  }
  .text_allign {
    padding: 57px 20px;
  }
  .column1.none {
    display: none;
  }
  .column2.none {
    display: none;
  }
  .desc_head {
    line-height: 0px;
  }
  .fxc {
    display: none;
  }
  .boslukkoy {
    margin-bottom: 16px;
  }
  .n-mobile {
    position: static;
    width: 250px;
    margin-top: 82px;
  }
  .form_sytle {
    color: #eee;
  }
  .kln2 {
    position: relative;
    display: block;
  }
  .no-padding {
    padding-left: 0px;
  }
  .fa.fa-behance.fa-2x {
    margin-left: 0px;
  }
  .cont-block {
    margin-bottom: 41px;
    padding-left: 3px;
  }
  .contact {
    margin-bottom: 52px;
    padding-left: 17px;
  }
  .none {
    display: none;
  }
  .scroll-down {
    left: 90%;
    right: -29px;
    bottom: 0px;
    z-index: 999;
    height: 105px;
    padding-top: 9px;
    padding-left: 9px;
  }
  .scroll-down:hover {
    bottom: -5px;
  }
  .scroll-down.son {
    position: absolute;
    left: auto;
    right: 18px;
    bottom: 0px;
    height: 87px;
    margin-top: -80px;
  }
  .scroll-down.son.w--current {
    padding-top: 0px;
  }
  .scroll-down.scrl2 {
    bottom: 77px;
  }
  .overflow {
    overflow: hidden;
  }
  ._100 {
    position: relative;
    left: 50%;
    overflow: visible;
    min-width: 739px;
    margin-left: -380px;
  }
  ._100.eksi {
    margin-left: -368px;
  }
}

@font-face {
  font-family: 'Helveticaneueltpro roman';
  src: url('../fonts/HelveticaNeueLTPro-Roman.eot') format('embedded-opentype'), url('../fonts/HelveticaNeueLTPro-Roman.woff') format('woff'), url('../fonts/HelveticaNeueLTPro-Roman.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Helveticaneueltpro hv';
  src: url('../fonts/HelveticaNeueLTPro-Hv.eot') format('embedded-opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Helveticaneueltpro lt';
  src: url('../fonts/HelveticaNeueLTPro-Lt.eot') format('embedded-opentype'), url('../fonts/HelveticaNeueLTPro-Lt.woff') format('woff'), url('../fonts/HelveticaNeueLTPro-Lt.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Helveticaneueltpro md';
  src: url('../fonts/HelveticaNeueLTPro-Md.eot') format('embedded-opentype'), url('../fonts/HelveticaNeueLTPro-Md.woff') format('woff'), url('../fonts/HelveticaNeueLTPro-Md.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Helveticaneueltpro bd';
  src: url('../fonts/HelveticaNeueLTPro-Bd.eot') format('embedded-opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Stag black';
  src: url('../fonts/Stag-Black.eot') format('embedded-opentype'), url('../fonts/Stag-Black.woff') format('woff'), url('../fonts/Stag-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Stag bold';
  src: url('../fonts/Stag-Bold.eot') format('embedded-opentype'), url('../fonts/Stag-Bold.woff') format('woff'), url('../fonts/Stag-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Stag book';
  src: url('../fonts/Stag-Book.eot') format('embedded-opentype'), url('../fonts/Stag-Book.woff') format('woff'), url('../fonts/Stag-Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Stag';
  src: url('../fonts/Stag-BookItalic.eot') format('embedded-opentype'), url('../fonts/Stag-LightItalic.woff') format('woff'), url('../fonts/Stag-BookItalic.woff') format('woff'), url('../fonts/Stag-BookItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Stag light';
  src: url('../fonts/Stag-Light.eot') format('embedded-opentype'), url('../fonts/Stag-Light.woff') format('woff'), url('../fonts/Stag-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Stag medium';
  src: url('../fonts/Stag-Medium.eot') format('embedded-opentype'), url('../fonts/Stag-Medium.woff') format('woff'), url('../fonts/Stag-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Stag semibold';
  src: url('../fonts/Stag-Semibold.eot') format('embedded-opentype'), url('../fonts/Stag-Semibold.woff') format('woff'), url('../fonts/Stag-Semibold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Stag';
  src: url('../fonts/Stag-LightItalic.eot') format('embedded-opentype'), url('../fonts/Stag-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Helveticaneueltpro bd';
  src: url('../fonts/HelveticaNeueLTPro-Bd.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Helveticaneueltpro hv';
  src: url('../fonts/HelveticaNeueLTPro-Hv.woff') format('woff'), url('../fonts/HelveticaNeueLTPro-Hv.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Helveticaneueltpro bd';
  src: url('../fonts/HelveticaNeueLTPro-Bd.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}