body {padding: 0; position: relative; height: 100%; background-color:#000; }   
.page-loading{width:100%; height:100%; display:block; position:fixed; left:0; top:0; background:#000; z-index:9999;}
.page-loading .loading-container{display:inline-block; position:absolute; left:7%; bottom: 10%;}
.page-loading .loading-container p{  font-family: 'HelveticaNeueLT Pro 65 Md 2';  font-size: 8vh;  line-height: 8.5vh;  color: #fff; margin-top: 60px;}
.page-loading .loading-container p:after{content:""; white-space: pre;}
.en-language .page-loading .loading-container p:after{content:"Loading...";}
.page-loading .loading { width: 104px; height: 176px; }
.page-loading .hourglass { width: 104px; margin: 0 auto; }
.page-loading .sand { margin: 0 auto; width: 56px; height: 120px; position: relative; top: -144px; }
.page-loading .grain { background-color: #fff; height: 8px; width: 8px; position: absolute; }
.page-loading .a, .b, .c, .d, .e, .f { background-color: #000; height: 8px; margin: 0 auto; }
.page-loading .a, .b, .c, .d, .e, .f { border-right: 16px solid #fff; border-left: 16px solid #fff; }
.page-loading .a { width: 72px; border-top: 8px solid #fff; border-bottom: 8px solid #fff; }
.page-loading .b { width: 72px; height: 32px; border-right: 8px solid #fff; border-left: 8px solid #fff; }
.page-loading .c { width: 56px; }
.page-loading .d { width: 40px; }
.page-loading .e { width: 24px; }
.page-loading .f { width: 8px; }
.page-loading .g1 { top: 0px; left: 0px; }
.page-loading .g2 { top: 0px; left: 16px; }
.page-loading .g3 { top: 0px; left: 32px; }
.page-loading .g4 { top: 0px; left: 48px; }
.page-loading .g5 { top: 8px; left: 8px; }
.page-loading .g6 { top: 8px; left: 24px; }
.page-loading .g7 { top: 8px; left: 40px; }
.page-loading .g8 { top: 16px; left: 16px; }
.page-loading .g9 { top: 16px; left: 32px; }
.page-loading .g10 { top: 24px; left: 24px; }
.page-loading .g11 { top: 40px; left: 24px; }
.page-loading .g12 { top: 64px; left: 24px; }
.page-loading .g13 { top: 72px; left: 24px; }
.page-loading .hide { display: none; }
.page-loading .moveg1 { left: 16px; top: 112px; }
.page-loading .moveg2 { left: 48px; top: 112px; }
.page-loading .moveg3 { top: 112px; }
.page-loading .moveg4 { left: 24px; top: 104px; }
.page-loading .moveg5 { top: 112px; left: 0px; }
.page-loading .moveg6 { left: 8px; top: 104px; }
.page-loading .moveg7 { top: 104px; }
.page-loading .moveg8 { top: 96px; }
.page-loading .moveg9 { top: 96px; }
.page-loading .moveg10 { top: 88px; }



.wrapper {height: 100% !important; margin: 0 auto; overflow: hidden; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; background-color:#fff;}
header {position: fixed; top: 0; left: 0; height: 130px; color: #fff; background: none; z-index: 1000; overflow: hidden; backface-visibility: hidden; padding-top:0; -webkit-transition: top 0.3s; -moz-transition: top 0.3s; transition: top 0.3s;  -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; text-align:center;}
header .bar {z-index: 2000; margin-top: 0px; position:relative; height: 130px; background: none;  -moz-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1); -o-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1); -webkit-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1); transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1); }
.menu-open { width: 30px; height: 60px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position:absolute; right:7%; top: 32px; text-align:initial;}
.menu-open .icon-left { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; height: 4px; width: 15px; top: 30px;}
.menu-open .icon-left:before { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 15px; height: 4px; content: ""; top: -10px; }
.menu-open .icon-left:after { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 15px; height: 4px; content: ""; top: 10px; }
.menu-open .icon-left:hover { cursor: pointer; }
.menu-open .icon-right { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; height: 4px; width: 15px; top: 30px; left: 15px; }
.menu-open .icon-right:before { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 15px; height: 4px; content: ""; top: -10px; }
.menu-open .icon-right:after { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 15px; height: 4px; content: ""; top: 10px; }
.menu-open.open .icon-left { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background-color:  transparent !important; }
.menu-open.open .icon-left:before { -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); }
.menu-open.open .icon-left:after { -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); }
.menu-open.open .icon-right { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background-color: transparent !important; }
.menu-open.open .icon-right:before { -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); }
.menu-open.open .icon-right:after { -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); }
.menu-open:hover { cursor: pointer; }

header .bar.white .menu-open .icon-left:before,
header .bar.white .menu-open .icon-left:after,
header .bar.white .menu-open .icon-right:before,
header .bar.white .menu-open .icon-left,
header .bar.white .menu-open .icon-right,
header .bar.white .menu-open .icon-right:after  {  background-color: #fff;}

header .bar.dark .menu-open .icon-left:before,
header .bar.dark .menu-open .icon-left:after,
header .bar.dark .menu-open .icon-right:before,
header .bar.dark .menu-open .icon-left,
header .bar.dark .menu-open .icon-right,
header .bar.dark .menu-open .icon-right:after  {  background-color: #3a373b;}

header .bar .menu-open.open .icon-left:before,
header .bar .menu-open.open .icon-left:after,
header .bar .menu-open.open .icon-right:before,
header .bar .menu-open.open .icon-right:after  {  background-color: #fff !important;}

header .bar.dark .menu-open.beyaz .icon-left:before,
header .bar.dark .menu-open.beyaz .icon-left:after,
header .bar.dark .menu-open.beyaz .icon-right:before,
header .bar.dark .menu-open.beyaz .icon-left,
header .bar.dark .menu-open.beyaz .icon-right,
header .bar.dark .menu-open.beyaz .icon-right:after  {  background-color: #fff !important;}

header .bar.dark .language-select a{color: #bf202f;}
header .bar.dark .language-select a.active{opacity:0.5}
header .bar.dark .language-select span {background:url(../images/new/slash-dark.png);}
.overlay-open header {background:transparent !important;}
.overlay-open header .bar .language-select span {background:url(../images/new/slash.png);}
.overlay-open header .bar .language-select a{color:#fff}



header .bar.white .header-logo{width: 200px; height:31px; float:left; background:url(../images/new/gs-white-logo.png); margin-top:49px; position:absolute; left:7%; }
header .bar.dark .header-logo{width: 200px; height:31px; float:left; background:url(../images/new/gs-grey-logo.png); margin-top:49px; position:absolute; left:7%;}
header .header-logo.beyaz{background:url(../images/new/gs-white-logo.png) !important;}
header .bar .language-select{width:auto; display:inline-block; margin-top: 62px;}
header .bar .language-select a{display:inline-block; float:left; font-family: 'HelveticaNeueLT Pro 65 Md'; font-size:16px; color:#fff; line-height: 25px;}
header .bar .language-select a.active{ opacity:0.3; font-family: 'HelveticaNeueLT Pro 45 Lt';}
header .bar .language-select span{ background:url(../images/new/slash.png); width:15px; height:24px; display:inline-block; float:left; margin: 0 5px;}

header.sub-page{background:#000;}
header.sub-page .socials{position:relative; margin-top: 24px; bottom: auto; display:inline-block}
header.sub-page .socials a{width: 16px; height: 16px; display:inline-block; margin: 0 6px; background:url(../images/new/button-set.png);}
header.sub-page .socials a.fb{background-position: -144px -148px;}
header.sub-page .socials a.tw{background-position: -144px -164px;}
header.sub-page .socials a.in{background-position: -144px -180px;}
header.sub-page .socials a.be{background-position: -144px -196px;}
header.sub-page .socials a.vimeo{background-position: -144px -212px;}
header.sub-page ul{float:right; display:inline-block; margin-top: 23px; margin-right: 50px;}
header.sub-page ul li{float:left; display:inline-block; }
header.sub-page ul li a{display:block; padding:0 10px; font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size:14px;}


.menu-overlay .adress {width:100%; margin-top:450px; font-family: 'HelveticaNeueLT Pro 45 Lt'; font-size:16px; text-align:center; position:absolute; color:#fff; line-height:28px;}
.menu-overlay .adress a,
.menu-overlay .adress span{margin:0 18px; display:inline-block; color:#fff;}

.overlay-open header .header-logo{width: 96px; height:29px; float:left; background:url(../images/new/gs-white-logo.png) !important; margin-top:35px;}
.menu-overlay {	position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(191,32,47,0.95);}
.menu-overlay nav {text-align: center; position: relative; top: 50%; height: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.menu-overlay ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; position: relative; max-width: 900px; text-align:center;}
.menu-overlay ul li {display: inline-block; padding: 0 3vw; position:relative;}
.menu-overlay ul li:after{ top:0; font-family: 'HelveticaNeueLT Std'; font-size: 28px; display:inline-block; content: "/"; position: absolute; right:0; top:0; color:#ffb400; line-height: 53px}
.menu-overlay ul li.last:after{display:inline-block; content: ""}
.menu-overlay ul li a {position:relative; color: #000; display: block; -webkit-transition: color 0.2s; transition: color 0.2s; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 32px; line-height:50px; }
.menu-overlay ul li a::before {color: #fff; content: attr(data-blur); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;}
.menu-overlay ul li a:hover::before{-webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); opacity: 0;}
.menu-overlay ul li a::after {white-space:nowrap; color: #000; content: attr(data-hover); position: absolute; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; opacity:0; left:0;}
.menu-overlay ul li a:hover::after{opacity: 1;}
.menu-overlay ul li a.no-cursor{cursor:default;}
.menu-overlay .socials{display:block; text-align:center; position:absolute; margin-top:400px; text-align:center;}
.menu-overlay .socials a{width: 24px; height: 24px; display:inline-block; margin: 0 8px; background:url(../images/new/button-set.png);}
.menu-overlay .socials a.fb{background-position: -20px -20px;}
.menu-overlay .socials a.tw{background-position: -44px -20px;}
.menu-overlay .socials a.in{background-position: -68px -20px;}
.menu-overlay .socials a.be{background-position: -92px -20px;}
.menu-overlay .socials a.vimeo{background-position: -116px -20px;}
.overlay-open .wrapper{-webkit-transform: scale(0.8); transform: scale(0.8);}
.overlay-contentscale {visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s; transition: transform 0.5s, visibility 0s 0.5s;}
.overlay-contentscale.open { visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }
@media screen and (max-height: 30.5em) {
	.menu-overlay nav {height: 70%; font-size: 34px; }
	.menu-overlay ul li {min-height: 34px;}
}
.main-scroll section{overflow: hidden;}
body.disabled-onepage-scroll .onepage-wrapper  section {min-height: 100%; height: auto;}
.main-cover{text-align:center; display:table; width: 100%; height:100%;}
.main-cover .text{display: inline-block; display:table-cell; vertical-align:middle; position:relative;}
.main-cover .text h1{font-family: 'HelveticaNeueLT Pro 95 Blk'; display:inline-block; font-size: 8vh; color:#bf202f;}
.main-cover .text p{font-family: 'HelveticaNeueLT Pro 65 Md'; line-height:34px; display:inline-block; font-size: 22px; color:#bf202f; margin-top: 10px; display:inline-block; text-align: right;}
.main-cover .text p span{display:block; text-align:center; color:#fff; margin-bottom:10px; font-family: 'HelveticaNeueLT Pro 35 Th'; font-size:30px;}
.main-cover span.text2 {font-family: 'HelveticaNeueLT Pro 35 Th'; display:inline-block; font-size: 2vh; color:#fff; position:absolute; bottom:110px; left:0;} 
.opr-page .scroll-down-button{ position: absolute; bottom:50px; text-align:center; left:0}
.opr-page .scroll-down-button a{ width: 112px; height: 47px; display:inline-block; text-align:center;}
.opr-page .scroll-down-button a:before{content:"AŞAĞI KAYDIR"; font-size: 14px; font-family: 'HelveticaNeueLT Pro 45 Lt'; color:#fff; margin-bottom: 10px; display:inline-block;}
.en-language .opr-page .scroll-down-button a:before{content:"SCROLL DOWN";}
.opr-page .scroll-down-button a:after{background:url(../images/new/button-set.png) -142px -20px; width:22px; height:20px; content:""; display:inline-block; position:relative; /*-o-animation: scrollDownEffect 1.5s infinite linear;-moz-animation: scrollDownEffect 1.5s infinite linear; -webkit-animation: scrollDownEffect 1.5s infinite linear; animation: scrollDownEffect 1.5s infinite linear;*/}
.opr-page .scroll-down-button.no-text a:before{content:" "; }
.opr-page .scroll-down-button.no-text a{height:22px;}
.onepage-pagination{display:none;}
.opr-page {position: absolute; height: 100%; width:100%; z-index:0;}
.main-page.opr-current,
.main-page.opr-animate {z-index: 102;}
.opr-current {z-index: 99;}
.opr-animate {z-index: 100;}
.opr-cnt{position: absolute; left: 0; top: 0; height:100%; background-size:cover ; width: 100%; background-position:center top;}
.opr-cnt .opr-img{position: absolute; left:0; top: 0; width: 100%; background-size:cover !important; }
.opr-cnt .project-desc{position:absolute; bottom: 10%; left:7%;}
.opr-cnt .project-desc h1{font-family: 'HelveticaNeueLT Pro 35 Th'; font-size:3vh; margin-bottom:2vh; color:#fff;}
.opr-cnt .project-desc h2{font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size:8vh; line-height:8.5vh; color:#fff; margin: 10px 0 30px;}
.opr-cnt .project-desc p{font-family: 'HelveticaNeueLT Pro 45 Lt'; font-size:18px; color:#fff; margin:0 0 40px; line-height: 26px;}
.opr-cnt .project-desc a.project-view-button{font-family: Arial; font-size:14px; color:#fff; padding:0 30px; line-height: 46px; background:#bf202f; display:inline-block;}
.slider-size{position:absolute; z-index:101; display:inline-block; bottom:8%; right:7%;  font-family: 'HelveticaNeueLT Pro 35 Th'; color: #fff; font-size:60px; width:92px; height:92px; background:url(../images/new/pagination.png) center center no-repeat; }
.slider-size span{display:inline-block; font-family: 'HelveticaNeueLT Pro 55 Roman'; margin-top: 20px; }
.slider-size p{ display: inline-block; font-size: 20px; margin-top: 24px; position: absolute; margin-left: 5px; opacity: 0.5; }
.detail-page .detail-top{position:relative;}
.detail-page .detail-top .project-desc{position:absolute; bottom: 10%; left: 7%; }
.detail-page .detail-top .project-desc h1{font-family: 'HelveticaNeueLT Pro 35 Th'; font-size:3vh; margin-bottom:2vh; color:#fff;}
.detail-page .detail-top .project-desc h2{font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 8vh; line-height:9vh; color: #fff; margin: 10px 0 40px; padding-bottom: 35px; background:url(../images/new/line.png) left bottom no-repeat;}
.detail-page .detail-top .project-desc p{font-family: 'HelveticaNeueLT Pro 45 Lt'; font-size: 18px; color: #fff; line-height:24px;}
.detail-page .detail-top .project-desc .scroll-down{ display:inline-block; text-align:center; display:inline-block; margin-top: 3vh;}
.detail-page .detail-top .project-desc .scroll-down:before{content:"AŞAĞI KAYDIR"; font-size: 12px; font-family: 'HelveticaNeueLT Pro 55 Roman'; color:#fff; position:relative; top:-6px; display:inline-block;}
.en-language .detail-page .detail-top .project-desc .scroll-down:before{content:"SCROLL DOWN";}
.detail-page .detail-top .project-desc .scroll-down:after{background:url(../images/new/button-set.png) -142px -20px; width:22px; height:20px; content:""; display:inline-block; position:relative; /*-o-animation: scrollDownEffect 1.5s infinite linear;-moz-animation: scrollDownEffect 1.5s infinite linear; -webkit-animation: scrollDownEffect 1.5s infinite linear; animation: scrollDownEffect 1.5s infinite linear;*/ margin-left: 15px;}


.detail-page .detail-top .project-desc.black h2{color:#000; background:url(../images/new/line-black.jpg) left bottom no-repeat}
.detail-page .detail-top .project-desc.black h1{color:#000;}
.detail-page .detail-top .project-desc.black p{color:#000;}
.detail-page .detail-top .project-desc.black .scroll-down:before{color:#000000;}
.detail-page .detail-top .project-desc.black .scroll-down:after{background: url(../images/new/button-set.png) -164px -20px;}

.detail-page .video-base{display:inline-block; position:relative; margin-top: 10%;}
.detail-page .video-base .play-button{width: 115px; height: 115px; display:inline-block; left: 50%; margin-left: -66px; top: 50%; margin-top: -66px; background:url(../images/new/button-set.png) -20px -67px; position:absolute; z-index:2; overflow:hidden; text-indent:-9999px; border:0; cursor:pointer;}
.detail-page .video-base .play-button.play-button-black{background:url(../images/new/button-set.png) -20px -182px;}
.detail-page .video-base img{position: absolute; z-index:1; left:0; top:0; width:100%; height:100%;}
.detail-page .video-base .video-item{display:none; position:relative;}
.detail-page .video-base .tab-nav{width: 100%; text-align:center; margin-bottom: 56px;}
.detail-page .video-base .tab-nav a{background:url(../images/new/video-tab-icon.png) left bottom no-repeat; height:21px; line-height:21px;  display:inline-block; color:#999999; font-size: 16px; font-family: 'HelveticaNeueLT Pro 55 Roman'; padding:0 30px; border-right: 1px solid #dddddd; margin: 0 15px;}
.detail-page .video-base .tab-nav a:last-child{border:0; padding-right:0; margin-right:0;}
.detail-page .video-base .tab-nav a:first-child{margin-left:0;}
.detail-page .video-base .tab-nav a.active{background-position:left top}
.detail-page .video-base .video-item.active{display:block;}

.project-detail {padding:10% 0 12% 0; display:table; width:100%;}
.project-detail .left{float: left; width:20%; margin: 0 5% 0 10%;}
.project-detail .left h1{font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 22px; display:inline-block; color:#999999; margin:34px 0 0; clear:left; float:left;}
.project-detail .left h2{clear:left; float:left;}
.project-detail .left h3{font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size: 14px; display:inline-block; color:#999999; margin:0 0 30px; clear:left; float:left;}
.project-detail .left a{font-family:  'HelveticaNeueLT Pro 55 Roman'; font-size: 16px; display:inline-block; color:#3995fd; font-style:italic;  clear:left; float:left; margin:10px 0 }
.project-detail .left p{font-family:  'HelveticaNeueLT Pro 55 Roman'; font-size: 14px; display:inline-block; color:#999999; display:inline-block; margin:15px 0 0; clear:left; float:left;}
.project-detail .left p.mt{margin-top: 36px;}
.project-detail .left p span{font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 15px; color:#000000; }
.project-detail .right{float: left; display:inline-block; width:50%; margin:0 10% 0 5%;}
.project-detail .right.span85{width:90%; margin:0 5%;}
.project-detail .right h1{color:#bf202f; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 8vh; margin: 0 0 1vh; letter-spacing: -0.2vh; line-height:normal;}
.black .project-detail .right h1{color:#000;}
.project-detail .right h2{color:#000000; font-family: 'HelveticaNeueLT Pro 65 Md'; font-size: 24px; margin: 0;}
.project-detail .right p{color:#666666; font-size:20px; line-height:30px; font-family:  'HelveticaNeueLT Pro 45 Lt';}
.project-detail .right .min-line{width: 36px; background:#000000; height:1px; margin: 40px 0}
.project-img img{ width:100%; display:block}
.center-text{padding: 20% 0; text-align:center; display:inline-block}
.center-text h1{color: #bf202f; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 7vh; margin: 0; display:inline-block}
.black .center-text h1{color: #000;}
.center-text h2{color: #000000; font-family: 'HelveticaNeueLT Pro 65 Md'; font-size: 24px; margin:26px 0; display:inline-block}
.center-text p{color: #666666; font-size: 20px; line-height:30px; font-family: 'HelveticaNeueLT Pro 45 Lt'; display:inline-block}

.center-text2{padding-bottom: 10%; float:left;}
.center-text2 div{float: left; text-align:center; width:25%; padding:0 0 0 8%; text-align: left;}
.center-text2 div p{color:#666666; font-family: 'HelveticaNeueLT Pro 45 Lt'; font-size: 1.2vw; line-height: 1.7vw;}
.center-text2 div p span{color:#000000; font-family: 'HelveticaNeueLT Pro 55 Roman 2';}
.center-text2 div i{color: #000000; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 40px; float:left;}
.center-text2 div h5{color: #000000; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 2.2vw; float:left;}
.magazine { width:10% !important;}

.center-text.artema-strategy{background:#000; text-align:center;}
.center-text.artema-strategy .left{width:50%; display:inline-block; text-align:left; padding-top: 5%; margin-bottom:5%;}
.center-text.artema-strategy .left h2{color:#fff; margin: 36px 0;}
.center-text.artema-strategy .right{width:25%; display:inline-block; text-align:center; vertical-align:top;}
.center-text.artema-strategy .right img{display:inline-block; max-width: 100%;}

.project-result {position:relative; display:inline-block; float:left; background-size:cover; background-position: center top}
.project-result img{width:100%; display:block;}
.project-result .desc-container{ padding: 20% 0; display:inline-block;}
.project-result .desc-container .dt{height:100%; text-align:center;}
.project-result .desc-container h1{color: #3995fd; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 7vh; margin: 0; display:inline-block}
.project-result.rimex .desc-container h1,
.project-result.rimex .desc-container .statistics span,
.project-result.rimex .desc-container p{color:#fff;}
.project-result .desc-container p{color: #cccccc; font-size: 20px; font-family: 'HelveticaNeueLT Pro 55 Roman'; display:inline-block; margin-top:22px; line-height: 32px;}
.project-result .desc-container .statistics{margin-top: 100px;}
.project-result .desc-container .statistics div{float:left; text-align:center;}
.project-result .desc-container .statistics span{color: #3995fd; font-family: 'HelveticaNeueLT Pro 45 Lt'; font-size: 5.5vw; margin: 0; display:inline-block}
.project-result .desc-container .statistics p{color: #ffffff; font-size: 20px; font-family: 'HelveticaNeueLT Pro 65 Md'; display:inline-block; margin-top:10px; line-height: normal; width:100%;}

.project-result.ttnet .desc-container h1,
.project-result.ttnet .desc-container .statistics span{ color:#ff6600;}

.project-result.bkm .desc-container h1,
.project-result.bkm .desc-container p,
.project-result.bkm .desc-container .statistics span{ color:#fff;}

.project-result-avea{background: #71d3dc; padding: 0; display:inline-block;}
.project-result.project-result-avea .desc-container{position:relative; margin: 10% 0 10% 15%; width:50%; float:left; padding:0;}
.project-result.project-result-avea .desc-container .dt{text-align:left;}
.project-result.project-result-avea .desc-container h1,
.project-result.project-result-avea .desc-container p{color:#fff;}
.project-result.project-result-avea .statistics div{text-align:left; padding: 50px 0;}
.project-result.project-result-avea .statistics span{font-size:3.8vw; font-family: 'HelveticaNeueLT Pro 65 Md 2'; color:#fff;}
.project-result.project-result-avea .desc-container p{font-size: 20px; font-family: 'HelveticaNeueLT Pro 55 Roman';}
.project-result.project-result-avea .desc-container .statistics{margin-top:50px; display:inline-block;}
.project-result.project-result-avea .bg{width:30%; float:left; text-align:right;}
.project-result.project-result-avea .bg img{max-width: 100%;}


.project-result-eak{background: #c0d2e6; padding: 0; display:inline-block; margin-bottom: 10%;}
.project-result.project-result-eak .desc-container{position:relative; margin: 10% 0 10% 15%; width:50%; float:left; padding:0;}
.project-result.project-result-eak .desc-container .dt{text-align:left;}
.project-result.project-result-eak .desc-container h1,
.project-result.project-result-eak .desc-container p{color:#fff;}
.project-result.project-result-eak .statistics div{text-align:left; padding: 50px 0;}
.project-result.project-result-eak .statistics span{font-size:3.6vw; font-family: 'HelveticaNeueLT Pro 65 Md 2'; color:#fff;}
.project-result.project-result-eak .desc-container p{font-size: 20px; font-family: 'HelveticaNeueLT Pro 55 Roman';}
.project-result.project-result-eak .desc-container .statistics{margin-top:50px;}
.project-result.project-result-eak .bg{width:25%; float:left; text-align:right; position:absolute; right: 15%; bottom: 2%;}
.project-result.project-result-eak .bg img{max-width: 100%;}
.project-result.project-result-eak .bottom{ width: 70%; background:#f4f4f4; padding: 6% 15%; float:left; }
.project-result.project-result-eak .bottom p{font-size:23px; color: #999999; font-family: 'HelveticaNeueLT Pro 45 Lt'; display:inline-block; width: 45%;}
.project-result.project-result-eak .bottom p span{font-family: 'HelveticaNeueLT Pro 55 Roman 2'; color:#000000;}


.project-result.project-result-thc{background: #272727; padding: 0; display:inline-block; margin-bottom: 10%;}
.project-result.project-result-thc .desc-container{position:relative; margin: 14% 11% 12% 0; width:42%; float:right; padding:0;}
.project-result.project-result-thc .desc-container .dt{text-align:left;}
.project-result.project-result-thc .desc-container h1{color:#fff;}
.project-result.project-result-thc .bg{width:45%; float:left; text-align:right; padding-left: 0; margin-top:2%; position:absolute; bottom:0; height: 98%; text-align:right;}
.project-result.project-result-thc .bg img{max-width: 100%; width:auto; max-height: 100%; display:inline-block;  position:absolute; right:0; bottom:0;}
.project-result.project-result-thc .desc-container p{color:#666666;}
.project-result.project-result-thc .statistics span{ font-family: 'HelveticaNeueLT Pro 65 Md 2'; color:#fff; font-size:3vw;}

.share-this {display:inline-block; padding:90px 0; background-color:#000; float:left; text-align:center; -webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear; -o-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; transition: background-color 500ms linear;}
.share-this h1{color: #fff; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 7vh; margin: 0; display:inline-block}
.share-this ul {margin-top: 100px;}
.share-this ul li{display:inline-block; float:left;}
.share-this ul li a{display:inline-block;}
.share-this ul li p{display:block; clear:left; color: #ffffff; font-size: 18px; margin-top: 5px; font-family: 'HelveticaNeueLT Pro 55 Roman'; }
.project-footer{float:left;}
.project-footer .span50{float:left;}
.project-footer img{display:block; width:100%;}
.project-footer .more-work h1{color: #bf202f; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 5vw; margin: 0; display:inline-block; line-height:5vw;}
.project-footer .more-work p{color: #000000; font-size: 24px; font-family: 'HelveticaNeueLT Pro 65 Md'; display:inline-block; margin-top:10px; line-height: normal;}
.project-footer .more-work p a{color:#3995fd; font-style:italic; text-decoration: underline;}

.tile.work { position:relative;}
.tile {float: left; overflow: hidden;list-style: none;}
.tile .figure {height: 100%;background: #bf202f;display:inline-block; width:100%;}
.tile .figure .project-detail-button{width:100%; height:100%; position:absolute; z-index:10;}
.tile.work .figure:hover img {-moz-transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
.tile .figure:hover img, .tile .figure:hover canvas {opacity: 0.1;}
.tile.work img {-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.tile .figure img {width: 101%;min-height: 100%;position: absolute;top: 0;left: 0;opacity: 1;-moz-transition: all 0.4s;-o-transition: all 0.4s;-webkit-transition: all 0.4s;transition: all 0.4s;}
.tile.work .figure:hover .figcaption {-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.tile .figure:hover .figcaption {opacity: 1;}
.tile.work .figcaption {-moz-transform: scale(1.3);-ms-transform: scale(1.3);-webkit-transform: scale(1.3);transform: scale(1.3);-moz-transition: -moz-transform 0.4s;-o-transition: -o-transform 0.4s;-webkit-transition: -webkit-transform 0.4s;transition: transform 0.4s;}
.tile .figure .figcaption {opacity: 0; text-align:left; display:table; width:100%; position:absolute; left:0; bottom:0; top:0; height:100%;}
.tile.work .hovercaps { position:absolute; bottom:10%; left:10%; width:65%;}
.tile.work .hovercaps h3{font-family: 'HelveticaNeueLT Pro 45 Lt'; font-size: 1.1vw; color:#fff; width:100%; }
.tile.work .hovercaps span{font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 2.5vw; color:#fff; float:left; margin: 2% 0 0 0;  width:100%; }
.tile.work .hovercaps a{font-family: 'HelveticaNeueLT Pro 45 Lt'; font-size: 16px; color:#fff; margin-top:10px; float:left;}



.project-footer .get-in-touch .top h1{color: #000000; font-size: 2vw; font-family: 'HelveticaNeueLT Pro 65 Md'; display:inline-block;}
.project-footer .get-in-touch .top h2{color: #bf202f; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 5vw; margin: 2% 0 -5% 0; display:inline-block}
.project-footer .get-in-touch .line{height:1px; background:#cacaca; display:block; margin: 0}
.contact { width:100%;}
.project-footer .get-in-touch .contact .span50{margin-bottom: 3vh;}
.project-footer .get-in-touch .contact h1{color: #000000; font-size: 1.4vw; font-family: 'HelveticaNeueLT Pro 65 Md 2'; display:inline-block; margin-bottom:10px;}
.project-footer .get-in-touch .contact p{color: #cccccc; font-size: 1.7vw; font-family: 'HelveticaNeueLT Pro 45 Lt'; display:inline-block; line-height: normal;}
.project-footer .get-in-touch .contact p.min{font-size:1.2vw;}
.project-footer .get-in-touch .contact p a{color: #cccccc; font-weight:normal;}
.project-footer .get-in-touch .contact p.min a{color: #3995fd; text-decoration:underline; font-style:italic; margin-top: 10px;}

.design-base { padding: 0 20% 10%;}
.design-base h1{color: #bf202f; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 4.5vw; margin: 0; display: inline-block; text-align:center;}
.design-base .bx-wrapper li span{width: 100%; height: auto; color: #000000; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 24px; margin-top: 40px; display:block}
.design-base .bx-wrapper li p{width: 100%; height: auto; color: #666666; font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size: 18px; margin-top: 10px; display:block}

.design-sub-base{ padding:0 10% 10%; display:inline-block;}
.design-sub-base h2{color: #bf202f; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 48px; margin: 0; display: inline-block; text-align:left; width:96%; padding:0 2% 25px; border-bottom:1px solid #d2d2d2; margin-bottom: 80px;}
.design-sub-base .left{width: 26%; height: auto; display:inline-block; padding: 20px 12% 0 2%; float:left;}
.design-sub-base .left h3{color: #000000; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 22px; margin-bottom: 30px;}
.design-sub-base .left p{color: #999999; font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size: 18px; line-height: 26px;}
.design-sub-base .right{width: 100%; height: auto; display:inline-block; text-align:center; float:left;}
.design-sub-base .right img{max-width:100%;}
.design-sub-base .right2{width: 100%; height: auto; display:inline-block; text-align:center; float:left;}
.design-sub-base .right2 img{width:96%;}
.design-sub-base.fonts .right2 img{width: auto;}
.design-sub-base.fonts .right2 {text-align: left; }
.design-sub-base.fonts .right2 .span33{float:left; margin-top: 60px;}
.design-sub-base.fonts .right2 .span100 img{max-width:100%;}
.design-sub-base .right2 .icon-cont{width: 48%;}
.design-sub-base.eak h2{ border:0; margin-bottom: 40px;}
.design-sub-base.eak h3{width: 92%; padding:0 4% 20px;  color: #000000; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 24px; margin-bottom: 40px; border-bottom: 1px solid #d2d2d2; text-align:left;}
.artema-design{padding-top:10%;}

.recent-work{ display:inline-block; margin-top: 200px; width:100%;}
.recent-work-top{display:inline-block; position:relative; width:100%; margin-bottom:50px; margin-top: -2%;}
.recent-work h1{color: #bf202f; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 8vh; line-height:8vh; display:inline-block; float:left; margin-left: 7%;}
.recent-work #filter-list {	display: inline-block; float:right; right:7%; position:absolute; bottom:18px; margin-right:-5px;}
.recent-work #filter-list li { display: inline-block; width: auto; cursor:pointer; margin: 0 15px; padding:5px 0; float:left; color:#999; font-family: 'HelveticaNeueLT Pro 45 Lt'; font-size:17px; position:relative;}
.recent-work #filter-list li.filter-title{font-family: 'HelveticaNeueLT Pro 65 Md 2'; cursor:default;  color: #000; font-size: 16px;}
.recent-work #filter-list li.active {border-bottom: 2px solid #000; color:#000; font-family: 'HelveticaNeueLT Pro 65 Md 2';}
.recent-work #portfolio {display: inline-block; width: 100%;}
.recent-work #portfolio .item {display: none; opacity: 0; color: #000; width: 25%; float:left;}
.recent-work #portfolio .item img{width:100%; display:block;}
.works-container{width: 100%; display:inline-block;}
.top-cover{width: 100%; display:inline-block; position:relative; height:auto;}
.top-cover img{display:block; width:100%;}
.top-cover .text{width: 100%; height:100%; display:inline-block; position:absolute; top:0; left:0; text-align:center; }
.top-cover .text .dt{width:100%;}
.top-cover .text h1{font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 6vw; color:#fff; margin-bottom: 10px;}
.top-cover .text p{font-family: 'HelveticaNeueLT Pro 45 Lt'; font-size: 22px; color:#ffffff;}
.works-content{width: 100%; padding: 10% 0; display:inline-block; background:#fff; text-align:center;}
.works-content.what-we-do{padding-bottom:0;}
.works-content.what-we-do h1{ color:#bf202f; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 6vw}
.works-content.what-we-do h2{color:#999999; font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size: 22px; margin-top: 30px}
.works-content.what-we-do .line{width: 100%; height:1px; display:block; background:#f3f3f3; margin:8% 0 0; text-align:center;}
.works-content.what-we-do .block{display:inline-block; text-align:left; width:22%; vertical-align:top; float:left; border-right: 1px solid #f3f3f3; padding: 6% 5%;} 
.works-content.what-we-do .block:first-child{margin-left: 7%; padding-left:0;}
.works-content.what-we-do .block:last-child{padding-right:0; border:0;}
.works-content.what-we-do .block h3{ color:#000000; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 2.5vw; float:left;}
.works-content.what-we-do .block p{color:#999999; font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size: 18px; margin-top:25px; float:left; width:100%;}
.works-content.what-we-do .block .line2{width:100%; height:1px; background:#cacaca; display:block; margin: 34px 0; float:left;}
.works-content.what-we-do .block ul{width:100%; float:left;}
.works-content.what-we-do .block ul li{width:100%; color:#000000; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 15px; line-height:26px; margin-bottom:7px;}
.works-content.strategy h1{ color:#bf202f; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 5vw}
.works-content.strategy h2{color:#000000; font-family: 'HelveticaNeueLT Pro 55 Roman 2'; font-size: 24px;  margin: 20px 0 40px}
.works-content.strategy p{color:#999999; font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size: 18px;  display:inline-block; line-height: 26px;}
.works-content.brands {background:#1c1c1c;}
.works-content.brands h1{ color:#bf202f; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 6vw;}
.works-content.brands p{color:#666666; font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size: 18px;  display:inline-block; margin-top:30px; line-height: 28px;}
.works-content.brands .line{width: 100%; height:4px; display:block; margin:40px 0; text-align:center;}
.works-content.brands ul li{ display:inline-block; text-align:center; width:12%; padding:0 2.3%; float:left; height:120px; text-align:center;}
.works-content.brands ul li img{max-width:100%;}
.works-content.brands ul li .dt{width:100%;}
.works-content.where-we-work {padding-top:0;}
.works-content.where-we-work .where-we-work-desc{width:31%; padding:0 10% 0 9%}
.works-content.where-we-work .where-we-work-desc h1{width:100%; float:left; color:#bf202f; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 4vw; text-align:left;}
.works-content.where-we-work .where-we-work-desc p{color:#999999; font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size: 16px;  display:inline-block; float:left; width:100%; padding-left:0; text-align:left; margin-top: 10%;}
.works-content.where-we-work .where-we-work-desc p a{color:#2c7ce0; text-decoration:underline;   font-family: 'HelveticaNeueLT Pro 55 Roman';}
.works-content.where-we-work .ping-halleri {text-align:center;}
.works-content.where-we-work .ping-halleri h2{width:60%; color:#000000; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 28px; text-align:left; display:inline-block;}
.works-content.where-we-work .ping-halleri p{width:60%; color:#999999; font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size: 18px; text-align:left; display:inline-block; margin-top:20px;}
.works-content.where-we-work .ping-halleri p a{color:#2c7ce0; text-decoration:underline;}




.where-we-work img{width:100%; display:block;}
.works-content.where-we-work .photo-slider{width:100%; margin-top:80px; display:inline-block;}
.works-content.where-we-work .photo-slider img{width:50%; float:left;}
.works-content.get-in-touch {padding-top:0;}
.works-content.get-in-touch .left{padding-left: 10%; width:40%; float:left;}
.works-content.get-in-touch .left h1{color:#bf202f; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 4vw; text-align:left;}
.works-content.get-in-touch .left p{color:#999999; font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size: 1.3vw;  float:left; margin-top: 20px; width:80%; text-align:left;}
.works-content.get-in-touch .right{width:50%; float:left; text-align:left;}
.works-content.get-in-touch .right h2{color:#000000; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 25px; text-align:left; margin-bottom:10px;}
.works-content.get-in-touch .right a,
.works-content.get-in-touch .right span{color:#999999; font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size: 21px; display:inline-block; width:100%;}
.blog-page{padding-top:78px; position:fixed; left:0; top:0; width:100%; background:transparent;}
.blog-page-main{position:relative; overflow:auto; background:#fff;}
.blog-page .blog-cover-container{width:100%;}
.blog-page .blog-cover-container .bx-wrapper{padding:0;  margin:0}
.blog-page .blog-cover-container .bx-wrapper li img{height:auto; position:relative; left:0; top:0; right:0; bottom:0;}
.blog-page .blog-cover-container .bx-wrapper li {height:auto;}
.blog-page .blog-cover-container .bx-wrapper li a{height:auto; bottom:0; display:inline-block; bottom:0;}
.blog-page .blog-cover-container .bx-wrapper li a .tc,
.blog-page .blog-cover-container .bx-wrapper li a .dt{display:inline-block; height:auto !important;}
.blog-page .blog-cover-container .bx-wrapper li a .dt{position:absolute; bottom:30px; left:10%; right:10%; }
.blog-page .blog-cover-container .bx-controls{display:none;}
.blog-page .blog-cover{width:100%; display:inline-block;}
.blog-page .blog-cover li{ display:inline-block; float:left; width:33.3333333%; height:840px; overflow:hidden; position:relative;}
.blog-page .blog-cover li img{height:100%; margin:auto; position:absolute; left:-9999px; right:-9999px; bottom:-9999px; top:-9999px; }
.blog-page .blog-cover li a{width:70%; height:100%; padding: 0 15%; position:absolute; left:0; top:0; display:block;  
background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 255, 0) 100%);
background-image: -moz-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 255, 0) 100%);
background-image: -o-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 255, 0) 100%);
background-image: -webkit-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 255, 0) 100%);
background-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 255, 0) 100%);
}
.blog-page .blog-cover li a span{ display:inline-block; float:left; border-bottom:2px solid #fff; padding:10px 0; font-family: 'HelveticaNeueLT Pro 45 Lt'; font-size: 18px; color:#fff;}
.blog-page .blog-cover li a h1{ display:inline-block; float:left; width:100%; font-family: 'HelveticaNeueLT Pro 65 Md 2'; padding:20px 0 16px; font-size: 36px; color:#fff; background:url(../images/new/line6.jpg) no-repeat left bottom}
.blog-page .blog-cover li a p{ display:inline-block; float:left; padding:20px 0; font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size: 16px; color:#fff;}
.blog-page .blog-cover li a p b{font-weight:normal; font-family: 'HelveticaNeueLT Pro 55 Roman 2';}
.blog-page .blog-content-left{width:66.6666%; float:left; display:inline-block; padding-top: 65px; position:relative;}
.blog-page .blog-content-left h1{padding-left:7.5%; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size:66px; color:#bf202f; margin-bottom: 35px;}
.blog-page .blog-content-left .blog-item{width:100%; float:left; padding:50px 0; position:relative; display:none;}
.blog-page .blog-content-left .blog-item .blog-item-left{width: 50%; float:left; display:inline-block;}
.blog-page .blog-content-left .blog-item .blog-item-left img{width:100%; display:inline-block;}
.blog-page .blog-content-left .blog-item .blog-item-right{width: 35%; padding:0 7.5%; float:left; display:inline-block;}
.blog-page .blog-content-left .blog-item .blog-item-right h2{border-bottom:2px solid #000000; padding:0 0 6px; font-family: 'HelveticaNeueLT Pro 45 Lt'; font-size: 16px; color:#000000; display:inline-block;}
.blog-page .blog-content-left .blog-item .blog-item-right h3{ display:inline-block; float:left; width:100%; font-family: 'HelveticaNeueLT Pro 65 Md 2'; padding:30px 0 16px; font-size: 28px; color:#000; background:url(../images/new/line7.jpg) no-repeat left bottom; margin-bottom: 20px;}
.blog-page .blog-content-left .blog-item .blog-item-right p{ display:inline-block; float:left; padding:0; font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size: 14px; color:#000;}
.blog-page .blog-content-left .blog-item .blog-item-right .tags{display:inline-block; float:left;  margin-top: 65px;  max-width: 370px}
.blog-page .blog-content-left .blog-item .blog-item-right .tags a{margin-right: 15px; color:#999999; font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size: 14px; margin-bottom:4px; display:inline-block;}
.blog-page .blog-content-left .blog-item .blog-item-right .tags a span{color:#bf202f;}
.blog-page .blog-content-left .blog-item .blog-item-right .like-button{background:url(../images/new/liked-icon.png) right top no-repeat; height:22px; line-height: 22px; padding-right:34px; float:right; margin-top: 60px;  color:#999999; font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size: 14px; display:inline-block;}
.blog-page .blog-content-left .blog-item .line{position:absolute; width: 85%; height:1px; bottom:0; right:7.5%; background: #dadada;}
.blog-page .blog-content-left .load-more-blog{ width: 100%; text-align:center; color:#adadad; font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size: 80px; padding: 20px 0; display:block;}

.blog-page .blog-content-right{float:left; width: 33.3333%; background:#FCFCFC; height:300px; padding-top: 65px;}
.blog-page .blog-content-right .right-container{width:70%; padding: 0 15%;  display:inline-block;}
.blog-page .blog-content-right .right-container .socials-area{width: 100%; text-align:center; display:inline-block; float:left;} 
.blog-page .blog-content-right .right-container .socials-area .fb-button{width: auto; display:inline-block; height:58px; padding-left: 70px; background:url(../images/new/button-set.png) -20px -367px; text-align:left; margin:16px 70px 16px 0; float:left;}
.blog-page .blog-content-right .right-container .socials-area .tw-button{width: auto; display:inline-block; height:58px; padding-left: 70px; background:url(../images/new/button-set.png) -20px -425px; text-align:left; margin:16px 0; float:left;}
.blog-page .blog-content-right .right-container .socials-area span{float: left; display:inline-block; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size:23px; color:#000; margin: 3px 0 0;}
.blog-page .blog-content-right .right-container .socials-area p{float: left; display:block; font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size:16px; color:#999999; clear:left; margin: 3px 0 0;}
.blog-page .blog-content-right .right-container .populars{width: 100%; display:inline-block; margin-top:68px;}
.blog-page .blog-content-right .right-container .populars h1{float: left; display:inline-block; font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size:28px; color:#bf202f; margin-bottom: 30px;}
.blog-page .blog-content-right .right-container .populars ul{width: 100%; display:inline-block;}
.blog-page .blog-content-right .right-container .populars ul li{width: 100%; float:left; display:inline-block;}
.blog-page .blog-content-right .right-container .populars ul li a{width: 96%; padding:15px 2%; display:inline-block; border-bottom: 1px solid #e6e6e6;}
.blog-page .blog-content-right .right-container .populars ul li a span{font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size:15px; color:#999999; float:left; width:10%; line-height:20px;}
.blog-page .blog-content-right .right-container .populars ul li a p{font-family: 'HelveticaNeueLT Pro 55 Roman 2'; font-size:16px; color:#000; float:left; line-height:18px; width:90%;}

.design-base.basic-case-slide{width:86%; padding:0 0 10%; margin:10% 7% 0; border-bottom:1px solid #dedede;}
.design-base.basic-case-slide .bx-wrapper .bx-controls{  display: inline-block; float: left; width: 100%; position: relative;  margin-top:20px;}
.design-base.basic-case-slide .bx-wrapper .bx-pager{text-align:center; top:50%; margin-top:-10px; position:absolute;}
.design-base.basic-case-slide .bx-wrapper .bx-controls-direction{position:relative; bottom:0; right:0; display:inline-block; float:right;}
.design-base.basic-case-slide .bx-wrapper .bx-controls-direction a{width:59px; height:59px; background:url(../images/new/bx-pager.jpg); display:inline-block; float:left; top:0; margin:0; position:relative;}
.design-base.basic-case-slide .bx-wrapper .bx-controls-direction a.bx-next{left:0;  background-position:-59px 0; margin-left:11px;}
.design-base.basic-case-slide .bx-wrapper .bx-controls-direction a.bx-prev{right:0; margin-right:11px;}
.design-base.basic-case-slide  .bx-wrapper li p,
.design-base.basic-case-slide  .bx-wrapper li span{padding-left:3%; width:97%;}


.footer{background: #000; padding-top:40px; padding-bottom: 41px; border-top: 2px solid #bf202f; position:relative;}
.footer .footer-logo{width:144px; height:22px; float:left; display:inline-block; background: url(../images/new/footer-logo.png);}
.footer .copyright{font-size: 13px; color:#474747; font-family: 'HelveticaNeueLT Pro 55 Roman'; padding-left: 18px; line-height: 22px;}
.footer .socials li {margin:0 5px;}
.footer .socials li a{width:22px; height: 19px; display:inline-block; background:url(../images/new/button-set.png);}
.footer .socials li a.fb{ background-position:-142px -67px}
.footer .socials li a.tw{ background-position:-142px -86px}
.footer .socials li a.in{ background-position:-142px -105px}
.footer .socials li a.vim{ background-position:-142px -124px}
.footer .socials li a.yt{ background-position:-164px -67px}
.footer .socials li a.be{ background-position:-164px -86px}
.footer .socials li a.dr{ background-position:-164px -105px}
#map {width: 100%; height: 540px;}
.blog header{background: #000 !important; height:78px;}
.blog header .bar{ height:78px;}
.blog header .bar.white .header-logo{left:5%;}
.blog header .menu-open{right:5%; top:7px;}
.blog header .tag-open-container{display:inline-block; right: 9%; position:absolute;  top:26px;}
.blog header .tag-open-button{width:30px; height:26px; display:inline-block; background:url(../images/new/button-set.png) -155px -268px; }
.blog header .search-open-container{display:inline-block; right: 13%; position:absolute;  top:24px;}
.blog header .search-open-button{width:30px; height:30px; display:inline-block; background:url(../images/new/button-set.png) -155px -238px; }

.blog header .bar.white .header-logo{background: url(../images/new/blog-logo.png) !important; width: 155px; height: 33px; margin-top:49px;}
.detail-page .detail-top.blue .project-desc h1,
.detail-page .detail-top.blue .project-desc h2,
.detail-page .detail-top.blue .project-desc p,
.detail-page .detail-top.blue .project-desc .scroll-down:before{color:#434a76;}
.detail-page .detail-top.blue .project-desc .scroll-down:after{background-position:-186px -20px;}
.detail-page .detail-top.blue .project-desc h2{background:url(../images/new/line-blue.jpg) left bottom no-repeat;}
.design-base.basic-case-slide.single .bx-wrapper .bx-pager,
.design-base.basic-case-slide.single .bx-wrapper .bx-controls-direction{display:none;}
.blog-detail-left{width: 50%; height: 100%; position:fixed; left:0; top:0; overflow:hidden;}
.blog-detail-left img{min-width:100%; min-height:100%; display:block;}
.blog-detail-right{width: 36%; padding:0 7%; height: 100%; position:fixed; right:0; top:0; background:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch;}
.blog-detail-right-container{padding: 160px 0 60px;  display:inline-block;} 
.blog-detail-right .date{font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size: 16px; color: #999999; float:left;display:inline-block;}
.blog-detail-right .detail-tags{float:right; display:inline-block; max-width: 285px;}
.blog-detail-right .detail-tags a{float:left; display:inline-block; font-family: 'HelveticaNeueLT Pro 55 Roman'; font-size: 14px; color: #999999; margin: 0 7px;}
.blog-detail-right .detail-tags a span{color:#bf202f;}
.blog-detail-right h1{font-family: 'HelveticaNeueLT Pro 65 Md 2'; font-size: 36px; color:#000000; width:100%; float:left; margin: 30px 0 0;}
.blog-detail-right h1 a{color:#000000;}
.blog-detail-right h2{font-family: 'HelveticaNeueLT Pro 45 Lt'; font-size: 20px; color:#444444; width:100%; float:left;}
.blog-detail-right h2 a{color:#444444;}
.blog-detail-right .line{width:36px; height: 2px; background: #333333; float:left; margin: 30px 0;}
.blog-detail-right p{font-family: 'HelveticaNeueLT Pro 45 Lt'; font-size: 15px; color:#666666; width:100%; float:left; margin: 0 0 30px;}
.blog-detail-right p:last-child{margin-bottom:60px;}
.blog-detail-right p a{color:#666666;}
.blog-detail-right img{width: 100%; float:left; margin-bottom: 30px;}
.blog-detail-right .like-button{width:83px; padding-top: 85px; text-align:center; background:url(../images/new/button-set.png) -290px -20px; margin:0 auto; display:block; clear:left; font-family: 'HelveticaNeueLT Pro 55 Roman 2'; font-size:13px; color:#adadad;}
.agency-slider .bx-controls{position:absolute; bottom:0; margin:0;}
.scroll-top{display:inline-block; position:absolute; top:-100px; right:5%; width: 60px; opacity:0.6;}
.scroll-top img{width:100%;}