@font-face {
    font-family: 'robpalmer';
    src:         url("../fonts/robpalmer/robpalmer.eot?96836939");
    src:         url("../fonts/robpalmer/robpalmer.eot?96836939#iefix") format("embedded-opentype"), url("../fonts/robpalmer/robpalmer.woff?96836939") format("woff"), url("../fonts/robpalmer/robpalmer.ttf?96836939") format("truetype"), url("../fonts/robpalmer/robpalmer.svg?96836939#robpalmer") format("svg");
    font-weight: normal;
    font-style:  normal
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family:     "robpalmer";
    font-style:      normal;
    font-weight:     normal;
    speak:           none;
    display:         inline-block;
    text-decoration: inherit;
    width:           1em;
    margin-right:    .2em;
    text-align:      center;
    font-variant:    normal;
    text-transform:  none;
    line-height:     1em;
    margin-left:     .2em
}

.icon-pinterest-circled:before {
    content: '\e805'
}

.icon-gplus:before {
    content: '\e806'
}

.icon-twitter:before {
    content: '\e807'
}

.icon-facebook:before {
    content: '\e808'
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
    font-family:              sans-serif;
    -ms-text-size-adjust:     100%;
    -webkit-text-size-adjust: 100%
    font-family:              'Source Sans Pro', sans-serif;
}

body {
    margin:      0px !important
    font-family: 'Source Sans Pro', sans-serif;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display:        inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height:  0
}

[hidden], template {
    display: none
}

a {
    background: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin:    0.67em 0
}

mark {
    background: #FF0;
    color:      #000
}

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
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing:      content-box;
    height:          0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size:   1em
}

button, input, optgroup, select, textarea {
    color:  inherit;
    font:   inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor:             pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border:  0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding:    0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

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
}

fieldset {
    border:  1px solid #C0C0C0;
    margin:  0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border:  0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing:  0
}

td, th {
    padding: 0
}

@media print {
    * {
        text-shadow: none !important;
        color:       #000 !important;
        background:  transparent !important;
        box-shadow:  none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    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
    }

    p, h2, h3 {
        orphans: 3;
        widows:  3
    }

    h2, h3 {
        page-break-after: avoid
    }

    select {
        background: #FFF !important
    }

    .navbar {
        display: none
    }

    .table td, .table th {
        background-color: #FFF !important
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid #DDD !important
    }
}

.no-padding-left {
    padding-left: 0 !important
}

.no-padding-right {
    padding-right: 0 !important
}

