@font-face {
    font-family: 'MuseoSans';
    src: url('_fonts/museosans100.eot');
    src: url('_fonts/museosans100.eot?#iefix') format('embedded-opentype'),
         url('_fonts/museosans100.woff') format('woff'),
         url('_fonts/museosans100.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans';
    src: url('_fonts/museosans300.eot');
    src: url('_fonts/museosans300.eot?#iefix') format('embedded-opentype'),
         url('_fonts/museosans300.woff') format('woff'),
         url('_fonts/museosans300.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans';
    src: url('_fonts/museosans500.eot');
    src: url('_fonts/museosans500.eot?#iefix') format('embedded-opentype'),
         url('_fonts/museosans500.woff') format('woff'),
         url('_fonts/museosans500.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans';
    src: url('_fonts/museosans700.eot');
    src: url('_fonts/museosans700.eot?#iefix') format('embedded-opentype'),
         url('_fonts/museosans700.woff') format('woff'),
         url('_fonts/museosans700.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans';
    src: url('_fonts/museosans900.eot');
    src: url('_fonts/museosans900.eot?#iefix') format('embedded-opentype'),
         url('_fonts/museosans900.woff') format('woff'),
         url('_fonts/museosans900.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Whitman';
    src: url('_fonts/WhitmanRomanLF.eot');
    src: url('_fonts/WhitmanRomanLF.eot?#iefix') format('embedded-opentype'),
         url('_fonts/WhitmanRomanLF.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Whitman';
    src: url('_fonts/WhitmanBoldLF.eot');
    src: url('_fonts/WhitmanBoldLF.eot?#iefix') format('embedded-opentype'),
         url('_fonts/WhitmanBoldLF.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Whitman';
    src: url('_fonts/WhitmanItalicLF.eot');
    src: url('_fonts/WhitmanItalicLF.eot?#iefix') format('embedded-opentype'),
         url('_fonts/WhitmanItalicLF.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
html, body {width: 100%;}
body {font-family: 'MuseoSans'; color: #333; font-weight: normal; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; }
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img {border: 0;}
.iOS {-webkit-text-size-adjust: 100%;}
ul {padding: 0;}
.subpixel {-webkit-font-smoothing: subpixel-antialiased;}
.clear:after {content: '.'; font-size: 0; visibility: hidden; display: block; clear: both; height:0; }
a {outline: none; text-decoration: none; }
.wrapper {padding-left: 15px; padding-right: 15px; margin: auto; position: relative; -moz-box-sizing: border-box; box-sizing: border-box;}
.nowrap {white-space: nowrap;}
header {/* background: #171717; */ padding-top: 39px;}
header .notice { color: #fcfacc; min-height: 45px;}
header .notice .tease {margin: 0; padding: 12px 0; font-family: Whitman; font-weight: bold; font-size: 16px; position: absolute; right: 0;}
header .notice a {background: url('_images/yellow-btn.png') no-repeat; display: inline-block; background-size: 109px 54px; -moz-background-size: 109px 54px; width: 109px; height: 27px; margin-left: 10px; margin-top: -11px; top: 8px; position: relative;}
header .notice .short {display: none;}
header .notice .job {position: relative; height: 0; overflow: auto;}
header .notice .job p {font-weight: normal; margin: 0; padding: 10px 0;}
header .notice a:hover {background-position: 0 -27px;}
header .notice a span {font-family: 'MuseoSans'; font-size: 11px; color: #000; top: -2px; position: relative; -webkit-font-smoothing: subpixel-antialiased;}
header .pattern {overflow: auto; position: relative; height: 228px; }
header .pattern .bg {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #f4f2f2 url('_images/header-mobile-v4.jpg') center 0 no-repeat; background-size: 768px; -moz-background-size: 768px; z-index: 0;}
header .pattern .bg canvas {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
nav {height: 39px; background: #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.06); position: fixed; top: 0; z-index: 999; width: 100%;}
nav .close-btn {position: absolute; left: 50%; top: 50%; width: 25px; height: 25px; margin-top: -12px; margin-left: -12px; display: none;}
nav .close-btn .rect {position: absolute; width: 2px; height: 18px; background: #cccccc; z-index: 0; top: 0; left: 8px;}
nav .close-btn .rect2 {width: 18px; height: 2px; top: 8px; left: 0; }
nav .close-btn:hover .rect {background: #bcbcbc;}
nav .tankaLogo {background: url('_images/tankaLogo-small.png') no-repeat; background-size: 100%; -moz-background-size: 100%; width: 84px; height: 13px; position: relative; margin: 13px auto 0; }
nav a {color: #cccccc; font-size: 15px; -webkit-font-smoothing: subpixel-antialiased; height: 69px;}
nav a:hover, nav a.selected {color: #a8a8a8;}
nav ul {margin: 24px 0 0 0; float: right; display: none;}
nav li a span { display: block; }
header .contact {margin-top: 15px;}
header .contact, header .contact a { color: #8c8c8c; font-size: 12px; font-weight: 300; }
header .contact a:hover {color: #bdbdbd;}
header .logo { position: relative; background: url('_images/tanka-lockup-mobile-v3.png') no-repeat; background-size: 100%; -moz-background-size: 100%; width: 116px; height: 128px; margin: 46px auto 0; z-index: 1;}

.pull-right {float: right;}
ul.horizontal {list-style-type: none;}
ul.horizontal li {margin: 0 35px 0 0; float: left;}
ul.horizontal li:last-child {margin-right: 0;}
ul.horizontal li a {display: block; }

header .close_btn {display: none;}

section {position: relative;}
section .inner {padding-top: 50px; padding-bottom: 50px; }
h1 {font-family: MuseoSans; font-weight: normal; color: #414141; margin: 0; text-align: center; letter-spacing: -1px; font-size: 27px; }

#output {position: fixed; bottom: 10px; left: 10px; color:#eee; background: #333; padding: 10px; z-index: 9999; font-size: 10px;}

.grid-wrapper {position: relative; margin: 20px auto -2px; overflow: hidden; width: 100%;}

#main-sections {position: relative; z-index: 0;}
#main-cover {width: 100%; height: 120%; position: absolute; z-index: 5; background: #333; display: none; top: 0; left: 0;}

section#work .project { display: block; position: relative; overflow: hidden; width: 100%; margin: 0px 0 12px 0px;}
section#work .project:hover{}
section#work .project .thumb {position: relative; display: block; z-index: 0; width: 100%;}
section#work .project .cover {position: absolute; width: 100%; height: 100%; z-index: 2; font-family: 'Whitman'; text-align: center; display: table; border-collapse: collapse;}
section#work .project .cover .inner {display: table-cell; vertical-align: middle; padding: 0;}
section#work .project .cover span {display: block; width: 100%;}
section#work .project span.client {color: #fff; margin-top: 1px; font-size: 24px; font-weight: bold; line-height: 24px;}
section#work .project span.name { font-weight: normal; font-style: italic; color: #fff; font-size: 18px; margin: 5px 0 0; line-height: 18px;}
section#work .project span.btn {display: inline-block; width: auto; font-family: MuseoSans; font-size: 12px; color: #c6b07c; border: 1px solid #c6b07c; padding: 9px 10px 8px; margin: 19px auto 0; line-height: 12px;}
section#work .project .cover-bg {z-index: 1; background: #000; position: absolute; height: 100%; width: 100%; top: 0; left: 0; opacity: 0;}
.xiOS section#work .project span {font-size: 14px !important; display: block;}

.rollover{ width: inherit; height: inherit; position: absolute; top: 100%; z-index: 1; background: -webkit-linear-gradient(rgba(0,0,0,0) 60%, rgba(62,13,135,0.42) 130%); -webkit-transition: top .5s ease-in-out;}
.project:hover .rollover{top:10px;}	

section#who_we_are {background: url('_images/grey-pattern.jpg') top center; overflow: auto; background-size: 250px; -moz-background-size: 250px;}
section#who_we_are .text {position: relative; width: 100%;}
section#who_we_are .bg {position: relative; z-index: -1;}
section#who_we_are h1 {margin: 0 0 17px 0; color: #fbfbfb;}
section#who_we_are h2 {font-size: 18px; font-weight: 300; margin: 0 0 5px 0; color: #cbb27f; text-align: center;}
section#who_we_are h3 {font-size: 16px; font-weight: normal; margin: 10px 0 4px 0; color: #cbb27f;}
section#who_we_are p {font-family: 'Whitman'; font-weight: 300; font-size: 16px; line-height: 22px; margin: 0 0 20px;}
section#who_we_are p:last-child {margin-bottom: 0;}
section#who_we_are ul {margin: 0; padding: 0; text-align: center; color: #cbb27f;}
section#who_we_are ul li {list-style-type: none; font-family: 'MuseoSans'; font-weight: 300; font-size: 14px; line-height: 26px; margin: 0; padding: 0; }
section#who_we_are .group {width: 320px;}
section#who_we_are .groupWrapper {padding: 0 19px;}
section#who_we_are .col {float: left; color: #999999; }
section#who_we_are .slider {height: 520px; width: 320px;}
section#who_we_are .navi {position: relative; height: 19px; margin-top: 24px; margin-bottom: 3px; display: none; text-align: center; font-size: 0;}
section#who_we_are .navi .item {height: 12px; width: 13px; display: inline-block; background: url('_images/btn-feedNavCircle.png') no-repeat; background-size: 13px 60px; -moz-background-size: 13px 60px; margin: 0 7px; }
section#who_we_are .navi .item:hover {background-position: 0 -12px;}
section#who_we_are .navi .item.selected, section#who_we_are .navi .item.selected:hover {background-position: 0 -48px; pointer-events: none;}
section#who_we_are .tanka {color: #cbb27f; font-weight: bold;}

section#work, #work-viewer {background: #eceaea; text-align: center;}
section#work .btn, #work-viewer .btn { display: inline-block; font-family: MuseoSans; font-size: 14px; color: #bda876; border: 1px solid #bda876; padding: 8px 15px 8px; margin: 0 auto 4px; line-height: 14px; position: relative; }
section#work .btn:hover, #work-viewer .btn:hover {color: #a59264; border-color: #a59264; }

section#work .wrapper.inner {padding-top: 40px;}
section#feature {font-family: 'Whitman'; font-size: 24px; line-height: 100%; margin: auto; text-align: center; background: #3f3f3f url('_images/grey-pattern3.jpg') top center; background-size: 250px; -moz-background-size: 250px; overflow: hidden;}
section#feature .section-inner {padding: 50px 0 0; position: relative; z-index: 1;}
section#feature h1 {color: #fff; margin: 4px auto 11px;}
section#feature p {margin: auto; padding: 0 30px; color: #fff; line-height: 150%; font-size: 16px; box-sizing: border-box; -moz-box-sizing: border-box;}
section#feature h3 {font-family: 'MuseoSans'; font-weight: normal; color: #8e8e8e; font-size: 16px; margin: 14px auto 11px;}
section#feature .view-btn {display: inline-block; font-family: MuseoSans; font-size: 14px; color: #c6b07c; border: 1px solid #c6b07c; padding: 8px 15px 7px; margin: 22px auto 34px; line-height: 14px;}
section#feature .view-btn:hover {color: #d6c7a4; border-color: #d6c7a4;}
section#feature .seal {width: 74px; height: 62px; background: url('_images/tankaSeal.png') no-repeat; margin: auto; background-size: 100%; -moz-background-size: 100%;}
section#feature #dominion-silo {font-size: 0; line-height: 0; overflow: hidden; width: 100%; position: relative;}
section#feature #dominion-silo .clouds {position: absolute; z-index: 1; right: 50%; margin-right: -213px; bottom: 0;}
section#feature #dominion-silo .silo {position: relative; z-index: 0;}
section#feature .bg {position: absolute; z-index: 0; bottom: 0; width: 100%; height: 150%; background: url('_images/feature-bg-mobile.jpg') no-repeat center bottom; background-size: 768px 650px; -moz-background-size: 768px 650px;}
#work-viewer {position: absolute; color: #000; text-align: center; width: 100%; overflow: hidden; height: 0; z-index: 10; top: 0;}
#work-viewer .wrapper {padding: 70px 0 60px;}

/*
#job-teaser {text-align: center; color: #bebdba; font-family: 'Whitman'; font-size: 11px; font-weight: normal; position: absolute; bottom: 18px; width: 100%; z-index: 1;}
#job-teaser .learn-btn {display: inline-block; width: auto; font-family: MuseoSans; font-size: 12px; color: #c6b07c; border: 1px solid #c6b07c; padding: 9px 10px 8px; margin: 19px auto 0; line-height: 12px;}
#job-teaser .title {font-weight: bold; margin: auto; width: 200px;}
#job-teaser .learn-btn:hover {color: #f4d999; border-color: #f4d999; }

section#jobs {background: #363636; color: #cacaca; position: relative; display: none; top: -4px;}
section#jobs .wrapper {margin: -45px auto 0; padding: 0 0 111px;}
section#jobs .close-btn {position: relative; top: -25px; display: block; margin: 0 auto; width: 49px; height: 49px; background: url('_images/btn-close.png') no-repeat; -moz-background-size: 49px 98px; background-size: 49px 98px;}
section#jobs .close-btn:hover {background-position: 0 -49px;}
section#jobs .navi {text-align: center; font-size: 0;}
section#jobs .navi .job-menu-item {color: #bbbbbb; font-weight: bold; font-size: 14px; display: inline-block; background: url('_images/btn-job-menu-bg-l.png') no-repeat; background-position: 0 -68px; padding: 0; height: 34px; -moz-background-size: 230px 68px; background-size: 230px 68px;}
section#jobs .navi .job-menu-item span {display: block; background: url('_images/btn-job-menu-bg-r.png') no-repeat; background-position: right -68px; padding: 8px 17px 0 17px; height: 34px; -moz-box-sizing: border-box; box-sizing: border-box; -moz-background-size: 12px 68px; background-size: 12px 68px;}
section#jobs .navi .job-menu-item.selected {background-position: 0 -34px; color: #1f1f1e;}
section#jobs .navi .job-menu-item.selected span {background-position: right -34px;}
section#jobs .navi .job-menu-item.deselected:hover {background-position: 0 0;}
section#jobs .navi .job-menu-item.deselected:hover span {background-position: right 0;}
section#jobs .job {display: none;}
section#jobs .job h2 {font-size: 44px; font-weight: normal; text-align: center; color: #fff;}
section#jobs .job .columns {font-family: 'Whitman'; font-size: 16px; font-weight: normal;}
section#jobs .job .column p, section#jobs .job .column ul {padding: 0 30px;}
section#jobs .job .column p {margin: 0 0 20px; text-align: justify;}
section#jobs .job ul, section#jobs .job li {margin: 0; padding: 0;}
section#jobs .job li {text-indent: 0; font-style: italic; }
section#jobs .job ul {list-style: url('_images/bullet-02.png'); margin-left: 14px; margin-bottom: 20px;}
section#jobs .job .column p.subhead {font-weight: bold;}
section#jobs .job .column p.nomargin {margin-bottom: 0;}
section#jobs .job .column a {color: #cbb27f; font-weight: bold;}
section#jobs .job .column a:hover {color: #e5cc99;}
*/

#work-viewer .info {position: relative; margin: auto; padding: 0 20px;}
#work-viewer .info .description, #work-viewer .info .notes {font-family: Whitman; font-weight: normal; }
#work-viewer .info .description {font-size: 17px; margin: 12px 0 0;}
#work-viewer .info h2.client {margin: 0; color: #cbb27f; font-weight: bold; line-height: 110%;}
#work-viewer .info h3.title {font-weight: 300; margin: 2px 0 0;}
#work-viewer .info .notes {color: #535353; font-size: 12px; margin: 11px 0 0 0; }
#work-viewer .images {padding: 30px 20px;}
#work-viewer .images .image {position: relative; padding: 10px 0; margin: auto;}
#work-viewer .images img, #work-viewer .images iframe {display: block; width: 100%;}
#work-viewer .view_btn {margin-top: 19px;}

.close_btn.bottom {position: relative; margin: 24px auto; height: 46px; width: 46px; background-size: 46px 92px; -moz-background-size: 46px 92px; top: auto; right: auto;}
.close_btn.bottom:hover {background-position: 0 -46px;}
.small .close_btn.bottom {margin: 44px auto 0 auto;}


section#get_in_touch { text-align: center; color: #414141; background: #fff;}
section#get_in_touch .section-inner {padding: 28px 0 56px;}
section#get_in_touch .triangle { margin: 0 auto;}
section#get_in_touch h1 {margin: 0; padding: 0 0 20px;}
section#get_in_touch h3 {margin: 0 0 4px 0; font-size: 14px; font-weight: normal; color: #cbb27f;}
section#get_in_touch p, section#get_in_touch a {color: #6e6e6b; font-size: 21px; font-family: 'Whitman'; font-weight: bold; margin: 0 0 23px 0; line-height: 100%;}
section#get_in_touch p.address {line-height: 130%; margin-top: -3px;}
section#get_in_touch a.email:hover {color: #414141;}
.social-buttons {padding-top: 12px; font-size: 0; line-height: 0;}
.social-buttons a {width: 56px; height: 49px; display: inline-block; background: url('_images/sharing-icons.png') no-repeat; background-size: 168px 98px; -moz-background-size: 168px 98px; margin: 0 !important;}
.social-buttons .facebook:hover {background-position: 0 -49px;}
.social-buttons .twitter {background-position: -56px 0;}
.social-buttons .twitter:hover {background-position: -56px -49px;}
.social-buttons .instagram {background-position: -112px 0;}
.social-buttons .instagram:hover {background-position: -112px -49px;}
.social-buttons .title {font-size: 16px; color: #414141; line-height: 100%; margin-top: 16px;}

section#footer {background: #000;}
section#footer .slogan {padding: 22px 0 21px; }
section#footer .slogan .nopx {font-size: 11px; color: #cbb27f; line-height: 100%; text-align: center;}

section#the_tweets { overflow: hidden; text-align: center; }
section#the_tweets .wrapper {padding: 47px 0 0; z-index: 2;}
section#the_tweets #twitterFeed {width: 100%; position: relative; margin: auto; }
section#the_tweets .twitter-icon {background: url('_images/icon-twitter-small.png') no-repeat center 0; -moz-background-size: 35px 100px; background-size: 35px 100px; margin: 0 auto 115px; display: inline-block; font-weight: normal; color: #414141; font-size: 14px; padding: 36px 0 0 0;}
section#the_tweets .twitter-icon:hover {background-position: center -71px; color: #505050;}
section#the_tweets .error {margin: 50px auto; text-align: center;}
section#the_tweets .container {position: relative;}
section#the_tweets .bg {position: absolute; z-index: 0; width: 100%; height: 525px; background: #e5e5e5 url('_images/twitter-bg-v3-mobile.jpg') no-repeat center bottom; background-size: 768px 525px; -moz-background-size: 768px 525px; bottom: 0; left: 0; }
section#the_tweets .notch {background: url('_images/contact-bg.png') no-repeat top center; -moz-background-size: 2832px 20px; background-size: 2832px 20px; width: 100%; height: 20px; position: absolute; bottom: 0; z-index: 1;}

.feedSlider {margin: auto;}
.feedSlider, .feedSlider .slideGroup, .feedSlider .slide {}
.feedSlider, .feedSlider .slideGroup, .feedSlider .slide {width: 320px; }
.feedSlider .slideGroup .slide:first-child {margin-left: 0;}
.feedSlider .slider {width: 100%; height: 100%;}
.feedSlider .slideGroup {position: absolute; top:0;}
.feedSlider .slideGroup .slide:first-child .diamond {display: none;}
.feedSlider .slide {position: relative; float: left;}
.feedSlider img {display: none;}
.feedSlider .slide .icon { left: 50%; position: absolute; bottom: 0; height: 33px;}
.feedSlider .slide .icon span {background-repeat: no-repeat; width: 45px; height: 33px; background-size: 45px 33px; -moz-background-size: 45px 33px; left: -22px; position: absolute; display: block;}
.feedSlider .slide .tweet {position: absolute; display: block; color: #fff; font-family: Whitman; font-weight: normal; font-size: 18px; top:0; text-align: center; margin: 0; width: 100%; padding: 0 25px; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 24px;}
.feedSlider .slide .tweet span {display: block; }
.feedSlider .slide .tweet .date {font-family: MuseoSans; color: #2c2c2c; font-size: 14px; margin-bottom: 18px; }
.feedSlider .slide .tweet a {color: #f8dc8d; text-decoration: underline; font-family: MuseoSans; font-weight: bold; font-size: 16px;}
.feedSlider .slide .tweet a:hover {color: #ffeab0;}
.feedSlider .slide .tweet a.hashtag {color: #ede7db; text-decoration: none;}
.feedSlider .slide .tweet a.hashtag:hover {color: #fff;}
.feedSlider { -webkit-mask-image: -webkit-linear-gradient(left,transparent, transparent 0%, white 6%, white 94%, transparent 100%);}
/*
.feedSlider { -webkit-mask-image: url('_images/feedMask-large2.svg');}
.feedSlider { -webkit-mask-image: url('_images/feedMask-big.svg');}
.feedSlider { -webkit-mask-image: url('_images/feedMask-medium.svg');}
.small .feedSlider { -webkit-mask-image: url('_images/feedMask-small.svg');}
*/

.feedNav {text-align: center; margin: 27px auto 26px; font-size: 0;}
.feedNav .btn {width: 13px; height: 12px; display: inline-block; background: url('_images/btn-feedNavCircle.png') no-repeat; background-size: 13px 60px; -moz-background-size: 13px 60px; margin: 0 7px; background-position: 0 -24px; }
.feedNav .btn:hover {background-position: 0 -36px;}
.feedNav .btn.active, .feedNav .btn.active:hover {pointer-events: none; background-position: 0 -48px;}

#twitterFeed .loader {text-align: center; padding: 60px 0;}
#twitterFeed .loader .item {background: url('_images/gold-diamond.png') no-repeat; display: inline-block; width: 15px; height: 15px; margin: 0 1px; -moz-background-size: 100%; background-size: 100%;}

@media (max-width: 479px) {
	section#the_tweets .wrapper {width: 320px;}
}
@media (max-width: 767px) {
	header .notice .tease {text-align: center; right: auto; padding-left: 80px;}
	header .notice .long {display: none;}
	header .notice .short {display: inline;}
	nav ul {margin-top: 0;}
	nav li {/* border-right: 1px solid #f2f2f2; */ margin: 0 !important; padding: 0 17px; }
	nav li:first-child {margin-left: 6px;}
	nav li:last-child {border-right: 0;}
	nav li a {height: 46px;}
	nav li a span {padding-top: 16px;}
	section#who_we_are .wrapper {padding-left: 0; padding-right: 0;}
	section#who_we_are h3 {margin-top: 0;}
	section#who_we_are .slider { position:relative; overflow:hidden; top: 0; left: 0; }
	section#who_we_are .sliderWrapper {width: 100%; height: 100%;}
	section#who_we_are .navi {display: block;}
	section#who_we_are .group {float: left; text-align: center; margin: 0; padding: 0;}
}
@media (min-width: 375px) {
	.wrapper {width: 375px; padding-left: 20px; padding-right: 20px; }
	section#who_we_are .slider, section#who_we_are .group { width: 375px; }
	section#who_we_are .slider {height: 455px;}
}
@media (min-width: 480px) {
	.wrapper {width: 480px; padding-left: 19px; padding-right: 19px; }
	header .contact {display: none;}
	header .notice .tease {padding: 12px 0;}
	.grid-wrapper {width: 452px; left: 1px; }
	section#work .project {width: 214px; float: left; margin: 0px 12px 12px 0px;}
	section#work .project span.client {font-size: 18px; line-height: 18px;}
	section#work .project span.name {font-size: 13px; line-height: 13px; margin-top: 1px;}
	section#work .project span.btn { margin-top: 13px; font-size: 10px; padding: 7px 8px 6px; line-height: 10px;}
	section#work a.show_more {display: none;}
	section#feature p {width: 480px; font-size: 21px;}
	#work-viewer .info {padding: 0 30px;}
	#work-viewer .info .description {font-size: 17px;}
	#work-viewer .info .notes {font-size: 12px; margin: 11px 0 0 0; }
	#work-viewer .images .image {width: 442px;}
	section#who_we_are .slider, section#who_we_are .group { width: 480px; }
	section#who_we_are .slider {height: 405px;}
	section#who_we_are .groupWrapper {padding: 0 50px;}
	.feedSlider, .feedSlider .slideGroup {width: 480px; }
	.feedSlider .slide {width: 394px; }
	.feedSlider .slideGroup .slide:first-child {margin-left: 40px;}
}
@media (min-width: 667px) {
	.wrapper {width: 667px; padding-left: 30px; padding-right: 30px; }
	.grid-wrapper {width: 614px; left: 4px; margin-bottom: -4px;}
	section#work .project {width: 293px; float: left; margin: 0px 14px 14px 0px;}
	section#work .project span.client {font-size: 21px; line-height: 21px;}
	section#work .project span.name {font-size: 15px; line-height: 15px; margin-top: 1px;}
	section#work .project span.btn { margin-top: 15px; font-size: 13px; padding: 7px 8px 6px; line-height: 13px;}
	section#who_we_are .slider, section#who_we_are .group { width: 667px; }
	section#who_we_are .slider {height: 320px;}
	section#who_we_are .groupWrapper {padding: 0 60px;}
	section#who_we_are ul {width: 50%; float: left;}
	.feedSlider, .feedSlider .slideGroup {width: 667px; }
	.feedSlider .slide {width: 293px; }
	.feedSlider .slideGroup .slide:first-child {margin-left: 60px;}
}
@media (min-width: 768px) {
	body {min-width: 768px;}
	.wrapper {width: 768px; padding-left: 49px; padding-right: 49px;}
	section .inner {padding-top: 76px; padding-bottom: 76px; }
	header {padding-top: 68px;}
	header .pattern {height: 350px;}
	header .pattern .bg {background-size: 1400px; background-image: url('_images/header-tablet-v4.jpg'); background-position: center 0;}
	header .logo { background-image: url('_images/tanka-lockup-tablet-v3.png'); width: 158px; height: 175px; margin: 81px auto 0;}
	nav {height: 68px;}
	nav ul {display: block;}
	nav .tankaLogo {width: 136px; height: 20px; position: absolute; margin: 22px 0 0;}
	nav .close-btn .rect {width: 3px; height: 25px; left: 11px; top: 0; }
	nav .close-btn .rect2 {width: 25px; height: 3px; top: 11px; left: 0; }
	h1 {font-size: 40px;}
	.grid-wrapper {width: 688px; left: 1px; margin-top: 27px; margin-bottom: 0px;}
	section#work .wrapper.inner {padding-top: 79px;}
	section#work .project {width: 324px; margin: 0px 20px 20px 0px;}
	section#work .project span.client {font-size: 24px; line-height: 24px;}
	section#work .project span.name {font-size: 20px; line-height: 20px; margin-top: 5px;}
	section#work .project span.btn { padding: 6px 11px 6px; margin-top: 19px; font-size: 14px; line-height: 14px;}
	section#who_we_are .slider, section#who_we_are .group{ width: auto; height: auto;}
	section#who_we_are .groupWrapper {padding: 0;}
	section#who_we_are p {line-height: 26px;}
	section#who_we_are h1 {margin: -9px 0 29px;}
	section#who_we_are h2 {font-size: 22px;}
	section#who_we_are h3 {font-size: 14px; margin-top: 30px;}
	section#who_we_are .col1 {width: 305px; padding-right: 60px; }
	section#who_we_are .col2 {width: 305px; }
	section#who_we_are .col3 {width: auto; margin-top: 50px;}
	section#who_we_are ul {width: auto; float: none;}
	section#the_tweets .wrapper {padding-top: 70px;}
	section#the_tweets .bg {background-image: url('_images/twitter-bg-v3-tablet.jpg'); height: 725px; background-size: 1400px 725px; -moz-background-size: 1400px 725px; }
	section#feature .section-inner {padding-top: 73px;}
	section#feature h1 {margin-bottom: 20px;}
	section#feature p {width: 675px; font-size: 26px; line-height: 34px; }
	section#feature .view-btn {font-size: 16px; padding: 8px 12px 7px; margin: 22px auto 34px; line-height: 16px;}
	section#feature .bg {background-image: url('_images/feature-bg-tablet.jpg'); background-size: 1400px 930px; -moz-background-size: 1400px 930px;}
	section#feature #dominion-silo .clouds {margin-right: -290px;}
	#work-viewer .wrapper {padding: 110px 0 60px;}
	#work-viewer .info {width: 630px; overflow: hidden;}
	#work-viewer .info h2.client {font-size: 24px;}
	#work-viewer .info h3.title {font-size: 16px; }
	#work-viewer .info .description {font-size: 20px; margin: 14px 0 0 0;}
	#work-viewer .info .notes {font-size: 14px; margin: 12px 0 0 0; }
	#work-viewer .images {padding: 30px 0;}
	#work-viewer .images .image {width: 670px; padding: 10px 0;}
	section#get_in_touch .section-inner {padding: 45px 0 84px;}
	section#get_in_touch p, section#get_in_touch a {font-size: 30px;}
	section#get_in_touch h1 {padding-bottom: 30px;}
	section#get_in_touch h3 {font-size: 20px;}
	.button_wrapper {position: absolute; }
	.button_wrapper.isFixed {position: fixed; top: 130px;}
	.feedNav {text-align: center; margin: 35px auto 42px; font-size: 0;}
	.feedSlider, .feedSlider .slideGroup {width: 768px; }
	.feedSlider .slide {width: 338px; }
	.feedSlider .slideGroup .slide:first-child {margin-left: 60px;}
/*
	#job-teaser {font-size: 15px; bottom: 24px;}
	#job-teaser .title {width: 260px;}
	#job-teaser .learn-btn {font-size: 15px; line-height: 15px;}
*/
}
@media (min-width: 1024px) {
	.wrapper {width: 1024px; padding-left: 42px; padding-right: 42px; }
	.grid-wrapper {width: 890px; left: 0; margin-bottom: -5px;margin-top: 46px;}
	section#work .project {width: 421px; margin: 0px 12px 25px;}
	section#work .project span.client {font-size: 30px; line-height: 30px;}
	section#work .project span.name {font-size: 24px; line-height: 24px;}
	section#work .project span.btn { padding: 8px 12px 7px; font-size: 16px; line-height: 16px;}
	section#who_we_are h2 {font-size: 22px;}
	section#who_we_are h3 {font-size: 14px;}
	section#who_we_are .col1 {width: 280px; padding-right: 50px;}
	section#who_we_are .col2 {width: 280px; padding-right: 50px;}
	section#who_we_are .col3 {width: 280px; margin-top: 0;}
	#work-viewer .info {width: 765px;}
	#work-viewer .info h2.client {font-size: 28px;}
	#work-viewer .info h3.title {font-size: 18px; }
	#work-viewer .info .description {font-size: 24px; margin: 14px 0 0 0;}
	#work-viewer .images {padding: 30px 0 50px;}
	#work-viewer .images .image {width: 900px; padding: 10px 0;}
	.feedSlider, .feedSlider .slideGroup  {width: 1024px;}
	.feedSlider .slide {width: 285px; }
	.feedSlider .slideGroup .slide:first-child {margin-left: 80px;}
}
@media (min-width: 1400px) {
	.wrapper {width: 1400px; padding-left: 42px; padding-right: 42px; }	
	header .pattern {height: 420px; }
	header .pattern .bg {background-size: 2800px; background-image: url('_images/header-desktop-v4.jpg');}
	header .logo { background-image: url('_images/tanka-lockup-desktop-v3.png'); width: 193px; height: 213px; margin: 96px auto 0; }
	header .established { width: 110px; height: 22px; margin: auto; }
	h1 {font-size: 42px; }
	section#who_we_are p {font-size: 18px; line-height: 28px;}
	section#who_we_are .col1 {width: 385px; padding-right: 80px;}
	section#who_we_are .col2 {width: 386px; padding-right: 80px;}
	section#who_we_are .col3 {width: 385px;}
	section#work a.show_more {display: none;}
	section#feature {font-size: 34px;}
	section#feature .section-inner {padding-top: 86px;}
	section#feature h1 {margin-top: 9px;}
	section#feature p {width: 990px; font-size: 30px; line-height: 38px;}
	section#feature #dominion-silo .clouds {margin-right: -328px;}
	section#feature .bg {background-image: url('_images/feature-bg-desktop.jpg'); background-size: 2800px 1060px; -moz-background-size: 2800px 1060px;}
	.grid-wrapper {width: 1338px;}
	section#work .project {margin: 0px 25px 25px 0;}
	#work-viewer .info {width: 765px;}
	#work-viewer .info h2.client {font-size: 28px;}
	#work-viewer .info h3.title {font-size: 18px; }
	#work-viewer .info .notes {font-size: 14px; }
	section#the_tweets .wrapper {padding-top: 90px;}
	section#the_tweets .bg {height: 762px; background-image: url('_images/twitter-bg-v3-desktop.jpg'); background-size: 2800px 762px; -moz-background-size: 2800px 762px; }
	section#the_tweets .twitter-icon {background-image: url('_images/icon-twitter-desktop.png'); -moz-background-size: 55px 157px; background-size: 55px 157px; font-size: 22px; line-height: 22px; margin-bottom: 183px; padding-top: 58px;}
	section#the_tweets .twitter-icon:hover {background-position: center -111px;}
	.feedSlider, .feedSlider .slideGroup {width: 1400px; }
	.feedSlider .slide {width: 285px; }
	.feedSlider .slideGroup .slide:first-child {margin-left: 130px;}
	section#get_in_touch .section-inner {padding: 67px 0 84px;}
	section#get_in_touch h1 {padding-bottom: 43px;}
	section#get_in_touch h3 {font-size: 22px; margin-bottom: 10px;}
	.social-buttons {padding-top: 34px;padding-bottom: 8px;}
	.social-buttons a {width: 84px; height: 74px; background-image: url('_images/sharing-icons-desktop.png'); background-size: 252px 148px; -moz-background-size: 252px 148px;}
	.social-buttons .facebook:hover {background-position: 0 -74px;}
	.social-buttons .twitter {background-position: -84px 0;}
	.social-buttons .twitter:hover {background-position: -84px -74px;}
	.social-buttons .instagram {background-position: -168px 0;}
	.social-buttons .instagram:hover {background-position: -168px -74px;}
	.social-buttons .title {font-size: 24px; margin-top: 22px;}
}