/* RESET */
*{ -webkit-transition: background 0.1s ease; -moz-transition: background 0.1s ease; -o-transition: background 0.1s ease; -ms-transition: background 0.1s ease; transition: background 0.1s ease; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -o-transition: width 0.3s ease; -ms-transition: width 0.3s ease; transition: width 0.3s ease; margin:0; padding:0; outline:0 }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,
q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
button{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight:normal; vertical-align: baseline; background:transparent }

/* GENEL */
body { background:#fff; color:#000; font-size:18px; font-family: 'gotham_narrowbook' }
.ortala { width:1000px; margin:0 auto }

/* TIPOGRAFI */
p { margin:15px 0; font-size:18px; font-family:'gotham_narrowbook';	text-align:justify }
ul { list-style:none }
a { color:#000;text-decoration:none }
a:hover { color:#666 }

/* FORM ELEMENTS */
input,select,textarea { border:none; outline:none; padding:10px; color:#666; width:100% }
button { cursor:pointer; padding:5px 10px; height:36px; border:1px solid #000 }
button:hover { background:#000; color:#fff }

/* FLOAT */
.fleft { float:left }
.fright { float:right }

/* TEXT-ALIGN */
.tleft { text-align:left }
.tright { text-align:right }

/* PASPAS */
.cboth { clear:both}

/* BLOK */
.blok { 	height:770px; clear:both; overflow:hidden }
.blok-inner { padding:75px 0; overflow:hidden }
.blok.sari { background-color:#f6db00 }
.blok.siyah { background-color:#000 }
.blok h3 { font-family: 'gotham_narrowthin'; font-size:30px }
.blok h3 > span{ clear:both; display:block; font-family:'gotham_narrowbold' }
.blok.sari h3,
.blok.siyah h3 { color:#fff; font-family:'gotham_narrowbold'}
.bleft { width:500px; float:left }
.bright {width:500px; float:right }
.grid { width:250px; float:left }

/* ANASAYFA */
.header { background:#000 url(../images/space-bg.png) no-repeat center bottom fixed; background-size:cover;}

/* LOGO */
.logo { margin-top:30px; float:left }
.logo a {font-size:48px; color:#fff; line-height:1; font-family:'gotham_narrowbold_italic' }
.logo a span { color:#f6db00 }

/* ANAMENU */
.anamenu { margin-top:30px; float:right }
.anamenu li { float:left; margin:0 10px; min-width:60px }
.anamenu li a { color:#fff; font-size:18px; font-family:'gotham_narrowthin' }
.anamenu li a span { font-family:'gotham_narrowbold'; display:block}
.anamenu li a:hover { color:#f6db00 }

/* SLOGAN */
.bslogan { clear:both; color:#fff; padding-top:150px; font-size:30px; text-align:center; font-family:'gotham_narrowthin'}
.bslogan span { font-family:'gotham_narrowbold' }

/* ASTRO */
.astro { background:url(../images/astro.png) no-repeat; width:299px; height:334px; position:relative; margin-left:300px; animation:anot 80s; -webkit-animation:anot 80s }
@keyframes anot { 0%   {left:-200px; bottom:-200px;} 100% {left:1000px; bottom:1000px;} }
@-webkit-keyframes anot { 0%   {left:-200px; bottom:-200px;} 100% {left:1000px; bottom:1000px;} }

/* OLDMAN SLOGAN */
.blok.oldman { background:#000 url(../images/oldman-bg.png) no-repeat top center fixed; background-size:cover }
.blok.oldman .bslogan { margin:100px 0 0 0 }

/* KURUMSAL */
.blok.kurumsal .video { width:400px; margin:95px 0 0 100px; font-size:18px; text-align:center; font-family: 'gotham_narrowbold' }
.blok.kurumsal .video span { clear:both; display:block; padding:0 20px; font-family: 'gotham_narrowbook' }

/* COZUMLER */
.blok.cozumler { background:#f6db00 url(../images/bee-bg.png) no-repeat top center fixed; background-size:cover }
.blok.cozumler p > span { font-family: 'gotham_narrowbold' }
.blok.cozumler .grid { text-align:left }

/* MUSTERILER */
.blok.musteriler ul { overflow:hidden }
.blok.musteriler ul li { float:left; padding:5px; width:156px; height:156px }
.blok.musteriler ul li img { width:156px; height:156px}
.portfolioFilter {overflow:hidden;height:30px;padding:10px}
.portfolioFilter a { display:block; float:left; font-size:12px; color:#d7d7d7; border:3px solid #ebebeb; padding:5px 20px; border-radius:20px; margin:0 5px 0 0 }
.portfolioFilter span { padding:8px; font-size:12px; float:right; color:#d7d7d7; }
.isotope,
.isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity }
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s }

/* PROJELER */
.blok.projeler  li { width:250px; margin:15px 0 0 0; float:left }
.blok.projeler  li h4 { font-size:20px }
.blok.projeler  li span { font-size:14px }

/* TEMAS */
.blok.temas ul,
.blok.temas ul.sm  { overflow:hidden; margin:30px 0 }
.blok.temas ul li { clear:both }
.blok.temas ul li a { font-size:14px }
.blok.temas ul li span{ font-family:'gotham_narrowbold'; width:100px; float:left }
.blok.temas ul.sm li { float:left; clear:none; text-indent:-9999px; margin:0 10px 0 0}
.blok.temas ul.sm li:hover { text-indent:0 }
.blok.temas ul.sm li a{ background-image:url(../images/icon-sm.png); background-repeat:no-repeat; display:block; width:24px; height:18px; padding:3px 0; border:1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.blok.temas ul.sm li a:hover{ width:70px; padding:3px 0 3px 30px }
.blok.temas ul.sm li a.fb{ background-position:0 0 }
.blok.temas ul.sm li a.tw{ background-position:0 -24px }
.blok.temas ul.sm li a.gp{ background-position:0 -48px }
.blok.temas ul.sm li a.in{ background-position:0 -72px }
.blok.temas ul.gf, 
.blok.temas h4 { width:400px; float:right }
.blok.temas h4 { margin: 30px 0 0 0 }
.blok.temas ul.gf li { margin:0 0 15px 0 }

/* FOOTER */
.blok.footer { height:60px; background:#000; color:#fff; font-size:12px; padding:20px 0 }
.blok.footer .bleft,
.blok.footer .bright { margin:0 }
.copyright { float:right; clear:both; color:#666; margin:10px 0 0 0 }
.footmenu li { float:left;margin:0 0 0 10px }
.footmenu li a { color:#fff;font-size:12px }
.footmenu li a:hover { color:#f6db00 }

/* FONT KIT */
@font-face {
    font-family: 'gotham_narrowbold';
    src: url('gothamnarrow-bold_0-webfont.eot');
    src: url('gothamnarrow-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothamnarrow-bold_0-webfont.woff') format('woff'),
         url('gothamnarrow-bold_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_narrowbold_italic';
    src: url('gothamnarrow-bolditalic_0-webfont.eot');
    src: url('gothamnarrow-bolditalic_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothamnarrow-bolditalic_0-webfont.woff') format('woff'),
         url('gothamnarrow-bolditalic_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_narrowbook';
    src: url('gothamnarrow-book_0-webfont.eot');
    src: url('gothamnarrow-book_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothamnarrow-book_0-webfont.woff') format('woff'),
         url('gothamnarrow-book_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_narrowbook_italic';
    src: url('gothamnarrow-bookitalic_0-webfont.eot');
    src: url('gothamnarrow-bookitalic_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothamnarrow-bookitalic_0-webfont.woff') format('woff'),
         url('gothamnarrow-bookitalic_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_narrowthin';
    src: url('gothamnarrow-thin_0-webfont.eot');
    src: url('gothamnarrow-thin_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothamnarrow-thin_0-webfont.woff') format('woff'),
         url('gothamnarrow-thin_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_narrowthin_italic';
    src: url('gothamnarrow-thinitalic_0-webfont.eot');
    src: url('gothamnarrow-thinitalic_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothamnarrow-thinitalic_0-webfont.woff') format('woff'),
         url('gothamnarrow-thinitalic_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}