.no-padding-top {
    padding-top: 0 !important
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

.no-padding {
    padding: 0 !important
}

.container {
    position:      relative;
    margin-right:  auto;
    margin-left:   auto;
    padding-left:  10px;
    padding-right: 10px
}

.container:before, .container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

@media (min-width: 768px) {
    .container {
        width: 740px
    }
}

@media (min-width: 992px) {
    .container {
        width: 960px
    }
}

@media (min-width: 1100px) {
    .container {
        width: 1040px
    }
}

.row {
    margin-left:  -10px;
    margin-right: -10px
}

.row:before, .row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

html, body, .wrapper, main {
    width:    100%;
    position: relative
}

body {
    position:                   relative;
    background-position:        center center;
    background-size:            cover;
    background-color:           #F8F8F8;
    color:                      #666;
    overflow:                   auto;
    -webkit-overflow-scrolling: touch;
    /*font-family: "Nunito", Helvetica, Arial, sans-serif;*/
    font-size:                  13px;
    font-weight:                300;
    line-height:                19px;
    letter-spacing:             0.015em;
    box-sizing:                 border-box;
    -webkit-font-smoothing:     antialiased;
    -moz-osx-font-smoothing:    grayscale;
    margin:                     0px 0px 0px 0px;
    font-family:                'Source Sans Pro', sans-serif;
}

.clients,
.overseas {
    font-weight: 600;
}

img {
    width:  100%;
    height: auto
}

.wrapper {
    margin-top: 60px
}

.row > * {
    box-sizing: border-box
}

.home .loop {
    margin: 0 -27.5px;
}

.js p, .js a, .js h1, .js h2, .js h3, .js h4 h5, .js h6 {
    visibility: hidden
}

.wf-active p, .wf-active a, .wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4 h5, .wf-active h6, .login p, .login a, .login h1, .login h2, .login h3, .login h4 h5, .login h6 {
    visibility: visible
}

div[data-src], img[data-src] {
    opacity:    0;
    transition: opacity 0.2s linear
}

div[data-src].visible, img[data-src].visible {
    opacity: 1
}

a, .btn, .btn span, .btn i {
    text-decoration: none;
    cursor:          pointer;
    outline:         none
}

a {
    color:      #666;
    transition: color 300ms linear 0s
}

a:hover {
    color: #000
}

a:focus, a:active, a:visited {
    outline:         none;
    text-decoration: none
}

::-moz-focus-inner {
    border: 0
}

.btn {
    display:        inline-block;
    background:     #BC2035;
    padding:        18px 20px 13px;
    text-transform: uppercase
}

.btn span {
    display:  block;
    position: relative;
    padding:  0px;
    margin:   0px
}

ul, li {
    padding:         0px;
    margin:          0px;
    list-style-type: none
}

header nav[role=navigation] ul {
    display: none !important;
}

.index-entry h1, .caption h1 {
    font-family:    'Source Serif Pro', serif;
    font-size:      18px;
    line-height:    22px;
    color:          #58595B;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight:    600;
}

h1 {
    font-size:      2.07692em;
    line-height:    1.1em;
    font-weight:    400;
    font-family:    'Source Serif Pro', serif;
    letter-spacing: 0.04em
}

.caption {
    height:      15px;
    display:     block;
    /* font-weight: 700; */
    /*text-transform: lowercase;*/
    line-height: 16px;
    font-weight: 300;
    color:       #58595B;
}

.caption p,
.bio {
    font-family: 'Source Serif Pro', serif;
}

.contact-details,
.title {
    font-family: 'Source Sans Pro', sans-serif;
}

.contact-details {
    color: black;
}

#back-to-top {
    position:        fixed;
    bottom:          40px;
    right:           40px;
    z-index:         9999;
    width:           75px;
    height:          32px;
    text-align:      center;
    line-height:     30px;
    background:      #E9EBEC;
    color:           #444;
    cursor:          pointer;
    border:          0;
    border-radius:   2px;
    text-decoration: none;
    transition:      opacity 0.2s ease-out;
    opacity:         0;
}

#back-to-top:hover {
    background: #DEDEDE;
}

#back-to-top.show {
    opacity: 1;
}

/*#content {
    height: 2000px;
}*/
/*h2 {
    font-size: 2.07692em;
    line-height: 1.1em;
    font-weight: 400;
    font-family: 'Source Serif Pro', serif;
    font-style: italic
}*/

h3 {
    font-size:   16px;
    line-height: 1.3
}

h4 {
    font-size:   16px;
    line-height: 1.3
}

h5 {
    font-size:   16px;
    line-height: 1.3
}

h6 {
    font-size:   16px;
    line-height: 1.3
}

h1 {
    -webkit-font-smoothing:  subpixel-antialiased;
    -moz-osx-font-smoothing: auto
}

h1, h2 {
    margin: 0.1em 0 0.1em
}

::-moz-selection {
    background: #FFF
}

::selection {
    background: #FFF
}

.title {
    font-weight:    600;
    text-transform: uppercase
}

/*@media (min-width: 992px) {
    .wrapper > .container {
        width: 980px;
    }

    .home .wrapper > .container {
        width: 950px;
    }
}*/

@media (min-width: 1366px) {
    .wrapper > .container {
        width: 1060px;
    }

    .home .wrapper > .container {
        width: 1016px;
    }
}

@media (max-width: 992px) {
    .home .loop {
        margin-left:  -10px;
        margin-right: -10px
    }
}

@media (max-width: 768px) {
    .wrapper {
        margin-top: 20px
    }
}

.error404 .wrapper > .container {
    width: 1040px;
}

header[role="main"] {
    margin-top:     60px;
    font-weight:    700;
    text-transform: uppercase
}

header[role="main"] .row {
    border-bottom: 1px solid #666
}

header[role="main"] a {
    position:   relative;
    color:      #666;
    transition: color 300ms linear 0s;
    display: block;
}

