This issue is really more of a due diligence submission. Something went wrong with my cmd+c, or clipboard, or I hit the wrong button--regardless, I ended up pasting an entire stylesheet into the 'Find' input, which threw this error.

Probably very little chance this issue is anything other than a user error but the notification said I should post it so, here it is:

Copy thousands of lines of CSS onto clipboard
Paste clipboard contents into Atom's 'Find' input

Atom Version: 1.0.7 System: Mac OS X 10.10.4 Thrown From: find-and-replace package, v0.180.0

Stack Trace

Uncaught SyntaxError: Invalid regular expression:

/\/\*
Theme Name: Influence Child
Theme URI: http:\/\/jroberts\.net\/
Description:  Influence Child \(Jacob Roberts's\)
Template: influence
Author: Jacob Roberts
Author URI: http:\/\/jroberts\.net\/
Version: 7\.19\.03
Updated: 24 Aug 15
Text Domain: influence\-child
\*\/

\/\*
ToC \(in recovery\)

1\) img reset
2\) typography
3\) layout \(general\)
4\) masthead
5\) Central Navigation
6\) footer
7\) testimonials
8\) bio
9\) contact form
10\) portfolio thumbs
11\) pages
12\) keyframes
\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\*\/

\/\*\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-
1\) image reset
\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\*\/
img
\{
    display: block;

    border: 0;
\}

\/\*\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-
2\) typography
\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\*\/
p,
textarea,
body,
button,
input,
select,
textarea,
li
\{
    font\-size: 16px;
    line\-height: 1\.45em;

    padding: 0;

    letter\-spacing: 1px;
    word\-wrap: break\-word;
    \-webkit\-hyphens: auto;
       \-moz\-hyphens: auto;
            hyphens: auto;

    color: #424242;

        \-ms\-hyphens: auto;
    text\-rendering: optimizeLegibility;
\}

::\-moz\-selection
\{
    color: #e590c7;
\}

::selection
\{
    color: #e590c7;
\}

h1,
\.panel\-row\-style\-title\-row\.title\-row\.panel\-row\-style h1
\{
    font\-size: 4\.2381em;
    font\-weight: normal;

    position: relative;

    margin: 1\.255em 0 0\.25em;

    letter\-spacing: \-1px;
    word\-wrap: normal;

    color: #87898c;
\}

article\.entry \.post\-text h1\.entry\-title
\{
    font\-size: 4\.2381em;
    font\-weight: normal;
    line\-height: 1\.3;

    position: relative;

    margin\-bottom: 1\.25em;

    letter\-spacing: 2px;
    word\-wrap: normal;

    color: #87898c;
\}

@media \(min\-width: 480px\)
\{
    \.panel\-row\-style\-title\-row\.title\-row\.panel\-row\-style h1
    \{
        letter\-spacing: 2px;
    \}
\}

h2,
\.title\-row\.panel\-widget\-style h2,
article\.entry \.entry\-content h2
\{
    font\-size: 2\.75em;
    font\-weight: normal;
    line\-height: 1\.3;

    margin: 1\.25em 0 0\.3em;

    letter\-spacing: 2px;

    color: #6d7072;
\}

h3,
article\.entry \.entry\-content h3
\{
    font\-size: 2\.4em;
    font\-weight: normal;
    line\-height: 1\.3;

    position: relative;
    right: 3px;

    margin\-bottom: 0\.5em;

    letter\-spacing: 2px;

    color: #616365;
\}

h4,
article\.entry \.entry\-content h4,
\.title\-row\.panel\-widget\-style h4
\{
    font\-size: 2em;
    font\-weight: normal;
    line\-height: 1\.3;

    margin: 0\.2em 0 0\.18em 0;

    letter\-spacing: 2px;

    color: #555658;
\}

\.title\-row\.panel\-widget\-style \.textwidget h4
\{
    font\-size: 1\.8em;
\}

h5,
\.bio h5,
\.resume h5
\{
    font\-size: 1\.55em;
    font\-weight: normal;

    margin: 1\.3em 0 0;

    color: #484a4b!important;
\}

h6,
\.resume h6,
\.entry\-content h6
\{
    font\-size: 1\.25em;
    font\-weight: normal;

    color: #3c3d3e!important;
\}

a,
a:link
\{
    text\-decoration: none;

    color: #55b6e1;
\}

