*,*:before,*:after{box-sizing:border-box}
html{font-size:100%;scroll-behavior:smooth}
body{margin:0;font-family:'Open Sans','Helvetica Neue',sans-serif;font-size:16px;line-height:28px;font-weight:400;color:#313131;background:#fff;overflow-x:hidden}
a{color:#008ed6;text-decoration:none;transition:all .25s ease}
a:hover{color:#008ed6}
img{max-width:100%;height:auto;border:0;vertical-align:middle}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5{font-family:'Cabin','Helvetica Neue',sans-serif;font-weight:400;margin:0 0 10px}
h1{font-size:36px;line-height:40px}
h2{font-size:30px;line-height:34px}
h5{font-size:14px;line-height:18px}
p{margin:0 0 10px}
.container{width:100%;max-width:1170px;margin:0 auto;padding:0 15px}
.colored-line,.white-line{height:2px;width:80px;display:block;margin:auto}
.colored-line-left{height:2px;width:80px;display:block;background:#008ed6}
.colored-line{background:#008ed6}
.white-line{background:#fff}

/* STICKY NAV */
.sticky-navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;min-height:70px;box-shadow:0 2px 8px 0 rgba(50,50,50,.08)}
.sticky-navigation .container{display:flex;align-items:center;justify-content:space-between;min-height:70px}
.navbar-brand{display:block;padding:7px 7px 7px 0}
.navbar-brand img{max-height:56px;display:inline-block}
.main-navigation{font-family:Montserrat,sans-serif}
.main-navigation ul{display:flex}
.main-navigation li a{display:block;text-transform:uppercase;line-height:18px;margin:26px 18px;padding:0;font-size:14px;color:#313131}
.main-navigation li a:hover,.main-navigation li.current>a{color:#008ed6}
.navbar-toggle{display:none;background:none;border:0;padding:13px 10px;cursor:pointer}
.navbar-toggle .icon-bar{display:block;width:30px;height:4px;border-radius:2px;background:#008ed6;margin:5px 0}

/* HEADER / HERO */
.header{position:relative;overflow:hidden;background:#1c2b36 url(../images/header.jpg) no-repeat;background-size:cover;background-position:top center;background-attachment:fixed;padding-top:70px}
.header.page-head{background-attachment:scroll}
.header.page-head .overlay-layer{padding-top:60px;padding-bottom:60px}
.header.page-head .intro-section{margin-top:30px}
.header.page-head h2.intro{font-size:2.8rem;line-height:3.4rem}
.overlay-layer-wrap{position:relative;z-index:3;background:rgba(0,5,8,.6)}
.header .overlay-layer{padding-top:84px;padding-bottom:195px}
.intro-section{margin-top:130px;text-align:center;color:#fff}
h2.intro{font-size:3.75rem;line-height:5rem;text-align:center;color:#fff;margin:0}
.intro-section h5{margin-top:30px;margin-bottom:40px;line-height:28px;font-size:18px;text-align:center;font-family:'Open Sans',sans-serif;font-weight:300;color:#fff}
.standard-button{display:inline-block;border-radius:3px;text-transform:uppercase;letter-spacing:1px;font-size:16px;line-height:1.6;border:none;padding:18px 40px;color:#fff;font-weight:600;background-color:#00a5f9;box-shadow:inset 0 -3px 0 rgba(0,0,0,.3);cursor:pointer}
.standard-button:hover{color:#fff;background:#008ed6;text-decoration:none}
.standard-button:active{box-shadow:none}
.white-text{color:#fff}

/* CLIENTS */
.clients{background:rgba(255,255,255,.9);border-bottom:1px solid #dadfe3;position:relative;z-index:5}
.client-logos{text-align:center;margin:0}
.client-logos li{display:inline-block;margin:25px;vertical-align:middle}
.client-logos li a{display:block;padding:5px}
.client-logos li img{max-height:40px;opacity:.6;filter:grayscale(1);transition:all .25s}
.client-logos li img:hover{opacity:1;filter:none}

/* BRIEF / HAKKIMIZDA */
.brief{background:#fff;border-bottom:1px solid #eaebec}
.brief .section-overlay-layer{padding-top:80px;padding-bottom:115px}
.brief-row{display:flex;flex-wrap:wrap;align-items:center;margin:0 -15px}
.brief-col{width:50%;padding:0 15px}
.brief-image-left{margin-top:25px;overflow:hidden}
.brief-image-left img{float:left;width:95%}
.brief h2{margin-bottom:15px;margin-top:10px;font-size:2.4rem;line-height:3.125rem;color:#313131}
.brief .content-section{margin-top:15px;font-weight:300}
.brief p{margin-top:40px}

/* RIBBON / CALL TO ACTION */
.call-to-action{background:#1c2b36 url(../images/header.jpg) no-repeat;background-position:50% 50%;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;border-bottom:1px solid #eaebec;color:#fff}
.call-to-action .section-overlay-layer{padding:100px 0;background:rgba(0,5,8,.8)}
.call-to-action h2{margin-top:20px;margin-bottom:50px;font-size:2.4rem;line-height:3.125rem;color:#fff}
.ribbon-wrap{text-align:center}

/* TEAM / İLETİŞİM */
.team{background:#fff;border-bottom:1px solid #eaebec}
.section-header{margin-top:90px;margin-bottom:60px;text-align:center}
.section-header h2{margin:10px 0 20px;font-size:2.4rem;line-height:3.125rem;color:#313131}
.section-header .colored-line{margin:auto}
.contact-phone{text-align:center;padding-bottom:90px}
.contact-phone a{font-family:'Cabin',sans-serif;font-size:2.4rem;line-height:3rem;color:#008ed6}
.contact-phone .icon{display:block;font-size:30px;margin-bottom:10px;color:#008ed6}

/* FOOTER */
.footer{padding:40px 0;background:#fff}
.footer-links{text-align:center;margin:0}
.footer-links li{display:inline-block;padding:10px}
.footer-links li a{color:#454545}
.footer-links li a:hover{color:#008ed6}
.social-icons{text-align:center;margin-top:10px}
.social-icons li{display:inline-block;margin:0 5px}
.social-icons li a{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;color:rgba(49,49,49,.5);border:1px solid #e4e7e7}
.social-icons li a:hover{color:#313131}
.social-icons svg{width:16px;height:16px;fill:currentColor}
.powered-by{font-size:13px;margin-top:30px;border-top:1px solid #e4e7e7;padding-top:5px;text-align:center;color:rgba(49,49,49,.5)}
.powered-by a{color:#454545}

/* RESPONSIVE */
@media (max-width:991px){
  html{font-size:90%}
  body{font-size:15px;line-height:26px}
  .brief-col{width:100%}
  .brief-image-left{max-width:430px;margin:20px auto;padding-bottom:40px}
  .brief-image-left img{float:none;width:90%}
  .brief .section-overlay-layer{padding-bottom:40px}
  .brief-text{text-align:center}
  .brief-text .colored-line-left{margin:auto}
  .header,.call-to-action{background-attachment:scroll}
  .header .overlay-layer{padding-top:60px;padding-bottom:85px}
  .intro-section{margin-top:60px}
}
@media (max-width:767px){
  html{font-size:80%}
  .navbar-toggle{display:block}
  .sticky-navigation{position:relative}
  .sticky-navigation .container{flex-wrap:wrap}
  .main-navigation{display:none;width:100%}
  .main-navigation.open{display:block}
  .main-navigation ul{display:block}
  .main-navigation li a{margin:0;padding:10px;line-height:25px}
  .header{padding-top:0}
  .section-header{margin-top:75px;margin-bottom:50px}
  .call-to-action{background-position:center}
}
@media (max-width:580px){
  html{font-size:65%}
  body{font-size:13px;line-height:20px}
  .standard-button{padding:15px 35px}
  .section-header{margin-bottom:25px}
}

/* GALERI */
.gallery-section{padding:70px 0 90px;background:#fff}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0}
.gallery-grid li a{display:block;position:relative;overflow:hidden;border:1px solid #eaeaea;border-bottom:4px solid #eaeaea;border-radius:3px;background:#fff;padding:5px;transition:all .4s ease}
.gallery-grid li a:hover{border-bottom-color:#008ed6}
.gallery-grid li img{width:100%;aspect-ratio:8/5;object-fit:cover;display:block;transition:transform .4s ease}
.gallery-grid li a:hover img{transform:scale(1.04)}
.gallery-section .section-header{margin-top:0;margin-bottom:40px}

/* LIGHTBOX */
.lb{position:fixed;inset:0;z-index:9999;background:rgba(0,5,8,.92);display:none;align-items:center;justify-content:center;flex-direction:column}
.lb.open{display:flex}
.lb img{max-width:92vw;max-height:82vh;border:4px solid #fff;border-radius:3px;box-shadow:0 0 30px rgba(0,0,0,.6)}
.lb-btn{position:absolute;background:none;border:0;color:#fff;font-size:56px;line-height:1;cursor:pointer;padding:10px 18px;opacity:.8;font-family:Arial,sans-serif}
.lb-btn:hover{opacity:1;color:#00a5f9}
.lb-close{top:10px;right:14px;font-size:44px}
.lb-prev{left:6px;top:50%;transform:translateY(-50%)}
.lb-next{right:6px;top:50%;transform:translateY(-50%)}
.lb-count{color:#fff;margin-top:14px;font-size:14px;opacity:.8}

@media (max-width:991px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.header.page-head h2.intro{font-size:2.2rem;line-height:2.8rem}}
@media (max-width:420px){.gallery-grid{grid-template-columns:1fr}}

.skip-link{position:absolute;left:-9999px;top:0;z-index:2000;background:#fff;padding:8px 14px}
.skip-link:focus{left:10px;top:10px}