header[role="main"] a:before {
    content:          ' ';
    width:            0;
    height:           2px;
    position:         absolute;
    bottom:           -2px;
    left:             0;
    right:            0;
    margin:           auto;
    background-color: transparent;
    transition:       width 250ms ease-out 0s, background-color 20ms ease-in 0s
}

header[role="main"] a:hover,
header[role="main"] li.active a {
    color: #000
}

header[role="main"] a:hover:before,
header[role="main"] li.active a:before {
    width:            90%;
    background-color: #000
}

header[role="main"] > .row > * {
    float: left
}

header[role="main"] .about-menu {
    float: right
}

header[role="main"] .logo-container {
    position:         relative;
    bottom:           6px;
    background-color: #F8F8F8;
    padding:          0 15px 0 0
}

header[role="main"] .logo {
    width:               124px;
    height:              70px;
    background-image:    url(../img/sprite-sm.png);
    background-position: 0px 0px;
    background-repeat:   no-repeat;
    overflow:            hidden;
    display:             block;
    text-indent:         -9999px
}

/*header[role="main"] a.logo img{
    position: absolute;
    width: 100%;
    height:auto;
}*/
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    header[role="main"] .logo {
        background-image: url(../img/sprite.png);
        background-size:  124px 69.5px
    }
}

header[role="main"] li {
    display: inline-block;
    margin:  45px 0 0 40px;
    position: relative;
}

header[role="main"] .about-menu {
    font-size:      15px;
    font-weight:    normal;
    text-transform: lowercase;
}

header[role="main"] .header-categories {
    /*width:          350px;*/
    width:          210px;
    position:       absolute;
    margin:         auto;
    left:           0;
    right:          0;
    font-size:      15px;
    font-weight:    normal;
    text-transform: lowercase;
}

header[role="main"] .header-categories li:first-child {
    margin-left: 0
}

@media (max-width: 992px) {
    header[role="main"] {
        margin: 0 auto
    }

    header[role="main"] .row {
        min-height: 175px;
        padding:    20px 0 5px
    }

    header[role="main"] > .row > * {
        float: none
    }

    header[role="main"] .logo-container {
        padding:           0;
        background-repeat: no-repeat;
    }

    header[role="main"] .logo-container a {
        margin: 0 auto
    }

    header[role="main"] .header-categories {
        margin:           50px auto 0;
        width:            160px;
        max-height:       40px;
        overflow:         hidden;
        position:         absolute;
        z-index:          10;
        background-color: #F8F8F8;
        border:           1px solid #C1C1C1;
        transition:       max-height 300ms linear 0s
    }

    header[role="main"] .header-categories > span {
        width:    160px;
        height:   40px;
        display:  block;
        position: absolute;
        top:      0;
        left:     0;
        z-index:  10;
        cursor:   pointer
    }

    header[role="main"] .header-categories:before {
        content:     'project + contact';
        width:       160px;
        height:      40px;
        line-height: 40px;
        text-align:  center;
        display:     block
    }

    header[role="main"] .header-categories li {
        width:       100%;
        height:      40px;
        margin:      0;
        line-height: 40px;
        overflow:    hidden;
        text-align:  center
    }

    header[role="main"] .header-categories.show {
        max-height: 400px
    }

    header[role="main"] .about-menu {
        position: absolute;
        top:      100px;
        right:    0;
        left:     0
    }

    header[role="main"] .about-menu li {
        margin:     0 auto;
        display:    block;
        text-align: center
    }

    header[role="main"] .about-menu li:last-child {
        display: none
    }
}

.index-entry {
    width:  33.3334%;
    margin: 0 0 30px
}

.index-entry .border {
    padding: 0 10px
}

.index-entry h1, .index-entry h2 {
    display:    inline;
    margin-top: 0
}

.index-entry h2, .caption h2 {
    display:                 block;
    text-transform:          uppercase;
    font-size:               15px;
    margin:                  7px 0 2px;
    font-weight:             300;
    -webkit-font-smoothing:  subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    line-height:             22px;
    color:                   #58595B;
    font-style:              normal;
    margin:                  2px 0 5px;
}

.index-entry nav a {
    opacity: 0.8
}