p a
\{
  background\-image: \-webkit\-gradient\(linear,left top,left bottom,color\-stop\(49%,transparent\),color\-stop\(50%,#55b6e1\)\);
  background\-image: \-webkit\-linear\-gradient\(top,transparent 49%,#55b6e1 50%\);
  background\-image:         linear\-gradient\(to bottom,transparent 49%,#55b6e1 50%\);
  background\-repeat: repeat\-x;
  background\-position: 0 94%;
  background\-size: 1px 1px;
  text\-shadow: 2px 0 #fff,1px 0 #fff,\-1px 0 #fff,\-2px 0 #fff;
\}

a:visited,
\.paragraph a:visited
\{
    color: #59524c;
\}

a:hover,
\.paragraph a:hover,
a:focus,
\.paragraph a:focus
\{
    text\-decoration: none;

    color: #d84a4a;
\}

p a:hover
\{
  background\-image: \-webkit\-gradient\(linear,left top,left bottom,color\-stop\(49%,transparent\),color\-stop\(50%,#d84a4a\)\);
  background\-image: \-webkit\-linear\-gradient\(top,transparent 49%,#d84a4a 50%\);
  background\-image:         linear\-gradient\(to bottom,transparent 49%,#d84a4a 50%\);
  background\-repeat: repeat\-x;
  background\-position: 0 94%;
  background\-size: 1px 1px;
  text\-shadow: 2px 0 #fff,1px 0 #fff,\-1px 0 #fff,\-2px 0 #fff;
\}

a:active,
\.paragraph a:active
\{
    text\-decoration: none;

    color: #e590c7;

    \-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);
\}

p a:active
\{
  background\-image: \-webkit\-gradient\(linear,left top,left bottom,color\-stop\(49%,transparent\),color\-stop\(50%,#e590c7\)\);
  background\-image: \-webkit\-linear\-gradient\(top,transparent 49%,#e590c7 50%\);
  background\-image:         linear\-gradient\(to bottom,transparent 49%,#e590c7 50%\);
  background\-repeat: repeat\-x;
  background\-position: 0 94%;
  background\-size: 1px 1px;
  text\-shadow: 2px 0 #fff,1px 0 #fff,\-1px 0 #fff,\-2px 0 #fff;
\}

@font\-face
\{
    font\-family: 'cc\-icons';
    font\-weight: normal;
    font\-style: normal;

    src: url\('\.\.\/fonts\/cc\-icons\.eot'\);
    src: local\('cc\-icons'\),url\('http:\/\/jroberts\.net\/wp\-content\/themes\/influence\-child\/fonts\/cc\-icons\.svg'\) format\('svg'\),url\('http:\/\/jroberts\.net\/wp\-content\/themes\/influence\-child\/fonts\/cc\-icons\.otf'\) format\('opentype'\),url\('http:\/\/jroberts\.net\/wp\-content\/themes\/influence\-child\/fonts\/cc\-icons\.woff'\) format\('woff'\),url\('http:\/\/jroberts\.net\/wp\-content\/themes\/influence\-child\/fonts\/cc\-icons\.ttf'\) format\('truetype'\);
\}

\.cc
\{
    font\-family: cc\-icons;
    font\-size: inherit;
    font\-weight: normal;
    font\-style: normal;
    font\-variant: normal;
    font\-size\-adjust: none;
    font\-stretch: normal;
    line\-height: 1;

    display: inline\-block;

    color: #a9a9a9;

    \-moz\-font\-feature\-settings: normal;
    \-moz\-font\-language\-override: normal;
    text\-rendering: auto;
\}

\.cc\-lg
\{
    font\-size: 2\.33333333em;
    line\-height: 0\.75em;

    vertical\-align: \-15%;
\}

\.cc\-2x
\{
    font\-size: 3em;
\}

\.cc\-3x
\{
    font\-size: 4em;
\}

\.cc\-4x
\{
    font\-size: 5em;
\}

\.cc\-5x
\{
    font\-size: 6em;
\}

\.cc\-fw
\{
    width: 1\.28571429em;

    text\-align: center;
\}

\.cc\-ul
\{
    margin\-left: 2\.14285714em;
    padding\-left: 0;

    list\-style\-type: none;
\}

\.cc\-ul > li
\{
    position: relative;
\}

\.cc\-li
\{
    position: absolute;
    top: 0\.14285714em;
    left: \-2\.14285714em;

    width: 2\.14285714em;

    text\-align: center;
\}

\.cc\-li\.cc\-lg
\{
    left: \-1\.85714286em;
\}

\.cc\-border
\{
    padding: 0\.2em 0\.25em 0\.15em;

    border: solid 0\.08em #eee;
    border\-radius: 0\.1em;
\}

\.pull\-right
\{
    float: right;
\}

\.pull\-left
\{
    float: left;
\}

\.cc\.pull\-left
\{
    margin\-right: 0\.3em;
\}

\.cc\.pull\-right
\{
    margin\-left: 0\.3em;
\}

\.cc\-sa:before
\{
    content: '\\0061';
\}

\.cc\-by:before
\{
    content: '\\0062';
\}

\.cc\-cc:before
\{
    content: '\\0063';
\}

\.cc\-nd:before
\{
    content: '\\0064';
\}

\.cc\-sampling:before
\{
    content: '\\006D';
\}

\.cc\-nc:before
\{
    content: '\\006E';
\}

\.cc\-zero:before
\{
    content: '\\006F';
\}

\.cc\-pd:before
\{
    content: '\\0070';
\}

\.cc\-pd\-alt:before
\{
    content: '\\0071';
\}

\.cc\-remix:before
\{
    content: '\\0072';
\}

\.cc\-share:before
\{
    content: '\\0073';
\}

\.cc\-logo:before
\{
    content: '\\0043';
\}

\.cc\-by\-nd:before
\{
    content: '\\0044';
\}

\.cc\-by\-nc\-sa:before
\{
    content: '\\004D';
\}

\.cc\-by\-nc:before
\{
    content: '\\004E';
\}

\.cc\-publicdomain:before
\{
    content: '\\004F';
\}

\.cc\-by\-nc\-nd:before
\{
    content: '\\0052';
\}

\.cc\-by\-sa:before
\{
    content: '\\0053';
\}

body
\{
    overflow: hidden;

    background\-color: #fff;

    \-webkit\-overflow\-scrolling: touch;
\}

body\.display\-main\-menu #page
\{
    padding\-right: 0;
\}

#main
\{
    zoom: 1;margin\-top: 3em;
    padding: 0 8px;

    \-webkit\-transition: all 0\.35s ease;
    transition: all 0\.35s ease;
\}

\.site\-main
\{
    max\-width: 94vw;

    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;
\}

\.entry
\{
    border: 0 transparent solid;
    box\-shadow: none;
\}

section#primary
\{
    margin: 2em auto 0;
    padding\-top: 0;

    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;
\}

body\.siteorigin\-panels\-home #primary,
body\.page\-template\-templatestemplate\-full\-no\-title\-php #primary
\{
    margin: 0 0\.6em 0 auto;
\}

\/\* attachment pages \*\/
body\.attachment section#primary
\{
    float: none;
\}

body\.attachment article\.entry \.entry\-content
\{
    text\-align: center;
\}

body\.attachment article\.entry \.entry\-meta \.posted\-on
\{
    float: none;

    margin\-left: 0;

    text\-align: center;
\}\/\* end attachment pages \*\/

\.container
\{
    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;
\}

div#content
\{
    border\-color: transparent;
\}

\.entry
\{
    border: 0 transparent solid;
\}

\.entry,
article\.entry,
article\.entry \.post\-text
\{
    box\-shadow: none;
\}

article\.entry \.post\-text
\{
    padding: 10px 14px;

    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;
\}

@media \(min\-width: 768px\)
\{
    #main
    \{
        padding: 0 20px;
    \}

    body\.display\-main\-menu #page > div
    \{
        \-webkit\-transform: none;
            \-ms\-transform: none;
                transform: none;
    \}
\}

@media screen and \(max\-width: 782px\)
\{
    body\.display\-main\-menu #page > div,
    body\.display\-main\-menu #page > section
    \{
        \-webkit\-transform: none;
            \-ms\-transform: none;
                transform: none;
    \}
\}

@media \(min\-width: 992px\)
\{
    article\.entry \.post\-text
    \{
        padding: 0 14px;
    \}
\}

@media \(min\-width: 1200px\)
\{
    article\.entry \.post\-text
    \{
        padding: 0;
    \}
    #main
    \{
        padding: 0;
    \}
\}

header#masthead\.site\-header
\{
    position: relative;

    width: 100vw;
    height: auto;
    margin: 0 auto;
    padding: 0;

    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;

    \-webkit\-flex\-flow: column nowrap;
        \-ms\-flex\-flow: column nowrap;
            flex\-flow: column nowrap;
    \-webkit\-box\-pack: start;
    \-webkit\-justify\-content: flex\-start;
    \-ms\-flex\-pack: start;
            justify\-content: flex\-start;
    \-webkit\-box\-align: stretch;
    \-webkit\-align\-items: stretch;
    \-ms\-flex\-align: stretch;
            align\-items: stretch;
    \-webkit\-order: \-1;
    \-ms\-flex\-order: \-1;
            order: \-1;
\}

div#thsp\-sticky\-header
\{
    width: 100vw;
    max\-width: 1200px ; \/\* or 100vw \*\/
    height: auto;
    max\-height: 70px;
    margin: 0 auto;
    padding: 0 0 6px;

    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;

    background\-color: #d84a4a;
\}

#masthead \.container
\{
    position: relative;

    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    width: 100%;
    max\-width: 1200px;
    height: 100%;
    min\-height: 100%;
    margin: 0 auto;
    padding: 0;

    \-webkit\-transition: all 0\.3s ease;
            transition: all 0\.3s ease;

    \-webkit\-flex\-basis: 100%;
    \-ms\-flex\-preferred\-size: 100%;
            flex\-basis: 100%;
    \-webkit\-order: 0;
    \-ms\-flex\-order: 0;
            order: 0;
    \-webkit\-flex\-flow: row wrap;
        \-ms\-flex\-flow: row wrap;
            flex\-flow: row wrap;
    \-webkit\-box\-align: stretch;
    \-webkit\-align\-items: stretch;
    \-ms\-flex\-align: stretch;
            align\-items: stretch;
    \-webkit\-align\-content: stretch;
    \-ms\-flex\-line\-pack: stretch;
            align\-content: stretch;
    \-webkit\-box\-orient: horizontal;
       \-moz\-box\-orient: horizontal;
            box\-orient: horizontal;
\}

\.shark\-parade
\{
    position: relative;
    z\-index: 5;

    display: block;
    overflow: hidden;

    box\-sizing: border\-box;
    width: 180%;
    min\-height: 100%;

    opacity: 0\.9;
    border: transparent solid 0;

    \-webkit\-flex\-basis: 100%;
    \-ms\-flex\-preferred\-size: 100%;
            flex\-basis: 100%;
    \-webkit\-order: 1;
    \-ms\-flex\-order: 1;
            order: 1;
    \-webkit\-align\-self: flex\-end;
    \-ms\-flex\-item\-align: end;
            align\-self: flex\-end;
\}

body\.parent\-pageid\-183 \.shark\-parade,
body\.parent\-pageid\-187 \.shark\-parade,
body\.page\-id\-193 \.shark\-parade,
body\.attachment \.shark\-parade
\{
    left: 300%;

    height: 0;
\}

header#masthead\.site\-header::after,
#masthead \.container::after,
\.shark\-parade::after,
header::after,
\.main\-navigation::after,
\.site\-description::after,
\.site\-header \.site\-title::after,
\.hgroup::after
\{
    font\-size: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '';
\}

\.hgroup
\{
    position: relative;

    display: block;

    box\-sizing: border\-box;

    \-webkit\-transition: 0\.3s ease;
            transition: 0\.3s ease;

    border: 0 solid transparent;

    \-webkit\-order: 1;
    \-ms\-flex\-order: 1;
            order: 1;
\}

\.site\-header \.site\-title
\{
    top: 0;
    left: 0;

    float: none;
    overflow: hidden;

    width: 100%;
    margin: 0;

    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;
\}

#masthead\.site\-header \.container \.hgroup \.site\-title a
\{
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;
    float: none;

    width: auto;
    height: auto;

    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;

    background\-color: #d84a4a;
    background\-repeat: no\-repeat;
\}

\.site\-header \.site\-title img
\{
    width: 100%;
    min\-width: 100vw;
    max\-height: 102px;

    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;

    \-webkit\-clip\-path: inset\(0 0 27% 0\);
            clip\-path: inset\(0 0 27% 0\);
\}

\.site\-description
\{
    font\-size: 16px;

    width: 80%;
    height: auto;
    margin: 10px auto;

    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;
    text\-align: center;

    color: #424242;
\}

\.emphasis
\{
    color: #d84a4a;
\}

\.main\-navigation
\{
    font\-size: 1\.25em;

    position: absolute;
    top: 6%;

    display: block;
    float: none;
    overflow: hidden;

    width: 13\.5%;
    max\-width: 50px;
    height: 43px;
    max\-height: 116px;
    margin: 0 auto;

    \-webkit\-transition: 0\.3s ease;
            transition: 0\.3s ease;
    \-webkit\-transform: translate\(0,0\) scale\(1,1\);
        \-ms\-transform: translate\(0,0\) scale\(1,1\);
            transform: translate\(0,0\) scale\(1,1\);

    background\-color: rgba\(255,255,255,0\.14\);

    \-webkit\-order: 2;
    \-ms\-flex\-order: 2;
            order: 2;
    \-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);
\}

\.main\-navigation a\.main\-menu\-button
\{
    position: absolute;

    display: block;
    overflow: hidden;

    width: 100%;
    height: inherit;
    margin: 0 auto;

    text\-align: center;
    text\-decoration: none;

    background: 0;
    text\-shadow: none;

    \-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);
\}

#hamburger
\{
    font\-size: 2\.1em;

    width: 100%;
    margin: 0 auto;

    \-webkit\-transition: color 0\.3s ease\-in;
            transition: color 0\.3s ease\-in;

    color: rgba\(220,221,216,0\.4\);

    \-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);
\}

h1\.assistive\-text
\{
    font\-size: 1em;
    line\-height: 0\.75;

    left: 2px;

    clip: auto;

    width: 100%;
    height: inherit;
    margin: 6px auto;

    text\-align: center;
    letter\-spacing: 6px;
    text\-transform: lowercase;
    word\-break: break\-all;

    color: rgba\(220,221,216,0\.8\);

    \-webkit\-align\-self: flex\-start;
    \-ms\-flex\-item\-align: start;
            align\-self: flex\-start;
    \-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);
\}

h1\.assistive\-text::first\-line
\{
    letter\-spacing: 3px;
\}

\.main\-navigation a\.main\-menu\-button:hover h1\.assistive\-text,
\.main\-navigation a\.main\-menu\-button:focus h1\.assistive\-text
\{
    \-webkit\-transition: all 0\.2s ease\-in;
            transition: all 0\.2s ease\-in;

    color: rgba\(215, 74, 74, 0\.6\);
    background\-color: rgba\(255,255,255,0\.08\);

    \-webkit\-text\-stroke\-width: 1px;
    \-webkit\-text\-stroke\-color: white;
    text\-stroke: 1px #fff;
\}

\.main\-navigation a\.main\-menu\-button:hover #hamburger,
\.main\-navigation a\.main\-menu\-button:focus #hamburger
\{
    \-webkit\-transition: all 0\.2s ease\-in;
            transition: all 0\.2s ease\-in;

    color: rgba\(220,221,216,0\.6\);
    background\-color: rgba\(0,0,0,0\.02\);
\}

\.main\-navigation a\.main\-menu\-button:focus:active h1\.assistive\-text,
\.main\-navigation a\.main\-menu\-button:active h1\.assistive\-text,
\.main\-navigation a\.main\-menu\-button:focus:active #hamburger,
\.main\-navigation a\.main\-menu\-button:active #hamburger
\{
    \-webkit\-animation: kiss\-in\-text 0\.2s ease\-out 0s normal 1 both running;
            animation: kiss\-in\-text 0\.2s ease\-out 0s normal 1 both running;

    color: rgba\(216,74,74,0\.8\);
    outline: 0;
\}

\.main\-navigation:focus:active > a\.main\-menu\-button,
\.main\-navigation:active > a\.main\-menu\-button
\{
    \-webkit\-animation: kiss\-in\-btn 0\.2s ease\-out 0s normal 1 both running;
            animation: kiss\-in\-btn 0\.2s ease\-out 0s normal 1 both running;

    color: rgba\(216,74,74,0\.8\);
    outline: 0;
\}

nav\.horizontal\-nav
\{
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    box\-sizing: border\-box;
    width: 100vw;
    height: 100%;
    max\-height: 34px;
    margin: \-1\.25em auto 0\.5em;

    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;
    text\-align: center;

    border: transparent solid 0;
    background\-color: rgba\(135,137,140,0\.25\);

    \-webkit\-order: 4;
    \-ms\-flex\-order: 4;
            order: 4;
\}

#thsp\-sticky\-header\-menu
\{
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    box\-sizing: border\-box;
    width: auto;
    min\-width: 96\.25%;
    max\-width: 96\.25%;
    height: 100%;
    max\-height: 34px;

    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;
    text\-align: center;

    border: transparent solid 0;
    background\-color: #d84a4a;

    \-webkit\-order: 4;
    \-ms\-flex\-order: 4;
            order: 4;
\}

#thsp\-sticky\-header a
\{
    display: block;
\}

ul\.header\-nav
\{
    font\-size: 10px;

    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;
    clear: both;

    box\-sizing: border\-box;
    width: 100%;
    height: 100%;
    margin: 0 6px;
    padding: 6px 0 8px;

    list\-style: none;

    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;
    text\-align: center;

    border: transparent solid 0;

    \-webkit\-flex\-flow: row nowrap;
        \-ms\-flex\-flow: row nowrap;
            flex\-flow: row nowrap;
    \-webkit\-box\-pack: center;
    \-webkit\-justify\-content: center;
    \-ms\-flex\-pack: center;
            justify\-content: center;
    \-webkit\-box\-align: center;
    \-webkit\-align\-items: center;
    \-ms\-flex\-align: center;
            align\-items: center;
    \-webkit\-align\-content: stretch;
    \-ms\-flex\-line\-pack: stretch;
            align\-content: stretch;
\}

#thsp\-sticky\-header\-inner
\{
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: \-8px;

    width: 100%;
    height: 100%;
    max\-height: 48px;
    margin: 0 auto;
    padding: 4px 0 8px;

    background\-color: #d84a4a;
\}

#thsp\-sticky\-header\-title
\{
    position: relative;
    right: 50%;
    bottom: 3px;
    left: 50%;

    margin: 0 auto 6px auto;
\}

ul\.header\-nav li
\{
    font\-family: 'Montserrat',sans\-serif;

    position: relative;

    display: inline\-block;

    box\-sizing: border\-box;
    min\-width: 20%;
    max\-width: 23%;
    height: auto;
    max\-height: 24px;
    margin: 0 auto;

    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;
    text\-align: center;
    vertical\-align: text\-top;

    border: transparent solid 1px;
    background\-color: #fff;

    \-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);
\}

#thsp\-sticky\-header\-menu li
\{
    font\-family: 'Montserrat',sans\-serif;

    position: relative;

    display: inline\-block;

    box\-sizing: border\-box;
    min\-width: 20%;
    max\-width: 23%;
    height: auto;
    max\-height: 24px;
    margin: 0 auto;

    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;
    text\-align: center;
    vertical\-align: text\-top;

    border: #fff solid 1px;
    background\-color: #d84a4a;

    \-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);
\}

#thsp\-sticky\-header\-menu li
\{
    margin: 0 auto!important;
\}

ul\.header\-nav li:first\-child
\{
    margin\-left: 0;
\}

ul\.header\-nav li:last\-child,
#thsp\-sticky\-header\-menu li:last\-child
\{
    margin\-right: 0!important;
\}

li#menu\-item\-510,
#thsp\-sticky\-header\-menu li\.menu\-item\-510
\{
    width: auto;
    min\-width: 30%;
    max\-width: 33%;
\}

ul\.header\-nav li#menu\-item\-491,
#thsp\-sticky\-header\-menu li\.menu\-item\-511
\{
    min\-width: 20%;
    max\-width: 22%;
\}

#masthead \.header\-nav\-container::after
\{
    font\-size: 0;

    display: block;
    visibility: hidden;
    clear: both;

    box\-sizing: border\-box;
    height: 0;

    content: ' ';
\}

ul\.header\-nav li a
\{
    font\-size: 70%;
    line\-height: 1\.45;

    display: block;

    box\-sizing: border\-box;
    width: 100%;
    height: inherit;
    margin: 0 auto;

    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;
    text\-align: center;
    text\-decoration: none;

    color: rgba\(85,182,225,0\.85\);
    border: transparent solid 1px;
    background\-image: none;
    text\-shadow: none;

    \-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);
\}

#thsp\-sticky\-header\-menu li a
\{
    font\-size: 70%;
    line\-height: 1\.45;

    display: block;

    box\-sizing: border\-box;
    width: 100%;
    height: inherit;
    margin: 0 auto;

    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;
    text\-align: center;
    text\-decoration: none;

    color: white !important;
    border: transparent solid 1px;
    background\-image: none;
    text\-shadow: none;

    \-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);
\}

ul\.header\-nav li:hover a,
ul\.header\-nav li:focus a,
#thsp\-sticky\-header\-menu li:hover a,
#thsp\-sticky\-header\-menu li:focus a
\{
    color: rgba\(212,78,63,0\.83\) !important;
\}

video#bgvid
\{
    position: relative;

    min\-width: 110%;
    max\-width: 140%;
    height: auto;

    vertical\-align: middle;

    background: transparent url\(http:\/\/jroberts\.net\/wp\-content\/uploads\/2015\/05\/shark_parade\.png\) no\-repeat!important;
    background\-size: cover;
\}

\/\* 4e\) masthead mobile\-first media queries
\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\*\/
@media \(min\-width: 480px\)
\{
    #masthead \.container
    \{
        min\-height: 106px;
        max\-height: 220px;
        padding: 0 8px;
    \}

    \.hgroup
    \{
        display: \-webkit\-inline\-box;
        display: \-webkit\-inline\-flex;
        display: \-ms\-inline\-flexbox;
        display: \-webkit\-box;
        display: \-webkit\-flex;
        display: \-ms\-flexbox;
        display:         inline\-flex;

        min\-width: 75%;
        max\-width: 80%;
        height: auto;

        \-webkit\-transition: all 0\.35s ease;
                transition: all 0\.35s ease;

        \-webkit\-align\-self: flex\-start;
        \-ms\-flex\-item\-align: start;
                align\-self: start;
        \-webkit\-align\-content: flex\-start;
        \-ms\-flex\-line\-pack: start;
                align\-content: space\-around;
        \-webkit\-justify\-content: flex\-start;
        \-ms\-flex\-pack: start;
        \-webkit\-box\-pack: start;
                justify\-content: flex\-start;
        \-webkit\-flex\-flow: row nowrap;
            \-ms\-flex\-flow: row nowrap;
                flex\-flow: row nowrap;
        \-webkit\-flex: inherit;
        \-webkit\-box\-flex: inherit;
            \-ms\-flex: inherit;
                flex: inherit; \/\* or try 1 0 inherit \*\/
    \}

    \.site\-header \.site\-title
    \{
        position: relative;
        left: \-1px;

        display: \-webkit\-inline\-box;
        display: \-webkit\-inline\-flex;
        display: \-ms\-inline\-flexbox;
        display:         inline\-flex;

        width: 0;
        max\-width: 157px;
        padding: 0;

        \-webkit\-order: 1;
        \-ms\-flex\-order: 1;
                order: 1;
        \-webkit\-flex: 1 0 157px;
            \-ms\-flex: 1 0 157px;
                flex: 1 0 157px;
    \}

    \.site\-header \.site\-title:after
    \{
        display: block;
        clear: both;

        height: 0;

        content: '';
    \}

    #masthead\.site\-header \.container \.hgroup \.site\-title a
    \{
        float: none;
        clear: none;
        overflow: hidden;

        min\-width: 74%;
        min\-height: 100%;

        background: 0;
        background\-color: transparent;

        \-webkit\-clip\-path: inset\(0 1% 14%\);
                clip\-path: inset\(0 1% 14%\);
    \}

    \.site\-header \.site\-title img
    \{
        width: auto;
        min\-width: 100%;

        \-webkit\-clip\-path: inset\(4% 0 20% 0\);
                clip\-path: inset\(4% 0 20% 0\);
    \}

    \.site\-description
    \{
        position: relative;

        display: \-webkit\-inline\-box;
        display: \-webkit\-inline\-flex;
        display: \-ms\-inline\-flexbox;
        display:         inline\-flex;

        width: auto;
        min\-width: 45%;
        max\-width: 48%;
        margin: 0\.25em 0 0 1em;

        text\-align: left;

        \-webkit\-order: 2;
        \-ms\-flex\-order: 2;
                order: 2;
        \-webkit\-flex: 2 0 45%;
            \-ms\-flex: 2 0 45%;
                flex: 2 0 45%;
    \}

    \.site\-description p
    \{
        font\-size: 14px;

        \-webkit\-transition: all 0\.35s ease;
                transition: all 0\.35s ease;
    \}

    \.main\-navigation
    \{
        font\-size: 3\.3em;

        max\-width: 90px;
        height: 72px;

        \-webkit\-transition: \-webkit\-transform 0\.1s linear;
                transition:         transform 0\.1s linear;

        background\-color: rgba\(135,137,140,0\.23\);
    \}

    h1\.assistive\-text
    \{
        font\-size: 28%;

        left: 2px;

        \-webkit\-transition: all 0\.35s ease;
                transition: all 0\.35s ease;
        letter\-spacing: 11px;

        color: rgba\(63,123,212,0\.77\);
        text\-shadow: none;
    \}

    #hamburger
    \{
        font\-size: 1\.1em;
        line\-height: 1\.45;

        \-webkit\-transition: all 0\.35s ease;
                transition: all 0\.35s ease;

        color: rgba\(63,123,212,0\.77\);
        text\-shadow: none;
    \}

    \.main\-navigation a\.main\-menu\-button:hover #hamburger,
    \.main\-navigation a\.main\-menu\-button:hover h1\.assistive\-text,
    \.main\-navigation a\.main\-menu\-button:focus #hamburger,
    \.main\-navigation a\.main\-menu\-button:focus h1\.assistive\-text
    \{
        color: #d84a4a;
        background\-color: transparent;

        \-webkit\-text\-stroke\-width: 0;
        \-webkit\-text\-stroke\-color: 0;
        text\-stroke: 0;
    \}

    \.main\-navigation a\.main\-menu\-button:focus:active h1\.assistive\-text,
    \.main\-navigation a\.main\-menu\-button:active h1\.assistive\-text
    \{
        color: rgba\(216,74,74,0\.8\);
    \}

    \/\*\- horizontal\-nav \-\*\/

    nav\.horizontal\-nav
    \{
        margin: \-0\.75em auto 0\.25em;
        padding: 0 2px;

        background\-color: #fff;
    \}

    ul\.header\-nav
    \{
        margin: 0 auto;
    \}

    ul\.header\-nav li,
    #thsp\-sticky\-header\-menu li
    \{
        line\-height: 1\.32em;

        border: rgba\(135,137,140,0\.5\) solid 1px;
        background\-color: transparent;
    \}

    ul\.header\-nav li a,
    #thsp\-sticky\-header\-menu li a
    \{
        font\-size: 100%;

        margin: 0 auto;

        color: #55b6e1 !important;
    \}

    ul\.header\-nav li:first\-child,
    #thsp\-sticky\-header\-menu li:first\-child
    \{
        margin\-left: 0!important;
    \}

    ul\.header\-nav li:last\-child,
    #thsp\-sticky\-header\-menu li:last\-child
    \{
        margin\-right: 0!important;
    \}

    ul\.header\-nav li:hover,
    ul\.header\-nav li:focus,
    #thsp\-sticky\-header\-menu li:hover,
    #thsp\-sticky\-header\-menu li:focus
    \{
        border: rgba\(135,137,140,0\.5\) solid 1px;
        background\-color: rgba\(135,137,140,0\.18\);
    \}

    ul\.header\-nav li:active,
    ul\.header\-nav li:focus:active,
    #thsp\-sticky\-header\-menu li:active,
    #thsp\-sticky\-header\-menu li:focus:active
    \{
        \-webkit\-transition: all 0\.1s linear;
                transition: all 0\.1s linear;

        background\-color: rgba\(135,137,140,0\.26\);
        box\-shadow: inset 1px 2px 0 1px rgba\(0,0,0,0\.15\),inset \-1px 1px 0 0 rgba\(0,0,0,0\.25\);
    \}

    \/\*\-\- active nav menu items \-\-\*\/
    li\.menu\-item\.current\-menu\-item,
    #thsp\-sticky\-header\-menu li\.menu\-item\.current\-menu\-item
    \{
        background\-color: gray;
    \}

    li\.menu\-item\.current\-menu\-item a,
    #thsp\-sticky\-header\-menu li\.menu\-item\.current\-menu\-item a
    \{
        color: white;
    \}

    li\.menu\-item\.current\-menu\-item:hover a,
    #thsp\-sticky\-header\-menu li\.menu\-item\.current\-menu\-item:hover a
    \{
        color: #d84a4a;
    \}

    \/\*\-\-\- portfolio < children \-\-\-\*\/
    \.parent\-pageid\-41 ul\.header\-nav li#menu\-item\-491
    \{
        background\-color: gray;
    \}
    \.parent\-pageid\-41 ul\.header\-nav li#menu\-item\-491 a
    \{
        color: white;
    \}

    ul\.header\-nav li#menu\-item\-492,
    #thsp\-sticky\-header\-menu li\.menu\-item\-510
    \{
        width: auto;
        min\-width: 23%;
        max\-width: 30%;
    \}

    ul\.header\-nav li#menu\-item\-491,
    #thsp\-sticky\-header\-menu li\.menu\-item\-511
    \{
        min\-width: 20%;
        max\-width: 25%;
    \}

    \/\*\-\- sticky nav \-\-\*\/
    #thsp\-sticky\-header
    \{
    padding: 0 8px;
    \}

    div#thsp\-sticky\-header,
    div#thsp\-sticky\-header\-inner
    \{
        background\-color: white !important;
        max\-width: 100%;
    \}

    #thsp\-sticky\-header\-title
    \{
        right: 0;
        left: 0;
    \}

    #thsp\-sticky\-header\-menu
    \{
        max\-width: 86\.25%;
    \}
\}

@media \(max\-width: 480px\)
\{
    \/\*\.main\-navigation
    \{
        font\-size: 1\.25em;

        margin\-top: 0;

        text\-align: inherit;
    \}

    \.site\-header \.site\-description
    \{
        text\-align: center;
    \}\*\/

    h1\.assistive\-text
    \{
        top: 0;
    \}

    \.main\-navigation
    \{
      font\-size: 1\.1em;
      margin\-top: \-\.5em;
      text\-align: inherit;
      right: 7px;
      height: 38px;
    \}
\}

@media screen and \(max\-width: 600px\)
\{
    #masthead
    \{
        position: absolute;
        top: 0;
    \}
\}

@media \(min\-width: 768px\)
\{
    #masthead \.container
    \{
        padding: 0 20px;
    \}

    \.hgroup
    \{
        margin\-top: 0\.5em;
        left: 0;
        height: 112px;
    \}

    \.site\-header \.site\-title
    \{
        width: auto;
        max\-width: 200px;
        left: 0;

        transform: translate\(0\);

        \-ms\-flex\-positive: 1\.5;
        \-webkit\-box\-flex: 1 0 200px;
        \-webkit\-flex: 1 0 200px;
            \-ms\-flex: 1 0 200px;
                flex: 1 0 200px;
    \}

    #masthead\.site\-header \.container \.hgroup \.site\-title a
    \{
      min\-width: 176px;
    \}

    \.site\-header \.site\-title img
    \{
        max\-height: 118px;

        \-webkit\-clip\-path: inset\(2% 0 14% 0\);
                clip\-path: inset\(2% 0 14% 0\);
    \}

    \.site\-description
    \{
        min\-width: 50%;
        margin: 0\.25em 1\.5em 0 1em;
    \}

    \.site\-description p
    \{
        font\-size: 16px;
    \}

    \.main\-navigation
    \{
        width: 10%;
        min\-width: 76px;
        height: 76px;
    \}

    h1\.assistive\-text
    \{
        letter\-spacing: 6px;
    \}

    nav\.horizontal\-nav
    \{
      margin: \-0\.25em auto 0\.75em;
    \}

    ul\.header\-nav li a,
    #thsp\-sticky\-header\-menu li a
    \{
        font\-size: 100%;
    \}

    ul\.header\-nav li:first\-child
    \{
        margin\-left: 0;
    \}

    ul\.header\-nav li:last\-child
    \{
        margin\-right: 0;
    \}

    div#thsp\-sticky\-header
    \{
      max\-width: 1200px;
      padding: 4px 20px;
    \}

    ul#thsp\-sticky\-header\-menu \{
    max\-width: 92%;
    \}

    #thsp\-sticky\-header\-title
    \{
      left: 0;
    \}

    #thsp\-sticky\-header\-menu li:first\-child
    \{
        min\-width: 19%;
        max\-width: 21%;
        margin\-left: 28px!important;
    \}
\}

@media screen and \(max\-width: 782px\)
\{
    body\.admin\-bar #masthead
    \{
        top: 46px;

        \-webkit\-transition: 0\.3s ease;
                transition: 0\.3s ease;
    \}

    body\.display\-main\-menu #page > header,
    body\.display\-main\-menu #page > header
    \{
        \-webkit\-transform: none;
            \-ms\-transform: none;
                transform: none;
    \}
\}

@media \(min\-width: 992px\)
\{
    \.hgroup
    \{
        margin\-top: 0\.9em;
    \}

    \.site\-header \.site\-title img
    \{
        display: block;

        min\-width: 100%;
        max\-width: 110%;
        height: 155px;
        max\-height: 158px;

        \-webkit\-clip\-path: inset\(0 0 14% 0\);
                clip\-path: inset\(2% 0 14% 0\);
    \}

    \.site\-description
    \{
        max\-width: 41%;
        margin: 0\.6em 1\.5em;
    \}

    \.site\-description p
    \{
        font\-size: 18px;
    \}

    nav\.horizontal\-nav
    \{
        margin: \-0\.25em auto 1\.25em;

        background\-color: transparent;
    \}

    ul\.header\-nav
    \{
        padding: 0;
    \}

    ul\.header\-nav li
    \{
        min\-width: 23%;
        max\-width: 25%;
        margin: 0 auto;

        border: rgba\(135,137,140,0\.5\) solid 1px;
        background\-color: transparent;
    \}
\}

@media \(min\-width: 1200px\)
\{
    #masthead \.container
    \{
        margin: 0 auto;

        \-webkit\-flex\-basis: 100%;
        \-ms\-flex\-preferred\-size: 100%;
                flex\-basis: 100%;
    \}

    \.site\-title
    \{
        display: \-webkit\-box;
        display: \-webkit\-flex;
        display: \-ms\-flexbox;
        display:         flex;

        max\-height: 130px;
    \}

    \.site\-header \.site\-title img
    \{
        display: inline\-block;

        width: auto;
        max\-height: 130px;
    \}

    \.site\-description
    \{
        margin: 0\.5em 0\.2em 0 1\.25em;
    \}

    \.main\-navigation \/\* comments = for safari \*\/
    \{
        font\-size: 2em;

        position: absolute;
        top: 12px;
        right: 0;

        display: block;
        overflow: hidden;

        max\-width: 120px;
        height: inherit;
        max\-height: 116px;
        margin: 0 auto;

        background\-color: rgba\(135,137,140,0\.5\);

        \-webkit\-flex\-flow: column nowrap;
            \-ms\-flex\-flow: column nowrap;
                flex\-flow: column nowrap;
        \-webkit\-box\-pack: center;
        \-webkit\-justify\-content: center;
        \-ms\-flex\-pack: center;
                justify\-content: center;
        \-webkit\-box\-align: center;
        \-webkit\-align\-items: center;
        \-ms\-flex\-align: center;
                align\-items: center;
    \}

    h1\.assistive\-text
    \{
        font\-size: 0\.7em;
        line\-height: 1\.5;

        left: 2px;

        width: 100%;
        margin: 0\.2em auto 0;
    \}

    a\.main\-menu\-button
    \{
        position: absolute;

        display: block;

        width: 100%;
        height: 100%;
        padding: 0;

        \-webkit\-order: 2;
        \-ms\-flex\-order: 2;
                order: 2;
    \}

    #hamburger
    \{
        font\-size: 2\.5em;
        line\-height: 1\.7;

        width: 100%;
    \}

    \.genericon\-menu:before
    \{
        display: block;

        margin: 0 auto;
    \}

    \.main\-navigation:hover,
    \.main\-navigation:focus
    \{
        background\-color: rgba\(135,137,140,0\.33\);
    \}

    \.main\-navigation \*:hover,
    \.main\-navigation \*:focus
    \{
        color: rgba\(212,78,63,0\.9\);
    \}

    \.shark\-parade
    \{
        width: 100%;
    \}
\}

#main\-menu
\{
    right: \-100vw;

    width: 100vw;

    \-webkit\-transition: right 0\.4s cubic\-bezier\(0\.43,0\.01,0\.43,0\.99\);
            transition: right 0\.4s cubic\-bezier\(0\.43,0\.01,0\.43,0\.99\);
    \-webkit\-transition\-delay: 0\.25s;
            transition\-delay: 0\.3s;

    background\-color: rgba\(138,138,138,0\.98\);
\}

i > span
\{
    margin\-right: 1\.25em;
\}

\.menu\-item i\._mi
\{
    margin\-top: \-0\.1em;
\}

i\._mi\.genericon\.genericon\-home
\{
    margin: \-0\.01em 0;
\}

\.menu\-link
\{
    padding\-left: 8px;
\}

\.menu\-link span
\{
    margin\-left: 0\.65em;
\}

\.menu\-link i\._mi\._before
\{
    margin\-left: 0\.35em;
\}

li#menu\-item\-40
\{
    text\-align: center;
\}

@media \(min\-width: 480px\)
\{
    #main\-menu \.menu ul li a
    \{
        font\-size: 2\.4em;
    \}
\}

@media \(min\-width: 1200px\)
\{
    #main\-menu
    \{
        right: \-40vw;

        width: 40vw;
    \}
\}

#main\-menu \.main\-menu\-close:before
\{
    content: '\\f153';
\}

ul#menu\-central\-navigation
\{
    padding\-top: 1em;
\}

ul#menu\-central\-navigation li
\{
    \-webkit\-transition: opacity 0\.6s ease;
            transition: opacity 0\.6s ease;

    opacity: 1\.0;
\}

#main\-menu \.menu ul li a
\{
    font\-family: 'Montserrat',sans\-serif;
    font\-size: 2\.25em;
    line\-height: 2\.5em;

    display: block;

    width: 100%;
    margin\-bottom: 2px;

    \-webkit\-transition: color 0\.5s ease;
            transition: color 0\.5s ease;
    vertical\-align: middle;

    color: #55b6e1;
\}

ul#menu\-central\-navigation:hover > li,
ul#menu\-central\-navigation:focus > li
\{
    \-webkit\-transition: opacity 0\.3s ease\-in;
            transition: opacity 0\.3s ease\-in;

    opacity: 0\.7;
\}

ul#menu\-central\-navigation:hover > li:hover,
ul#menu\-central\-navigation:focus > li:hover
\{
    \-webkit\-transition: opacity 0\.3s ease\-in;
            transition: opacity 0\.3s ease\-in;

    opacity: 1\.0;
\}

#main\-menu \.menu ul li:hover > a:hover,
#main\-menu \.menu ul li:focus > a:focus
\{
    opacity: 1\.0;
\}

i\._mi\._before
\{
    \-webkit\-transition\-timing\-function: ease\-out;
            transition\-timing\-function: ease\-out;
    \-webkit\-transition\-duration: 0\.3s;
            transition\-duration: 0\.3s;
    \-webkit\-transition\-property: \-webkit\-transform;
            transition\-property:         transform;
    \-webkit\-transform: translateZ\(0\);
            transform: translateZ\(0\);

    \-moz\-osx\-font\-smoothing: grayscale;
\}

li\.menu\-item:hover i\._mi\._before,
li\.menu\-item:focus i\._mi\._before
\{
    \-webkit\-transition: \-webkit\-transform 0\.3s cubic\-bezier\(0\.52,0\.24,0\.5,0\.74\);
            transition:         transform 0\.3s cubic\-bezier\(0\.52,0\.24,0\.5,0\.74\);
    \-webkit\-transform: scale\(1\.2,1\.2\) translateZ\(0\);
            transform: scale\(1\.2,1\.2\) translateZ\(0\);
\}

#main\-menu \.menu ul li:hover a,
#main\-menu \.menu ul li:focus a
\{
    \-webkit\-transition: 0\.3s ease;
            transition: 0\.3s ease;
    text\-decoration: none;

    color: #e590c7;
    background\-color: rgba\(240,240,240,0\.85\);
\}

#main\-menu \.menu ul li:visited a
\{
    color: #55b6e1;
\}

#main\-menu \.main\-menu\-close
\{
    font\-size: 30px;

    \-webkit\-transition: all 0\.3s ease\-in;
            transition: all 0\.3s ease\-in;
    \-webkit\-transform: translateZ\(0\);
            transform: translateZ\(0\);
    \-webkit\-transform\-origin: 50% 50%;
        \-ms\-transform\-origin: 50% 50%;
            transform\-origin: 50% 50%;

    color: #fff;
    outline: 0;

    \-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);
\}

