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, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, figcaption, footer, header, hgroup, menu, nav, section {margin:0; padding:0; border:0;}
div{cursor:default;}
:focus {outline:0;}
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.clearfix {display:inline-block} html[xmlns] .clearfix {display:block}
* html .clearfix {height:1%} .dis-none {display:none} .dis-block {display:block} .mauto {margin:auto}
.horizontal{margin:0; padding:0} .horizontal li{list-style-type:none; float:left; display:inline}
.vertical{margin:0; padding:0} .vertical li{list-style-type:none} html {/*overflow-y:scroll*/} *+html html {overflow-y:auto}
html, body {width:100%; height:100%;}
body {background:#36322e url(../img/bg.jpg); font-family: 'advent_proregular'; font-size:14px; color:#000;}
ol, ul {list-style:none; padding:0; margin:0;}
textarea, input, select {margin:0; padding:0; background:transparent; border:none; font-size:14px; font-family: Arial, Helvetica, sans-serif; color:#000;}
table {border-collapse:collapse;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {margin:5px 15px; quotes:"" "";}
ul, li, p, a, span, strong, i, em, label, textarea, input, select, img, h1, h2, h3, h4, :before {transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
a, a span, a strong, a em, label, a p {*cursor:pointer;}
a {font-size:12px; color:#000; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
a:hover strong {text-decoration:none;}
a:hover span {text-decoration:none;}
a:hover em {text-decoration:none;}
hr {*height:1px; border-color:#d7d7d7!important; border-style:solid!important; border-width:1px 0 0!important;}
label {font-size:15px; color:#000; text-decoration:none;}
label:hover {color:#000; text-decoration:none;}
h1 {margin-bottom:12px; font-size:20px; color:#000; line-height:24px;}
h2 {margin-bottom:12px; font-size:18px; color:#2d2d2d;}
h3 {margin-bottom:12px; font-size:18px;}
p {margin-bottom:12px; font-family: 'advent_promedium'; font-size:14px; color:#b7b7b7;}
h1 a {font-size:36px; color:#000;}
h2 a {font-size:18px; color:#18537d; text-decoration:underline; font-weight:normal;}
.cls {font-size:1px; line-height:1px; display:block; clear:both; height:1px;}
.left {float:left;}
.right {float:right;}
[class^="icon-"]:before,
[class*=" icon-"]:before {font-family: "fontello"; font-style:normal; font-weight:normal; speak:none; display:inline-block; text-decoration:none; width:1em; margin-right:.2em; text-align:center; font-variant:normal; text-transform:none; line-height:1em; /*margin-left:.2em;*/}
.icon-play:before { content: '\e800'; } /* '' */
.icon-volume-off-2:before { content: '\e801'; } /* '' */
.icon-down-open:before { content: '\e802'; } /* '' */
.icon-twitter-1:before { content: '\e803'; } /* '' */
.icon-left-open:before { content: '\e804'; } /* '' */
.icon-play-1:before { content: '\e805'; } /* '' */
.icon-right-open:before { content: '\e806'; } /* '' */
.icon-up-open:before { content: '\e807'; } /* '' */
.icon-share:before { content: '\e808'; } /* '' */
.icon-volume-off:before { content: '\e809'; } /* '' */
.icon-volume-down:before { content: '\e80a'; } /* '' */
.icon-volume-up:before { content: '\e80b'; } /* '' */
.icon-share-1:before { content: '\e80c'; } /* '' */
.icon-facebook-1:before { content: '\e80d'; } /* '' */
.icon-left-open-big:before { content: '\e80e'; } /* '' */
.icon-right-open-big:before { content: '\e80f'; } /* '' */
.icon-up-open-big:before { content: '\e810'; } /* '' */
.icon-down-open-big:before { content: '\e811'; } /* '' */
.icon-instagram-filled:before { content: '\e812'; } /* '' */
.icon-volume-down-2:before { content: '\e813'; } /* '' */
.icon-volume:before { content: '\e814'; } /* '' */
.icon-volume-up-2:before { content: '\e815'; } /* '' */
.icon-facebook-rect:before { content: '\e816'; } /* '' */
.icon-comment:before { content: '\e819'; } /* '' */
/* for ie7 */
.icon-play { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-volume-off-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-down-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-twitter-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-left-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-play-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-right-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-up-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-share { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-volume-off { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-volume-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-volume-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-share-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-facebook-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-left-open-big { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-right-open-big { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-up-open-big { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-down-open-big { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-instagram-filled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-volume-down-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-volume { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-volume-up-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-facebook-rect { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-comment { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
/* construction */
.const {width:500px; height:100%; margin:0 auto; position:relative;}
.const .logo {width:270px; height:142px; margin:0 0 0 -135px; position:absolute; top:10px; left:50%; z-index:2; background:url(../img/gamze_saygi_logo.png) no-repeat;}
.const .image {width:414px; height:365px; margin:-188px 0 0 -207px; position:absolute; top:60%; left:50%; z-index:1; background:url(../img/under_cons.jpg) no-repeat;}
/* site fit-width:980px */
/* container */
.container {width:980px; margin:0 auto 60px;}
.const .container {height:100%; margin:0 auto;}
/* header, menu */
header {width:100%; height:200px; display:inline-block; position: relative; box-sizing: border-box;}
header .logo,
header .lang {margin-top:10px; float:left;}
header .logo a {width:270px; height:142px; display:block; background:url(../img/gamze_saygi_logo.png) no-repeat; background-size: 100%; text-indent:-300px; overflow:hidden;}
header .lang {float:right;}
header .lang ul {display:inline-block; padding-top:3px;}
header .lang ul li {height:7px; float:left;}
header .lang ul li:first-child {border-right:1px solid #828082;}
header .lang ul li a {display:block; margin-top:-6px; padding:0 5px; font-size:14px; color:#b7b7b7;}
header .lang ul li a:hover {color:#fff;}
header .lang ul li.selected a {color:#b5830a;}
header .mobilmenu {display: none; position: absolute; top: 50%; right: 3%; font-family: 'advent_prolight'; font-size:30px; color:#b7b7b7; cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/* content */
.content {width:100%; display:inline-block; position: relative; box-sizing: border-box;}
section.grid {float:left; position:relative; box-sizing: border-box;}
.grid.col1 {width:270px; min-height:210px;}
.grid.col1.none {display: none;}
.contact .grid.col1 {padding-bottom:260px;}
.grid.col2 {width:710px;}
/* gallery effects */
.galleryEff {width:720px; margin-left: -10px; overflow:hidden;}
.galleryEff ul {/*width:103%; display:inline-block; margin:-5px 0 0 -5px;*/
display: -webkit-flex; display: flex;
-webkit-flex-direction: row; flex-direction: row;
-webkit-flex-wrap: wrap; flex-wrap: wrap;
-webkit-justify-content: space-around; justify-content: space-around;
-webkit-align-content: space-between; align-content: space-between;
-webkit-align-items: center; align-items: center;
}
.galleryEff ul li {/*width:132px; height:132px; margin: 6.5px; float:left;*/ background: rgba(187, 187, 187, 0.3);
width: 132px; height: 132px; display: inline-flex; margin: 0 6px 12px 6px; box-sizing:border-box; transition:all 0.5s ease;
}
.galleryEff ul li a {pointer-events: none;}
.galleryEff ul li.eff a {pointer-events: inherit;}
.galleryEff ul li span {display:block; position:relative; font-family: 'advent_promedium'; font-size:14px; color:#fff; overflow:hidden; opacity:0;}
.galleryEff ul li span {transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out;}
.galleryEff ul li span img {width: 100%; height: 100%;}
.galleryEff ul li.eff span {opacity:1;}
.galleryEff ul li span em {width:100%; padding:8px 3px; position:absolute; bottom:-100px; left:0; text-align:right; font-style:normal; background:rgba(181, 131, 10, 0.6); box-sizing: border-box;}
.galleryEff ul li span:hover em {bottom:0;}
/* menu */
.menu ul {}
.menu ul ol {display:none; margin:20px 0 0 10px;}
.menu ul > li {margin-bottom:15px;}
.menu ul > li li {margin-bottom:5px;}
.menu ul > li a {font-family: 'advent_prolight'; font-size:18px; color:#b7b7b7;}
.menu ul > li li a {font-size:16px;}
.menu ul > li:hover > a,
.menu ul > li li:hover > a,
.menu ul > li.selected > a,
.menu ul > li li.selected > a {color:#b5830a;}
/* biz - ekip */
.team {width:710px; height:567px; position:relative; overflow:hidden;}
.team .arrow {margin:-54px 0 0 0; display:none; position:absolute; top:50%; left:5px; z-index:2; font-size:54px; color:#fff; cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;}
.team .arrow.right {display:block; left:auto; right:-5px;}
.team .wrap {width:1420px; height:567px; position:absolute; top:0; left:0; z-index:1;}
.team .wrap .item {width:710px; height:567px; float:left; position:relative;}
.team .wrap .item.us {background: #000 url(../img/gamze-saygi.jpg) no-repeat;
-webkit-transition: background-image .25s ease-in-out;
-moz-transition: background-image .25s ease-in-out;
-ms-transition: background-image .25s ease-in-out;
-o-transition: background-image .25s ease-in-out;
transition: background-image .25s ease-in-out;
}
.team .wrap .item.us:hover {background-image: url(../img/gamze-saygi-over.jpg);}
.team .wrap .item.us p {width:250px; position:absolute; top: 70px; right: 100px; line-height:16px; box-sizing: border-box;}
.team .wrap .item.us p strong {font-family: 'advent_promedium'; font-weight:normal;}
.team .wrap .item.all .list {display:inline-block;}
.team .wrap .item.all .list li {width:176px; margin-left:2px; position:relative; float:left;}
.team .wrap .item.all .list li:first-child {margin-left:0;}
.team .wrap .item.all .list li > img {max-width: 100%;}
.team .wrap .item.all .list li > img.over {position:absolute; top: 0; left: 0; z-index: 1; opacity: 0;}
.team .wrap .item.all .list li:hover > img.over {opacity: 1;}
.team .wrap .item.all .list li > span {width:100%; min-height: 160px; padding:10px; position:absolute; bottom:-160px; left:0; z-index: 2; text-align:right; font-style:normal; background:rgba(181, 131, 10, 0.6); box-sizing: border-box;}
.team .wrap .item.all .list li > span span {display:block; padding: 7px 0; font-family: 'advent_prolight'; font-size: 14px; color:#fff; line-height:14px;}
.team .wrap .item.all .list li > span span:first-child {font-family: 'advent_promedium'; font-size:16px;}
.team .wrap .item.all .list li > span a {font-size: 14px; color: #fff;}
.team .wrap .item.all .list li:hover > span {bottom:0;}
.team .wrap .item.all .list li > span a:hover {text-decoration: underline;}
/* projects */
.projectContent {width: 100%; display: inline-block; vertical-align: top; position: relative;}
.projectContent .alert {padding: 20px; color: #fff; position: absolute; top: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.projectContent .detail {width:450px; height:410px; position:relative; float:left; box-sizing: border-box;}
.projectContent .detail figure {margin-bottom:10px; cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;}
.projectContent .detail figure > img {width: 100%;}
.projectContent .detail .info {width:100%; display:inline-block; font-size:14px; color:#b7b7b7;}
.projectContent .detail strong,
.projectContent .detail i,
.projectContent .detail em {font-weight:normal; font-style:normal;}
.projectContent .detail em {color:#b5830a;}
.projectContent .detail span {width:23px; height:11px; float:right; border:2px solid #b5830a; cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;}
.projectContent .detail span:hover {border-color:#b7b7b7;}
.projectContent .detail i {position:absolute; bottom:0; left:0;}
.projectContent .list {width:210px; height:410px; position:relative; float:right; overflow:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.projectContent .list ul {}
.projectContent .list ul li {margin-bottom:3px; font-size:14px; color:#b7b7b7; cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;}
.projectContent .list ul li:hover,
.projectContent .list ul li.selected {color:#b5830a;}
/* iletişim */
.contact .grid.col2 .info {width:100%; display: none;}
.contact .grid.col1 .info {width:100%; position:absolute; left:0; bottom:0;}
.contact .info p {font-family: 'advent_proregular'; font-size:14px; color:#b7b7b7;}
.contact .info p.share {padding-top: 20px;}
.contact .info strong {/*color:#b5830a;*/ font-weight:normal;}
.contact .info p a {font-family: 'advent_proregular'; font-size:14px; color:#b7b7b7;}
.contact .info .share a {font-size:16px; color:#b5830a;}
.contact .info p a:hover {color:#b5830a; text-decoration:underline;}
.contact .info .share a:hover i {color:#b7b7b7;}
.contact .map {width:710px;}
/* lightbox */
html.lb-fixed, html.lb-fixed body {overflow:hidden; position:relative;}
.lightbox {width:100%; height:100%; display:none; position:fixed; top:0; left:0; z-index: 10; background:rgba(40, 37, 35, 0.9); *filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9c282523', endColorstr='#9c282523');}
@media \0screen {.lightbox {filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9c282523', endColorstr='#9c282523');}}
.lightbox .lb-page {height:100%;}
.lightbox .lb-close {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;}
.lightbox .lb-page .lb-container {width: 100%; height: 100%;}
.lightbox .lb-page .lb-container .lb-content {padding:10px; position: absolute; top: 50%; left: 50%; z-index: 2; background:#b7b7b7;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.lightbox .lb-page .lb-container .lb-content .imgWrap {cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;}
.lightbox .lb-page .lb-container .lb-content img {max-width: 100%; max-height: 100%;}
.lightbox .lb-page .lb-container .lb-content .close {width:18px; height:18px; position:absolute; top:-18px; right:-18px; background:#b7b7b7; font-family: 'advent_probold'; font-size:20px; color:#b5830a; text-align:center; line-height:16px; cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;}
.lightbox .lb-page .lb-container .lb-content .bottom {min-width:100px; width:100%; height:18px; position:absolute; right:0; bottom:-28px; text-align:right; line-height:18px;}
.lightbox .lb-page .lb-container .lb-content .bottom strong,
.lightbox .lb-page .lb-container .lb-content .bottom strong em {font-family: 'advent_probold'; font-size:14px; color:#a8a7a7; font-weight:normal; font-style:normal;}
.lightbox .lb-page .lb-container .lb-content .bottom strong em {color:#b5830a;}
.lightbox .lb-page .lb-container .lb-content .bottom span {float:right;}
.lightbox .lb-page .lb-container .lb-content .bottom span em {width:18px; height:18px; float:left; margin-left:5px; background:#b5830a; font-size:18px; color:#fff; text-align:center!important; line-height:18px; cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;}
/* footer */
footer {}
@media screen and (max-width: 980px) {
.container {width: 100%;}
header {height: auto; padding: 0 3%;}
header .logo {margin: 10px 10px 10px 0;}
.content {padding: 0 3%;}
.grid.col1 {width: 25%;}
.grid.col2 {width: 75%;}
.galleryEff {width: 100%; margin: 0;}
.team {width:100%; height:auto;}
.team .arrow {display: none!important;}
.team .wrap {width:100%; height:auto; position: relative;}
.team .wrap .item {width:100%; height:auto; display: inline-block; vertical-align: top; float:none;}
.team .wrap .item.us {background-image: none!important;}
.team .wrap .item.us:before {content: ''; width: 220px; height: 310px; float: left; background: url(../img/gamze-saygi.jpg) no-repeat; background-size: cover;}
.team .wrap .item.us:hover:before {background-image: url(../img/gamze-saygi-over.jpg);}
.team .wrap .item.us p {padding: 10px; width:100%; position:relative; top:0; right:0;}
.team .wrap .item.all .list { background: #000;
display: -webkit-flex; display: flex;
-webkit-flex-direction: row; flex-direction: row;
-webkit-flex-wrap: wrap; flex-wrap: wrap;
-webkit-justify-content: space-around; justify-content: space-around;
-webkit-align-content: space-between; align-content: space-between;
-webkit-align-items: center; align-items: center;
}
.team .wrap .item.all .list li {width: 22%; display: inline-flex; margin: 10px 1% 2px!important; box-sizing: border-box;}
.team .wrap .item.all .list li > img {width: 100%; height: 100%;}
.team .wrap .item.all .list li > span {height: 160px; bottom: 0;}
.team .wrap .item.all .list li > span span {}
.team .wrap .item.all .list li > span span:first-child {}
.team .wrap .item.all .list li > span a {}
.contact .map {width: 100%;}
.contact .map iframe {width: 100%; height: 450px; margin-bottom: 20px;}
}
@media screen and (max-width: 768px) {
header .logo {margin: 10px 10px 10px 0;}
header .logo a {width: 240px; height: 126px;}
header .mobilmenu {display: block;}
header .lang {position: absolute; top: 10px; right:3%;}
.menu ul > li a {white-space: nowrap;}
.grid.col1 {width: 45%; padding: 10px; position: absolute; top: -50px; right: 3%; z-index: 3; background: #000; text-align: right;}
.grid.col2 {width: 100%; float: none; position: relative; z-index: 2;}
.contact .grid.col1 {padding-bottom: 0;}
.galleryEff {width: 100%; margin: 0;}
.galleryEff ul li span em {bottom: 0;}
.projectContent .detail {width: 100%; height: auto; margin-bottom: 20px; padding: 0 15%; float: none;}
.projectContent .list {width: 100%; height: auto; float: none;}
.projectContent .detail strong {display: block;}
.projectContent .detail .info {position: relative;}
.contact .grid.col1 .info {display: none;}
.contact .grid.col2 .info {display: block;}
}
@media screen and (max-width: 425px) {
.grid.col1 {width: auto; max-width: 100%;}
.galleryEff ul li {width: 112px; height: 112px;}
.team .wrap .item.us:before {width: 100%; height: 340px; margin-bottom: 20px; background-size: 160%;}
.team .wrap .item.all .list li {width:45%;}
.contact .map iframe {height: 350px;}
}
@media screen and (max-width: 375px) {
.galleryEff ul li {width: 132px; height: 132px;}
}