/* normalize.css v1.0.2 | MIT License | git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden] {
    display: none
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
html,
button,
input,
select,
textarea {
    font-family: sans-serif
}
body {
    margin: 0
}
a:focus {
    outline: thin dotted
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: bold
}
blockquote {
    margin: 1em 40px
}
dfn {
    font-style: italic
}
mark {
    background: #ff0;
    color: #000
}
p,
pre {
    margin: 1em 0
}
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}
q {
    quotes: none
}
q:before,
q:after {
    content: '';
    content: none
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
dl,
menu,
ol,
ul {
    margin: 1em 0
}
dd {
    margin: 0 0 0 40px
}
menu,
ol,
ul {
    padding: 0 0 0 40px
}
nav ul,
nav ol {
    list-style: none;
    list-style-image: none
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 0
}
form {
    margin: 0
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}
legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}
button,
input {
    line-height: normal
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}
button[disabled],
input[disabled] {
    cursor: default
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto;
    vertical-align: top
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
::-moz-selection {
    background: #7e7181;
    color: white;
    text-shadow: none
}
::selection {
    background: #7e7181;
    color: white;
    text-shadow: none
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}
img {
    vertical-align: middle
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0
}
textarea {
    resize: vertical
}
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0
}
* html {
    font-size: 100%
}
html {
    font-size: 16px;
    line-height: 1.5em
}
@font-face {
    font-family: 'Kinney';
    src: url("../fonts/kinney-book-webfont.eot");
    src: url("../fonts/kinney-book-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/kinney-book-webfont.woff") format("woff"), url("../fonts/kinney-book-webfont.ttf") format("truetype"), url("../fonts/kinney-book-webfont.svg#kinney_bookregular") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'Kinney';
    src: url("../fonts/kinney-italic-webfont.eot");
    src: url("../fonts/kinney-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/kinney-italic-webfont.woff") format("woff"), url("../fonts/kinney-italic-webfont.ttf") format("truetype"), url("../fonts/kinney-italic-webfont.svg#kinney_bookitalic") format("svg");
    font-weight: normal;
    font-style: italic
}
body {
    color: #7e7181
}
.kinney,
.nav-pages a,
.nav-categories a,
.footer .social {
    font-family: 'Kinney';
    text-decoration: none;
    font-style: italic;
    text-transform: lowercase
}
.center {
    text-align: center
}
.nav-categories a {
    font-size: 0.875em;
    line-height: 1.71429em
}
p {
    margin: 0
}
.unstyled-list,
.nav-pages ul,
.nav-categories ul,
#portfolio,
.footer .social {
    padding: 0;
    margin: 0;
    list-style: none
}
.hide-text,
.footer .social li a {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}
.wrapper {
    *zoom: 1;
    max-width: 31.917em;
    _width: 31.917em;
    padding-left: 0.667em;
    padding-right: 0.667em;
    margin-left: auto;
    margin-right: auto
}
.wrapper:after {
    content: "";
    display: table;
    clear: both
}
@media (min-width: 40em) {
    .wrapper {
        max-width: 64.501em
    }
}
.ie-lt9 .wrapper {
    max-width: 64.501em;
    _width: 64.501em
}
.header {
    position: relative;
    margin: 0 0.3875%
}
.logo {
    padding-top: 6em;
    padding-bottom: 3em
}
@media (min-width: 40em) {
    .logo {
        padding-top: 3em;
        @inclde span-columns(4 omega);
    }
}
.ie-lt9 .logo {
    padding-top: 3em;
    @inclde span-columns(4 omega);
}
.logo-img {
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 669px
}
.nav-pages {
    position: absolute;
    right: 0
}
.nav-pages ul {
    width: 12em
}
.nav-pages li a {
    float: left;
    width: 5em;
    height: 4.375em;
    padding: 1.25em 0 0 0;
    background: url(../images/tag.png) center top transparent;
    text-align: center;
    color: #fff;
    margin: 0 1em 0 0
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .nav-pages li a {
        background-image: url(../images/tag@2x.png);
        background-size: 80px 180px
    }
}
.nav-pages li a:hover,
.nav-pages li a:active {
    background-position: center bottom
}
.nav-pages .current-menu-item a {
    background-position: center bottom
}
.nav-categories {
    display: none;
    margin-bottom: 1.5em;
    position: relative;
    z-index: 1
}
.nav-categories>ul>li {
    position: relative;
    width: 48.9551%;
    float: left;
    margin-right: 2.0898%;
    display: inline;
    margin: 0.3875%
}
@media (min-width: 40em) {
    .nav-categories>ul>li {
        width: 24.22443%;
        float: left;
        margin-right: 1.03409%;
        margin: 0.3875%
    }
}
.ie-lt9 .nav-categories>ul>li {
    width: 24.22443%;
    float: left;
    margin-right: 1.03409%;
    display: inline;
    margin: 0.3875%
}
.nav-categories>ul>li>a {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background: url(../images/drop-arrow.png) no-repeat 90% center #afafaf
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .nav-categories>ul>li>a {
        background-image: url(../images/drop-arrow@2x.png);
        background-size: 13px 14px
    }
    .nav-categories>ul>li>a.menu-loader {
        background-image: url(../images/menu-loader.gif)
    }
}
.nav-categories>ul>li>a.menu-loader {
    background-image: url(../images/menu-loader.gif)
}
.nav-categories>ul>li>a:hover,
.nav-categories>ul>li>a:active {
    background-color: #7e7181
}
.nav-categories li {
    background: #afafaf;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}
.nav-categories li a {
    color: #fff;
    padding: 0.5em 0.75em;
    display: block
}
.nav-categories .sub-menu {
    display: none;
    position: absolute;
    width: 100%
}
.nav-categories .sub-menu li:active,
.nav-categories .sub-menu li:hover {
    background-color: #7e7181
}
#main {
    position: relative
}
#main .featured {
    display: none;
    width: 225px;
    position: absolute;
    right: -125px;
    top: -50px;
    z-index: 2
}
@media (min-width: 73.75em) {
    #main .featured {
        display: block
    }
}
#portfolio {
    position: relative;
    z-index: 0;
    height: 100%
}
#portfolio li {
    position: relative;
    width: 48.9551%;
    float: left;
    margin-right: 2.0898%;
    display: inline;
    margin: 0.3875%
}
@media (min-width: 40em) {
    #portfolio li {
        width: 24.22443%;
        float: left;
        margin-right: 1.03409%;
        margin: 0.3875%
    }
}
.ie-lt9 #portfolio li {
    width: 24.22443%;
    float: left;
    margin-right: 1.03409%;
    display: inline;
    margin: 0.3875%
}
#portfolio li img {
    width: 100%
}
#portfolio li a {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
    float: left;
    left: 0;
    top: 0;
    width: 90%;
    height: 90%;
    padding: 5%;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGMy3gwAASIA6YfEG6YAAAAASUVORK5CYII=');
    background: rgba(51, 51, 51, 0.7);
    color: #fff;
    text-decoration: none;
    text-transform: lowercase;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}
#portfolio li a:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}
.footer {
    margin: 0.5em 0.3875%;
    color: #a5b2ba;
}
.footer .copyright {
    text-align: center;
    font-size: 0.75em;
    line-height: 2em
}
.footer .social li {
    float: left;
    width: 40%;
    padding: 1em 5%
}
@media (min-width: 40em) {
    .footer .social li {
        width: 43.5%;
        padding: 1em 3.25%
    }
}
.ie-lt9 .footer .social li {
    width: 43.5%;
    padding: 1em 3.25%
}
.footer .social li a {
    vertical-align: top;
    height: 26px;
    margin-left: 0.25em;
    display: inline-block
}
.footer .social .facebook {
    text-align: right
}
.footer .social .facebook a {
    width: 87px;
    background: url("../images/facebook.png") no-repeat left top transparent;
    height: 19px;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .footer .social .facebook a {
        background-image: url(../images/facebook@2x.png);
        background-size: 87px 18px;
        height: 19px;
    }
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .footer .social .instagram a {
        background-image: url(../images/instagram-logo2x1.png)!important;
        background-size: 90px 26px !important;
    }
}
.type-portfolio {
    margin: 0 0.3875% 1em;
    width: 99.225%
}
.type-portfolio img {
    max-width: 100%;
    display: block;
    margin: 0 auto 0.625em
}
@media (min-width: 40em) {
    .type-portfolio {
        width: 100%;
        float: right;
        margin-right: 0;
        margin: 0 0 1em 0
    }
}
.ie-lt9 .type-portfolio {
    width: 100%;
    float: right;
    margin-right: 0;
    #margin-left: -0.667em;
    display: inline;
    margin: 0 0 1em 0
}
.type-page {
    margin: 0.5em 0.3875% 0
}
.type-page h1 {
    display: none
}
.type-page .kinney,
.type-page .nav-pages a,
.nav-pages .type-page a,
.type-page .nav-categories a,
.nav-categories .type-page a,
.type-page .footer .social,
.footer .type-page .social {
    text-transform: none;
    font-size: 1.25em;
    line-height: 1.5em
}
.type-page p {
    margin-bottom: 1.5em
}
.type-page a {
    color: #7e7181;
    text-decoration: none
}
.type-page a:hover {
    text-decoration: underline
}
.type-page img {
    max-width: 100%
}
.type-page .alignleft {
    float: left;
    margin: 0 1em 1em 0
}
.type-page table {
    width: 100%
}
.type-page table p {
    margin: 0
}
.type-page table h2 {
    font-family: 'Kinney';
    font-weight: normal;
    text-transform: lowercase;
    font-size: 2.25em;
    line-height: 0.83333em;
    margin-top: 0;
    margin-bottom: 0.5em
}
.type-page table td {
    vertical-align: top;
    padding: 2em 0;
    width: 100%;
    display: block
}
@media (min-width: 40em) {
    .type-page table td {
        padding: 0 2em;
        width: 31%;
        display: table-cell
    }
    .type-page table td.column-1 {
        padding-left: 0
    }
    .type-page table td.column-3 {
        padding-right: 0
    }
    .type-page table td.column-2 {
        width: 38%;
        border-left: double #fff;
        border-right: 0.25em double #fff
    }
}
.ie-lt9 .type-page table td {
    padding: 0 2em;
    width: 31%;
    display: table-cell
}
.ie-lt9 .type-page table td.column-1 {
    padding-left: 0
}
.ie-lt9 .type-page table td.column-3 {
    padding-right: 0
}
.ie-lt9 .type-page table td.column-2 {
    width: 38%;
    border-left: double #fff;
    border-right: double #fff
}
.type-page table.bordered {
    border-top: double #a5b2ba;
    border-bottom: double #a5b2ba;
    border-collapse: separate;
    border-spacing: 0 2em;
    margin-top: 2.5em
}
.type-page table.bordered .column-2 {
    border-color: #a5b2ba
}
.accordion {
    margin-top: 1em
}
.accordion.process {
    border-bottom: double #a5b2ba
}
.accordion img+p {
    margin: 0 0 1em 0
}
.accordion h3 {
    font-size: 0.875em;
    line-height: 1.71429em;
    text-transform: uppercase;
    margin: 0
}
.accordion table {
    margin-bottom: 1em
}
.isotope-item {
    z-index: 2
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity
}
.isotope-item {
    z-index: 2
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%
}
.hidden {
    display: none !important;
    visibility: hidden
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}
.invisible {
    visibility: hidden
}
.clearfix:before,
#portfolio-detail:before,
.logo:before,
.nav-pages:before,
.nav-categories:before,
#portfolio:before,
.footer .social:before,
.type-portfolio:before,
.accordion:before,
.clearfix:after,
#portfolio-detail:after,
.logo:after,
.nav-pages:after,
.nav-categories:after,
#portfolio:after,
.footer .social:after,
.type-portfolio:after,
.accordion:after {
    content: " ";
    display: table
}
.clearfix:after,
#portfolio-detail:after,
.logo:after,
.nav-pages:after,
.nav-categories:after,
#portfolio:after,
.footer .social:after,
.type-portfolio:after,
.accordion:after {
    clear: both
}
.clearfix,
#portfolio-detail,
.logo,
.nav-pages,
.nav-categories,
#portfolio,
.footer .social,
.type-portfolio,
.accordion {
    *zoom: 1
}
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    @page {
        margin: 0.5cm
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}
.footer h3 {
    display: none !important;
}
div#text-4 h3 {
    display: inline !important;
    font-size: 16px;
    font-weight: 400;
}
.footer .social li a {
    height: 28px;
}
h5 {
    display: inline;
    color: #A5B2BA;
}
.footer .social .instagram a {
    width: 90px !important;
    background: url("../images/instagram-logo1.png") no-repeat left top transparent !important;
}