#main\-menu \.main\-menu\-close:hover,
#main\-menu \.main\-menu\-close:focus
\{
    \-webkit\-transform: rotate\(90deg\) scale\(1\) skew\(1deg\) translate\(0px\);
        \-ms\-transform: rotate\(90deg\) scale\(1\) skew\(1deg\) translate\(0px\);
            transform: rotate\(90deg\) scale\(1\) skew\(1deg\) translate\(0px\);

    color: #d84a4a;
\}

\.close\-active
\{
    \-webkit\-animation: rotate\-icon\-pop 0\.3s linear 0s normal infinite both running;
            animation: rotate\-icon\-pop 0\.3s linear 0s normal infinite both running;

    color: #e590c7;

    \-moz\-osx\-font\-smoothing: grayscale;
\}

#main\-menu \.main\-menu\-close:focus:active:before,
#main\-menu \.main\-menu\-close:active:before
\{
    content: '\\f158';
\}

#colophon
\{
    margin: 40px 0 60px;

    \-webkit\-transition: 0\.3s ease;
            transition: 0\.3s ease;
\}

footer#colophon
\{
    margin\-top: 9em;
\}

#colophon \.container
\{
    max\-width: 100%;
    margin: 0 auto;
    padding: 0 10px;
\}

#footer\-widgets
\{
    max\-width: 100%;
    margin: 0 auto;

    \-webkit\-transition: 0\.3s ease;
            transition: 0\.3s ease;
\}

#footer\-widgets aside\.widget \.widget\-title
\{
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;
\}

#footer\-widgets aside\.widget a
\{
    display: block;

    color: #fff;
\}

aside#text\-3 \.textwidget
\{
    width: 100%;

    color: #f7f6de;
\}

#footer\-widgets aside\.widget
\{
    margin: 2em auto 0\.75em;
\}

footer #footer\-widgets aside#zoom\-social\-icons\-widget\-2
\{
    margin\-top: 0;
\}

aside#zoom\-social\-icons\-widget\-3
\{
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    \-webkit\-box\-pack: center;
    \-webkit\-justify\-content: center;
    \-ms\-flex\-pack: center;
            justify\-content: center;
\}

#footer\-widgets aside\.widget:last\-child
\{
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    margin: 0 auto;

    \-webkit\-transition: 0\.3s ease;
            transition: 0\.3s ease;

    \-webkit\-flex\-flow: column nowrap;
        \-ms\-flex\-flow: column nowrap;
            flex\-flow: column nowrap;
    \-webkit\-box\-pack: start;
    \-webkit\-justify\-content: flex\-start;
    \-ms\-flex\-pack: start;
            justify\-content: flex\-start;
\}

div#footer\-widgets aside#zoom\-social\-icons\-widget\-3 h3\.widget\-title
\{
    font\-size: 2\.8em;

    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    max\-width: 116%;
    margin: 0 auto 0\.75em;

    text\-align: center;
    letter\-spacing: 2px;
\}

#footer\-widgets aside\.widget ul
\{
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    max\-width: 100%;
    margin: 0 auto;
\}

ul\.zoom\-social\-icons\-list li:nth\-child\(3\)
\{
    margin\-left: 16px;
\}

li\.zoom\-social_icons\-list__item
\{
    font\-size: 1\.15em;
\}

\.socicon
\{
    font\-size: 2em;

    \-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);
\}

\.zoom\-social\-icons\-list\-\-without\-canvas \.socicon
\{
    \-webkit\-transition: all 0\.25s cubic\-bezier\(0\.22,0\.43999,0\.76,0\.48\);
            transition: all 0\.25s cubic\-bezier\(0\.22,0\.43999,0\.76,0\.48\);

    color: #fff;

    \-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);
\}

span\.socicon\.socicon\-behance
\{
    margin\-left: 9%;

    \-webkit\-transform: scale\(1\.3\);
        \-ms\-transform: scale\(1\.3\);
            transform: scale\(1\.3\);
    \-webkit\-transform\-origin: 50% 20%;
        \-ms\-transform\-origin: 50% 20%;
            transform\-origin: 50% 20%;
\}

\.zoom\-social_icons\-list__item a:hover \.socicon,
\.zoom\-social_icons\-list__item a:focus\.socicon
\{
    opacity: 1;
\}

\.zoom\-social\-icons\-list\-\-without\-canvas \.socicon:hover,
\.zoom\-social\-icons\-list\-\-without\-canvas \.socicon:focus
\{
    \-webkit\-transition\-duration: 0\.3s;
            transition\-duration: 0\.3s;
    \-webkit\-transition\-property: \-webkit\-transform;
            transition\-property:         transform;
    \-webkit\-transform: translateY\(\-12px\);
        \-ms\-transform: translateY\(\-12px\);
            transform: translateY\(\-12px\);

    \-moz\-osx\-font\-smoothing: grayscale;
\}

span\.socicon\.socicon\-behance:hover,
span\.socicon\.socicon\-behance:focus
\{
    \-webkit\-transform: translateY\(\-12px\) scale\(1\.3\);
        \-ms\-transform: translateY\(\-12px\) scale\(1\.3\);
            transform: translateY\(\-12px\) scale\(1\.3\);
\}

@media only screen and \(min\-device\-width : 320px\) and \(max\-device\-width :480px\)
\{
    \.zoom\-social\-icons\-list\-\-without\-canvas \.socicon:focus,
    \.zoom\-social\-icons\-list\-\-without\-canvas \.socicon:active
    \{
        \-webkit\-animation: hvr\-icon\-pop 0\.2s linear 0s normal 1 both running;
                animation: hvr\-icon\-pop 0\.2s linear 0s normal 1 both running;

        outline: 0;

        \-moz\-osx\-font\-smoothing: grayscale;
    \}
\}

@media only screen and \(min\-device\-width : 768px\) and \(max\-device\-width :1024px\)
\{
    \.zoom\-social\-icons\-list\-\-without\-canvas \.socicon:focus,
    \.zoom\-social\-icons\-list\-\-without\-canvas \.socicon:active
    \{
        \-webkit\-animation: hvr\-icon\-pop 0\.2s linear 0s normal 1 both running;
                animation: hvr\-icon\-pop 0\.2s linear 0s normal 1 both running;

        outline: 0;

        \-moz\-osx\-font\-smoothing: grayscale;
    \}
\}

@media only screen and \(min\-device\-width: 320px\) and \(max\-device\-height:568px\) and \(orientation :landscape\) and \(\-webkit\-device\-pixel\-ratio:2\)
\{
    \.zoom\-social\-icons\-list\-\-without\-canvas \.socicon:focus,
    \.zoom\-social\-icons\-list\-\-without\-canvas \.socicon:active
    \{
        \-webkit\-animation: hvr\-icon\-pop 0\.2s linear 0s normal 1 both running;
                animation: hvr\-icon\-pop 0\.2s linear 0s normal 1 both running;

        outline: 0;

        \-moz\-osx\-font\-smoothing: grayscale;
    \}
\}

@media only screen and \(min\-device\-width: 320px\) and \(max\-device\-height:568px\) and \(orientation :portrait\) and \(\-webkit\-device\-pixel\-ratio:2\)
\{
    \.zoom\-social\-icons\-list\-\-without\-canvas \.socicon:focus,
    \.zoom\-social\-icons\-list\-\-without\-canvas \.socicon:active
    \{
        \-webkit\-animation: hvr\-icon\-pop 0\.2s linear 0s normal 1 both running;
                animation: hvr\-icon\-pop 0\.2s linear 0s normal 1 both running;

        outline: 0;

        \-moz\-osx\-font\-smoothing: grayscale;
    \}
\}

@media only screen and \(min\-device\-width: 360px\) and \(max\-device\-height:640px\) and \(orientation :landscape\) and \(\-webkit\-device\-pixel\-ratio:3\)
\{
    \.zoom\-social\-icons\-list\-\-without\-canvas \.socicon:focus,
    \.zoom\-social\-icons\-list\-\-without\-canvas \.socicon:active
    \{
        \-webkit\-animation: hvr\-icon\-pop 0\.2s linear 0s normal 1 both running;
                animation: hvr\-icon\-pop 0\.2s linear 0s normal 1 both running;

        outline: 0;

        \-moz\-osx\-font\-smoothing: grayscale;
    \}
\}

@media only screen and \(min\-device\-width: 360px\) and \(max\-device\-height:640px\) and \(orientation :portrait\) and \(\-webkit\-device\-pixel\-ratio:3\)
\{
    \.zoom\-social\-icons\-list\-\-without\-canvas \.socicon:focus,
    \.zoom\-social\-icons\-list\-\-without\-canvas \.socicon:active
    \{
        \-webkit\-animation: hvr\-icon\-pop 0\.2s linear 0s normal 1 both running;
                animation: hvr\-icon\-pop 0\.2s linear 0s normal 1 both running;

        outline: 0;

        \-moz\-osx\-font\-smoothing: grayscale;
    \}
\}

@media only screen and \(max\-device\-width: 1600px\)
\{
    \.zoom\-social\-icons\-list\-\-without\-canvas \.socicon:focus,
    \.zoom\-social\-icons\-list\-\-without\-canvas \.socicon:active
    \{
        \-webkit\-animation: hvr\-icon\-pop 0\.2s linear 0s normal 1 both running;
                animation: hvr\-icon\-pop 0\.2s linear 0s normal 1 both running;

        outline: 0;

        \-moz\-osx\-font\-smoothing: grayscale;
    \}
\}

@media \(min\-width: 480px\)
\{
    #footer\-widgets aside\.widget
    \{
        float: none;

        width: 100%;

        \-webkit\-transition: 0\.3s ease;
                transition: 0\.3s ease;
    \}

    div#footer\-widgets > aside#zoom\-social\-icons\-widget\-3\.social\-footer > h3\.widget\-title
    \{
        font\-size: 3em;
    \}

    \.page\-id\-348 #colophon
    \{
        margin\-top: 10em;
    \}
\}

@media \(min\-width: 768px\)
\{
    #footer\-widgets
    \{
        max\-width: 93%;
    \}

    footer#colophon
    \{
        margin\-top: 10em;
    \}
\}

@media \(min\-width: 992px\)
\{
    #footer\-widgets
    \{
        max\-width: 80%;
        margin: 0 auto;

        \-webkit\-transition: 0\.3s ease;
                transition: 0\.3s ease;
    \}

    body\.page\-id\-41 footer#colophon,
    body\.page\-id\-183 footer#colophon
    \{
        margin\-top: 30em;
    \}

    \.page\-id\-348 #colophon
    \{
        margin\-top: 12em;
    \}
\}

div#pg\-24\-4
\{
    margin\-top: 4em;
    margin\-bottom: 1em;
\}

#panel\-24\-4\-0\-0 \.widget\-title
\{
    margin\-bottom: 0;
\}

div#panel\-24\-5\-0\-0
\{
    margin\-bottom: 1\.6%;
\}

div#panel\-24\-5\-0\-1
\{
    margin\-top: 0;
\}

\.bio\-pic\.panel\-widget\-style > \.so\-widget\-sow\-image\.so\-widget\-sow\-image\-base
\{
    margin\-bottom: \-30px;
\}

div\.bio p
\{
    text\-align: justify;
\}

div#panel\-24\-5\-0\-1\.caption
\{
    margin\-top: 0\.8%;
\}

\.caption\.panel\-widget\-style \.textwidget p
\{
    font\-size: 14px;

    margin\-bottom: 0\.8%;
    padding: 0\.5em 0;

    text\-align: justify;

    color: #818181;
\}

\.bio\.panel\-widget\-style
\{
    margin\-top: \-1\.25em;
\}

@media \(max\-width: 780px\)
\{
    #pg\-24\-5 #pgc\-24\-5\-0
    \{
        float: left;

        max\-width: 33%;
        margin\-right: 7\.6%;
    \}

    div#panel\-24\-5\-0\-0
    \{
        width: 100%;
        margin\-right: 17px;
    \}

    \.bio\-pic\.panel\-widget\-style
    \{
        float: left;
    \}

    div#panel\-24\-5\-0\-1
    \{
        position: relative;

        float: left;

        width: 100%;
    \}

    div#pgc\-24\-5\-1
    \{
        max\-width: 100%;
    \}

    \.bio\.panel\-widget\-style
    \{
        position: relative;
        bottom: 1em;
    \}

    div\.bio p
    \{
        text\-align: justify;
    \}
\}

@media \(max\-width: 480px\)
\{
    article\.entry \.post\-text
    \{
        padding\-top: 0;
        padding\-bottom: 0;
    \}

    article\.entry \.post\-text \.entry\-title
    \{
        font\-size: initial;

        margin\-bottom: 0;
    \}

    article\.entry \.post\-text
    \{
        padding: 0;
    \}
\}

@media \(min\-width: 768px\)
\{
    #panel\-24\-5\-0\-1 \.caption\.panel\-widget\-style \.textwidget p\.bio\-caption
    \{
        font\-size: 12px;
    \}

    div\.bio p
    \{
        text\-align: justify;
    \}
\}

div#panel\-24\-3\-0\-0
\{
    margin\-bottom: 0;
\}

\.testimonial
\{
    box\-sizing: border\-box;

    border: transparent solid 0;
\}

\.front\-page\-testimonial
\{
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    margin\-bottom: 1em;
\}

\.entry\-content blockquote
\{
    font\-family: inherit;
    font\-size: 16px;
    font\-style: initial;

    margin: 0\.5em 0;
    padding: 0\.75em 10px 1em 32px;

    quotes: '\\201C''\\201D''\\2018''\\2019';

    color: #424242;
    border\-left: 10px solid #d3d3d3;
    background: #e6e6e6;
    background\-size: contain;
\}

\.testimonial > \.textwidget blockquote > p
\{
    font\-family: inherit;
    font\-size: 16px;
    font\-style: initial;
    line\-height: 1\.75em;
\}

blockquote:before
\{
    font\-size: 4em;
    line\-height: 0\.1em;

    position: relative;
    top: 24px;
    right: 28px;

    float: left;
    overflow: visible;

    margin\-right: \-26px;

    content: '\\201C';
    vertical\-align: \-0\.4em;

    color: #c6c6c6;
\}

\.testimonial\.panel\-widget\-style div\.textwidget blockquote p
\{
    display: inherit;

    margin\-top: 1em;
\}

blockquote p:last\-child
\{
    margin\-bottom: 0;
\}

p\.cite
\{
    margin\-left: 56px;

    text\-indent: \-25px;

    color: #878787;
\}

@media \(min\-width: 768px\)
\{
    \.title\-row\.panel\-widget\-style
    \{
        position: relative;
        right: 0\.05em;

        width: 105%;
    \}
\}

@media \(min\-width: 992px\)
\{
    div#pg\-24\-3 \.testimonial\.panel\-cell\-style
    \{
        display: \-webkit\-box;
        display: \-webkit\-flex;
        display: \-ms\-flexbox;
        display:         flex;

        width: inherit;

        \-webkit\-flex\-flow: row wrap;
            \-ms\-flex\-flow: row wrap;
                flex\-flow: row wrap;
        \-webkit\-box\-pack: start;
        \-webkit\-justify\-content: flex\-start;
        \-ms\-flex\-pack: start;
                justify\-content: flex\-start;
        \-webkit\-box\-align: start;
        \-webkit\-align\-items: flex\-start;
        \-ms\-flex\-align: start;
                align\-items: flex\-start;
    \}

    div#panel\-24\-3\-0\-0
    \{
        display: \-webkit\-box;
        display: \-webkit\-flex;
        display: \-ms\-flexbox;
        display:         flex;

        \-webkit\-box\-flex: 2;
        \-webkit\-flex: 2 0 100%;
            \-ms\-flex: 2 0 100%;
                flex: 2 0 100%;
        \-webkit\-order: 1;
        \-ms\-flex\-order: 1;
                order: 1;
    \}

    \.front\-page\-testimonial\-row > div#pgc\-24\-3\-0 > #panel\-24\-3\-0\-0 > \.title\-row > \.textwidget h2
    \{
        margin: 0;

        letter\-spacing: 2px;
    \}

    div#panel\-24\-3\-0\-1
    \{
        display: \-webkit\-box;
        display: \-webkit\-flex;
        display: \-ms\-flexbox;
        display:         flex;

        min\-width: 45%;
        max\-width: 49%;
        margin: 0\.5em 0\.98% 1em 0;

        \-webkit\-order: 2;
        \-ms\-flex\-order: 2;
                order: 2;
        \-webkit\-box\-flex: 1;
        \-webkit\-flex: 1 0 47%;
            \-ms\-flex: 1 0 47%;
                flex: 1 0 47%;
    \}

    div#panel\-24\-3\-0\-2
    \{
        display: \-webkit\-box;
        display: \-webkit\-flex;
        display: \-ms\-flexbox;
        display:         flex;

        min\-width: 45%;
        max\-width: 49%;
        margin: 0\.5em 0 1em 0\.98%;

        \-webkit\-order: 3;
        \-ms\-flex\-order: 3;
                order: 3;
        \-webkit\-box\-flex: 1;
        \-webkit\-flex: 1 0 47%;
            \-ms\-flex: 1 0 47%;
                flex: 1 0 47%;
    \}

    div#panel\-24\-3\-0\-3
    \{
        display: \-webkit\-box;
        display: \-webkit\-flex;
        display: \-ms\-flexbox;
        display:         flex;

        min\-width: 45%;
        max\-width: 49%;
        margin: 0\.5em 0\.98% 0 0;

        \-webkit\-order: 4;
        \-ms\-flex\-order: 4;
                order: 4;
        \-webkit\-flex: 1 0 47%;
            \-ms\-flex: 1 0 47%;
                flex: 1 0 47%;
    \}

    div#panel\-24\-3\-0\-4
    \{
        display: \-webkit\-box;
        display: \-webkit\-flex;
        display: \-ms\-flexbox;
        display:         flex;

        min\-width: 45%;
        max\-width: 49%;
        margin: 0\.5em 0 0 0\.98%;

        \-webkit\-order: 5;
        \-ms\-flex\-order: 5;
                order: 5;
        \-webkit\-flex: 1 0 47%;
            \-ms\-flex: 1 0 47%;
                flex: 1 0 47%;
    \}

    \.entry\-content blockquote
    \{
        padding: 0\.75em 18px 1em 32px;
    \}
\}

div#pg\-24\-6
\{
    margin\-top: 4em;
\}

#pgc\-24\-6\-0 div#panel\-24\-6\-0\-0
\{
    margin\-bottom: 0;
\}

\.reqd
\{
    color: #8a8a8a;
\}

input\[type=text\],
input\[type=email\],
textarea\.wpcf7\-textarea
\{
    width: 100%;
    max\-width: 768px;
    padding: 10px;

    \-webkit\-transition: 0\.3s ease;
            transition: 0\.3s ease;

    border: 1px solid #555658;
\}

form\.wpcf7\-form p
\{
    display: block;
    float: left;

    box\-sizing: border\-box;
    width: 100%;
    margin: 0\.25em 0;

    \-webkit\-transition: 0\.3s ease;
            transition: 0\.3s ease;

    border: 1px solid transparent;
\}

span\.wpcf7\-form\-control\-wrap
\{
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    box\-sizing: border\-box;
    height: 45px;
    margin: 0\.35em 0;

    \-webkit\-transition: 0\.3s ease;
            transition: 0\.3s ease;

    border: 1px solid transparent;
\}

span\.wpcf7\-form\-control\-wrap\.your\-message
\{
    height: 240px;
\}

\.hello\-form\-submit
\{
    position: relative;
    z\-index: 0;

    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;
    overflow: hidden;

    width: 99%;
    height: 13em;
    margin: 0 auto;

    \-webkit\-transition: box\-shadow 0\.3s cubic\-bezier\(0\.02,0\.53,0\.82,0\.95\),background 0\.23s ease;
            transition: box\-shadow 0\.3s cubic\-bezier\(0\.02,0\.53,0\.82,0\.95\),background 0\.23s ease;
    vertical\-align: middle;

    background: #555658;
    box\-shadow: inset 0 0 1px rgba\(0,0,0,0\);

    \-webkit\-backface\-visibility: hidden;
            backface\-visibility: hidden;
    \-moz\-osx\-font\-smoothing: grayscale;
    \-webkit\-flex\-flow: column nowrap;
        \-ms\-flex\-flow: column nowrap;
            flex\-flow: column nowrap;
\}

\.hello\-form\-submit::before
\{
    font\-family: Genericons;
    font\-size: 12em;

    position: relative;
    top: 66px;

    display: block;
    clear: both;

    width: auto;
    height: auto;
    margin: 0 auto;

    content: '\\f410';
    \-webkit\-transition: 0\.3s ease;
            transition: 0\.3s ease;
    text\-align: center;
    letter\-spacing: \-5px;

    color: #fff;

    \-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);
\}

\.hello\-form\-submit::after
\{
    font\-family: Genericons;
    font\-size: 12em;

    position: relative;
    top: \-24%;

    display: block;
    clear: both;

    width: auto;
    height: auto;
    margin: 0 auto;

    content: '\\f410';
    \-webkit\-transition: 0\.3s ease;
            transition: 0\.3s ease;
    \-webkit\-animation\-duration: 0\.5s;
            animation\-duration: 0\.5s;
    text\-align: center;
    letter\-spacing: \-5px;

    opacity: 0;
    color: #fff;

    \-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);
    \-webkit\-animation\-fill\-mode: forwards;
            animation\-fill\-mode: forwards;
\}

\.hello\-form\.panel\-widget\-style input\[type='submit'\]
\{
    position: absolute;
    z\-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
    padding: 0;

    opacity: 0;
\}