.index-entry ul {
    float:   right;
    display: inline-block
}

.index-entry li {
    display:     inline-block;
    margin-left: 10px
}

.index-entry .thumb {
    width:               100%;
    background-size:     cover;
    background-position: center center;
    min-height:          150px
}

@media (max-width: 992px) {
    .index-entry {
        width: 50%
    }
}

@media (max-width: 480px) {
    .index-entry {
        width: 100%
    }
}

.single .caption {
    width:         33.33333%;
    position:      relative;
    min-height:    1px;
    float:         left;
    padding-left:  10px;
    padding-right: 10px;
    padding-right: 4%
}

.single .images {
    width:         66.66667%;
    position:      relative;
    min-height:    1px;
    float:         left;
    padding-left:  10px;
    padding-right: 10px
}

.single .images img, .single .images .video-overflow {
    margin-bottom: 5px
}

.social-icons a {
    width:         30px;
    height:        30px;
    display:       inline-block;
    margin-right:  20px;
    background:    #666;
    position:      relative;
    color:         #F8F8F8;
    border-radius: 50%;
    transition:    background 300ms linear 0s;
}

.social-icons a:before {
    margin:      auto;
    position:    absolute;
    top:         0;
    right:       0;
    bottom:      0;
    left:        0;
    line-height: 2.4em
}

.social-icons a:hover {
    background: #333
}

.social-icons {
    padding-top:    20px;
    padding-bottom: 20px;
}

.about section {
    width:         50%;
    position:      relative;
    min-height:    1px;
    float:         left;
    padding-left:  10px;
    padding-right: 10px;
    margin-bottom: 20px;
}

.pagination-links {
    margin: 2em 0 3em
}

.pagination-links a {
    /*height: 14px;*/
    display:        block;
    /*font-weight: 700;*/
    text-transform: lowercase;
    line-height:    16px
}

.pagination-links a[rel=next] {
    float: left;
}

.pagination-links a[rel=prev] {
    float: right;
}

.pagination-links a:nth-child(2) {
    /*padding-left: 20px*/
}

.pagination-links a:nth-child(2):before {
    content:    '';
    width:      1px;
    height:     100%;
    position:   relative;
    top:        2px;
    right:      10px;
    background: #666;
    display:    inline-block
}

.video-overflow {
    position:    relative;
    height:      0;
    padding-top: 60%
}

.video-overflow iframe {
    position: absolute;
    top:      0;
    left:     0
}

.two-up-container > div {
    width:      50%;
    float:      left;
    box-sizing: border-box
}

.two-up-container > div:first-child {
    padding-right: 5px
}

.two-up-container > div:last-child {
    padding-left: 5px
}

header[role="main"] .header-hack,
.img-smaller{
    display: none;
}

@media (max-width: 1070px) {
    .about section {
        width: 100% !important;
    }

    .img-smaller{
        display: block;
    }
    .img-bigger{
        display: none !important;
    }
    header[role="main"] .header-hack{
        display: block;
    }
}

@media (max-width: 992px) {
    .single .caption, .single .images {
        width: 100%;
        float: none;
        clear: both;
    }

    .pagination-links {
        margin: 10px 0
    }

    .pagination-links a {
        padding-bottom: 10px;
    }

    .social-icons {
        margin-bottom: 20px
    }

    .single .images {
        margin-top: 20px;
    }
}

@media (max-width: 480px) {
    .two-up-container > div {
        width:   100%;
        padding: 0 !important
    }

    .index-entry .border {
        padding: 0 0px 0 0;
    }

    body {
        padding: 0 10px;
    }
}

.about .title {
    font-weight: 300
}

.about li {
    margin: 0.7em auto
}

.contact-details {
    font-weight: 600;
    margin-top:  30px
}

.contact-details p {
    margin: 0.4em 0
}

footer {
    display:   block;
    padding:   40px 0 10px 0;
    font-size: 11px;
    color:     #B9B9B9;
}

/*# sourceMappingURL=styles.min.css.map */
.ipad header[role="main"] a:before{
    content: none !important;
}

.ipad header[role="main"] .active a{
    /*font-weight: bold !important;*/
    border-bottom: 2px solid #000;
}