html,body {width: 100%;font-family: 'Raleway', sans-serif;font-size:16px;}
#maximizeChat{display:none !important;}
video
{
    position: fixed;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -100;transform: translateX(-50%) translateY(-50%);
    background: url('../video/istanbul-reklam-ajanslari.jpg') no-repeat;background-size: cover;transition: 1s opacity;
}
a, h1, h2, h3, h4, h5, h6 {font-family: 'Raleway', sans-serif;}
a:hover {text-decoration:none;}
img.serit {width:100%;}
.container {max-width:1000px;margin:auto;}
header.main {display:block; background:rgba(0,0,0,.95);height:100px;position:absolute;top:-200px;border-bottom:1px solid #000;padding-top:7px;}
header a {display: table;}

section.welcome {background:url(../images/dots.png);width:100%;height:100%;}
section.welcome .uk-vertical-align {width:100%;height:85%;max-height:85%;}
section.welcome .uk-vertical-align-middle {width:100%;}
section.welcome h1.title {display:table;margin:auto;text-align:center;color:#fff;letter-spacing:2px;font-size:16px;border-bottom:1px solid #fff;}
section.welcome div.notes {width:75%;height:250px;margin:auto;position:relative;top:-50px}
section.welcome div.notes p{font-size:64px;color:#fff;display:block;text-align:center;line-height:64px;}
section.welcome div.notes span{display:block;font-size:32px;color:#ffdd00 ;}
section.welcome .uk-slideshow li{width:100%;height:350px;padding-top:100px;}

h2.style1 {text-align:center;background:url(../images/divider.png) center repeat-x;width:45%;margin:auto;}
h2.style2 {text-align:left;background:url(../images/hr-yellow.png) left bottom no-repeat;width:100%;margin:auto;color:#ffff00;}
h2 span {background:#ffdd00;padding:0 15px;display:table;margin:auto;}
p.h2 {width: 55%;text-align:center;margin:25px auto;line-height:24px;}

section.work           {padding-top:50px;padding-bottom:250px;background:#ffdd00 url(../images/bg-work.jpg) center bottom no-repeat;}
section.work  ul  li   {margin-top:50px;}
section.work  ul  li img {display:block;float:left;height:75px;width:75px;padding:3px;border-radius:50%;border:3px solid rgba(255,255,255,.8);margin-bottom:120px;margin-right:20px;}
section.work  ul  li a {color:#000;font-weight:bold;}
section.work  ul  li p {}

section.transparent    {padding-top:50px;padding-bottom:50px;background:url(../images/dots.png);color:#fff;}
section.transparent h2 {color:#fff;background:url(../images/divider.png) left repeat-x;width:auto;display:table;padding-top:15px;font-size:32px;}
section.transparent p  {text-align:center;}
section.transparent p span  {color:#ffdd00}
section.transparent blockquote  {border:0!important;font-size:32px;font-style: normal!important;line-height:48px;text-align:center;}
section.transparent blockquote i.first {position:relative;top:-15px;}
section.transparent blockquote i.last  {position:relative;bottom:-20px;}
section.transparent blockquote span  {display:block;font-size:13px;}

section.white {padding-top:50px;padding-bottom:50px;background:#fff;}
section.black {padding-top:3px;padding-bottom:3px;background:#000;}

section.personel {padding-top:50px;padding-bottom:50px;background:#fff;}
section.personel h2 span{background:#fff;padding:0 15px;display:table;margin:auto;}
section.personel ul li  {padding-bottom:25px;margin-bottom:25px;}
section.personel ul img {display:block;margin:auto;width: 75%;}
section.personel ul h3  {font-size:13px;}
section.personel ul h3 strong {display:block;}
section.personel ul li p{font-size:13px;}
section.personel ul li p strong {display:block;}

section.reference     {padding-top:50px;padding-bottom:50px;background:#fff;}
section.reference h2 span {background:#fff;padding:0 15px;display:table;margin:auto;}
section.reference ul li   {padding:15px;}
section.reference ul li a {border:1px solid #e0e0e0;display:block;}

nav.welcome {position:absolute;bottom:25px;left:0;right:0}
nav.welcome ul {display:table;margin:auto;padding-left:0!important;}
nav.welcome ul li {list-style: none;display:inline-block;margin:0 20px;}
nav.welcome ul li a {color:rgba(256,256,256,.9);font-size:12px;text-transform:uppercase}
nav.welcome ul li a:hover {color:#fff;}

nav.welcome ul.lang {float:right;margin-right:15px}
nav.welcome ul li {margin:0 10px;}

nav.welcome ul.social {float:left;margin-left:15px}
nav.welcome ul li {margin:0 10px;}

nav.welcome hr {margin:10px 0!important;border-top:1px solid rgba(256,256,256,.6)}
iframe {width:96%;height:500px;margin:2%;}

nav.header {position:absolute;bottom:25px;left:0;right:0}
nav.header ul {display:table;margin:auto;}
nav.header ul li {list-style: none;display:inline-block;margin:0 15px;}
nav.header ul li a {color:#333;font-size:14px;text-transform:uppercase}
nav.header ul li a:hover {color:#000;}

#bizkimiz {background:#000 url(../images/bg-bizkimiz.jpg);height:100vh;position:relative;}
#bizkimiz .container {position:absolute;left:150px;bottom:100px;width: 1000px;}
#bizkimiz .transparent-logo {position: absolute;top:57px;left:250px}
#bizkimiz .separator {position: absolute;top:0px;left:500px;}
#bizkimiz h2 {font-size:32px;padding-left:100px;}
#bizkimiz p {margin-top:15px;color:#868f98;line-height:24px;padding-left:100px;width: 850px;font-size:18px;}
#bizkimiz span {margin-top:15px;color:#ffff00;line-height:24px;padding-left:100px;width: 850px;font-size:18px;}

#neler-yapiyoruz {background:#000 url(../images/bg-neler-yapiyoruz.jpg);height:100vh;position:relative;}
#neler-yapiyoruz .container {position:absolute;left:150px;bottom:100px;}
#neler-yapiyoruz .transparent-logo {position: absolute;top:57px;left:250px}
#neler-yapiyoruz .separator {position: absolute;top:0px;left:500px;}
#neler-yapiyoruz h2 {font-size:32px;padding-left:100px;}
#neler-yapiyoruz p {margin-top:15px;color:#868f98;line-height:24px;padding-left:100px;width: 850px;font-size:16px;}
#neler-yapiyoruz p.white {color:#eee;}
#neler-yapiyoruz strong {color:#ffff00;}
#neler-yapiyoruz .work-list {margin-left:100px;padding-left:0!important;;margin-top:35px;width: 1300px;}
#neler-yapiyoruz .work-list-text {margin-left:100px;padding-left:0!important;;margin-top:35px;width: 1300px;}
#neler-yapiyoruz .work-list-text li {border-left:3px solid #ffff00;}
#neler-yapiyoruz .work-list-text li a{font-size:12px;color:#ccc;display: block;padding-left:15px;}
#neler-yapiyoruz .work-list-text li a:hover{color:#fff;}

#referanslar {background:#000 url(../images/bg-neler-yapiyoruz.jpg);height:100vh;position:relative;}
#referanslar .container {position:absolute;left:150px;bottom:100px;}
#referanslar .transparent-logo {position: absolute;top:57px;left:250px}
#referanslar .separator {position: absolute;top:0px;left:500px;}
#referanslar h2 {font-size:32px;padding-left:100px;}
#referanslar p {margin-top:15px;color:#868f98;line-height:24px;padding-left:100px;width: 850px;font-size:16px;}
#referanslar strong {color:#fff;}
#referanslar .work-list {margin-left:100px;padding-left:0!important;;margin-top:35px;width: 1000px;}
#referanslar .work-list li a {display:block;padding:3px;}
#referanslar .work-list li a img {border-radius: 5px;background:#fff;}

#portfolio {background:#000 url(../images/bg-neler-yapiyoruz.jpg);height:100vh;position:relative;}
#portfolio .container {position:absolute;left:150px;bottom:100px;}
#portfolio .transparent-logo {position: absolute;top:57px;left:250px}
#portfolio .separator {position: absolute;top:0px;left:500px;}
#portfolio h2 {font-size:32px;padding-left:100px;color:#fff;}
#portfolio p {margin-top:10px;margin-bottom:10px;color:#868f98;line-height:24px;padding-left:100px;width: 850px;font-size:16px;}
#portfolio strong {color:#fff;}
#portfolio img.ref-logo {width:125px;margin-left:100px;margin-bottom:25px;margin-top:15px;background:#fff;}
#portfolio img.referer {width:1200px;margin-left:100px;}

#category           {background:#000 url(../images/bg-neler-yapiyoruz.jpg);height:100vh;position:relative;}
#category .container{position:absolute;left:150px;bottom:100px;}
#category h2        {font-size:32px;padding-left:100px;color:#ffff00;}
#category i         {display:block;font-size:18px;padding-left:100px;color:#ccc;}
#category strong    {display:block;font-size:36px;padding-left:100px;color:#ffff00!important;margin:15px 0;}
#category p         {margin-top:10px;margin-bottom:10px;color:#868f98;line-height:24px;padding-left:100px;width: 850px;font-size:16px;}
#category strong    {color:#fff;}
#category img.ref-logo {width:125px;margin-left:100px;margin-bottom:75px;margin-top:50px;}

#iletisim           {background:#101417 url(../images/bg-neler-yapiyoruz.jpg) top center;color:#ccc;height:500px;position:relative; display:table;width:100%}

#iletisim .contact h3 {color:#ffff00;font-size:12px;margin:0;padding:0;text-transform:uppercase;}
#iletisim .contact h3:first-child {border-top:0}
#iletisim .contact address {color:#ccc;font-size:16px!important;line-height:32px;margin:0;padding:0 0 15px 0}
#iletisim .contact p {color:#ccc;font-size:16px!important;margin:0;}
#iletisim .contact a {color:#ffff00;font-size:16px!important;}

#iletisim ul.social li{float:right;margin-left:15px;list-style:none}
#iletisim  ul.social li a {display:block;border:1px solid #ccc;padding:5px 10px;color:#ccc;;border-radius:3px;}


@media screen and (max-width:600px)
{
    html {background: url(../images/dots.png), url(../images/bg-mobile.jpg) no-repeat center center;
        -webkit-background-size: auto, cover;-moz-background-size: auto, cover;
        -o-background-size: auto, cover;background-size: auto, cover;height:100vh}
    .hamburger {position:absolute;top:15px;left:15px;display:block;color:#ffff00}
    #my-id ul {margin-top:30px;}
    #my-id ul li {list-style: none;display:block;padding:5px 15px;}
    #my-id ul li a {color:#ffff00;font-size:12px;text-transform:uppercase;}

    #my-id ul.social {position:absolute;bottom:15px;}
    #my-id ul.social li {float:left;}
    #my-id ul.social li a{color:#ddd;}

    .container {padding:15px;}
    nav.welcome {display:none;}

    section.welcome h1.title {font-size:18px;border:0!important;line-height:30px;letter-spacing: 2px;}
    section.welcome div.notes {width:75%;height:250px;margin:auto;position:relative;top:-50px}
    section.welcome div.notes p{font-size:24px;color:#fff;display:block;text-align:center;line-height:64px;}
    section.welcome div.notes span{display:block;font-size:18px;color:#ffdd00 ;}
    section.welcome .uk-slideshow li{width:100%;height:350px;padding-top:100px;}

    #bizkimiz {background:#000 url(../images/bg-bizkimiz.jpg);height:100vh;position:relative;}
    #bizkimiz .container {position:absolute;left:3%;right:3%;bottom:3%;width:94%;}
    #bizkimiz .transparent-logo {position: absolute;top:50px;left:15px}
    #bizkimiz .separator {position: absolute;top:0;left:65%;}
    #bizkimiz h2 {font-size:24px;width:90%;padding-left:0}
    #bizkimiz p {font-size:13px;width:90%;padding-left:0}
    #bizkimiz span {margin-top:15px;color:#ffff00;line-height:24px;padding-left:100px;width:90%;font-size:18px;}

    #neler-yapiyoruz {background:#000 url(../images/bg-neler-yapiyoruz.jpg);height:165vh;position:relative;}
    #neler-yapiyoruz .container {position:absolute;left:3%;right:3%;bottom:3%;width:94%;}
    #neler-yapiyoruz .transparent-logo {position: absolute;top:50px;left:15px}
    #neler-yapiyoruz .separator {position: absolute;top:0;left:65%;}
    #neler-yapiyoruz h2 {font-size:24px;width:90%;padding-left:0}
    #neler-yapiyoruz p {font-size:13px;width:90%;padding-left:0}
    #neler-yapiyoruz .work-list {margin-left:0;padding-left:0!important;;margin-top:35px;width: 94%}
    #neler-yapiyoruz .work-list  li {height:75px;display:block;}
    #neler-yapiyoruz .work-list-text {display:none;}

    #referanslar {background:#000 url(../images/bg-neler-yapiyoruz.jpg);height:165vh;position:relative;}
    #referanslar .container {position:absolute;left:3%;right:3%;bottom:3%;width:94%;}
    #referanslar .transparent-logo {position: absolute;top:50px;left:15px}
    #referanslar .separator {position: absolute;top:0;left:65%;}
    #referanslar h2 {width:90%!important;padding-left:0;font-size:24px;}
    #referanslar p  {width:90%!important;padding-left:0;font-size:13px;}
    #referanslar strong {color:#fff;width:90%!important;}
    #referanslar .work-list {margin-left:0;padding-left:0!important;;margin-top:35px;width:94%;}
    #referanslar .work-list li a {display:block;padding:3px;}
    #referanslar .work-list li a img {border-radius: 5px;background:#fff;}

    #portfolio {background:#000 url(../images/bg-neler-yapiyoruz.jpg);height:115vh;position:relative;}
    #portfolio .container {position:absolute;left:3%;right:3%;bottom:3%;width:94%;}
    #portfolio .transparent-logo {position: absolute;top:50px;left:15px}
    #portfolio .separator {position: absolute;top:0;left:65%;}
    #portfolio h2 {width:90%!important;padding-left:0;font-size:24px;}
    #portfolio p  {width:90%!important;padding-left:0;font-size:13px;}
    #portfolio strong {color:#fff;}
    #portfolio img.ref-logo {width:125px;margin-left:0;margin-bottom:25px;margin-top:15px;background:#fff;}
    #portfolio img.referer {width:90%;margin-left:0;}

    #iletisim .contact {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);padding:35px;}
}