\.hello\-form\-send
\{
    font\-family: Montserrat;
    font\-size: 2em;

    position: relative;
    top: 88px;
    right: 0;
    left: 0;

    display: block;

    \-webkit\-transition: 0\.3s ease;
            transition: 0\.3s ease;
    text\-align: center;
    vertical\-align: bottom;

    color: #fff;
\}

input\[type=text\]:focus,
input\[type=email\]:focus,
input\[type=password\]:focus
\{
    height: 45px;

    border: 2px solid #55b6e1;
    outline: 0;
\}

textarea\.wpcf7\-textarea:focus
\{
    border: 2px solid #55b6e1;
    outline: 0;
\}

\.hello\-form\-submit:hover,
\.hello\-form\-submit:focus
\{
    \-webkit\-transition: box\-shadow 0\.3s ease\-in;
            transition: box\-shadow 0\.3s ease\-in;

    background: #fff;
    box\-shadow: inset 0 0 0 6px #555658;
\}

\.hello\-form\-submit:hover \.hello\-form\-send,
\.hello\-form\-submit:focus \.hello\-form\-send
\{
    \-webkit\-transition: color 0\.3s ease;
            transition: color 0\.3s ease;

    color: #555658;
\}

\.hello\-form\-submit:hover::after,
\.hello\-form\-submit:focus::after
\{
    \-webkit\-transition: color 0\.3s ease;
            transition: color 0\.3s ease;

    color: #555658;
\}

\.hello\-form\-submit:hover::before,
\.hello\-form\-submit:focus::before
\{
    \-webkit\-transition: color 0\.3s ease;
            transition: color 0\.3s ease;

    color: #555658;
\}

\.hello\-form\-submit:focus:after,
\.hello\-form\-submit:active:after
\{
    \-webkit\-animation\-name: hvr\-icon\-float\-away;
            animation\-name: hvr\-icon\-float\-away;
    \-webkit\-animation\-duration: 0\.5s;
            animation\-duration: 0\.5s;
    \-webkit\-animation\-timing\-function: ease\-out;
            animation\-timing\-function: ease\-out;

    outline: 0;
\}

div\.wpcf7\-mail\-sent\-ok
\{
    border: 2px solid #55b6e1;
\}

div\.wpcf7\-response\-output
\{
    margin: 3em auto;

    text\-align: center;
\}

span\.wpcf7\-not\-valid\-tip
\{
    margin\-left: 12px;
\}

form#say\-hi div\.hello\-form\-submit img\.ajax\-loader,
form#say\-hi div\.hello\-form\-submit img\.ajax\-loader:focus
\{
    display: none;
    visibility: hidden;
    overflow: hidden;

    width: 0;
    height: 0;

    opacity: 0\.0;
    outline: 0;
\}

@media \(min\-width: 768px\)
\{
    \.panel\-row\-style\-hello\-form\-container\.hello\-form\-container\.panel\-row\-style
    \{
        margin\-top: 5em;
    \}

    \.wpcf7\-form
    \{
        display: \-webkit\-box;
        display: \-webkit\-flex;
        display: \-ms\-flexbox;
        display:         flex;

        \-webkit\-transition: 0\.3s ease;
                transition: 0\.3s ease;

        \-webkit\-flex\-flow: row wrap;
            \-ms\-flex\-flow: row wrap;
                flex\-flow: row wrap;
        justify\-content: space\-between;
        \-webkit\-align\-content: flex\-start;
        \-ms\-flex\-line\-pack: start;
                align\-content: flex\-start;
    \}

    \.wpcf7\-form p
    \{
        max\-width: 49%;
        margin: 0 auto;
    \}

    form p:nth\-child\(4\)
    \{
        width: 100%;
        min\-width: 701px;
        max\-width: 1200px;

        \-webkit\-box\-flex: 0 0 2;
        \-webkit\-flex: 0 0 2;
            \-ms\-flex: 0 0 2;
                flex: 0 0 2;
    \}

    form p:last\-of\-type
    \{
        width: 100%;
        min\-width: 100%;

        \-webkit\-box\-flex: 0 0 2;
        \-webkit\-flex: 0 0 2;
            \-ms\-flex: 0 0 2;
                flex: 0 0 2;
    \}

    textarea\.wpcf7\-textarea
    \{
        max\-width: 992px;
    \}

    span\.wpcf7\-form\-control\-wrap\.your\-subject input\[type=text\]
    \{
        width: 100%;
        min\-width: 701px;
        max\-width: 1200px;
    \}

    \.hello\-form\-submit
    \{
        width: 100%;
        margin: 0 2px;

        \-webkit\-transition: 0\.3s cubic\-bezier\(0\.25,0\.1,0\.49,0\.96\);
                transition: 0\.3s cubic\-bezier\(0\.25,0\.1,0\.49,0\.96\);

        \-webkit\-box\-flex: 2;
        \-webkit\-flex\-grow: 2;
        \-ms\-flex\-positive: 2;
                flex\-grow: 2;
    \}
\}

@media \(min\-width: 992px\)
\{
    form p
    \{
        width: 100%;
        max\-width: 557px;
        padding: 4px;
    \}

    form p:last\-of\-type
    \{
        width: 100%;
        min\-width: 768px;
        max\-width: 1116px;
    \}

    textarea\.wpcf7\-textarea
    \{
        max\-width: 100%;
    \}
\}

@media \(min\-width: 1200px\)
\{
    form p:last\-of\-type
    \{
        min\-width: 1200px;
    \}

    form p
    \{
        width: 100%;
        max\-width: 580px;
        padding: 4px;
    \}

    textarea\.wpcf7\-textarea
    \{
        max\-width: 100%;
    \}
    \.hello\-form\-submit
    \{
        max\-width: 99\.41%;
        margin: 0 6px;
    \}
\}

\.portfolio\-thumb\-container
\{
    position: relative;

    display: block;
    overflow: hidden;

        box\-sizing: border\-box;
    width: 100%;
    height: 0;
    min\-height: 100%;
    padding\-top: 56\.22%;

    border: 0 solid transparent;

    \-ms\-box\-sizing: border\-box;
    \-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);
\}

\.portfolio\-thumb\-overlay
\{
    font\-family: 'Montserrat',sans\-serif;

    position: absolute;
    z\-index: 5;
    top: 0;
    left: 0;

    display: block;

        box\-sizing: border\-box;
    width: 100%;
    height: 100%;

    word\-break: break\-all;

    border: 0 solid transparent;

    \-ms\-box\-sizing: border\-box;
    \-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);
\}

#branding,
#graphic\-design
\{
    background: url\(http:\/\/jroberts\.net\/wp\-content\/uploads\/2015\/07\/jroberts_graphic\-design\.png\);
    background\-repeat: no\-repeat;
    background\-size: cover;
\}

#videography
\{
    background: url\(http:\/\/jroberts\.net\/wp\-content\/uploads\/2015\/05\/jroberts_videography\.png\);
    background\-repeat: no\-repeat;
    background\-size: cover;
\}

#photography
\{
    background: url\(http:\/\/jroberts\.net\/wp\-content\/uploads\/2015\/05\/jroberts_photography\.png\);
    background\-repeat: no\-repeat;
    background\-size: cover;
\}

#illustration
\{
    background: url\(http:\/\/jroberts\.net\/wp\-content\/uploads\/2015\/07\/jroberts_illustration\.png\);
    background\-repeat: no\-repeat;
    background\-size: cover;
\}

#promotional
\{
    background: url\(http:\/\/jroberts\.net\/wp\-content\/uploads\/2015\/07\/jroberts_promotional\.png\);
    background\-repeat: no\-repeat;
    background\-size: cover;
\}

#manipulation
\{
    background: url\(http:\/\/jroberts\.net\/wp\-content\/uploads\/2015\/07\/jroberts_photo\-manipulation\.png\);
    background\-repeat: no\-repeat;
    background\-size: cover;
\}

#portraits
\{
    background: url\(http:\/\/jroberts\.net\/wp\-content\/uploads\/2015\/07\/jroberts_portraits\.png\);
    background\-repeat: no\-repeat;
    background\-size: cover;
\}

#events
\{
    background: url\(http:\/\/jroberts\.net\/wp\-content\/uploads\/2015\/07\/jroberts_event\-photography\.png\);
    background\-repeat: no\-repeat;
    background\-size: cover;
\}

#art\-travel
\{
    background: url\(http:\/\/jroberts\.net\/wp\-content\/uploads\/2015\/07\/jroberts_art\-travel\-photography\.png\);
    background\-repeat: no\-repeat;
    background\-size: cover;
\}

#bw
\{
    background: url\(http:\/\/jroberts\.net\/wp\-content\/uploads\/2015\/07\/jroberts_bw\-photography\.png\);
    background\-repeat: no\-repeat;
    background\-size: cover;
\}

\.portfolio\-thumb\-container::before,
\.portfolio\-thumb\-overlay::before
\{
    font\-size: 0;

    display: block;
    visibility: hidden;
    clear: both;

    box\-sizing: border\-box;
    height: 0;

    content: '';

    border: transparent solid 0;
\}

a\.portfolio\-thumb\-title
\{
    position: absolute;

    display: block;

        box\-sizing: border\-box;
    width: 100%;
    height: 100%;

    \-webkit\-transition: 0\.35s ease;
            transition: 0\.35s ease;
    text\-decoration: none;

    color: rgba\(237,237,237,0\.8\);
    border: 0 solid transparent;
    background\-color: rgba\(0,0,0,0\.2\);
    background\-repeat: no\-repeat;
    background\-size: contain;

    \-ms\-box\-sizing: border\-box;
    \-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);
\}

\.portfolio\-thumb\-container:hover \.portfolio\-thumb\-overlay a\.portfolio\-thumb\-title,
\.portfolio\-thumb\-container:focus \.portfolio\-thumb\-overlay a\.portfolio\-thumb\-title,
\.portfolio\-thumb\-overlay a\.portfolio\-thumb\-title:active
\{
    \-webkit\-transition: 0\.25s ease;
            transition: 0\.25s ease;
    text\-decoration: none;

    color: rgba\(0,0,0,0\.4\);
    background\-color: rgba\(237,237,237,0\.5\);
\}

#graphic\-design \.slabtextdone
\{
    position: relative;

    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

        box\-sizing: border\-box;
    width: 100%;
    height: 45%;

    border: 0 solid transparent;

    \-webkit\-box\-align: center;
    \-webkit\-align\-items: center;
    \-ms\-flex\-align: center;
            align\-items: center;
    \-ms\-box\-sizing: border\-box;
\}

#videography \.slabtextdone
\{
    position: relative;

    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

        box\-sizing: border\-box;
    width: 100%;
    height: 100%;
    margin: 0 auto;

    border: 0 solid transparent;

    \-webkit\-box\-align: center;
    \-webkit\-align\-items: center;
    \-ms\-flex\-align: center;
            align\-items: center;
    \-ms\-box\-sizing: border\-box;
\}

#photography \.slabtextdone
\{
    position: relative;

    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

        box\-sizing: border\-box;
    width: 100%;
    height: 100%;

    border: 0 solid transparent;

    \-webkit\-box\-align: center;
    \-webkit\-align\-items: center;
    \-ms\-flex\-align: center;
            align\-items: center;
    \-ms\-box\-sizing: border\-box;
\}

#branding \.slabtextdone
\{
    position: relative;

    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

        box\-sizing: border\-box;
    width: 100%;
    height: 100%;

    border: 0 solid transparent;

    \-webkit\-box\-align: center;
    \-webkit\-align\-items: center;
    \-ms\-flex\-align: center;
            align\-items: center;
    \-ms\-box\-sizing: border\-box;
\}

#illustration \.slabtextdone
\{
    position: relative;

    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

        box\-sizing: border\-box;
    width: 100%;
    height: 100%;
    margin: 0 auto;

    border: 0 solid transparent;

    \-webkit\-box\-align: center;
    \-webkit\-align\-items: center;
    \-ms\-flex\-align: center;
            align\-items: center;
    \-ms\-box\-sizing: border\-box;
\}

#promotional \.slabtextdone
\{
    position: relative;

    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

        box\-sizing: border\-box;
    width: 100%;
    height: 100%;

    border: 0 solid transparent;

    \-webkit\-box\-align: center;
    \-webkit\-align\-items: center;
    \-ms\-flex\-align: center;
            align\-items: center;
    \-ms\-box\-sizing: border\-box;
\}

#portraits \.slabtext\-wrapper
\{
    position: relative;
    top: 56%;
\}

#events \.slabtext\-wrapper
\{
    position: relative;
    top: 36%;
\}

#bw \.slabtext\-wrapper
\{
    position: relative;
    top: 26%;
    right: 2%;
\}

#art\-travel \.portfolio\-thumb\-overlay
\{
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    \-webkit\-flex\-flow: column nowrap;
        \-ms\-flex\-flow: column nowrap;
            flex\-flow: column nowrap;
    \-webkit\-box\-pack: start;
    \-webkit\-justify\-content: flex\-start;
    \-ms\-flex\-pack: start;
            justify\-content: flex\-start;
    \-webkit\-box\-align: center;
    \-webkit\-align\-items: center;
    \-ms\-flex\-align: center;
            align\-items: center;
\}

#art\-travel \.slabtextdone
\{
    position: relative;

    display: \-webkit\-inline\-box;
    display: \-webkit\-inline\-flex;
    display: \-ms\-inline\-flexbox;
    display:         inline\-flex;

        box\-sizing: border\-box;
    width: 100%;
    height: auto;
    max\-height: 45%;

    border: 0 solid transparent;

    \-webkit\-box\-align: center;
    \-webkit\-align\-items: center;
    \-ms\-flex\-align: center;
            align\-items: center;
    \-ms\-box\-sizing: border\-box;
\}

#art\-travel \.slabtextdone
\{
    margin\-top: 2%;
\}

#art\-travel #not \.slabtextdone
\{
    margin\-top: \-4%;
\}

#art\-travel \.slabtextdone \.slabtext::before
\{
    font\-size: 0;

    display: block;
    visibility: hidden;
    clear: both;

    box\-sizing: border\-box;
    height: 0;

    content: '';

    border: transparent solid 0;
\}

#graphic\-design \.slabtextdone \.slabtext
\{
    position: relative;

    display: inline\-block;

        box\-sizing: border\-box;

    border: 0 solid transparent;

    \-ms\-box\-sizing: border\-box;
\}

#videography \.slabtextdone \.slabtext
\{
    line\-height: 1;

    position: relative;
    bottom: 0\.09em;
    left: 2px;

    display: inline\-block;

        box\-sizing: border\-box;

    white\-space: nowrap;

    border: 0 solid transparent;

    \-ms\-box\-sizing: border\-box;
\}

#photography \.slabtextdone \.slabtext
\{
    line\-height: 1;

    position: relative;
    right: 2px;
    bottom: 0\.09em;

    display: inline\-block;

        box\-sizing: border\-box;

    white\-space: nowrap;

    border: 0 solid transparent;

    \-ms\-box\-sizing: border\-box;
\}

\.portfolio\-image\-container
\{
    position: relative;

    display: block;
    overflow: hidden;

    box\-sizing: border\-box;
    width: 100%;
    height: auto;

    border: 0 solid transparent;
    background: #fff;
\}

\.portfolio\-image
\{
    position: relative;

    overflow: hidden;
\}

\.portfolio\-image::before
\{
    position: absolute;
    z\-index: 9;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    \-webkit\-transition: all 0\.35s cubic\-bezier\(0\.17,0\.67,0\.83,0\.67\);
            transition: all 0\.35s cubic\-bezier\(0\.17,0\.67,0\.83,0\.67\);
    \-webkit\-transform: scale3d\(5\.5,5\.5,1\);
            transform: scale3d\(5\.5,5\.5,1\);
    \-webkit\-transform\-origin: 50% 50%;
        \-ms\-transform\-origin: 50% 50%;
            transform\-origin: 50% 50%;

    background: url\(http:\/\/jroberts\.net\/wp\-content\/uploads\/2015\/07\/triangle_no\-ratio_no\-dimensions\.svg\) no\-repeat center center;
    background\-size: auto auto;
\}

div\.portfolio\-image img
\{
    \-webkit\-transition: all 0\.35s cubic\-bezier\(0\.17,0\.67,0\.83,0\.67\);
            transition: all 0\.35s cubic\-bezier\(0\.17,0\.67,0\.83,0\.67\);

    opacity: 1;
\}

\.portfolio\-image\-caption
\{
    position: absolute;
    z\-index: 4;
    top: 10%;
    right: 0;
    left: 0;

    display: block;

    margin\-top: 1em;

    \-webkit\-transition: all 0\.35s cubic\-bezier\(0\.17,0\.67,0\.83,0\.67\);
            transition: all 0\.35s cubic\-bezier\(0\.17,0\.67,0\.83,0\.67\);
    \-webkit\-transform: translateY\(\-2em\) scaleZ\(\-0\.25\);
        \-ms\-transform: translateY\(\-2em\) scaleZ\(\-0\.25\);
            transform: translateY\(\-2em\) scaleZ\(\-0\.25\);
    text\-align: center;

    opacity: 0;
    background\-color: rgba\(255,255,255,0\.2\);
\}

div\.portfolio\-image\-container div\.portfolio\-image\-caption h3
\{
    font\-size: 2\.95em;

    \-webkit\-transition: all 0\.35s cubic\-bezier\(0\.17,0\.67,0\.83,0\.67\);
            transition: all 0\.35s cubic\-bezier\(0\.17,0\.67,0\.83,0\.67\);
    letter\-spacing: 2px;
\}

div\.portfolio\-image\-container div\.portfolio\-image\-caption \.textwidget
\{
    font\-size: 1em;
    line\-height: 1\.45;
    line\-height: 1\.8;

    max\-width: 25em;
    margin: 0 auto;

    \-webkit\-transition: all 0\.35s cubic\-bezier\(0\.17,0\.67,0\.83,0\.67\);
            transition: all 0\.35s cubic\-bezier\(0\.17,0\.67,0\.83,0\.67\);

    color: #333;
\}

div\.portfolio\-image\-container:hover img,
div\.portfolio\-image\-container:focus img
\{
    opacity: 0\.15;
\}

\.portfolio\-image:hover::before,
\.portfolio\-image:focus::before
\{
    \-webkit\-transform: scale3d\(1,1,1\);
            transform: scale3d\(1,1,1\);

    opacity: 0\.25;
\}

div\.portfolio\-image\-container:hover \.portfolio\-image\-caption,
div\.portfolio\-image\-container:focus \.portfolio\-image\-caption
\{
    \-webkit\-transition: all 0\.35s cubic\-bezier\(0\.17,0\.67,0\.83,0\.67\);
            transition: all 0\.35s cubic\-bezier\(0\.17,0\.67,0\.83,0\.67\);
    \-webkit\-transform: translateY\(0\) scaleZ\(1\);
        \-ms\-transform: translateY\(0\) scaleZ\(1\);
            transform: translateY\(0\) scaleZ\(1\);

    opacity: 0\.95;
\}

div\.portfolio\-image\-container:hover div\.portfolio\-image\-caption h3,
div\.portfolio\-image\-container:focus div\.portfolio\-image\-caption h3
\{
    font\-size: 3\.05em;
\}

div\.portfolio\-image\-container:hover div\.portfolio\-image\-caption \.textwidget,
div\.portfolio\-image\-container:focus div\.portfolio\-image\-caption \.textwidget
\{
    font\-size: 1\.3em;

    margin\-top: \-0\.5em;
\}

#pgc\-395\-4\-0 div\.portfolio\-image\-container:hover \.portfolio\-image\-caption,
#pgc\-395\-4\-0 div\.portfolio\-image\-container:focus \.portfolio\-image\-caption
\{
    \-webkit\-transform: translateY\(\-3em\);
        \-ms\-transform: translateY\(\-3em\);
            transform: translateY\(\-3em\);
\}

#pl\-189 div#pg\-189\-0 \.panel\-grid\-cell \.so\-panel
\{
    margin\-bottom: 6%;
\}

\.push
\{
    font\-size: 100%;

    margin: 0;
    padding: 0;

    vertical\-align: baseline;

    border: 0;
    outline: 0;
    background: transparent;
\}

@media \(max\-width: 780px\)
\{
    #pl\-187 \.panel\-grid\-cell \.push
    \{
        display: none;
    \}
\}

article#post\-193 div\.post\-text
\{
    margin\-bottom: 8em;
    padding\-top: 0;
\}

ul\.spaced\-list li
\{
    margin\-bottom: 0\.5em;
\}

ul\.spaced\-list li:last\-child
\{
    margin\-bottom: 0;
\}

ul\.spaced\-list\-2 li
\{
    margin\-bottom: 0\.5em;

    list\-style: disc;
\}

ul\.spaced\-list > \.spaced\-list\-2 li:last\-child
\{
    margin\-bottom: 0\.5em;
\}

\.education\-xp
\{
    margin\-top: 80px;
\}

\.education\-container
\{
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    margin\-bottom: 0\.5em;

    \-webkit\-flex\-flow: row nowrap;
        \-ms\-flex\-flow: row nowrap;
            flex\-flow: row nowrap;
    \-webkit\-box\-pack: justify;
    \-webkit\-justify\-content: space\-between;
    \-ms\-flex\-pack: justify;
            justify\-content: space\-between;
    \-webkit\-box\-align: stretch;
    \-webkit\-align\-items: stretch;
    \-ms\-flex\-align: stretch;
            align\-items: stretch;
\}

\.school
\{
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    \-webkit\-order: 0;
    \-ms\-flex\-order: 0;
            order: 0;
    \-webkit\-box\-flex: 2;
    \-webkit\-flex: 2 0 1;
        \-ms\-flex: 2 0 1;
            flex: 2 0 1;
\}

\.degree
\{
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    \-webkit\-order: 1;
    \-ms\-flex\-order: 1;
            order: 1;
    \-webkit\-box\-flex: 3;
    \-webkit\-flex: 3 0 2;
        \-ms\-flex: 3 0 2;
            flex: 3 0 2;
    \-webkit\-align\-self: center;
    \-ms\-flex\-item\-align: center;
            align\-self: center;
\}

\.graduation
\{
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    \-webkit\-order: 2;
    \-ms\-flex\-order: 2;
            order: 2;
    \-webkit\-box\-flex: 0;
    \-webkit\-flex: 1 0 auto;
        \-ms\-flex: 1 0 auto;
            flex: 1 0 auto;
    \-webkit\-align\-self: flex\-end;
    \-ms\-flex\-item\-align: end;
            align\-self: flex\-end;
\}

\.core\-comp
\{
    margin: 80px 0 \-33px;
\}

\.core\-comp\-list ul
\{
    margin\-top: 0\.75em;
\}

@\-webkit\-keyframes kiss\-in\-text
\{
    0%
    \{
        \-webkit\-transform: scale\(1\);
    \}

    66%
    \{
        \-webkit\-transform: scale\(0\.9\);
    \}

    100%
    \{
        \-webkit\-transform: scale\(1\);
    \}
\}

@keyframes kiss\-in\-text
\{
    0%
    \{
        \-webkit\-transform: scale\(1\);
                transform: scale\(1\);
    \}

    66%
    \{
        \-webkit\-transform: scale\(0\.9\);
                transform: scale\(0\.9\);
    \}

    100%
    \{
        \-webkit\-transform: scale\(1\);
                transform: scale\(1\);
    \}
\}

@\-webkit\-keyframes kiss\-in\-btn
\{
    0%
    \{
        box\-shadow: none;
    \}

    66%
    \{
        box\-shadow: inset 1px 1px 1px 2px rgba\(0,0,0,0\.1\),inset \-1px 1px 1px 2px rgba\(0,0,0,0\.1\);
    \}

    100%
    \{
        box\-shadow: inset 2px 3px 2px 3px rgba\(0,0,0,0\.3\),inset \-2px 2px 2px 2px rgba\(0,0,0,0\.3\);
    \}
\}

@keyframes kiss\-in\-btn
\{
    0%
    \{
        box\-shadow: none;
    \}

    66%
    \{
        box\-shadow: inset 1px 1px 1px 2px rgba\(0,0,0,0\.1\),inset \-1px 1px 1px 2px rgba\(0,0,0,0\.1\);
    \}

    100%
    \{
        box\-shadow: inset 2px 3px 2px 3px rgba\(0,0,0,0\.3\),inset \-2px 2px 2px 2px rgba\(0,0,0,0\.3\);
    \}
\}

@\-webkit\-keyframes hvr\-icon\-float\-away
\{
    0%
    \{
        opacity: 1;
        color: #555658;
    \}

    100%
    \{
        \-webkit\-transform: translateY\(\-1em\);
                transform: translateY\(\-1em\);

        opacity: 0;
    \}
\}

@keyframes hvr\-icon\-float\-away
\{
    0%
    \{
        opacity: 1;
        color: #555658;
    \}

    100%
    \{
        \-webkit\-transform: translateY\(\-1em\);
                transform: translateY\(\-1em\);

        opacity: 0;
    \}
\}

@\-webkit\-keyframes hvr\-icon\-pop
\{
    50%
    \{
        \-webkit\-transform: scale\(1\.5\);
                transform: scale\(1\.5\);
    \}
\}

@keyframes hvr\-icon\-pop
\{
    50%
    \{
        \-webkit\-transform: scale\(1\.5\);
                transform: scale\(1\.5\);
    \}
\}

@\-webkit\-keyframes rotate\-icon\-pop
\{
    50%
    \{
        \-webkit\-transform: rotate\(90deg\) scale\(1\.5\);
                transform: rotate\(90deg\) scale\(1\.5\);
    \}
\}

@keyframes rotate\-icon\-pop
\{
    50%
    \{
        \-webkit\-transform: rotate\(90deg\) scale\(1\.5\);
                transform: rotate\(90deg\) scale\(1\.5\);
    \}
\}

article\.entry \.post\-thumbnail img\.attachment\-post\-thumbnail
\{
    line\-height: 0;

    display: none;
    visibility: hidden;

    max\-width: 0;
    height: 0;
    margin\-right: 0;
    margin\-left: 0;
\}
/: RegExp too big

At /Applications/Atom.app/Contents/Resources/app.asar/node_modules/text-buffer/lib/match-iterator.js:15

SyntaxError: Invalid regular expression: /\/ Theme Name: Influence Child Theme URI: http:\/\/jroberts.net\/ Description: Influence Child (Jacob Roberts's) Template: influence Author: Jacob Roberts Author URI: http:\/\/jroberts.net\/ Version: 7.19.03 Updated: 24 Aug 15 Text Domain: influence-child \/

\/* ToC (in recovery)

1) img reset 2) typography 3) layout (general) 4) masthead 5) Central Navigation 6) footer 7) testimonials 8) bio 9) contact form 10) portfolio thumbs 11) pages 12) keyframes ----------------------------------------*\/

\/---------------------------------------- 1) image reset ----------------------------------------\/ img { display: block;

border: 0;

}

\/---------------------------------------- 2) typography ----------------------------------------\/ p, textarea, body, button, input, select, textarea, li { font-size: 16px; line-height: 1.45em;

padding: 0;

letter\-spacing: 1px;
word\-wrap: break\-word;
\-webkit\-hyphens: auto;
   \-moz\-hyphens: auto;
        hyphens: auto;

color: #424242;

    \-ms\-hyphens: auto;
text\-rendering: optimizeLegibility;

}

::-moz-selection { color: #e590c7; }

::selection { color: #e590c7; }

h1, .panel-row-style-title-row.title-row.panel-row-style h1 { font-size: 4.2381em; font-weight: normal;

position: relative;

margin: 1\.255em 0 0\.25em;

letter\-spacing: \-1px;
word\-wrap: normal;

color: #87898c;

}

article.entry .post-text h1.entry-title { font-size: 4.2381em; font-weight: normal; line-height: 1.3;

position: relative;

margin\-bottom: 1\.25em;

letter\-spacing: 2px;
word\-wrap: normal;

color: #87898c;

}

@media (min-width: 480px) { .panel-row-style-title-row.title-row.panel-row-style h1 { letter-spacing: 2px; } }

h2, .title-row.panel-widget-style h2, article.entry .entry-content h2 { font-size: 2.75em; font-weight: normal; line-height: 1.3;

margin: 1\.25em 0 0\.3em;

letter\-spacing: 2px;

color: #6d7072;

}

h3, article.entry .entry-content h3 { font-size: 2.4em; font-weight: normal; line-height: 1.3;

position: relative;
right: 3px;

margin\-bottom: 0\.5em;

letter\-spacing: 2px;

color: #616365;

}

h4, article.entry .entry-content h4, .title-row.panel-widget-style h4 { font-size: 2em; font-weight: normal; line-height: 1.3;

margin: 0\.2em 0 0\.18em 0;

letter\-spacing: 2px;

color: #555658;

}

.title-row.panel-widget-style .textwidget h4 { font-size: 1.8em; }

h5, .bio h5, .resume h5 { font-size: 1.55em; font-weight: normal;

margin: 1\.3em 0 0;

color: #484a4b!important;

}

h6, .resume h6, .entry-content h6 { font-size: 1.25em; font-weight: normal;

color: #3c3d3e!important;

}

a, a:link { text-decoration: none;

color: #55b6e1;

}

p a { background-image: -webkit-gradient(linear,left top,left bottom,color-stop(49%,transparent),color-stop(50%,#55b6e1)); background-image: -webkit-linear-gradient(top,transparent 49%,#55b6e1 50%); background-image: linear-gradient(to bottom,transparent 49%,#55b6e1 50%); background-repeat: repeat-x; background-position: 0 94%; background-size: 1px 1px; text-shadow: 2px 0 #fff,1px 0 #fff,-1px 0 #fff,-2px 0 #fff; }

a:visited, .paragraph a:visited { color: #59524c; }

a:hover, .paragraph a:hover, a:focus, .paragraph a:focus { text-decoration: none;

color: #d84a4a;

}

p a:hover { background-image: -webkit-gradient(linear,left top,left bottom,color-stop(49%,transparent),color-stop(50%,#d84a4a)); background-image: -webkit-linear-gradient(top,transparent 49%,#d84a4a 50%); background-image: linear-gradient(to bottom,transparent 49%,#d84a4a 50%); background-repeat: repeat-x; background-position: 0 94%; background-size: 1px 1px; text-shadow: 2px 0 #fff,1px 0 #fff,-1px 0 #fff,-2px 0 #fff; }

a:active, .paragraph a:active { text-decoration: none;

color: #e590c7;

\-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);

}

p a:active { background-image: -webkit-gradient(linear,left top,left bottom,color-stop(49%,transparent),color-stop(50%,#e590c7)); background-image: -webkit-linear-gradient(top,transparent 49%,#e590c7 50%); background-image: linear-gradient(to bottom,transparent 49%,#e590c7 50%); background-repeat: repeat-x; background-position: 0 94%; background-size: 1px 1px; text-shadow: 2px 0 #fff,1px 0 #fff,-1px 0 #fff,-2px 0 #fff; }

@font-face { font-family: 'cc-icons'; font-weight: normal; font-style: normal;

src: url\('\.\.\/fonts\/cc\-icons\.eot'\);
src: local\('cc\-icons'\),url\('http:\/\/jroberts\.net\/wp\-content\/themes\/influence\-child\/fonts\/cc\-icons\.svg'\) format\('svg'\),url\('http:\/\/jroberts\.net\/wp\-content\/themes\/influence\-child\/fonts\/cc\-icons\.otf'\) format\('opentype'\),url\('http:\/\/jroberts\.net\/wp\-content\/themes\/influence\-child\/fonts\/cc\-icons\.woff'\) format\('woff'\),url\('http:\/\/jroberts\.net\/wp\-content\/themes\/influence\-child\/fonts\/cc\-icons\.ttf'\) format\('truetype'\);

}

.cc { font-family: cc-icons; font-size: inherit; font-weight: normal; font-style: normal; font-variant: normal; font-size-adjust: none; font-stretch: normal; line-height: 1;

display: inline\-block;

color: #a9a9a9;

\-moz\-font\-feature\-settings: normal;
\-moz\-font\-language\-override: normal;
text\-rendering: auto;

}

.cc-lg { font-size: 2.33333333em; line-height: 0.75em;

vertical\-align: \-15%;

}

.cc-2x { font-size: 3em; }

.cc-3x { font-size: 4em; }

.cc-4x { font-size: 5em; }

.cc-5x { font-size: 6em; }

.cc-fw { width: 1.28571429em;

text\-align: center;

}

.cc-ul { margin-left: 2.14285714em; padding-left: 0;

list\-style\-type: none;

}

.cc-ul > li { position: relative; }

.cc-li { position: absolute; top: 0.14285714em; left: -2.14285714em;

width: 2\.14285714em;

text\-align: center;

}

.cc-li.cc-lg { left: -1.85714286em; }

.cc-border { padding: 0.2em 0.25em 0.15em;

border: solid 0\.08em #eee;
border\-radius: 0\.1em;

}

.pull-right { float: right; }

.pull-left { float: left; }

.cc.pull-left { margin-right: 0.3em; }

.cc.pull-right { margin-left: 0.3em; }

.cc-sa:before { content: '\0061'; }

.cc-by:before { content: '\0062'; }

.cc-cc:before { content: '\0063'; }

.cc-nd:before { content: '\0064'; }

.cc-sampling:before { content: '\006D'; }

.cc-nc:before { content: '\006E'; }

.cc-zero:before { content: '\006F'; }

.cc-pd:before { content: '\0070'; }

.cc-pd-alt:before { content: '\0071'; }

.cc-remix:before { content: '\0072'; }

.cc-share:before { content: '\0073'; }

.cc-logo:before { content: '\0043'; }

.cc-by-nd:before { content: '\0044'; }

.cc-by-nc-sa:before { content: '\004D'; }

.cc-by-nc:before { content: '\004E'; }

.cc-publicdomain:before { content: '\004F'; }

.cc-by-nc-nd:before { content: '\0052'; }

.cc-by-sa:before { content: '\0053'; }

body { overflow: hidden;

background\-color: #fff;

\-webkit\-overflow\-scrolling: touch;

}

body.display-main-menu #page { padding-right: 0; }

main

{ zoom: 1;margin-top: 3em; padding: 0 8px;

\-webkit\-transition: all 0\.35s ease;
transition: all 0\.35s ease;

}

.site-main { max-width: 94vw;

\-webkit\-transition: all 0\.35s ease;
        transition: all 0\.35s ease;

}

.entry { border: 0 transparent solid; box-shadow: none; }

section#primary { margin: 2em auto 0; padding-top: 0;

\-webkit\-transition: all 0\.35s ease;
        transition: all 0\.35s ease;

}

body.siteorigin-panels-home #primary, body.page-template-templatestemplate-full-no-title-php #primary { margin: 0 0.6em 0 auto; }

\/ attachment pages \/ body.attachment section#primary { float: none; }

body.attachment article.entry .entry-content { text-align: center; }

body.attachment article.entry .entry-meta .posted-on { float: none;

margin\-left: 0;

text\-align: center;

}\/ end attachment pages \/

.container { -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }

div#content { border-color: transparent; }

.entry { border: 0 transparent solid; }

.entry, article.entry, article.entry .post-text { box-shadow: none; }

article.entry .post-text { padding: 10px 14px;

\-webkit\-transition: all 0\.35s ease;
        transition: all 0\.35s ease;

}

@media (min-width: 768px) {

main

{
    padding: 0 20px;
}

body\.display\-main\-menu #page > div
\{
    \-webkit\-transform: none;
        \-ms\-transform: none;
            transform: none;
\}

}

@media screen and (max-width: 782px) { body.display-main-menu #page > div, body.display-main-menu #page > section { -webkit-transform: none; -ms-transform: none; transform: none; } }

@media (min-width: 992px) { article.entry .post-text { padding: 0 14px; } }

@media (min-width: 1200px) { article.entry .post-text { padding: 0; }

main

{
    padding: 0;
}

}

header#masthead.site-header { position: relative;

width: 100vw;
height: auto;
margin: 0 auto;
padding: 0;

\-webkit\-transition: all 0\.35s ease;
        transition: all 0\.35s ease;

\-webkit\-flex\-flow: column nowrap;
    \-ms\-flex\-flow: column nowrap;
        flex\-flow: column nowrap;
\-webkit\-box\-pack: start;
\-webkit\-justify\-content: flex\-start;
\-ms\-flex\-pack: start;
        justify\-content: flex\-start;
\-webkit\-box\-align: stretch;
\-webkit\-align\-items: stretch;
\-ms\-flex\-align: stretch;
        align\-items: stretch;
\-webkit\-order: \-1;
\-ms\-flex\-order: \-1;
        order: \-1;

}

div#thsp-sticky-header { width: 100vw; max-width: 1200px ; \/ or 100vw \/ height: auto; max-height: 70px; margin: 0 auto; padding: 0 0 6px;

\-webkit\-transition: all 0\.35s ease;
        transition: all 0\.35s ease;

background\-color: #d84a4a;

}

masthead .container

{ position: relative;

display: \-webkit\-box;
display: \-webkit\-flex;
display: \-ms\-flexbox;
display:         flex;

width: 100%;
max\-width: 1200px;
height: 100%;
min\-height: 100%;
margin: 0 auto;
padding: 0;

\-webkit\-transition: all 0\.3s ease;
        transition: all 0\.3s ease;

\-webkit\-flex\-basis: 100%;
\-ms\-flex\-preferred\-size: 100%;
        flex\-basis: 100%;
\-webkit\-order: 0;
\-ms\-flex\-order: 0;
        order: 0;
\-webkit\-flex\-flow: row wrap;
    \-ms\-flex\-flow: row wrap;
        flex\-flow: row wrap;
\-webkit\-box\-align: stretch;
\-webkit\-align\-items: stretch;
\-ms\-flex\-align: stretch;
        align\-items: stretch;
\-webkit\-align\-content: stretch;
\-ms\-flex\-line\-pack: stretch;
        align\-content: stretch;
\-webkit\-box\-orient: horizontal;
   \-moz\-box\-orient: horizontal;
        box\-orient: horizontal;

}

.shark-parade { position: relative; z-index: 5;

display: block;
overflow: hidden;

box\-sizing: border\-box;
width: 180%;
min\-height: 100%;

opacity: 0\.9;
border: transparent solid 0;

\-webkit\-flex\-basis: 100%;
\-ms\-flex\-preferred\-size: 100%;
        flex\-basis: 100%;
\-webkit\-order: 1;
\-ms\-flex\-order: 1;
        order: 1;
\-webkit\-align\-self: flex\-end;
\-ms\-flex\-item\-align: end;
        align\-self: flex\-end;

}

body.parent-pageid-183 .shark-parade, body.parent-pageid-187 .shark-parade, body.page-id-193 .shark-parade, body.attachment .shark-parade { left: 300%;

height: 0;

}

header#masthead.site-header::after,

masthead .container::after,

.shark-parade::after, header::after, .main-navigation::after, .site-description::after, .site-header .site-title::after, .hgroup::after { font-size: 0;

display: block;
visibility: hidden;
clear: both;

height: 0;

content: '';

}

.hgroup { position: relative;

display: block;

box\-sizing: border\-box;

\-webkit\-transition: 0\.3s ease;
        transition: 0\.3s ease;

border: 0 solid transparent;

\-webkit\-order: 1;
\-ms\-flex\-order: 1;
        order: 1;

}

.site-header .site-title { top: 0; left: 0;

float: none;
overflow: hidden;

width: 100%;
margin: 0;

\-webkit\-transition: all 0\.35s ease;
        transition: all 0\.35s ease;

}

masthead.site-header .container .hgroup .site-title a

{ position: relative; top: 0; right: 0; bottom: 0; left: 0;

display: block;
float: none;

width: auto;
height: auto;

\-webkit\-transition: all 0\.35s ease;
        transition: all 0\.35s ease;

background\-color: #d84a4a;
background\-repeat: no\-repeat;

}

.site-header .site-title img { width: 100%; min-width: 100vw; max-height: 102px;

\-webkit\-transition: all 0\.35s ease;
        transition: all 0\.35s ease;

\-webkit\-clip\-path: inset\(0 0 27% 0\);
        clip\-path: inset\(0 0 27% 0\);

}

.site-description { font-size: 16px;

width: 80%;
height: auto;
margin: 10px auto;

\-webkit\-transition: all 0\.35s ease;
        transition: all 0\.35s ease;
text\-align: center;

color: #424242;

}

.emphasis { color: #d84a4a; }

.main-navigation { font-size: 1.25em;

position: absolute;
top: 6%;

display: block;
float: none;
overflow: hidden;

width: 13\.5%;
max\-width: 50px;
height: 43px;
max\-height: 116px;
margin: 0 auto;

\-webkit\-transition: 0\.3s ease;
        transition: 0\.3s ease;
\-webkit\-transform: translate\(0,0\) scale\(1,1\);
    \-ms\-transform: translate\(0,0\) scale\(1,1\);
        transform: translate\(0,0\) scale\(1,1\);

background\-color: rgba\(255,255,255,0\.14\);

\-webkit\-order: 2;
\-ms\-flex\-order: 2;
        order: 2;
\-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);

}

.main-navigation a.main-menu-button { position: absolute;

display: block;
overflow: hidden;

width: 100%;
height: inherit;
margin: 0 auto;

text\-align: center;
text\-decoration: none;

background: 0;
text\-shadow: none;

\-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);

}

hamburger

{ font-size: 2.1em;

width: 100%;
margin: 0 auto;

\-webkit\-transition: color 0\.3s ease\-in;
        transition: color 0\.3s ease\-in;

color: rgba\(220,221,216,0\.4\);

\-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);

}

h1.assistive-text { font-size: 1em; line-height: 0.75;

left: 2px;

clip: auto;

width: 100%;
height: inherit;
margin: 6px auto;

text\-align: center;
letter\-spacing: 6px;
text\-transform: lowercase;
word\-break: break\-all;

color: rgba\(220,221,216,0\.8\);

\-webkit\-align\-self: flex\-start;
\-ms\-flex\-item\-align: start;
        align\-self: flex\-start;
\-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);

}

h1.assistive-text::first-line { letter-spacing: 3px; }

.main-navigation a.main-menu-button:hover h1.assistive-text, .main-navigation a.main-menu-button:focus h1.assistive-text { -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;

color: rgba\(215, 74, 74, 0\.6\);
background\-color: rgba\(255,255,255,0\.08\);

\-webkit\-text\-stroke\-width: 1px;
\-webkit\-text\-stroke\-color: white;
text\-stroke: 1px #fff;

}

.main-navigation a.main-menu-button:hover #hamburger, .main-navigation a.main-menu-button:focus #hamburger { -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;

color: rgba\(220,221,216,0\.6\);
background\-color: rgba\(0,0,0,0\.02\);

}

.main-navigation a.main-menu-button:focus:active h1.assistive-text, .main-navigation a.main-menu-button:active h1.assistive-text, .main-navigation a.main-menu-button:focus:active #hamburger, .main-navigation a.main-menu-button:active #hamburger { -webkit-animation: kiss-in-text 0.2s ease-out 0s normal 1 both running; animation: kiss-in-text 0.2s ease-out 0s normal 1 both running;

color: rgba\(216,74,74,0\.8\);
outline: 0;

}

.main-navigation:focus:active > a.main-menu-button, .main-navigation:active > a.main-menu-button { -webkit-animation: kiss-in-btn 0.2s ease-out 0s normal 1 both running; animation: kiss-in-btn 0.2s ease-out 0s normal 1 both running;

color: rgba\(216,74,74,0\.8\);
outline: 0;

}

nav.horizontal-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;

box\-sizing: border\-box;
width: 100vw;
height: 100%;
max\-height: 34px;
margin: \-1\.25em auto 0\.5em;

\-webkit\-transition: all 0\.35s ease;
        transition: all 0\.35s ease;
text\-align: center;

border: transparent solid 0;
background\-color: rgba\(135,137,140,0\.25\);

\-webkit\-order: 4;
\-ms\-flex\-order: 4;
        order: 4;

}

thsp-sticky-header-menu

{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;

box\-sizing: border\-box;
width: auto;
min\-width: 96\.25%;
max\-width: 96\.25%;
height: 100%;
max\-height: 34px;

\-webkit\-transition: all 0\.35s ease;
        transition: all 0\.35s ease;
text\-align: center;

border: transparent solid 0;
background\-color: #d84a4a;

\-webkit\-order: 4;
\-ms\-flex\-order: 4;
        order: 4;

}

thsp-sticky-header a

{ display: block; }

ul.header-nav { font-size: 10px;

position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;

display: \-webkit\-box;
display: \-webkit\-flex;
display: \-ms\-flexbox;
display:         flex;
clear: both;

box\-sizing: border\-box;
width: 100%;
height: 100%;
margin: 0 6px;
padding: 6px 0 8px;

list\-style: none;

\-webkit\-transition: all 0\.35s ease;
        transition: all 0\.35s ease;
text\-align: center;

border: transparent solid 0;

\-webkit\-flex\-flow: row nowrap;
    \-ms\-flex\-flow: row nowrap;
        flex\-flow: row nowrap;
\-webkit\-box\-pack: center;
\-webkit\-justify\-content: center;
\-ms\-flex\-pack: center;
        justify\-content: center;
\-webkit\-box\-align: center;
\-webkit\-align\-items: center;
\-ms\-flex\-align: center;
        align\-items: center;
\-webkit\-align\-content: stretch;
\-ms\-flex\-line\-pack: stretch;
        align\-content: stretch;

}

thsp-sticky-header-inner

{ position: relative; top: 0; right: 0; bottom: 0; left: -8px;

width: 100%;
height: 100%;
max\-height: 48px;
margin: 0 auto;
padding: 4px 0 8px;

background\-color: #d84a4a;

}

thsp-sticky-header-title

{ position: relative; right: 50%; bottom: 3px; left: 50%;

margin: 0 auto 6px auto;

}

ul.header-nav li { font-family: 'Montserrat',sans-serif;

position: relative;

display: inline\-block;

box\-sizing: border\-box;
min\-width: 20%;
max\-width: 23%;
height: auto;
max\-height: 24px;
margin: 0 auto;

\-webkit\-transition: all 0\.35s ease;
        transition: all 0\.35s ease;
text\-align: center;
vertical\-align: text\-top;

border: transparent solid 1px;
background\-color: #fff;

\-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);

}

thsp-sticky-header-menu li

{ font-family: 'Montserrat',sans-serif;

position: relative;

display: inline\-block;

box\-sizing: border\-box;
min\-width: 20%;
max\-width: 23%;
height: auto;
max\-height: 24px;
margin: 0 auto;

\-webkit\-transition: all 0\.35s ease;
        transition: all 0\.35s ease;
text\-align: center;
vertical\-align: text\-top;

border: #fff solid 1px;
background\-color: #d84a4a;

\-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);

}

thsp-sticky-header-menu li

{ margin: 0 auto!important; }

ul.header-nav li:first-child { margin-left: 0; }

ul.header-nav li:last-child,

thsp-sticky-header-menu li:last-child

{ margin-right: 0!important; }

li#menu-item-510,

thsp-sticky-header-menu li.menu-item-510

{ width: auto; min-width: 30%; max-width: 33%; }

ul.header-nav li#menu-item-491,

thsp-sticky-header-menu li.menu-item-511

{ min-width: 20%; max-width: 22%; }

masthead .header-nav-container::after

{ font-size: 0;

display: block;
visibility: hidden;
clear: both;

box\-sizing: border\-box;
height: 0;

content: ' ';

}

ul.header-nav li a { font-size: 70%; line-height: 1.45;

display: block;

box\-sizing: border\-box;
width: 100%;
height: inherit;
margin: 0 auto;

\-webkit\-transition: all 0\.35s ease;
        transition: all 0\.35s ease;
text\-align: center;
text\-decoration: none;

color: rgba\(85,182,225,0\.85\);
border: transparent solid 1px;
background\-image: none;
text\-shadow: none;

\-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);

}

thsp-sticky-header-menu li a

{ font-size: 70%; line-height: 1.45;

display: block;

box\-sizing: border\-box;
width: 100%;
height: inherit;
margin: 0 auto;

\-webkit\-transition: all 0\.35s ease;
        transition: all 0\.35s ease;
text\-align: center;
text\-decoration: none;

color: white !important;
border: transparent solid 1px;
background\-image: none;
text\-shadow: none;

\-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);

}

ul.header-nav li:hover a, ul.header-nav li:focus a,

thsp-sticky-header-menu li:hover a,

thsp-sticky-header-menu li:focus a

{ color: rgba(212,78,63,0.83) !important; }

video#bgvid { position: relative;

min\-width: 110%;
max\-width: 140%;
height: auto;

vertical\-align: middle;

background: transparent url\(http:\/\/jroberts\.net\/wp\-content\/uploads\/2015\/05\/shark_parade\.png\) no\-repeat!important;
background\-size: cover;

}

\/ 4e) masthead mobile-first media queries --------------------------------------------\/ @media (min-width: 480px) {

masthead .container

{
    min-height: 106px;
    max-height: 220px;
    padding: 0 8px;
}

\.hgroup
\{
    display: \-webkit\-inline\-box;
    display: \-webkit\-inline\-flex;
    display: \-ms\-inline\-flexbox;
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         inline\-flex;

    min\-width: 75%;
    max\-width: 80%;
    height: auto;

    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;

    \-webkit\-align\-self: flex\-start;
    \-ms\-flex\-item\-align: start;
            align\-self: start;
    \-webkit\-align\-content: flex\-start;
    \-ms\-flex\-line\-pack: start;
            align\-content: space\-around;
    \-webkit\-justify\-content: flex\-start;
    \-ms\-flex\-pack: start;
    \-webkit\-box\-pack: start;
            justify\-content: flex\-start;
    \-webkit\-flex\-flow: row nowrap;
        \-ms\-flex\-flow: row nowrap;
            flex\-flow: row nowrap;
    \-webkit\-flex: inherit;
    \-webkit\-box\-flex: inherit;
        \-ms\-flex: inherit;
            flex: inherit; \/\* or try 1 0 inherit \*\/
\}

\.site\-header \.site\-title
\{
    position: relative;
    left: \-1px;

    display: \-webkit\-inline\-box;
    display: \-webkit\-inline\-flex;
    display: \-ms\-inline\-flexbox;
    display:         inline\-flex;

    width: 0;
    max\-width: 157px;
    padding: 0;

    \-webkit\-order: 1;
    \-ms\-flex\-order: 1;
            order: 1;
    \-webkit\-flex: 1 0 157px;
        \-ms\-flex: 1 0 157px;
            flex: 1 0 157px;
\}

\.site\-header \.site\-title:after
\{
    display: block;
    clear: both;

    height: 0;

    content: '';
\}

#masthead\.site\-header \.container \.hgroup \.site\-title a
\{
    float: none;
    clear: none;
    overflow: hidden;

    min\-width: 74%;
    min\-height: 100%;

    background: 0;
    background\-color: transparent;

    \-webkit\-clip\-path: inset\(0 1% 14%\);
            clip\-path: inset\(0 1% 14%\);
\}

\.site\-header \.site\-title img
\{
    width: auto;
    min\-width: 100%;

    \-webkit\-clip\-path: inset\(4% 0 20% 0\);
            clip\-path: inset\(4% 0 20% 0\);
\}

\.site\-description
\{
    position: relative;

    display: \-webkit\-inline\-box;
    display: \-webkit\-inline\-flex;
    display: \-ms\-inline\-flexbox;
    display:         inline\-flex;

    width: auto;
    min\-width: 45%;
    max\-width: 48%;
    margin: 0\.25em 0 0 1em;

    text\-align: left;

    \-webkit\-order: 2;
    \-ms\-flex\-order: 2;
            order: 2;
    \-webkit\-flex: 2 0 45%;
        \-ms\-flex: 2 0 45%;
            flex: 2 0 45%;
\}

\.site\-description p
\{
    font\-size: 14px;

    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;
\}

\.main\-navigation
\{
    font\-size: 3\.3em;

    max\-width: 90px;
    height: 72px;

    \-webkit\-transition: \-webkit\-transform 0\.1s linear;
            transition:         transform 0\.1s linear;

    background\-color: rgba\(135,137,140,0\.23\);
\}

h1\.assistive\-text
\{
    font\-size: 28%;

    left: 2px;

    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;
    letter\-spacing: 11px;

    color: rgba\(63,123,212,0\.77\);
    text\-shadow: none;
\}

#hamburger
\{
    font\-size: 1\.1em;
    line\-height: 1\.45;

    \-webkit\-transition: all 0\.35s ease;
            transition: all 0\.35s ease;

    color: rgba\(63,123,212,0\.77\);
    text\-shadow: none;
\}

\.main\-navigation a\.main\-menu\-button:hover #hamburger,
\.main\-navigation a\.main\-menu\-button:hover h1\.assistive\-text,
\.main\-navigation a\.main\-menu\-button:focus #hamburger,
\.main\-navigation a\.main\-menu\-button:focus h1\.assistive\-text
\{
    color: #d84a4a;
    background\-color: transparent;

    \-webkit\-text\-stroke\-width: 0;
    \-webkit\-text\-stroke\-color: 0;
    text\-stroke: 0;
\}

\.main\-navigation a\.main\-menu\-button:focus:active h1\.assistive\-text,
\.main\-navigation a\.main\-menu\-button:active h1\.assistive\-text
\{
    color: rgba\(216,74,74,0\.8\);
\}

\/\*\- horizontal\-nav \-\*\/

nav\.horizontal\-nav
\{
    margin: \-0\.75em auto 0\.25em;
    padding: 0 2px;

    background\-color: #fff;
\}

ul\.header\-nav
\{
    margin: 0 auto;
\}

ul\.header\-nav li,
#thsp\-sticky\-header\-menu li
\{
    line\-height: 1\.32em;

    border: rgba\(135,137,140,0\.5\) solid 1px;
    background\-color: transparent;
\}

ul\.header\-nav li a,
#thsp\-sticky\-header\-menu li a
\{
    font\-size: 100%;

    margin: 0 auto;

    color: #55b6e1 !important;
\}

ul\.header\-nav li:first\-child,
#thsp\-sticky\-header\-menu li:first\-child
\{
    margin\-left: 0!important;
\}

ul\.header\-nav li:last\-child,
#thsp\-sticky\-header\-menu li:last\-child
\{
    margin\-right: 0!important;
\}

ul\.header\-nav li:hover,
ul\.header\-nav li:focus,
#thsp\-sticky\-header\-menu li:hover,
#thsp\-sticky\-header\-menu li:focus
\{
    border: rgba\(135,137,140,0\.5\) solid 1px;
    background\-color: rgba\(135,137,140,0\.18\);
\}

ul\.header\-nav li:active,
ul\.header\-nav li:focus:active,
#thsp\-sticky\-header\-menu li:active,
#thsp\-sticky\-header\-menu li:focus:active
\{
    \-webkit\-transition: all 0\.1s linear;
            transition: all 0\.1s linear;

    background\-color: rgba\(135,137,140,0\.26\);
    box\-shadow: inset 1px 2px 0 1px rgba\(0,0,0,0\.15\),inset \-1px 1px 0 0 rgba\(0,0,0,0\.25\);
\}

\/\*\-\- active nav menu items \-\-\*\/
li\.menu\-item\.current\-menu\-item,
#thsp\-sticky\-header\-menu li\.menu\-item\.current\-menu\-item
\{
    background\-color: gray;
\}

li\.menu\-item\.current\-menu\-item a,
#thsp\-sticky\-header\-menu li\.menu\-item\.current\-menu\-item a
\{
    color: white;
\}

li\.menu\-item\.current\-menu\-item:hover a,
#thsp\-sticky\-header\-menu li\.menu\-item\.current\-menu\-item:hover a
\{
    color: #d84a4a;
\}

\/\*\-\-\- portfolio < children \-\-\-\*\/
\.parent\-pageid\-41 ul\.header\-nav li#menu\-item\-491
\{
    background\-color: gray;
\}
\.parent\-pageid\-41 ul\.header\-nav li#menu\-item\-491 a
\{
    color: white;
\}

ul\.header\-nav li#menu\-item\-492,
#thsp\-sticky\-header\-menu li\.menu\-item\-510
\{
    width: auto;
    min\-width: 23%;
    max\-width: 30%;
\}

ul\.header\-nav li#menu\-item\-491,
#thsp\-sticky\-header\-menu li\.menu\-item\-511
\{
    min\-width: 20%;
    max\-width: 25%;
\}

\/\*\-\- sticky nav \-\-\*\/
#thsp\-sticky\-header
\{
padding: 0 8px;
\}

div#thsp\-sticky\-header,
div#thsp\-sticky\-header\-inner
\{
    background\-color: white !important;
    max\-width: 100%;
\}

#thsp\-sticky\-header\-title
\{
    right: 0;
    left: 0;
\}

#thsp\-sticky\-header\-menu
\{
    max\-width: 86\.25%;
\}

}

@media (max-width: 480px) { \/*.main-navigation { font-size: 1.25em;

    margin\-top: 0;

    text\-align: inherit;
\}

\.site\-header \.site\-description
\{
    text\-align: center;
\}\*\/

h1\.assistive\-text
\{
    top: 0;
\}

\.main\-navigation
\{
  font\-size: 1\.1em;
  margin\-top: \-\.5em;
  text\-align: inherit;
  right: 7px;
  height: 38px;
\}

}

@media screen and (max-width: 600px) {

masthead

{
    position: absolute;
    top: 0;
}

}

@media (min-width: 768px) {

masthead .container

{
    padding: 0 20px;
}

\.hgroup
\{
    margin\-top: 0\.5em;
    left: 0;
    height: 112px;
\}

\.site\-header \.site\-title
\{
    width: auto;
    max\-width: 200px;
    left: 0;

    transform: translate\(0\);

    \-ms\-flex\-positive: 1\.5;
    \-webkit\-box\-flex: 1 0 200px;
    \-webkit\-flex: 1 0 200px;
        \-ms\-flex: 1 0 200px;
            flex: 1 0 200px;
\}

#masthead\.site\-header \.container \.hgroup \.site\-title a
\{
  min\-width: 176px;
\}

\.site\-header \.site\-title img
\{
    max\-height: 118px;

    \-webkit\-clip\-path: inset\(2% 0 14% 0\);
            clip\-path: inset\(2% 0 14% 0\);
\}

\.site\-description
\{
    min\-width: 50%;
    margin: 0\.25em 1\.5em 0 1em;
\}

\.site\-description p
\{
    font\-size: 16px;
\}

\.main\-navigation
\{
    width: 10%;
    min\-width: 76px;
    height: 76px;
\}

h1\.assistive\-text
\{
    letter\-spacing: 6px;
\}

nav\.horizontal\-nav
\{
  margin: \-0\.25em auto 0\.75em;
\}

ul\.header\-nav li a,
#thsp\-sticky\-header\-menu li a
\{
    font\-size: 100%;
\}

ul\.header\-nav li:first\-child
\{
    margin\-left: 0;
\}

ul\.header\-nav li:last\-child
\{
    margin\-right: 0;
\}

div#thsp\-sticky\-header
\{
  max\-width: 1200px;
  padding: 4px 20px;
\}

ul#thsp\-sticky\-header\-menu \{
max\-width: 92%;
\}

#thsp\-sticky\-header\-title
\{
  left: 0;
\}

#thsp\-sticky\-header\-menu li:first\-child
\{
    min\-width: 19%;
    max\-width: 21%;
    margin\-left: 28px!important;
\}

}

@media screen and (max-width: 782px) { body.admin-bar #masthead { top: 46px;

    \-webkit\-transition: 0\.3s ease;
            transition: 0\.3s ease;
\}

body\.display\-main\-menu #page > header,
body\.display\-main\-menu #page > header
\{
    \-webkit\-transform: none;
        \-ms\-transform: none;
            transform: none;
\}

}

@media (min-width: 992px) { .hgroup { margin-top: 0.9em; }

\.site\-header \.site\-title img
\{
    display: block;

    min\-width: 100%;
    max\-width: 110%;
    height: 155px;
    max\-height: 158px;

    \-webkit\-clip\-path: inset\(0 0 14% 0\);
            clip\-path: inset\(2% 0 14% 0\);
\}

\.site\-description
\{
    max\-width: 41%;
    margin: 0\.6em 1\.5em;
\}

\.site\-description p
\{
    font\-size: 18px;
\}

nav\.horizontal\-nav
\{
    margin: \-0\.25em auto 1\.25em;

    background\-color: transparent;
\}

ul\.header\-nav
\{
    padding: 0;
\}

ul\.header\-nav li
\{
    min\-width: 23%;
    max\-width: 25%;
    margin: 0 auto;

    border: rgba\(135,137,140,0\.5\) solid 1px;
    background\-color: transparent;
\}

}

@media (min-width: 1200px) {

masthead .container

{
    margin: 0 auto;

    \-webkit\-flex\-basis: 100%;
    \-ms\-flex\-preferred\-size: 100%;
            flex\-basis: 100%;
\}

\.site\-title
\{
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    max\-height: 130px;
\}

\.site\-header \.site\-title img
\{
    display: inline\-block;

    width: auto;
    max\-height: 130px;
\}

\.site\-description
\{
    margin: 0\.5em 0\.2em 0 1\.25em;
\}

\.main\-navigation \/\* comments = for safari \*\/
\{
    font\-size: 2em;

    position: absolute;
    top: 12px;
    right: 0;

    display: block;
    overflow: hidden;

    max\-width: 120px;
    height: inherit;
    max\-height: 116px;
    margin: 0 auto;

    background\-color: rgba\(135,137,140,0\.5\);

    \-webkit\-flex\-flow: column nowrap;
        \-ms\-flex\-flow: column nowrap;
            flex\-flow: column nowrap;
    \-webkit\-box\-pack: center;
    \-webkit\-justify\-content: center;
    \-ms\-flex\-pack: center;
            justify\-content: center;
    \-webkit\-box\-align: center;
    \-webkit\-align\-items: center;
    \-ms\-flex\-align: center;
            align\-items: center;
\}

h1\.assistive\-text
\{
    font\-size: 0\.7em;
    line\-height: 1\.5;

    left: 2px;

    width: 100%;
    margin: 0\.2em auto 0;
\}

a\.main\-menu\-button
\{
    position: absolute;

    display: block;

    width: 100%;
    height: 100%;
    padding: 0;

    \-webkit\-order: 2;
    \-ms\-flex\-order: 2;
            order: 2;
\}

#hamburger
\{
    font\-size: 2\.5em;
    line\-height: 1\.7;

    width: 100%;
\}

\.genericon\-menu:before
\{
    display: block;

    margin: 0 auto;
\}

\.main\-navigation:hover,
\.main\-navigation:focus
\{
    background\-color: rgba\(135,137,140,0\.33\);
\}

\.main\-navigation \*:hover,
\.main\-navigation \*:focus
\{
    color: rgba\(212,78,63,0\.9\);
\}

\.shark\-parade
\{
    width: 100%;
\}

}

main-menu

{ right: -100vw;

width: 100vw;

\-webkit\-transition: right 0\.4s cubic\-bezier\(0\.43,0\.01,0\.43,0\.99\);
        transition: right 0\.4s cubic\-bezier\(0\.43,0\.01,0\.43,0\.99\);
\-webkit\-transition\-delay: 0\.25s;
        transition\-delay: 0\.3s;

background\-color: rgba\(138,138,138,0\.98\);

}

i > span { margin-right: 1.25em; }

.menu-item i._mi { margin-top: -0.1em; }

i._mi.genericon.genericon-home { margin: -0.01em 0; }

.menu-link { padding-left: 8px; }

.menu-link span { margin-left: 0.65em; }

.menu-link i._mi._before { margin-left: 0.35em; }

li#menu-item-40 { text-align: center; }

@media (min-width: 480px) {

main-menu .menu ul li a

{
    font-size: 2.4em;
}

}

@media (min-width: 1200px) {

main-menu

{
    right: -40vw;

    width: 40vw;
\}

}

main-menu .main-menu-close:before

{ content: '\f153'; }

ul#menu-central-navigation { padding-top: 1em; }

ul#menu-central-navigation li { -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease;

opacity: 1\.0;

}

main-menu .menu ul li a

{ font-family: 'Montserrat',sans-serif; font-size: 2.25em; line-height: 2.5em;

display: block;

width: 100%;
margin\-bottom: 2px;

\-webkit\-transition: color 0\.5s ease;
        transition: color 0\.5s ease;
vertical\-align: middle;

color: #55b6e1;

}

ul#menu-central-navigation:hover > li, ul#menu-central-navigation:focus > li { -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in;

opacity: 0\.7;

}

ul#menu-central-navigation:hover > li:hover, ul#menu-central-navigation:focus > li:hover { -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in;

opacity: 1\.0;

}

main-menu .menu ul li:hover > a:hover,

main-menu .menu ul li:focus > a:focus

{ opacity: 1.0; }

i._mi._before { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0);

\-moz\-osx\-font\-smoothing: grayscale;

}

li.menu-item:hover i._mi._before, li.menu-item:focus i._mi._before { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.52,0.24,0.5,0.74); transition: transform 0.3s cubic-bezier(0.52,0.24,0.5,0.74); -webkit-transform: scale(1.2,1.2) translateZ(0); transform: scale(1.2,1.2) translateZ(0); }

main-menu .menu ul li:hover a,

main-menu .menu ul li:focus a

{ -webkit-transition: 0.3s ease; transition: 0.3s ease; text-decoration: none;

color: #e590c7;
background\-color: rgba\(240,240,240,0\.85\);

}

main-menu .menu ul li:visited a

{ color: #55b6e1; }

main-menu .main-menu-close

{ font-size: 30px;

\-webkit\-transition: all 0\.3s ease\-in;
        transition: all 0\.3s ease\-in;
\-webkit\-transform: translateZ\(0\);
        transform: translateZ\(0\);
\-webkit\-transform\-origin: 50% 50%;
    \-ms\-transform\-origin: 50% 50%;
        transform\-origin: 50% 50%;

color: #fff;
outline: 0;

\-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);

}

main-menu .main-menu-close:hover,

main-menu .main-menu-close:focus

{ -webkit-transform: rotate(90deg) scale(1) skew(1deg) translate(0px); -ms-transform: rotate(90deg) scale(1) skew(1deg) translate(0px); transform: rotate(90deg) scale(1) skew(1deg) translate(0px);

color: #d84a4a;

}

.close-active { -webkit-animation: rotate-icon-pop 0.3s linear 0s normal infinite both running; animation: rotate-icon-pop 0.3s linear 0s normal infinite both running;

color: #e590c7;

\-moz\-osx\-font\-smoothing: grayscale;

}

main-menu .main-menu-close:focus:active:before,

main-menu .main-menu-close:active:before

{ content: '\f158'; }

colophon

{ margin: 40px 0 60px;

\-webkit\-transition: 0\.3s ease;
        transition: 0\.3s ease;

}

footer#colophon { margin-top: 9em; }

colophon .container

{ max-width: 100%; margin: 0 auto; padding: 0 10px; }

footer-widgets

{ max-width: 100%; margin: 0 auto;

\-webkit\-transition: 0\.3s ease;
        transition: 0\.3s ease;

}

footer-widgets aside.widget .widget-title

{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

footer-widgets aside.widget a

{ display: block;

color: #fff;

}

aside#text-3 .textwidget { width: 100%;

color: #f7f6de;

}

footer-widgets aside.widget

{ margin: 2em auto 0.75em; }

footer #footer-widgets aside#zoom-social-icons-widget-2 { margin-top: 0; }

aside#zoom-social-icons-widget-3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;

\-webkit\-box\-pack: center;
\-webkit\-justify\-content: center;
\-ms\-flex\-pack: center;
        justify\-content: center;

}

footer-widgets aside.widget:last-child

{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;

margin: 0 auto;

\-webkit\-transition: 0\.3s ease;
        transition: 0\.3s ease;

\-webkit\-flex\-flow: column nowrap;
    \-ms\-flex\-flow: column nowrap;
        flex\-flow: column nowrap;
\-webkit\-box\-pack: start;
\-webkit\-justify\-content: flex\-start;
\-ms\-flex\-pack: start;
        justify\-content: flex\-start;

}

div#footer-widgets aside#zoom-social-icons-widget-3 h3.widget-title { font-size: 2.8em;

display: \-webkit\-box;
display: \-webkit\-flex;
display: \-ms\-flexbox;
display:         flex;

max\-width: 116%;
margin: 0 auto 0\.75em;

text\-align: center;
letter\-spacing: 2px;

}

footer-widgets aside.widget ul

{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;

max\-width: 100%;
margin: 0 auto;

}

ul.zoom-social-icons-list li:nth-child(3) { margin-left: 16px; }

li.zoom-social_icons-list__item { font-size: 1.15em; }

.socicon { font-size: 2em;

\-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);

}

.zoom-social-icons-list--without-canvas .socicon { -webkit-transition: all 0.25s cubic-bezier(0.22,0.43999,0.76,0.48); transition: all 0.25s cubic-bezier(0.22,0.43999,0.76,0.48);

color: #fff;

\-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);

}

span.socicon.socicon-behance { margin-left: 9%;

\-webkit\-transform: scale\(1\.3\);
    \-ms\-transform: scale\(1\.3\);
        transform: scale\(1\.3\);
\-webkit\-transform\-origin: 50% 20%;
    \-ms\-transform\-origin: 50% 20%;
        transform\-origin: 50% 20%;

}

.zoom-social_icons-list__item a:hover .socicon, .zoom-social_icons-list__item a:focus.socicon { opacity: 1; }

.zoom-social-icons-list--without-canvas .socicon:hover, .zoom-social-icons-list--without-canvas .socicon:focus { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px);

\-moz\-osx\-font\-smoothing: grayscale;

}

span.socicon.socicon-behance:hover, span.socicon.socicon-behance:focus { -webkit-transform: translateY(-12px) scale(1.3); -ms-transform: translateY(-12px) scale(1.3); transform: translateY(-12px) scale(1.3); }

@media only screen and (min-device-width : 320px) and (max-device-width :480px) { .zoom-social-icons-list--without-canvas .socicon:focus, .zoom-social-icons-list--without-canvas .socicon:active { -webkit-animation: hvr-icon-pop 0.2s linear 0s normal 1 both running; animation: hvr-icon-pop 0.2s linear 0s normal 1 both running;

    outline: 0;

    \-moz\-osx\-font\-smoothing: grayscale;
\}

}

@media only screen and (min-device-width : 768px) and (max-device-width :1024px) { .zoom-social-icons-list--without-canvas .socicon:focus, .zoom-social-icons-list--without-canvas .socicon:active { -webkit-animation: hvr-icon-pop 0.2s linear 0s normal 1 both running; animation: hvr-icon-pop 0.2s linear 0s normal 1 both running;

    outline: 0;

    \-moz\-osx\-font\-smoothing: grayscale;
\}

}

@media only screen and (min-device-width: 320px) and (max-device-height:568px) and (orientation :landscape) and (-webkit-device-pixel-ratio:2) { .zoom-social-icons-list--without-canvas .socicon:focus, .zoom-social-icons-list--without-canvas .socicon:active { -webkit-animation: hvr-icon-pop 0.2s linear 0s normal 1 both running; animation: hvr-icon-pop 0.2s linear 0s normal 1 both running;

    outline: 0;

    \-moz\-osx\-font\-smoothing: grayscale;
\}

}

@media only screen and (min-device-width: 320px) and (max-device-height:568px) and (orientation :portrait) and (-webkit-device-pixel-ratio:2) { .zoom-social-icons-list--without-canvas .socicon:focus, .zoom-social-icons-list--without-canvas .socicon:active { -webkit-animation: hvr-icon-pop 0.2s linear 0s normal 1 both running; animation: hvr-icon-pop 0.2s linear 0s normal 1 both running;

    outline: 0;

    \-moz\-osx\-font\-smoothing: grayscale;
\}

}

@media only screen and (min-device-width: 360px) and (max-device-height:640px) and (orientation :landscape) and (-webkit-device-pixel-ratio:3) { .zoom-social-icons-list--without-canvas .socicon:focus, .zoom-social-icons-list--without-canvas .socicon:active { -webkit-animation: hvr-icon-pop 0.2s linear 0s normal 1 both running; animation: hvr-icon-pop 0.2s linear 0s normal 1 both running;

    outline: 0;

    \-moz\-osx\-font\-smoothing: grayscale;
\}

}

@media only screen and (min-device-width: 360px) and (max-device-height:640px) and (orientation :portrait) and (-webkit-device-pixel-ratio:3) { .zoom-social-icons-list--without-canvas .socicon:focus, .zoom-social-icons-list--without-canvas .socicon:active { -webkit-animation: hvr-icon-pop 0.2s linear 0s normal 1 both running; animation: hvr-icon-pop 0.2s linear 0s normal 1 both running;

    outline: 0;

    \-moz\-osx\-font\-smoothing: grayscale;
\}

}

@media only screen and (max-device-width: 1600px) { .zoom-social-icons-list--without-canvas .socicon:focus, .zoom-social-icons-list--without-canvas .socicon:active { -webkit-animation: hvr-icon-pop 0.2s linear 0s normal 1 both running; animation: hvr-icon-pop 0.2s linear 0s normal 1 both running;

    outline: 0;

    \-moz\-osx\-font\-smoothing: grayscale;
\}

}

@media (min-width: 480px) {

footer-widgets aside.widget

{
    float: none;

    width: 100%;

    \-webkit\-transition: 0\.3s ease;
            transition: 0\.3s ease;
\}

div#footer\-widgets > aside#zoom\-social\-icons\-widget\-3\.social\-footer > h3\.widget\-title
\{
    font\-size: 3em;
\}

\.page\-id\-348 #colophon
\{
    margin\-top: 10em;
\}

}

@media (min-width: 768px) {

footer-widgets

{
    max-width: 93%;
}

footer#colophon
\{
    margin\-top: 10em;
\}

}

@media (min-width: 992px) {

footer-widgets

{
    max-width: 80%;
    margin: 0 auto;

    \-webkit\-transition: 0\.3s ease;
            transition: 0\.3s ease;
\}

body\.page\-id\-41 footer#colophon,
body\.page\-id\-183 footer#colophon
\{
    margin\-top: 30em;
\}

\.page\-id\-348 #colophon
\{
    margin\-top: 12em;
\}

}

div#pg-24-4 { margin-top: 4em; margin-bottom: 1em; }

panel-24-4-0-0 .widget-title

{ margin-bottom: 0; }

div#panel-24-5-0-0 { margin-bottom: 1.6%; }

div#panel-24-5-0-1 { margin-top: 0; }

.bio-pic.panel-widget-style > .so-widget-sow-image.so-widget-sow-image-base { margin-bottom: -30px; }

div.bio p { text-align: justify; }

div#panel-24-5-0-1.caption { margin-top: 0.8%; }

.caption.panel-widget-style .textwidget p { font-size: 14px;

margin\-bottom: 0\.8%;
padding: 0\.5em 0;

text\-align: justify;

color: #818181;

}

.bio.panel-widget-style { margin-top: -1.25em; }

@media (max-width: 780px) {

pg-24-5 #pgc-24-5-0

{
    float: left;

    max\-width: 33%;
    margin\-right: 7\.6%;
\}

div#panel\-24\-5\-0\-0
\{
    width: 100%;
    margin\-right: 17px;
\}

\.bio\-pic\.panel\-widget\-style
\{
    float: left;
\}

div#panel\-24\-5\-0\-1
\{
    position: relative;

    float: left;

    width: 100%;
\}

div#pgc\-24\-5\-1
\{
    max\-width: 100%;
\}

\.bio\.panel\-widget\-style
\{
    position: relative;
    bottom: 1em;
\}

div\.bio p
\{
    text\-align: justify;
\}

}

@media (max-width: 480px) { article.entry .post-text { padding-top: 0; padding-bottom: 0; }

article\.entry \.post\-text \.entry\-title
\{
    font\-size: initial;

    margin\-bottom: 0;
\}

article\.entry \.post\-text
\{
    padding: 0;
\}

}

@media (min-width: 768px) {

panel-24-5-0-1 .caption.panel-widget-style .textwidget p.bio-caption

{
    font-size: 12px;
}

div\.bio p
\{
    text\-align: justify;
\}

}

div#panel-24-3-0-0 { margin-bottom: 0; }

.testimonial { box-sizing: border-box;

border: transparent solid 0;

}

.front-page-testimonial { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;

margin\-bottom: 1em;

}

.entry-content blockquote { font-family: inherit; font-size: 16px; font-style: initial;

margin: 0\.5em 0;
padding: 0\.75em 10px 1em 32px;

quotes: '\\201C''\\201D''\\2018''\\2019';

color: #424242;
border\-left: 10px solid #d3d3d3;
background: #e6e6e6;
background\-size: contain;

}

.testimonial > .textwidget blockquote > p { font-family: inherit; font-size: 16px; font-style: initial; line-height: 1.75em; }

blockquote:before { font-size: 4em; line-height: 0.1em;

position: relative;
top: 24px;
right: 28px;

float: left;
overflow: visible;

margin\-right: \-26px;

content: '\\201C';
vertical\-align: \-0\.4em;

color: #c6c6c6;

}

.testimonial.panel-widget-style div.textwidget blockquote p { display: inherit;

margin\-top: 1em;

}

blockquote p:last-child { margin-bottom: 0; }

p.cite { margin-left: 56px;

text\-indent: \-25px;

color: #878787;

}

@media (min-width: 768px) { .title-row.panel-widget-style { position: relative; right: 0.05em;

    width: 105%;
\}

}

@media (min-width: 992px) { div#pg-24-3 .testimonial.panel-cell-style { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;

    width: inherit;

    \-webkit\-flex\-flow: row wrap;
        \-ms\-flex\-flow: row wrap;
            flex\-flow: row wrap;
    \-webkit\-box\-pack: start;
    \-webkit\-justify\-content: flex\-start;
    \-ms\-flex\-pack: start;
            justify\-content: flex\-start;
    \-webkit\-box\-align: start;
    \-webkit\-align\-items: flex\-start;
    \-ms\-flex\-align: start;
            align\-items: flex\-start;
\}

div#panel\-24\-3\-0\-0
\{
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    \-webkit\-box\-flex: 2;
    \-webkit\-flex: 2 0 100%;
        \-ms\-flex: 2 0 100%;
            flex: 2 0 100%;
    \-webkit\-order: 1;
    \-ms\-flex\-order: 1;
            order: 1;
\}

\.front\-page\-testimonial\-row > div#pgc\-24\-3\-0 > #panel\-24\-3\-0\-0 > \.title\-row > \.textwidget h2
\{
    margin: 0;

    letter\-spacing: 2px;
\}

div#panel\-24\-3\-0\-1
\{
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    min\-width: 45%;
    max\-width: 49%;
    margin: 0\.5em 0\.98% 1em 0;

    \-webkit\-order: 2;
    \-ms\-flex\-order: 2;
            order: 2;
    \-webkit\-box\-flex: 1;
    \-webkit\-flex: 1 0 47%;
        \-ms\-flex: 1 0 47%;
            flex: 1 0 47%;
\}

div#panel\-24\-3\-0\-2
\{
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    min\-width: 45%;
    max\-width: 49%;
    margin: 0\.5em 0 1em 0\.98%;

    \-webkit\-order: 3;
    \-ms\-flex\-order: 3;
            order: 3;
    \-webkit\-box\-flex: 1;
    \-webkit\-flex: 1 0 47%;
        \-ms\-flex: 1 0 47%;
            flex: 1 0 47%;
\}

div#panel\-24\-3\-0\-3
\{
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    min\-width: 45%;
    max\-width: 49%;
    margin: 0\.5em 0\.98% 0 0;

    \-webkit\-order: 4;
    \-ms\-flex\-order: 4;
            order: 4;
    \-webkit\-flex: 1 0 47%;
        \-ms\-flex: 1 0 47%;
            flex: 1 0 47%;
\}

div#panel\-24\-3\-0\-4
\{
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    min\-width: 45%;
    max\-width: 49%;
    margin: 0\.5em 0 0 0\.98%;

    \-webkit\-order: 5;
    \-ms\-flex\-order: 5;
            order: 5;
    \-webkit\-flex: 1 0 47%;
        \-ms\-flex: 1 0 47%;
            flex: 1 0 47%;
\}

\.entry\-content blockquote
\{
    padding: 0\.75em 18px 1em 32px;
\}

}

div#pg-24-6 { margin-top: 4em; }

pgc-24-6-0 div#panel-24-6-0-0

{ margin-bottom: 0; }

.reqd { color: #8a8a8a; }

input[type=text], input[type=email], textarea.wpcf7-textarea { width: 100%; max-width: 768px; padding: 10px;

\-webkit\-transition: 0\.3s ease;
        transition: 0\.3s ease;

border: 1px solid #555658;

}

form.wpcf7-form p { display: block; float: left;

box\-sizing: border\-box;
width: 100%;
margin: 0\.25em 0;

\-webkit\-transition: 0\.3s ease;
        transition: 0\.3s ease;

border: 1px solid transparent;

}

span.wpcf7-form-control-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;

box\-sizing: border\-box;
height: 45px;
margin: 0\.35em 0;

\-webkit\-transition: 0\.3s ease;
        transition: 0\.3s ease;

border: 1px solid transparent;

}

span.wpcf7-form-control-wrap.your-message { height: 240px; }

.hello-form-submit { position: relative; z-index: 0;

display: \-webkit\-box;
display: \-webkit\-flex;
display: \-ms\-flexbox;
display:         flex;
overflow: hidden;

width: 99%;
height: 13em;
margin: 0 auto;

\-webkit\-transition: box\-shadow 0\.3s cubic\-bezier\(0\.02,0\.53,0\.82,0\.95\),background 0\.23s ease;
        transition: box\-shadow 0\.3s cubic\-bezier\(0\.02,0\.53,0\.82,0\.95\),background 0\.23s ease;
vertical\-align: middle;

background: #555658;
box\-shadow: inset 0 0 1px rgba\(0,0,0,0\);

\-webkit\-backface\-visibility: hidden;
        backface\-visibility: hidden;
\-moz\-osx\-font\-smoothing: grayscale;
\-webkit\-flex\-flow: column nowrap;
    \-ms\-flex\-flow: column nowrap;
        flex\-flow: column nowrap;

}

.hello-form-submit::before { font-family: Genericons; font-size: 12em;

position: relative;
top: 66px;

display: block;
clear: both;

width: auto;
height: auto;
margin: 0 auto;

content: '\\f410';
\-webkit\-transition: 0\.3s ease;
        transition: 0\.3s ease;
text\-align: center;
letter\-spacing: \-5px;

color: #fff;

\-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);

}

.hello-form-submit::after { font-family: Genericons; font-size: 12em;

position: relative;
top: \-24%;

display: block;
clear: both;

width: auto;
height: auto;
margin: 0 auto;

content: '\\f410';
\-webkit\-transition: 0\.3s ease;
        transition: 0\.3s ease;
\-webkit\-animation\-duration: 0\.5s;
        animation\-duration: 0\.5s;
text\-align: center;
letter\-spacing: \-5px;

opacity: 0;
color: #fff;

\-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);
\-webkit\-animation\-fill\-mode: forwards;
        animation\-fill\-mode: forwards;

}

.hello-form.panel-widget-style input[type='submit'] { position: absolute; z-index: 9; top: 0; right: 0; bottom: 0; left: 0;

display: block;

width: 100%;
height: 100%;
padding: 0;

opacity: 0;

}

.hello-form-send { font-family: Montserrat; font-size: 2em;

position: relative;
top: 88px;
right: 0;
left: 0;

display: block;

\-webkit\-transition: 0\.3s ease;
        transition: 0\.3s ease;
text\-align: center;
vertical\-align: bottom;

color: #fff;

}

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus { height: 45px;

border: 2px solid #55b6e1;
outline: 0;

}

textarea.wpcf7-textarea:focus { border: 2px solid #55b6e1; outline: 0; }

.hello-form-submit:hover, .hello-form-submit:focus { -webkit-transition: box-shadow 0.3s ease-in; transition: box-shadow 0.3s ease-in;

background: #fff;
box\-shadow: inset 0 0 0 6px #555658;

}

.hello-form-submit:hover .hello-form-send, .hello-form-submit:focus .hello-form-send { -webkit-transition: color 0.3s ease; transition: color 0.3s ease;

color: #555658;

}

.hello-form-submit:hover::after, .hello-form-submit:focus::after { -webkit-transition: color 0.3s ease; transition: color 0.3s ease;

color: #555658;

}

.hello-form-submit:hover::before, .hello-form-submit:focus::before { -webkit-transition: color 0.3s ease; transition: color 0.3s ease;

color: #555658;

}

.hello-form-submit:focus:after, .hello-form-submit:active:after { -webkit-animation-name: hvr-icon-float-away; animation-name: hvr-icon-float-away; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;

outline: 0;

}

div.wpcf7-mail-sent-ok { border: 2px solid #55b6e1; }

div.wpcf7-response-output { margin: 3em auto;

text\-align: center;

}

span.wpcf7-not-valid-tip { margin-left: 12px; }

form#say-hi div.hello-form-submit img.ajax-loader, form#say-hi div.hello-form-submit img.ajax-loader:focus { display: none; visibility: hidden; overflow: hidden;

width: 0;
height: 0;

opacity: 0\.0;
outline: 0;

}

@media (min-width: 768px) { .panel-row-style-hello-form-container.hello-form-container.panel-row-style { margin-top: 5em; }

\.wpcf7\-form
\{
    display: \-webkit\-box;
    display: \-webkit\-flex;
    display: \-ms\-flexbox;
    display:         flex;

    \-webkit\-transition: 0\.3s ease;
            transition: 0\.3s ease;

    \-webkit\-flex\-flow: row wrap;
        \-ms\-flex\-flow: row wrap;
            flex\-flow: row wrap;
    justify\-content: space\-between;
    \-webkit\-align\-content: flex\-start;
    \-ms\-flex\-line\-pack: start;
            align\-content: flex\-start;
\}

\.wpcf7\-form p
\{
    max\-width: 49%;
    margin: 0 auto;
\}

form p:nth\-child\(4\)
\{
    width: 100%;
    min\-width: 701px;
    max\-width: 1200px;

    \-webkit\-box\-flex: 0 0 2;
    \-webkit\-flex: 0 0 2;
        \-ms\-flex: 0 0 2;
            flex: 0 0 2;
\}

form p:last\-of\-type
\{
    width: 100%;
    min\-width: 100%;

    \-webkit\-box\-flex: 0 0 2;
    \-webkit\-flex: 0 0 2;
        \-ms\-flex: 0 0 2;
            flex: 0 0 2;
\}

textarea\.wpcf7\-textarea
\{
    max\-width: 992px;
\}

span\.wpcf7\-form\-control\-wrap\.your\-subject input\[type=text\]
\{
    width: 100%;
    min\-width: 701px;
    max\-width: 1200px;
\}

\.hello\-form\-submit
\{
    width: 100%;
    margin: 0 2px;

    \-webkit\-transition: 0\.3s cubic\-bezier\(0\.25,0\.1,0\.49,0\.96\);
            transition: 0\.3s cubic\-bezier\(0\.25,0\.1,0\.49,0\.96\);

    \-webkit\-box\-flex: 2;
    \-webkit\-flex\-grow: 2;
    \-ms\-flex\-positive: 2;
            flex\-grow: 2;
\}

}

@media (min-width: 992px) { form p { width: 100%; max-width: 557px; padding: 4px; }

form p:last\-of\-type
\{
    width: 100%;
    min\-width: 768px;
    max\-width: 1116px;
\}

textarea\.wpcf7\-textarea
\{
    max\-width: 100%;
\}

}

@media (min-width: 1200px) { form p:last-of-type { min-width: 1200px; }

form p
\{
    width: 100%;
    max\-width: 580px;
    padding: 4px;
\}

textarea\.wpcf7\-textarea
\{
    max\-width: 100%;
\}
\.hello\-form\-submit
\{
    max\-width: 99\.41%;
    margin: 0 6px;
\}

}

.portfolio-thumb-container { position: relative;

display: block;
overflow: hidden;

    box\-sizing: border\-box;
width: 100%;
height: 0;
min\-height: 100%;
padding\-top: 56\.22%;

border: 0 solid transparent;

\-ms\-box\-sizing: border\-box;
\-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);

}

.portfolio-thumb-overlay { font-family: 'Montserrat',sans-serif;

position: absolute;
z\-index: 5;
top: 0;
left: 0;

display: block;

    box\-sizing: border\-box;
width: 100%;
height: 100%;

word\-break: break\-all;

border: 0 solid transparent;

\-ms\-box\-sizing: border\-box;
\-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);

}

branding,

graphic-design

{ background: url(http:\/\/jroberts.net\/wp-content\/uploads\/2015\/07\/jroberts_graphic-design.png); background-repeat: no-repeat; background-size: cover; }

videography

{ background: url(http:\/\/jroberts.net\/wp-content\/uploads\/2015\/05\/jroberts_videography.png); background-repeat: no-repeat; background-size: cover; }

photography

{ background: url(http:\/\/jroberts.net\/wp-content\/uploads\/2015\/05\/jroberts_photography.png); background-repeat: no-repeat; background-size: cover; }

illustration

{ background: url(http:\/\/jroberts.net\/wp-content\/uploads\/2015\/07\/jroberts_illustration.png); background-repeat: no-repeat; background-size: cover; }

promotional

{ background: url(http:\/\/jroberts.net\/wp-content\/uploads\/2015\/07\/jroberts_promotional.png); background-repeat: no-repeat; background-size: cover; }

manipulation

{ background: url(http:\/\/jroberts.net\/wp-content\/uploads\/2015\/07\/jroberts_photo-manipulation.png); background-repeat: no-repeat; background-size: cover; }

portraits

{ background: url(http:\/\/jroberts.net\/wp-content\/uploads\/2015\/07\/jroberts_portraits.png); background-repeat: no-repeat; background-size: cover; }

events

{ background: url(http:\/\/jroberts.net\/wp-content\/uploads\/2015\/07\/jroberts_event-photography.png); background-repeat: no-repeat; background-size: cover; }

art-travel

{ background: url(http:\/\/jroberts.net\/wp-content\/uploads\/2015\/07\/jroberts_art-travel-photography.png); background-repeat: no-repeat; background-size: cover; }

bw

{ background: url(http:\/\/jroberts.net\/wp-content\/uploads\/2015\/07\/jroberts_bw-photography.png); background-repeat: no-repeat; background-size: cover; }

.portfolio-thumb-container::before, .portfolio-thumb-overlay::before { font-size: 0;

display: block;
visibility: hidden;
clear: both;

box\-sizing: border\-box;
height: 0;

content: '';

border: transparent solid 0;

}

a.portfolio-thumb-title { position: absolute;

display: block;

    box\-sizing: border\-box;
width: 100%;
height: 100%;

\-webkit\-transition: 0\.35s ease;
        transition: 0\.35s ease;
text\-decoration: none;

color: rgba\(237,237,237,0\.8\);
border: 0 solid transparent;
background\-color: rgba\(0,0,0,0\.2\);
background\-repeat: no\-repeat;
background\-size: contain;

\-ms\-box\-sizing: border\-box;
\-webkit\-tap\-highlight\-color: rgba\(0,0,0,0\);

}

.portfolio-thumb-container:hover .portfolio-thumb-overlay a.portfolio-thumb-title, .portfolio-thumb-container:focus .portfolio-thumb-overlay a.portfolio-thumb-title, .portfolio-thumb-overlay a.portfolio-thumb-title:active { -webkit-transition: 0.25s ease; transition: 0.25s ease; text-decoration: none;

color: rgba\(0,0,0,0\.4\);
background\-color: rgba\(237,237,237,0\.5\);

}

graphic-design .slabtextdone

{ position: relative;

display: \-webkit\-box;
display: \-webkit\-flex;
display: \-ms\-flexbox;
display:         flex;

    box\-sizing: border\-box;
width: 100%;
height: 45%;

border: 0 solid transparent;

\-webkit\-box\-align: center;
\-webkit\-align\-items: center;
\-ms\-flex\-align: center;
        align\-items: center;
\-ms\-box\-sizing: border\-box;

}

videography .slabtextdone

{ position: relative;

display: \-webkit\-box;
display: \-webkit\-flex;
display: \-ms\-flexbox;
display:         flex;

    box\-sizing: border\-box;
width: 100%;
height: 100%;
margin: 0 auto;

border: 0 solid transparent;

\-webkit\-box\-align: center;
\-webkit\-align\-items: center;
\-ms\-flex\-align: center;
        align\-items: center;
\-ms\-box\-sizing: border\-box;

}

photography .slabtextdone

{ position: relative;

display: \-webkit\-box;
display: \-webkit\-flex;
display: \-ms\-flexbox;
display:         flex;

    box\-sizing: border\-box;
width: 100%;
height: 100%;

border: 0 solid transparent;

\-webkit\-box\-align: center;
\-webkit\-align\-items: center;
\-ms\-flex\-align: center;
        align\-items: center;
\-ms\-box\-sizing: border\-box;

}

branding .slabtextdone

{ position: relative;

display: \-webkit\-box;
display: \-webkit\-flex;
display: \-ms\-flexbox;
display:         flex;

    box\-sizing: border\-box;
width: 100%;
height: 100%;

border: 0 solid transparent;

\-webkit\-box\-align: center;
\-webkit\-align\-items: center;
\-ms\-flex\-align: center;
        align\-items: center;
\-ms\-box\-sizing: border\-box;

}

illustration .slabtextdone

{ position: relative;

display: \-webkit\-box;
display: \-webkit\-flex;
display: \-ms\-flexbox;
display:         flex;

    box\-sizing: border\-box;
width: 100%;
height: 100%;
margin: 0 auto;

border: 0 solid transparent;

\-webkit\-box\-align: center;
\-webkit\-align\-items: center;
\-ms\-flex\-align: center;
        align\-items: center;
\-ms\-box\-sizing: border\-box;

}

promotional .slabtextdone

{ position: relative;

display: \-webkit\-box;
display: \-webkit\-flex;
display: \-ms\-flexbox;
display:         flex;

    box\-sizing: border\-box;
width: 100%;
height: 100%;

border: 0 solid transparent;

\-webkit\-box\-align: center;
\-webkit\-align\-items: center;
\-ms\-flex\-align: center;
        align\-items: center;
\-ms\-box\-sizing: border\-box;

}

portraits .slabtext-wrapper

{ position: relative; top: 56%; }

events .slabtext-wrapper

{ position: relative; top: 36%; }

bw .slabtext-wrapper

{ position: relative; top: 26%; right: 2%; }

art-travel .portfolio-thumb-overlay

{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;

\-webkit\-flex\-flow: column nowrap;
    \-ms\-flex\-flow: column nowrap;
        flex\-flow: column nowrap;
\-webkit\-box\-pack: start;
\-webkit\-justify\-content: flex\-start;
\-ms\-flex\-pack: start;
        justify\-content: flex\-start;
\-webkit\-box\-align: center;
\-webkit\-align\-items: center;
\-ms\-flex\-align: center;
        align\-items: center;

}

art-travel .slabtextdone

{ position: relative;

display: \-webkit\-inline\-box;
display: \-webkit\-inline\-flex;
display: \-ms\-inline\-flexbox;
display:         inline\-flex;

    box\-sizing: border\-box;
width: 100%;
height: auto;
max\-height: 45%;

border: 0 solid transparent;

\-webkit\-box\-align: center;
\-webkit\-align\-items: center;
\-ms\-flex\-align: center;
        align\-items: center;
\-ms\-box\-sizing: border\-box;

}

art-travel .slabtextdone

{ margin-top: 2%; }

art-travel #not .slabtextdone

{ margin-top: -4%; }

art-travel .slabtextdone .slabtext::before

{ font-size: 0;

display: block;
visibility: hidden;
clear: both;

box\-sizing: border\-box;
height: 0;

content: '';

border: transparent solid 0;

}

graphic-design .slabtextdone .slabtext

{ position: relative;

display: inline\-block;

    box\-sizing: border\-box;

border: 0 solid transparent;

\-ms\-box\-sizing: border\-box;

}

videography .slabtextdone .slabtext

{ line-height: 1;

position: relative;
bottom: 0\.09em;
left: 2px;

display: inline\-block;

    box\-sizing: border\-box;

white\-space: nowrap;

border: 0 solid transparent;

\-ms\-box\-sizing: border\-box;

}

photography .slabtextdone .slabtext

{ line-height: 1;

position: relative;
right: 2px;
bottom: 0\.09em;

display: inline\-block;

    box\-sizing: border\-box;

white\-space: nowrap;

border: 0 solid transparent;

\-ms\-box\-sizing: border\-box;

}

.portfolio-image-container { position: relative;

display: block;
overflow: hidden;

box\-sizing: border\-box;
width: 100%;
height: auto;

border: 0 solid transparent;
background: #fff;

}

.portfolio-image { position: relative;

overflow: hidden;

}

.portfolio-image::before { position: absolute; z-index: 9; top: 0; left: 0;

width: 100%;
height: 100%;

content: '';
\-webkit\-transition: all 0\.35s cubic\-bezier\(0\.17,0\.67,0\.83,0\.67\);
        transition: all 0\.35s cubic\-bezier\(0\.17,0\.67,0\.83,0\.67\);
\-webkit\-transform: scale3d\(5\.5,5\.5,1\);
        transform: scale3d\(5\.5,5\.5,1\);
\-webkit\-transform\-origin: 50% 50%;
    \-ms\-transform\-origin: 50% 50%;
        transform\-origin: 50% 50%;

background: url\(http:\/\/jroberts\.net\/wp\-content\/uploads\/2015\/07\/triangle_no\-ratio_no\-dimensions\.svg\) no\-repeat center center;
background\-size: auto auto;

}

div.portfolio-image img { -webkit-transition: all 0.35s cubic-bezier(0.17,0.67,0.83,0.67); transition: all 0.35s cubic-bezier(0.17,0.67,0.83,0.67);

opacity: 1;

}

.portfolio-image-caption { position: absolute; z-index: 4; top: 10%; right: 0; left: 0;

display: block;

margin\-top: 1em;

\-webkit\-transition: all 0\.35s cubic\-bezier\(0\.17,0\.67,0\.83,0\.67\);
        transition: all 0\.35s cubic\-bezier\(0\.17,0\.67,0\.83,0\.67\);
\-webkit\-transform: translateY\(\-2em\) scaleZ\(\-0\.25\);
    \-ms\-transform: translateY\(\-2em\) scaleZ\(\-0\.25\);
        transform: translateY\(\-2em\) scaleZ\(\-0\.25\);
text\-align: center;

opacity: 0;
background\-color: rgba\(255,255,255,0\.2\);

}

div.portfolio-image-container div.portfolio-image-caption h3 { font-size: 2.95em;

\-webkit\-transition: all 0\.35s cubic\-bezier\(0\.17,0\.67,0\.83,0\.67\);
        transition: all 0\.35s cubic\-bezier\(0\.17,0\.67,0\.83,0\.67\);
letter\-spacing: 2px;

}

div.portfolio-image-container div.portfolio-image-caption .textwidget { font-size: 1em; line-height: 1.45; line-height: 1.8;

max\-width: 25em;
margin: 0 auto;

\-webkit\-transition: all 0\.35s cubic\-bezier\(0\.17,0\.67,0\.83,0\.67\);
        transition: all 0\.35s cubic\-bezier\(0\.17,0\.67,0\.83,0\.67\);

color: #333;

}

div.portfolio-image-container:hover img, div.portfolio-image-container:focus img { opacity: 0.15; }

.portfolio-image:hover::before, .portfolio-image:focus::before { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);

opacity: 0\.25;

}

div.portfolio-image-container:hover .portfolio-image-caption, div.portfolio-image-container:focus .portfolio-image-caption { -webkit-transition: all 0.35s cubic-bezier(0.17,0.67,0.83,0.67); transition: all 0.35s cubic-bezier(0.17,0.67,0.83,0.67); -webkit-transform: translateY(0) scaleZ(1); -ms-transform: translateY(0) scaleZ(1); transform: translateY(0) scaleZ(1);

opacity: 0\.95;

}

div.portfolio-image-container:hover div.portfolio-image-caption h3, div.portfolio-image-container:focus div.portfolio-image-caption h3 { font-size: 3.05em; }

div.portfolio-image-container:hover div.portfolio-image-caption .textwidget, div.portfolio-image-container:focus div.portfolio-image-caption .textwidget { font-size: 1.3em;

margin\-top: \-0\.5em;

}

pgc-395-4-0 div.portfolio-image-container:hover .portfolio-image-caption,

pgc-395-4-0 div.portfolio-image-container:focus .portfolio-image-caption

{ -webkit-transform: translateY(-3em); -ms-transform: translateY(-3em); transform: translateY(-3em); }

pl-189 div#pg-189-0 .panel-grid-cell .so-panel

{ margin-bottom: 6%; }

.push { font-size: 100%;

margin: 0;
padding: 0;

vertical\-align: baseline;

border: 0;
outline: 0;
background: transparent;

}

@media (max-width: 780px) {

pl-187 .panel-grid-cell .push

{
    display: none;
}

}

article#post-193 div.post-text { margin-bottom: 8em; padding-top: 0; }

ul.spaced-list li { margin-bottom: 0.5em; }

ul.spaced-list li:last-child { margin-bottom: 0; }

ul.spaced-list-2 li { margin-bottom: 0.5em;

list\-style: disc;

}

ul.spaced-list > .spaced-list-2 li:last-child { margin-bottom: 0.5em; }

.education-xp { margin-top: 80px; }

.education-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;

margin\-bottom: 0\.5em;

\-webkit\-flex\-flow: row nowrap;
    \-ms\-flex\-flow: row nowrap;
        flex\-flow: row nowrap;
\-webkit\-box\-pack: justify;
\-webkit\-justify\-content: space\-between;
\-ms\-flex\-pack: justify;
        justify\-content: space\-between;
\-webkit\-box\-align: stretch;
\-webkit\-align\-items: stretch;
\-ms\-flex\-align: stretch;
        align\-items: stretch;

}

.school { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;

\-webkit\-order: 0;
\-ms\-flex\-order: 0;
        order: 0;
\-webkit\-box\-flex: 2;
\-webkit\-flex: 2 0 1;
    \-ms\-flex: 2 0 1;
        flex: 2 0 1;

}

.degree { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;

\-webkit\-order: 1;
\-ms\-flex\-order: 1;
        order: 1;
\-webkit\-box\-flex: 3;
\-webkit\-flex: 3 0 2;
    \-ms\-flex: 3 0 2;
        flex: 3 0 2;
\-webkit\-align\-self: center;
\-ms\-flex\-item\-align: center;
        align\-self: center;

}

.graduation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;

\-webkit\-order: 2;
\-ms\-flex\-order: 2;
        order: 2;
\-webkit\-box\-flex: 0;
\-webkit\-flex: 1 0 auto;
    \-ms\-flex: 1 0 auto;
        flex: 1 0 auto;
\-webkit\-align\-self: flex\-end;
\-ms\-flex\-item\-align: end;
        align\-self: flex\-end;

}

.core-comp { margin: 80px 0 -33px; }

.core-comp-list ul { margin-top: 0.75em; }

@-webkit-keyframes kiss-in-text { 0% { -webkit-transform: scale(1); }

66%
\{
    \-webkit\-transform: scale\(0\.9\);
\}

100%
\{
    \-webkit\-transform: scale\(1\);
\}

}

@keyframes kiss-in-text { 0% { -webkit-transform: scale(1); transform: scale(1); }

66%
\{
    \-webkit\-transform: scale\(0\.9\);
            transform: scale\(0\.9\);
\}

100%
\{
    \-webkit\-transform: scale\(1\);
            transform: scale\(1\);
\}

}

@-webkit-keyframes kiss-in-btn { 0% { box-shadow: none; }

66%
\{
    box\-shadow: inset 1px 1px 1px 2px rgba\(0,0,0,0\.1\),inset \-1px 1px 1px 2px rgba\(0,0,0,0\.1\);
\}

100%
\{
    box\-shadow: inset 2px 3px 2px 3px rgba\(0,0,0,0\.3\),inset \-2px 2px 2px 2px rgba\(0,0,0,0\.3\);
\}

}

@keyframes kiss-in-btn { 0% { box-shadow: none; }

66%
\{
    box\-shadow: inset 1px 1px 1px 2px rgba\(0,0,0,0\.1\),inset \-1px 1px 1px 2px rgba\(0,0,0,0\.1\);
\}

100%
\{
    box\-shadow: inset 2px 3px 2px 3px rgba\(0,0,0,0\.3\),inset \-2px 2px 2px 2px rgba\(0,0,0,0\.3\);
\}

}

@-webkit-keyframes hvr-icon-float-away { 0% { opacity: 1; color: #555658; }

100%
\{
    \-webkit\-transform: translateY\(\-1em\);
            transform: translateY\(\-1em\);

    opacity: 0;
\}

}

@keyframes hvr-icon-float-away { 0% { opacity: 1; color: #555658; }

100%
\{
    \-webkit\-transform: translateY\(\-1em\);
            transform: translateY\(\-1em\);

    opacity: 0;
\}

}

@-webkit-keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } }

@keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } }

@-webkit-keyframes rotate-icon-pop { 50% { -webkit-transform: rotate(90deg) scale(1.5); transform: rotate(90deg) scale(1.5); } }

@keyframes rotate-icon-pop { 50% { -webkit-transform: rotate(90deg) scale(1.5); transform: rotate(90deg) scale(1.5); } }

article.entry .post-thumbnail img.attachment-post-thumbnail { line-height: 0;

display: none;
visibility: hidden;

max\-width: 0;
height: 0;
margin\-right: 0;
margin\-left: 0;

}


/: RegExp too big
  at RegExp.exec (native)
  at Forwards.next (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/text-buffer/lib/match-iterator.js:15:30)
  at TextBuffer.module.exports.TextBuffer.scanInRange (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/text-buffer/lib/text-buffer.js:851:31)
  at TextEditor.module.exports.TextEditor.scanInBufferRange (/Applications/Atom.app/Contents/Resources/app.asar/src/text-editor.js:2125:26)
  at BufferSearch.module.exports.BufferSearch.createMarkers (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/find-and-replace/lib/buffer-search.js:155:23)
  at BufferSearch.module.exports.BufferSearch.recreateMarkers (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/find-and-replace/lib/buffer-search.js:140:26)
  at /Applications/Atom.app/Contents/Resources/app.asar/node_modules/find-and-replace/lib/buffer-search.js:33:24
  at Emitter.module.exports.Emitter.emit (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/event-kit/lib/emitter.js:82:11)
  at FindOptions.module.exports.FindOptions.set (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/find-and-replace/lib/find-options.js:64:29)
  at BufferSearch.module.exports.BufferSearch.search (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/find-and-replace/lib/buffer-search.js:89:31)
  at FindView.module.exports.FindView.search (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/find-and-replace/lib/find-view.js:448:25)
  at FindView.module.exports.FindView.liveSearch (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/find-and-replace/lib/find-view.js:436:21)
  at /Applications/Atom.app/Contents/Resources/app.asar/node_modules/find-and-replace/lib/find-view.js:348:24
  at Emitter.module.exports.Emitter.emit (/Applications/Atom.app/Contents/Resources/app.asar/node_modules/event-kit/lib/emitter.js:82:11)
  at /Applications/Atom.app/Contents/Resources/app.asar/node_modules/text-buffer/lib/text-buffer.js:1250:25

Commands

  4x -2:16.4.0 core:backspace (atom-text-editor.editor.is-focused)
     -1:47.6.0 find-and-replace:show (atom-text-editor.editor.is-focused)
  3x -1:42.7.0 find-and-replace:show-previous (atom-text-editor.editor.mini.is-focused)
     -1:07.0 core:cut (atom-text-editor.editor.is-focused)
     -1:02.2.0 core:paste (atom-text-editor.editor.is-focused)
 17x -0:55.2.0 core:move-left (atom-text-editor.editor.is-focused)
     -0:52.5.0 editor:newline (atom-text-editor.editor.is-focused)
     -0:52.2.0 core:move-up (atom-text-editor.editor.is-focused)
     -0:47.3.0 core:save (atom-text-editor.editor.is-focused)
     -0:46 core:select-all (atom-text-editor.editor.is-focused)
     -0:45.4.0 core:copy (atom-text-editor.editor.is-focused)
     -0:44.3.0 core:select-all (atom-text-editor.editor.is-focused)
     -0:43.6.0 core:paste (atom-text-editor.editor.is-focused)
     -0:42.3.0 core:save (atom-text-editor.editor.is-focused)
     -0:21.9.0 find-and-replace:show (atom-text-editor.editor.is-focused)
     -0:21.5.0 core:paste (atom-text-editor.editor.mini.is-focused)

Config

{
  "core": {
    "themes": [
      "atom-material-ui",
      "zenburn"
    ],
    "disabledPackages": [
      "webbox-color",
      "css-comb",
      "linter-csslint",
      "gulp-helper",
      "gulp-snippets",
      "atom-css-comb"
    ],
    "projectHome": "~/Users/BMOre/Desktop/BMO/my_site/wordpress/wp-content/themes/influence-child",
    "audioBeep": false,
    "ignoredNames": [
      ".git",
      ".hg",
      ".svn",
      ".DS_Store",
      "Thumbs.db",
      ".codekit-cache",
      "bower_components",
      "node_modules"
    ]
  }
}

Installed Packages

# User
atom-beautify, v0.28.11
atom-material-ui, v0.6.0
atom-minify, v0.3.1
auto-indent, v0.5.0
autoprefixer, v2.2.4
bezier-curve-editor, v0.7.2
browser-plus, v0.0.34
color-picker, v2.0.11
csscomb, v0.3.1
csslint, v1.1.4
editorconfig, v1.1.1
file-icons, v1.6.9
highlight-line, v0.11.0
indent-guide-improved, v1.4.2
language-apache, v1.3.0
linter, v1.4.3
linter-js-standard, v2.5.0
linter-jshint, v1.1.5
linter-php, v1.0.3
live-archive, v0.1.15
navigate, v0.1.10
php-debug, v0.1.3
pigments, v0.11.0
preview-plus, v1.2.6
project-manager, v1.15.11
tab-control, v0.6.7
tabs-to-spaces, v0.11.1
toggle-quotes, v0.11.3
tool-bar, v0.1.8
tool-bar-main, v0.0.8
white-cursor, v0.6.0
zenburn, v3.0.0

# Dev
No dev packages

atom / find-and-replace

Uncaught SyntaxError: Invalid regular expression #510

Stack Trace

main

main

main

masthead .container

masthead .container::after,

masthead.site-header .container .hgroup .site-title a

hamburger

thsp-sticky-header-menu

thsp-sticky-header a

thsp-sticky-header-inner

thsp-sticky-header-title

thsp-sticky-header-menu li

thsp-sticky-header-menu li

thsp-sticky-header-menu li:last-child

thsp-sticky-header-menu li.menu-item-510

thsp-sticky-header-menu li.menu-item-511

masthead .header-nav-container::after

thsp-sticky-header-menu li a

thsp-sticky-header-menu li:hover a,

thsp-sticky-header-menu li:focus a

masthead .container

masthead

masthead .container

masthead .container

main-menu

main-menu .menu ul li a

main-menu

main-menu .main-menu-close:before

main-menu .menu ul li a

main-menu .menu ul li:hover > a:hover,

main-menu .menu ul li:focus > a:focus

main-menu .menu ul li:hover a,

main-menu .menu ul li:focus a

main-menu .menu ul li:visited a

main-menu .main-menu-close

main-menu .main-menu-close:hover,

main-menu .main-menu-close:focus

main-menu .main-menu-close:focus:active:before,

main-menu .main-menu-close:active:before

colophon

colophon .container

footer-widgets

footer-widgets aside.widget .widget-title

footer-widgets aside.widget a

footer-widgets aside.widget

footer-widgets aside.widget:last-child

footer-widgets aside.widget ul

footer-widgets aside.widget

footer-widgets

footer-widgets

panel-24-4-0-0 .widget-title

pg-24-5 #pgc-24-5-0

panel-24-5-0-1 .caption.panel-widget-style .textwidget p.bio-caption

pgc-24-6-0 div#panel-24-6-0-0

branding,

graphic-design

videography

photography

illustration

promotional

manipulation

portraits

events

art-travel

bw

graphic-design .slabtextdone

videography .slabtextdone

photography .slabtextdone

branding .slabtextdone

illustration .slabtextdone

promotional .slabtextdone

portraits .slabtext-wrapper

events .slabtext-wrapper

bw .slabtext-wrapper

art-travel .portfolio-thumb-overlay

art-travel .slabtextdone

art-travel .slabtextdone