/*@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,800,700);*/

/*@font-face {*/
/*font-family: maven_b;*/
/*src: url(//artversion.com/wp-content/themes/artversion/css/font/MavenPro-Black.ttf)*/
/*}*/

/*@font-face {*/
/*font-family: source_r;*/
/*src: url(//artversion.com/wp-content/themes/artversion/css/font/SourceSansPro-Regular.otf)*/
/*}*/

/*@font-face {*/
/*font-family: source_s;*/
/*src: url(//artversion.com/wp-content/themes/artversion/css/font/SourceSansPro-Semibold.ttf)*/
/*}*/

/*html {*/
/*font-family: sans-serif;*/
/*-ms-text-size-adjust: 100%;*/
/*-webkit-text-size-adjust: 100%*/
/*}*/

/*body {*/
/*margin: 0*/
/*}*/

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

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

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

/*[hidden], template {*/
/*display: none*/
/*}*/

/*a {*/
/*background-color: transparent*/
/*}*/

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

/*abbr[title] {*/
/*border-bottom: none;*/
/*text-decoration: underline;*/
/*text-decoration: underline dotted*/
/*}*/

/*b, strong {*/
/*font-weight: 700*/
/*}*/

/*dfn {*/
/*font-style: italic*/
/*}*/

/*h1 {*/
/*font-size: 2em;*/
/*margin: .67em 0*/
/*}*/

/*mark {*/
/*background: #ff0;*/
/*color: #000*/
/*}*/

/*small {*/
/*font-size: 80%*/
/*}*/

/*sub, sup {*/
/*font-size: 75%;*/
/*line-height: 0;*/
/*position: relative;*/
/*vertical-align: baseline*/
/*}*/

/*sup {*/
/*top: -.5em*/
/*}*/

/*sub {*/
/*bottom: -.25em*/
/*}*/

/*img {*/
/*border: 0*/
/*}*/

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

/*figure {*/
/*margin: 1em 40px*/
/*}*/

/*hr {*/
/*box-sizing: content-box;*/
/*height: 0*/
/*}*/

/*pre {*/
/*overflow: auto*/
/*}*/

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

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

/*button {*/
/*overflow: visible*/
/*}*/

/*button, select {*/
/*text-transform: none*/
/*}*/

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

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

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

/*input {*/
/*line-height: normal*/
/*}*/

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

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

/*input[type=search] {*/
/*-webkit-appearance: textfield;*/
/*box-sizing: content-box*/
/*}*/

/*input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {*/
/*-webkit-appearance: none*/
/*}*/

/*fieldset {*/
/*border: 1px solid silver;*/
/*margin: 0 2px;*/
/*padding: .35em .625em .75em*/
/*}*/

/*textarea {*/
/*overflow: auto*/
/*}*/

/*optgroup {*/
/*font-weight: 700*/
/*}*/

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

/*td, th {*/
/*padding: 0*/
/*}*/

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

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

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

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

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

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

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

    .navbar {
        display: none
    }

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

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

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

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

/**, :after, :before {*/
/*box-sizing: border-box*/
/*}*/

/*html {*/
/*font-size: 10px;*/
/*-webkit-tap-highlight-color: rgba(0, 0, 0, 0)*/
/*}*/

/*body {*/
/*font-family: Helvetica Neue, Helvetica, Arial, sans-serif;*/
/*font-size: 14px;*/
/*line-height: 1.42857143;*/
/*color: #333;*/
/*background-color: #fff*/
/*}*/

/*button, input, select, textarea {*/
/*font-family: inherit;*/
/*font-size: inherit;*/
/*line-height: inherit*/
/*}*/

/*a {*/
/*color: #337ab7;*/
/*text-decoration: none*/
/*}*/

/*a:focus, a:hover {*/
/*color: #23527c;*/
/*text-decoration: underline*/
/*}*/

/*a:focus {*/
/*outline: 5px auto -webkit-focus-ring-color;*/
/*outline-offset: -2px*/
/*}*/

/*figure {*/
/*margin: 0*/
/*}*/

/*img {*/
/*vertical-align: middle*/
/*}*/

.img-responsive, .thumbnail > img, .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    /*font-family: inherit;*/
    font-weight: 500;
    color: inherit
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
    font-size: 65%
}

.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-size: 75%
}

.h1, h1 {
    font-size: 36px
}

.h2, h2 {
    font-size: 30px
}

.h3, h3 {
    font-size: 24px
}

.h4, h4 {
    font-size: 18px
}

.h5, h5 {
    font-size: 14px
}

.h6, h6 {
    font-size: 12px
}

/*p {*/
/*line-height: 24px*/
/*}*/

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px
    }
}

.small, small {
    font-size: 85%
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

/*ol, ul {*/
/*margin-top: 0;*/
/*margin-bottom: 10px*/
/*}*/

/*ol ol, ol ul, ul ol, ul ul {*/
/*margin-bottom: 0*/
/*}*/

.list-inline, .list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    margin-left: -5px
}

.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

abbr[data-original-title], abbr[title] {
    cursor: help
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small, blockquote footer, blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote .small:before, blockquote footer:before, blockquote small:before {
    content: "\2014 \00A0"
}

.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0
}

.blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
    content: ""
}

.blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
    content: "\00A0 \2014"
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

/*.container {*/
/*    padding-right: 15px;*/
/*    padding-left: 15px;*/
/*    margin-right: auto;*/
/*    margin-left: auto*/
/*}*/

/*@media (min-width: 768px) {*/
/*    .container {*/
/*        width: 750px*/
/*    }*/
/*}*/

/*@media (min-width: 992px) {*/
/*    .container {*/
/*        width: 970px*/
/*    }*/
/*}*/

/*@media (min-width: 1200px) {*/
/*    .container {*/
/*        width: 1170px*/
/*    }*/
/*}*/

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

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

.row-no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row-no-gutters [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

fieldset {
    min-width: 0;
    margin: 0
}

fieldset, legend {
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
    cursor: not-allowed
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    padding-top: 7px
}

.form-control, output {
    display: block;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
        line-height: 34px
    }

    .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline input[type=checkbox], .checkbox input[type=checkbox], .radio-inline input[type=radio], .radio input[type=radio] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px
}

.checkbox + .checkbox, .radio + .radio {
    margin-top: -5px
}

.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: border .2s ease-in-out
}

.thumbnail > img, .thumbnail a > img {
    margin-right: auto;
    margin-left: auto
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #337ab7
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

/*.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .row:after, .row:before {*/
/*    display: table;*/
/*    content: " "*/
/*}*/

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .row:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs, .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm, .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md, .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg, .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}






.inner-span-block h3 {
    line-height: 1.36
}


.lead {
    padding: 0;
    font-size: 21px;
    font-weight: 200;
    line-height: 25px;
    letter-spacing: normal
}

.bigger-p {
    font-size: 22px
}

/*p, ul li {*/
/*color: #4b4b4b*/
/*}*/

[class*=" icon-"]:before, [class^=icon-]:before {
    font-family: FontAwesome !important
}

#nav select, .single.single-project .post-meta, .title_line {
    display: none
}

#wrapper {
    z-index: 2;
    top: auto;
    margin-top: 70px;
    position: relative;
    width: 100%
}

.genesis-skip-link, .screen-reader-text {
    display: none
}

.site-inner {
    z-index: 1;
    position: relative
}

.entry-content ol, .entry-content ul {
    margin-bottom: 30px;
    margin-left: 0
}

.entry-content ol > li {
    list-style-type: decimal
}

.entry-content ul > li {
    list-style-type: disc;
    margin-bottom: 0
}

.entry-content ol ol, .entry-content ul ul {
    margin-bottom: 0
}

.entry-content .inner-span-block ul, .entry-content ul, .team-yellow ul {
    padding-left: 0;
    margin: 0
}

.entry-content .flex-item-inner ul > li, .entry-content .inner-span-block ul > li, .entry-content ul > li {
    margin-bottom: 0
}

.entry-content .box-capabilities ul, .entry-content .inner-span-block ul, .entry-content ul.av-grid, .inner.no-top-padding ul {
    margin-left: 0;
    padding-left: 0
}

.center-title h2 {
    text-align: center
}

.clear {
    clear: both;
    min-height: 1px;
    width: 100%;
    display: block
}

.light-font {
    font-weight: 300
}

.semibold-font {
    font-weight: 600
}

.boldfont {
    font-weight: 900
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.margin {
    height: 20px;
    clear: both
}

.margin-10 {
    height: 10px
}

.margin-20 {
    height: 20px
}

.margin-30 {
    height: 30px
}

.margin-40 {
    height: 40px
}

.margin-50 {
    height: 50px
}

.margin-60 {
    height: 60px
}

.margin-70 {
    height: 70px
}

.margin-80 {
    height: 80px
}

.margin-90 {
    height: 90px
}

.margin-100 {
    height: 100px
}

.margin-110 {
    height: 110px
}

.margin-120 {
    height: 120px
}

.margin-130 {
    height: 130px
}

.margin-140 {
    height: 140px
}

.margin-150 {
    height: 150px
}

.margin-top-10 {
    margin-top: 10px
}

.margin-top-20 {
    margin-top: 20px
}

.margin-top-30 {
    margin-top: 30px
}

.margin-top-40 {
    margin-top: 40px
}

.margin-top-50 {
    margin-top: 50px
}

.margin-top-60 {
    margin-top: 60px
}

.margin-top-70 {
    margin-top: 70px
}

.margin-top-80 {
    margin-top: 80px
}

.margin-top-90 {
    margin-top: 90px
}

.margin-top-100 {
    margin-top: 100px
}

.margin-top-110 {
    margin-top: 110px
}

.margin-top-120 {
    margin-top: 120px
}

.margin-top-130 {
    margin-top: 130px
}

.margin-top-140 {
    margin-top: 140px
}

.margin-top-150 {
    margin-top: 150px
}

.margin-bottom-10 {
    margin-bottom: 10px
}

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

.margin-bottom-30 {
    margin-bottom: 30px
}

.margin-bottom-40 {
    margin-bottom: 40px
}

.margin-bottom-50 {
    margin-bottom: 50px
}

.margin-bottom-60 {
    margin-bottom: 60px
}

.margin-bottom-70 {
    margin-bottom: 70px
}

.margin-bottom-80 {
    margin-bottom: 80px
}

.margin-bottom-90 {
    margin-bottom: 90px
}

.margin-bottom-100 {
    margin-bottom: 100px
}

.margin-bottom-110 {
    margin-bottom: 110px
}

.margin-bottom-120 {
    margin-bottom: 120px
}

.margin-bottom-130 {
    margin-bottom: 130px
}

.margin-bottom-140 {
    margin-bottom: 140px
}

.margin-bottom-150 {
    margin-bottom: 150px
}

.margin-top-bottom-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.margin-top-bottom-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.margin-top-bottom-30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.margin-top-bottom-40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.margin-top-bottom-50 {
    margin-top: 50px;
    margin-bottom: 50px
}

.margin-top-bottom-60 {
    margin-top: 60px;
    margin-bottom: 60px
}

.margin-top-bottom-70 {
    margin-top: 70px;
    margin-bottom: 70px
}

.margin-top-bottom-80 {
    margin-top: 80px;
    margin-bottom: 80px
}

.margin-top-bottom-90 {
    margin-top: 90px;
    margin-bottom: 90px
}

.margin-top-bottom-100 {
    margin-top: 100px;
    margin-bottom: 100px
}

.margin-top-bottom-110 {
    margin-top: 110px;
    margin-bottom: 110px
}

.margin-top-bottom-120 {
    margin-top: 120px;
    margin-bottom: 120px
}

.margin-top-bottom-130 {
    margin-top: 130px;
    margin-bottom: 130px
}

.margin-top-bottom-140 {
    margin-top: 140px;
    margin-bottom: 140px
}

.margin-top-bottom-150 {
    margin-top: 150px;
    margin-bottom: 150px
}

.padding-top-10 {
    padding-top: 10px
}

.padding-top-20 {
    padding-top: 20px
}

.padding-top-30 {
    padding-top: 30px
}

.padding-top-40 {
    padding-top: 40px
}

.padding-top-50 {
    padding-top: 50px
}

.padding-top-60 {
    padding-top: 60px
}

.padding-top-70 {
    padding-top: 70px
}

.padding-top-80 {
    padding-top: 80px
}

.padding-top-90 {
    padding-top: 90px
}

.padding-top-100 {
    padding-top: 100px
}

.padding-top-110 {
    padding-top: 110px
}

.padding-top-120 {
    padding-top: 120px
}

.padding-top-130 {
    padding-top: 130px
}

.padding-top-140 {
    padding-top: 140px
}

.padding-top-150 {
    padding-top: 150px
}

.padding-top-200 {
    padding-top: 200px
}

.padding-top-250 {
    padding-top: 250px
}

.padding-top-300 {
    padding-top: 300px
}

.padding-top-350 {
    padding-top: 350px
}

.padding-bottom-10 {
    padding-bottom: 10px
}

.padding-bottom-20 {
    padding-bottom: 20px
}

.padding-bottom-30 {
    padding-bottom: 30px
}

.padding-bottom-40 {
    padding-bottom: 40px
}

.padding-bottom-50 {
    padding-bottom: 50px
}

.padding-bottom-60 {
    padding-bottom: 60px
}

.padding-bottom-70 {
    padding-bottom: 70px
}

.padding-bottom-80 {
    padding-bottom: 80px
}

.padding-bottom-90 {
    padding-bottom: 90px
}

.padding-bottom-100 {
    padding-bottom: 100px
}

.padding-bottom-110 {
    padding-bottom: 110px
}

.padding-bottom-120 {
    padding-bottom: 120px
}

.padding-bottom-130 {
    padding-bottom: 130px
}

.padding-bottom-140 {
    padding-bottom: 140px
}

.padding-bottom-150 {
    padding-bottom: 150px
}

.padding-bottom-200 {
    padding-bottom: 200px
}

.padding-bottom-250 {
    padding-bottom: 250px
}

.padding-bottom-300 {
    padding-bottom: 300px
}

.padding-bottom-350 {
    padding-bottom: 350px
}

.padding-top-bottom-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

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

.padding-top-bottom-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.padding-top-bottom-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.padding-top-bottom-50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.padding-top-bottom-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.padding-top-bottom-70 {
    padding-top: 70px;
    padding-bottom: 70px
}

.padding-top-bottom-80 {
    padding-top: 80px;
    padding-bottom: 80px
}

.padding-top-bottom-90 {
    padding-top: 90px;
    padding-bottom: 90px
}

.padding-top-bottom-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.padding-top-bottom-110 {
    padding-top: 110px;
    padding-bottom: 110px
}

.padding-top-bottom-120 {
    padding-top: 120px;
    padding-bottom: 120px
}

.padding-top-bottom-130 {
    padding-top: 130px;
    padding-bottom: 130px
}

.padding-top-bottom-140 {
    padding-top: 140px;
    padding-bottom: 140px
}

.padding-top-bottom-150 {
    padding-top: 150px;
    padding-bottom: 150px
}

.padding-bottom-125 {
    padding-bottom: 125px
}

.padding-top-125 {
    padding-top: 125px
}

a.post-edit-link {
    bottom: 60px;
    display: inline-block;
    left: 30px;
    padding: 10px 20px;
    position: fixed
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.video-container embed, .video-container iframe, .video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#home-cap-section + br, .align-items-end > br, .avoid-navbar + br, .clear + br, .col-md-2 + br, .col-md-3 + br, .col-md-4 + br, .col-md-6 + br, .col-md-8 + br, .col-md-9 + br, .col-md-12 + br, .container > br, .flex-container + br, .flex-container > br, .flex-item + br, .flex-item > br, .full-wh-desc > br, .gradient-image-content > br, .inner + br, .inner-box > br, .inner-brick > br, .inner-span-block > br, .inner-team > br, .inner > br, .landing-block + br, .landing-block > br, .page-outer > br, .row + br, .row-container > br, .row > br, .valign > br, .white-bg > br, .white-bg br, section + br, span.bigspan + br, span.bigspan > br {
    display: none
}

.img-200, .img-300, .img-400, .img-500, .img-600, .img-700, .img-800, .img-900, .img-1000 {
    width: 96%;
    margin: 5px auto
}

.img-200 {
    max-width: 200px
}

.img-300 {
    max-width: 300px
}

.img-400 {
    max-width: 400px
}

.img-500 {
    max-width: 500px
}

.img-600 {
    max-width: 600px
}

.img-700 {
    max-width: 700px
}

.img-800 {
    max-width: 800px
}

.img-900 {
    max-width: 900px
}

.img-1000 {
    max-width: 1000px
}

.img-1170 {
    max-width: 1170px;
    width: 100%;
    margin: 5px auto;
    position: relative
}

.white-bg {
    background: #fff
}

.no_margins_no_padding {
    margin: 0 !important;
    padding: 0 !important
}

.padding-30px {
    padding: 30px
}

.padding-60px {
    padding: 60px
}

.margin-bottom-40px {
    margin-bottom: 40px !important
}

.center-text, .center-text h2, .hoverin {
    text-align: center
}

.row {
    font-family: Open Sans, arial, sans-serif;
    font-weight: 400;
    font-size: 14px
}

#wpadminbar {
    position: absolute !important
}

.portfolio-container .padding-50 {
    padding: 50px 0
}

button {
    outline: 0 !important
}

.title-area .site-title {
    background: #fff;
    float: left;
    display: inline;
    font-size: 14pt;
    color: #212121;
    letter-spacing: 2px;
    line-height: 20px;
    vertical-align: middle;
    padding: 15px 0 15px 15px;
    width: auto !important;
    margin: 0 0 0 10px;
    height: 70px;
    position: absolute;
    left: 15px;
    top: 0;
    max-width: 250px;
    background: 0 0;
    z-index: 7
}

.site-header .wrap {
    height: 70px !important;
    max-width: 100% !important;
    top: 0;
    width: 100% !important;
    z-index: 7 !important
}

#genesis-nav-primary .wrap {
    background-image: none;
    background-repeat: repeat-x;
    border-radius: 4px;
    min-height: 40px;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0
}

div#nav, nav #logo, nav ul {
    display: inline
}

nav {
    margin-left: 0 !important
}

.sticky-wrapper {
    height: 70px !important;
    max-width: 100% !important;
    top: 0;
    width: 100% !important;
    z-index: 7 !important;
    box-shadow: 0 8px 6px -9px rgba(0, 0, 0, .1);
    line-height: 1em !important;
    position: fixed
}

.navbar-inner {
    background-image: none;
    background-repeat: repeat-x;
    border: 0 solid #d4d4d4;
    border-radius: 4px;
    box-shadow: 0 0 0 transparent;
    min-height: 40px;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0
}

.sticky-wrapper #genesis-nav-primary, .sticky-wrapper .site-title {
    position: relative;
    z-index: 5;
    margin-bottom: 0;
    height: 70px;
    width: auto !important
}

#genesis-nav-primary .wrap {
    width: auto !important;
    padding-left: 15px;
    padding-right: 15px
}

.btn.btn-navbar {
    display: none
}

.menuburger-right {
    margin-right: 20px;
    margin-top: 12px;
    position: absolute;
    right: 0;
    z-index: 100;
    display: none
}

.bar, .hamburger, .inner {
    display: block
}

.hamburger {
    height: 40px;
    width: 40px;
    position: relative;
    margin: 13px 26px 0 0;
    background: 0 0 !important;
    border: none !important;
    display: none;
    float: right
}

.bar {
    left: 10%;
    height: 10%;
    width: 80%;
    background: #22232c;
    border-radius: 3px;
    position: absolute;
    opacity: 1
}

.hamburger .bar {
    transition: transform .6s, top .5s, left .7s, opacity .7s, width .7s
}

.bar:first-of-type {
    top: 20%
}

.bar:nth-of-type(2) {
    top: 45%
}

.bar:nth-of-type(3) {
    top: 70%
}

.x_bar1, .x_bar3 {
    top: 45% !important
}

.x_bar1 {
    transform: rotate(-45deg)
}

.x_bar2 {
    opacity: 0;
    left: 150%;
    width: 0
}

.x_bar3 {
    transform: rotate(45deg)
}

#genesis-nav-primary {
    display: inline;
    float: right;
    padding-left: 15px;
    padding-right: 15px
}

nav ul.menu-primary {
    margin-right: 0;
    margin-top: 26px;
    margin-bottom: 10px;
    float: right;
    list-style: none;
    vertical-align: middle;
    display: inline
}

nav ul li {
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
    margin: 0 0 0 15px
}

nav ul li a {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 8pt;
    margin: 5px 18px 0;
    padding: 18px 0;
    vertical-align: middle;
    text-decoration: none;
    z-index: 1
}

.main-menu-item, .menu-item-has-children, .nav-primary .menu-item {
    /*position: relative*/
}

.mobile-sms {
    display: none
}

#genesis-nav-primary .menu-item-has-children {
    position: relative
}

#genesis-nav-primary .menu-item-has-children .sub-menu {
    background: #fff;
    width: 270px;
    padding-left: 0;
    margin-top: 25px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    max-height: 0;
    transition: max-height .3s ease
}

#genesis-nav-primary .menu-item-has-children:focus-within .sub-menu, #genesis-nav-primary .menu-item-has-children:focus .sub-menu, #genesis-nav-primary .menu-item-has-children:hover .sub-menu {
    max-height: none;
    transition: max-height .3s ease
}

#genesis-nav-primary .sub-menu li {
    float: none;
    clear: both;
    padding: 10px 12px;
    text-align: left;
    width: 97%;
    margin-left: 0 !important
}

#genesis-nav-primary .sub-menu .menu-item .line {
    width: 0 !important;
    display: none !important
}

#genesis-nav-primary .sub-menu .menu-item:hover .line {
    width: 80% !important;
    transition: width .4s ease
}

#genesis-nav-primary .menu-item {
    position: relative
}

#genesis-nav-primary .menu-item .line {
    background: #337ab7;
    display: block;
    height: 2px;
    position: absolute;
    top: 22px;
    width: 0;
    margin-left: 10%;
    margin-right: 10%;
    transition: width .4s ease
}

#genesis-nav-primary .menu-item:hover .line {
    width: 80%;
    transition: width .4s ease
}

#genesis-nav-primary .menu-item-has-children .sub-menu {
    overflow: visible;
    padding-bottom: 15px;
    padding-top: 15px
}

#genesis-nav-primary .sub-menu li {
    background: #fff;
    padding-left: 12px;
    padding-right: 12px
}

.home section {
    overflow-x: hidden
}

.home .box-fixed-width .inner-box {
    max-width: 98%;
    width: 1180px;
    margin: 0 auto
}

.home-bricks .row, .home .row {
    margin-bottom: 0;
    padding-bottom: 0
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.cb-slideshow-ipad, .cb-slideshow-no-slide, .cb-slideshow:after, .post-body ul li:before {
    content: ""
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0)
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel.owl-rtl .owl-item, div#nav {
    float: right
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.home h2, h1, h2 {
    font-weight: 300
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: b
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(//artversion.com/wp-content/themes/artversion/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px
}

.owl-fade-out {
    z-index: 1;
    animation: b .7s ease both
}

.owl-fade-in {
    animation: a .7s ease both
}

.owl-backSlide-out {
    animation: c 1s ease both
}

.owl-backSlide-in {
    animation: d 1s ease both
}

.owl-goDown-out {
    animation: e .7s ease both
}

.owl-goDown-in {
    animation: f .6s ease both
}

.owl-fadeUp-in {
    animation: g .5s ease both
}

.owl-fadeUp-out {
    animation: h .5s ease both
}

@keyframes a {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes b {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes c {
    25% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    75%, to {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes d {
    0%, 25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    to {
        opacity: 1;
        transform: translateZ(0) translateX(0)
    }
}

@keyframes e {
    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@keyframes f {
    0% {
        transform: translateY(-100%)
    }
}

@keyframes g {
    0% {
        opacity: 0;
        transform: scale(1.5)
    }
}

@keyframes h {
    to {
        opacity: 0;
        transform: scale(1.5)
    }
}

.home section .inner {
    position: relative
}

.home h1, .home h2 {
    line-height: 40px
}

.box-blue h4, .box-orange p {
    line-height: 1.4
}

video#bgvid {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1;
    transform: translateX(-50%) translateY(-50%);
    background: url(//artversion.com/wp-content/themes/artversion/images/video-poster.jpg) no-repeat;
    background-size: cover
}

#home-cap-section {
    z-index: 1;
    position: relative;
    width: 100%
}

.outlinebutton_white {
    color: #525252;
    background: #fff;
    font-size: 18px;
    padding: .8em 1em;
    border: 1px solid #fff;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 30;
    transition: transform .5s, opacity .5s;
    min-width: 180px;
    text-align: center
}

.outlinebutton_white:hover {
    color: #fff;
    border-color: #525252;
    background: #525252
}

.outlinebutton_white:active, .outlinebutton_white:focus {
    background: #fff;
    color: #000 !important
}

.cap-container {
    margin: auto;
    width: 100%;
    z-index: 10
}

.fill-screen-bg {
    width: 100vw;
    height: calc(100vh - 60px);
    position: absolute;
    top: 60px
}

#bgvid, #lightshow {
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    position: fixed
}

#bgvid {
    width: auto;
    height: auto;
    background: url(//artversion.com/wp-content/themes/artversion/images/video-poster.jpg) no-repeat;
    background-size: cover
}

#bgvid, #lightshow {
    transform: translateX(-50%) translateY(-50%)
}

#lightshow {
    z-index: 1
}

#lightshow_imagelayer {
    display: block;
    height: 100vh;
    width: 100vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: fixed;
    z-index: 1
}

.reveal-list {
    color: #fff
}

.reveal-list h2 {
    cursor: pointer;
    font-size: 36px;
    font-family: Open Sans, sans-serif;
    letter-spacing: normal !important;
    text-transform: uppercase !important;
    color: #fff;
    margin: 0;
    padding: 0 !important
}

.home h2 .plus-or-minus {
    color: #fff
}

.reveal-list h2 a {
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: normal !important;
    text-transform: inherit !important;
    color: #fff !important
}

.reveal-list a {
    color: #fff !important;
    text-decoration: none;
    font-size: 1.3em
}

.reveal-list ul {
    padding: 0;
    position: relative;
    margin-top: 30px
}

.reveal-list ul a {
    padding: 8px 0;
    display: block
}

.artversion-intro .magic-button {
    background: #fff;
    padding: 20px 30px;
    z-index: 30;
    font-size: 20px;
    border: none !important;
    white-space: nowrap;
    transform: translateY(-250px);
    transition: transform 2s
}

.artversion-intro .magic-button svg {
    position: absolute;
    left: calc(50% - 1px);
    top: calc(100% - 1px);
    transform: translateX(-50%);
    transition: opacity 1s
}

.artversion-intro h2 {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    color: #000
}

.artversion-intro h3 {
    font-size: 25px;
    font-weight: 400;
    color: #555;
    margin-bottom: 25px
}

.button-white a, .button-white a:visited {
    color: #1ab7ea;
    background: 0 0;
    border: 1px solid #1ab7ea;
    font-size: 18px;
    padding: 15px 20px;
    display: inline-block
}

.button-white a:active, .button-white a:focus, .button-white a:hover {
    color: #88a43d;
    border: 1px solid #88a43d
}

.partner-grid {
    margin: auto;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(300px, 600px) minmax(300px, 600px) minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr) minmax(300px, 600px) minmax(300px, 600px) minmax(0, 1fr);
    -ms-grid-rows: 100px 70px 1fr 70px 100px;
    grid-template-rows: 100px 70px 1fr 70px 100px;
    grid-template-areas: " . a a ." " . b c . " " . b c . " " . b c . " " . d d .";
    justify-items: stretch
}

#partner-grid-top-arrow {
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%) translateY(1px);
    transform: translateX(calc(-50% + .5px)) translateY(1px);
    z-index: 10
}

.flow-down-arrow {
    width: 50px;
    height: 30px;
    background-color: transparent;
    background-image: url(https://artversion.com/wp-content/themes/artversion/images/flow-down-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    border: none
}

.grey-stripe {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-area: 3/1/3/5;
    background: #f7f7f7;
    z-index: 0
}

.above-partner {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-area: a;
    position: relative
}

.flowline {
    position: absolute
}

.v-line {
    width: 1px
}

.v-line .inner-line {
    width: 100%;
    height: 0
}

.h-line {
    height: 1px
}

.h-line .inner-line {
    height: 100%;
    width: 0
}

#partner-lines_segment1 {
    height: 100px;
    left: 50%;
    top: 0
}

#partner-lines_segment2 {
    width: 25%;
    left: 50%;
    top: 100px
}

#partner-lines_segment3 {
    height: 100%;
    left: 50%;
    top: 0
}

.partner-main-row {
    padding: 80px 0;
    z-index: 2
}

.typingblurb {
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column: 2;
    grid-area: b;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 40px;
    font-family: sans-serif
}

.partnerblurb-inner {
    max-width: 100%
}

.partner-row-inner {
    padding: 30px
}

.partnerblurb-inner h2 {
    font-weight: 700
}

.word-wheel-container {
    display: inline-block;
    height: 0;
    overflow: hidden;
    margin-bottom: -17px;
    margin-top: 5px
}

.word-wheel-outerword {
    margin: 0;
    padding-bottom: 5px
}

.word-wheel-word {
    padding: 10px;
    display: inline-block
}

.partnerlogos {
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    grid-area: c;
    position: relative
}

.partnerlogos-inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    position: relative
}

#partner-lines_crossbar1 {
    top: 50%;
    z-index: 4;
    right: 50%;
    width: 40%;
    transform: rotate(180deg)
}

#partner-lines_crossbar2 {
    top: 50%;
    left: 50%;
    width: 40%
}

#partner-logo-bottom-left, #partner-logo-bottom-right, #partner-logo-top-left, #partner-logo-top-right {
    max-width: 100%;
    overflow: hidden
}

#partner-logo-top-left {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/2/2
}

#partner-logo-top-right {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 1/2/2/3
}

#partner-logo-bottom-left {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 2/1/3/2
}

#partner-logo-bottom-right {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 2/2/3/3
}

#partner-lines_segment4 {
    width: 25%;
    left: calc(50% + 1px);
    top: 0;
    transform: rotate(180deg)
}

#partner-lines_segment5 {
    height: 100px;
    left: 50%;
    top: 0
}

.below-partner {
    -ms-grid-row: 5;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-area: d;
    position: relative
}

.flow-end-circ {
    width: 40px;
    height: 40px;
    background-color: transparent;
    background-image: url(https://artversion.com/wp-content/themes/artversion/images/end-circ.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    border: none
}

#partner-grid-end-circ {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%) translateY(-50%)
}

@keyframes i {
    0% {
        transform: translateY(-10px);
        opacity: 0
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media screen and (min-width: 1110px) {
    .home #lightshow_imagelayer, .home .lightshow_full, .home .plus-or-minus {
        display: none
    }

    .home .outlinebutton_white {
        bottom: 50px
    }

    .home .avoidOverlap_d, .home .avoidOverlap_fake, .home .avoidOverlap_tab {
        transform: translateY(200px) translateX(-50%);
        opacity: 0
    }

    .home .cap-container {
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        -ms-flex-pack: center;
        overflow: hidden
    }

    .home .cap-col {
        width: 25%;
        padding: 2%;
        border-right: 2px solid hsla(0, 0%, 100%, .3);
        position: relative;
        height: calc(100vh - 70px);
        min-height: 800px
    }

    .home .artversion-intro .magic-button {
        transform: translateY(-300px)
    }

    .home .cap-col:last-of-type {
        border-right: none
    }

    .home .cap-col:hover {
        background: rgba(0, 0, 0, .1)
    }

    .home .cap-col:hover .reveal-list {
        transform: translateY(-20px)
    }

    .home .cap-col:hover .reveal-list ul li a {
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }

    .home .reveal-list {
        padding-top: 10vh;
        height: 100%;
        text-align: left;
        transform: translateY(0);
        transition: transform .3s, height .3s;
        width: 100%
    }

    .home .reveal-list .cap-phrase {
        font-size: 14px
    }

    .home .reveal-list ul {
        position: relative;
        left: 0;
        min-width: 200px;
        display: block;
        margin: 30px 0 10px !important
    }

    .home .reveal-list ul li {
        text-align: left !important;
        margin: 0 !important;
        list-style-type: none !important
    }

    .home .reveal-list ul li a {
        transition: transform .5s, opacity .5s;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        padding: 8px 0;
        font-size: 16px;
        display: block;
        position: relative
    }

    .home .reveal-list ul li a:hover {
        color: #000
    }

    .home .reveal-list ul li a:focus {
        color: #000;
        text-decoration: underline
    }

    .home .disable-pointer {
        pointer-events: none
    }

    .home .fake-hover .reveal-list {
        transform: translateY(-20px)
    }

    .home .fake-hover, .home .fake-hover ul li a {
        transform: translateY(0)
    }

    .home .fake-hover ul li a {
        opacity: 1;
        visibility: visible
    }
}

@media screen and (max-width: 1109px) {
    .plus-or-minus {
        display: block;
        margin-right: .2em;
        position: absolute;
        right: 101%
    }

    .cap-container {
        min-height: calc(100vh - 60px);
        padding-bottom: 200px
    }

    .cap-col {
        min-height: calc((100vh - 60px) / 6);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid hsla(0, 0%, 100%, .3);
        padding: 4vh 0
    }

    .active-cap-col {
        background: rgba(0, 0, 0, .1)
    }

    #bgvid, .cap-phrase {
        display: none
    }

    .reveal-list {
        transform: translateY(0);
        height: auto;
        margin-left: 50px
    }

    .reveal-list h2 {
        cursor: pointer;
        margin: 0;
        text-align: left !important
    }

    .reveal-list ul {
        display: none;
        margin-top: 5px;
        margin-left: 0;
        animation-name: i;
        animation-duration: .5s;
        animation-fill-mode: both
    }

    .reveal-list ul li {
        padding-left: 10px;
        opacity: 1;
        text-align: left !important;
        margin: 0 !important
    }

    .outlinebutton_white {
        position: relative;
        margin: 5vh 0
    }
}

@media screen and (max-width: 600px) {
    .reveal-list h2 {
        font-size: 22px
    }
}

@media screen and (max-width: 500px) {
    .outlinebutton_white {
        min-width: 80%
    }
}

@media only screen and (max-device-width: 736px) and (min-device-width: 414px) and (orientation: landscape) {
    .home #wrapper {
        position: relative !important;
        top: inherit !important
    }

    .home header {
        min-height: 0 !important
    }
}

@media only screen and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: landscape) {
    .home #wrapper {
        position: relative !important;
        top: inherit !important
    }

    .home header {
        min-height: 0 !important
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
    .home #wrapper {
        position: relative !important;
        top: inherit !important
    }

    .home header {
        min-height: 0 !important
    }
}

@media screen and (max-width: 992px) {
    .home-bricks h1 br {
        display: none !important
    }
}

@media screen and (max-width: 767px) {
    .home-bricks h1 {
        font-size: 30px
    }
}

@media screen and (max-width: 600px) {
    .home-bricks h1 {
        font-size: 22px
    }
}

#wrapper, .avoid-navbar {
    margin-top: 0
}

.partner-text h2, .reveal-list h2 {
    font-weight: 700
}

.reveal-list h2, .reveal-list h2 a {
    white-space: nowrap;
    line-height: normal !important
}

.home section.artversion-intro {
    text-align: center;
    position: relative;
    padding: 100px 20px;
    overflow-x: visible;
    z-index: 3
}

.max1180 {
    max-width: 98%;
    width: 1180px;
    margin: 0 auto
}

.multi-creative h2 {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    padding-top: 30px;
    margin-bottom: 10px;
    margin-top: 20px
}

.multi-creative h3 {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 10px
}

.photo-cloud-section {
    overflow: hidden;
    padding: 0
}

.photo-cloud-container {
    width: 90%;
    max-width: 1500px;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -ms-flex-direction: row;
    position: relative;
    padding-bottom: 100px
}

.photo-col {
    margin: 0 15px;
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -ms-flex-pack: center
}

.photo-col, section.multi-creative.grey-bg {
    z-index: 2
}

#photo-col-1 {
    align-items: flex-end;
    -ms-flex-align: end
}

.cloud-img {
    margin: 15px 0;
    position: relative;
    overflow: hidden
}

#img1 {
    width: 90%
}

#img2 {
    width: 70%
}

#img3, #img5 {
    width: 75%
}

.photo-cloud-tile-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(29, 29, 29, .9);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility 0s .5s
}

.cloud-img:hover .photo-cloud-tile-overlay {
    opacity: 1;
    visibility: visible;
    transition: opacity .5s, visibility 0s
}

.photo-cloud-tile-overlay-message {
    text-align: center
}

.cloud-img img {
    width: 100%;
    height: auto
}

.photo-cloud-tile-overlay-message h2 {
    color: #fff;
    font-size: 35px;
    text-align: center;
    padding: 0 !important;
    margin: 0 0 10px !important
}

.photo-cloud-tile-overlay-message h3 {
    color: #fff;
    font-size: 23px;
    padding: 0 !important;
    margin: 0 0 30px !important
}

.photo-cloud-tile-overlay-message a, .photo-cloud-tile-overlay-message a:visited {
    font-size: 18px;
    padding: 15px 20px;
    box-sizing: border-box;
    display: inline-block
}

.photo-cloud-container:after {
    content: " ";
    background: url(//artversion.com/wp-content/themes/artversion/images/a-outlined-2.svg) no-repeat 100% 100%;
    background-size: auto auto;
    background-size: contain;
    position: absolute;
    bottom: -16px;
    right: -200px;
    width: 100%;
    height: 100%;
    z-index: 0
}

.casestudy-container {
    position: relative;
    width: 85%;
    margin: auto;
    overflow: visible !important
}

.casestudy_nav {
    position: absolute;
    top: 50%;
    transition: border-bottom-width .5s
}

.casestudy_next {
    right: -3em;
    transform: translateX(50%) translateY(-50%)
}

.casestudy_previous {
    left: -3em;
    transform: translateX(-50%) translateY(-50%)
}

.casestudy_nav_inner {
    color: #000;
    width: 25vh;
    text-align: center;
    transition: border-bottom-width .5s
}

.casestudy_nav_inner:hover {
    border-bottom-width: 4px
}

.casestudy_nav button {
    border: none !important;
    background: 0 0 !important;
    font-size: 1.5em
}

#home-casestudy-slider {
    width: 100%
}

#home-casestudy-slider .casestudy-slide {
    height: 50vh;
    min-height: 300px;
    width: 100%;
    padding: 2em 3em;
    background-size: cover;
    background-position: 50%;
    overflow: hidden
}

#home-casestudy-slider .casestudy-slide h3 {
    font-size: 1em;
    line-height: 1em;
    font-weight: 300;
    padding: 0 !important;
    margin: 12px 0 0 !important;
    position: relative;
    text-transform: uppercase
}

#home-casestudy-slider .casestudy-slide h4 {
    font-size: 2.5em;
    line-height: 1.2em;
    font-weight: 800;
    padding: 0 !important;
    margin: 12px 0 0 !important
}

#home-casestudy-slider .casestudy-slide a {
    padding: .7em 1.2em;
    position: absolute;
    bottom: 3em;
    left: 3em;
    transition: transform .5s, opacity .5s;
    transform: translateY(300%);
    opacity: 0
}

#home-casestudy-slider .casestudy-slide:hover a {
    transform: translateY(0);
    opacity: 1
}

.multi-creative.begin-process h2 {
    font-size: 30px
}

.black-col, .blue-col, .yellow-col {
    padding: 5px
}

.block-link {
    cursor: pointer
}

.block-link * {
    transition: color .3s
}

.black-col .inner-span-block, .blue-col .inner-span-block, .yellow-col .inner-span-block {
    text-transform: uppercase
}

.block-link p {
    margin-top: 0;
    margin-bottom: 0
}

.begin-process h4 {
    font-size: 30px;
    font-weight: 800;
    text-transform: none
}

.valign-center, .webdev-owl-slide.valign-center {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.block-p-2-wide-wider {
    display: block;
    margin: auto;
    max-width: 1000px;
    font-weight: 500;
    line-height: 1.3
}

.clutch-p {
    margin-bottom: 40px !important
}

.landing-block h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    padding: 0;
    margin: 0
}

.landing-block h2 .bigspan {
    font-size: 1.7em;
    font-weight: 700;
    line-height: 1;
    margin-top: 10px;
    display: block
}

.highlightspan {
    display: inline-block;
    padding: .3em
}

.awards-flex-container {
    margin-top: 75px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.awards-flex-container > img {
    margin: 10px;
    max-width: 20% !important
}

.artversion-intro .magic-button.pushdown, .artversion-intro .magic-button.pushdown:hover {
    transform: translateY(0);
    background: #fff !important;
    color: #525252 !important
}

.dipOut {
    animation-name: j
}

@keyframes j {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

.dipIn {
    animation-name: k
}

@keyframes k {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.artversion-intro .magic-button.pushdown svg {
    opacity: 0;
    fill: #fff
}

.artversion-intro .magic-button:hover {
    background: #525252;
    color: #fff
}

.artversion-intro .magic-button:hover svg .cls-1 {
    fill: #525252
}

.artversion-intro .magic-button #arrow-line {
    animation: l 2s infinite;
    transform-origin: 50% 50%
}

@keyframes l {
    0% {
        transform: translateY(0)
    }
    75% {
        transform: translateY(20px);
        opacity: 1
    }
    to {
        transform: translateY(20px);
        opacity: 0
    }
}

.home-feature-hero-active {
    max-height: 100vh;
    width: 200% !important;
    display: -ms-flexbox;
    display: flex;
    transition: transform 1s
}

.translateX-neg50percent {
    transform: translateX(-50%)
}

.home-feature-hero-active > div {
    width: 50% !important
}

.home-feature-hero {
    padding: 5vw 5vw 15vw;
    font-size: 6vw
}

.home-feature-hero h1 {
    font-weight: 900;
    width: 70%;
    color: #fff;
    font-size: inherit;
    line-height: 1 !important
}

.home-feature-hero h1 a {
    color: #fff;
    background-image: linear-gradient(180deg, transparent 20%, currentColor 21%);
    background-position: 0 1.15em;
    background-repeat: no-repeat;
    background-size: 0 6px;
    text-decoration: none;
    transition: background-size .5s ease-in-out .2s
}

.home-feature-hero h1 a:hover {
    color: #fff;
    background-size: 110% 6px;
    transition-delay: 0s
}

.home-feature-hero h1 a, .home-feature-hero h1 a:active, .home-feature-hero h1 a:focus, .home-feature-hero h1 a:hover, .home-feature-hero h1 a:visited {
    text-decoration: none !important
}

.reveal-list ul li {
    list-style: none
}

.home-feature-hero button {
    background: 0 0;
    border: none;
    padding: 0;
    margin: 0
}

.home-feature-hero button svg {
    max-height: 1.3em;
    max-width: 11em;
    pointer-events: none
}

.discipline-svg-text {
    transition: all .5s
}

.home-feature-hero button:hover .discipline-svg-text {
    fill: #000
}

.black-col .inner-span-block, .blue-col .inner-span-block {
    color: #fff
}

.full-block-link {
    display: block;
    height: 100%;
    padding: 30px 0;
    color: inherit !important;
    text-decoration: none !important
}

.fixed-width .inner-section, .full-width .inner-section, .site-footer > .wrap, .site-header > .wrap {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.site-container {
    overflow: hidden;
    position: relative;
    z-index: 11
}

.content {
    float: none;
    display: block;
    width: 100%;
    max-width: 100%
}

.page .content {
    padding-bottom: 0
}

.sidebar-content .content {
    float: right
}

.full-width-content .content {
    padding: 0;
    width: 100%;
    max-width: 100%;
    display: block
}

.full-width-content.front-page .content {
    padding: 0
}

.full-wh .row {
    padding: 0;
    margin: 0
}

.content-sidebar-wrap {
    overflow: hidden
}

.section .inner-section {
    max-width: 100%;
    width: 100%;
    margin: 0 auto
}

h1.entry-title {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0
}

.single h1.entry-title {
    display: block
}

.home .col-md-9.entry-content, .home .content-sidebar-wrap.row, .home .content.col-md-8, .page .col-md-9.entry-content, .page .content-sidebar-wrap.row, .page .content.col-md-8 {
    margin: 0;
    padding: 0;
    float: none;
    display: block;
    width: 100%
}

.content-sidebar-wrap.row, .home .content-sidebar-wrap.row, .page .content-sidebar-wrap.row {
    padding-top: 65px
}

.row .row .form-wrap.col-md-12 {
    padding: 0 5px
}

.box-full, .home-bricks.inner-layout > div, .maximage, .overlay-cs, header .video-box {
    overflow: hidden
}

.avoid-navbar {
    margin-top: 0
}

.box-team {
    padding-top: 70px
}

.box-team.fixed .inner-box {
    display: block;
    margin: 0 auto;
    max-width: 1170px;
    text-align: left;
    width: 96%
}

.bottom-30 {
    margin-bottom: 10px !important;
    margin-left: 0;
    margin-right: 0
}

.home-bricks .row {
    margin-bottom: 0;
    padding-bottom: 0
}

.row.bottom-30 .col-md-3 {
    padding-left: 5px;
    padding-right: 5px
}

.inner-team {
    position: relative
}

.inner-team .hover-box {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: all .3s ease-in-out
}

.inner-team:hover .hover-box {
    opacity: 1
}

.hover-box a {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: 0 0
}

.hoverin {
    bottom: 0;
    left: 0;
    position: absolute !important;
    width: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.hoverin h2 {
    font-size: 17px;
    margin-bottom: 1px
}

.hoverin h3 {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 8px;
    font-size: 13px;
    padding-bottom: 0
}

.fsca h2 {
    font-weight: 700;
    line-height: 40px;
    font-size: 31.5px
}

.flex-container {
    display: -ms-flexbox;
    display: flex
}

.items-50-percent .flex-item {
    width: 50%
}

.split-image-box-text {
    display: -ms-flexbox;
    display: flex;
    padding: 150px 110px
}

.text-on-right .split-image-box-text {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.split-image-box .flex-item-inner {
    width: 430px
}

.split-image-box-text .border {
    display: block;
    width: 85px;
    margin-bottom: 10px
}

.text-on-left .split-image-box-image {
    -ms-flex-order: 2;
    order: 2
}

.text-on-left .split-image-box-text {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-order: 1;
    order: 1
}

.container.bg-color.two-teams {
    height: 500px;
    padding-top: 0
}

.inner-brick {
    padding: 50px 0;
    display: inline-block;
    float: none;
    margin: 0 auto;
    text-align: left;
    width: 96%;
    max-width: 260px
}

.rc-project .inner-brick {
    position: relative;
    height: 500px
}

.one-image.newsletter .inner-brick, .rc-project.one-dark2 .inner-brick {
    max-width: 80%
}

.inner-brick h1, .inner-brick h2 {
    line-height: 40px;
    font-size: 50px;
    font-size: 36px;
    text-align: left;
    padding: 30px 0 0
}

.rc-project h2, .wordpress img {
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.rc-project h2 {
    padding: 0;
    height: 65px;
    position: absolute
}

.two-teams h1, .two-teams h2 {
    line-height: 40px
}

#tabm a, #tabmc a, .col-md-4.brick.one-dark, .col-md-4.brick.one-light, .rc-project .inner-brick h2, .wordpress .inner-brick {
    text-align: center
}

.brick.w3 .valign > a {
    display: inline-block;
    margin-bottom: 30px
}

.brick.w3 .valign > span {
    display: inline-block;
    line-height: 1.36
}

.col-md-12.rc-project h2.valign span, .rc-project h2.plus-span span {
    font-size: 19px;
    display: block;
    clear: both
}

.gray {
    height: 100%;
    padding-top: 15px;
    padding-bottom: 30px
}

.caption, .inner {
    text-align: left
}

.inner {
    margin: 65px auto 0;
    /*max-width: 1170px;*/
    width: 96%
}

.gray .inner {
    margin-top: 0
}

.recent-projects-container .col-md-4, .recent-projects-container .col-sm-4, .recent-projects-container .col-xs-6 {
    padding: 5px
}

.sc_portfolio-tile {
    position: relative;
    margin-bottom: 0;
    overflow: hidden
}

.sc_portfolio-tile .sc_portfolio-hover-title {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .3s ease
}

.sc_portfolio-tile:hover .sc_portfolio-hover-title {
    visibility: visible;
    opacity: 1
}

.sc_portfolio-tile .lightshow_hoverbox {
    position: absolute;
    height: 110%;
    width: 110%;
    left: 0;
    top: 0;
    z-index: 0
}

.sc_portfolio-hover-title-text {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    z-index: 5;
    height: 100%;
    width: 100%;
    font-size: 20px
}

.artv_info {
    padding-top: 60px
}

.artv_info * {
    text-align: center
}

.artv_info h4, .artv_info i {
    font-weight: 700
}

.clutch-widget {
    margin: 0 auto;
    width: 1000px;
    max-width: 100%
}

.c-widget-small .clutch-widget {
    margin: 0 auto;
    width: 133px
}

.c-widget-small .clutch-widget iframe {
    height: 80px !important
}

.no-margins.widget_text {
    margin-bottom: 0;
    padding: 0
}

.hidden {
    display: none !important
}

.no-margins h3, .no-margins h4 {
    width: 100% !important;
    margin: 0 auto
}

.textwidget .row {
    margin-bottom: 30px
}

.gradient-image-content {
    position: relative;
    z-index: 4
}

.gradient-banner-inner {
    padding-top: 70px;
    padding-bottom: 70px
}

.gradient-image-container.taller .gradient-banner-inner {
    padding-top: 140px;
    padding-bottom: 140px
}

.large-header-gradient p {
    text-align: center
}

.capabilities-gradient p, .large-header-gradient p {
    line-height: 2;
    font-size: 17px
}

.capabilities-gradient h1, .large-header-gradient h1 {
    margin-bottom: 35px;
    margin-top: 0;
    font-size: 50px;
    font-weight: 300;
    text-align: center;
    line-height: 1 !important
}

.gradient-image-background-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0
}

.gradient-image-image {
    height: 100%;
    opacity: .2;
    background-size: cover;
    background-position: 50%
}

.contact-flex-item {
    padding: 75px;
    max-width: 50%
}

.contact-flex-item-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex-grow {
    -ms-flex: 1;
    flex: 1
}

.contact-flex-inner-left {
    max-width: 580px;
    -ms-flex: 1;
    flex: 1
}

.flex-item-inner {
    max-width: 100%
}

.box.contact-in {
    max-width: 550px;
    float: right;
    margin-right: 35px;
    padding-right: 10px
}

.col-one.one-left {
    margin-left: 25px
}

.box.contact-in.one-left {
    float: left;
    padding-left: 0
}

.contact-grey-bg h5 {
    font-size: 16px;
    font-weight: 500
}

.box.contact-in p {
    margin-bottom: 10px
}

#form-box {
    max-width: 700px;
    width: 96%
}

.row-fluid {
    width: 100%
}

#form-box-new .col-md-6, .new-form-box .span6 {
    height: 60px
}

#form-box-new .col-md-12.col-text, .new-form-box .span12, .span12.no-padding-fix.submit-box {
    height: auto
}

.wpcf7-form-control-wrap {
    display: inline-block;
    height: 40px;
    width: 99%
}

#form-box-new #company, #form-box-new #email, #form-box-new #name, #form-box-new #phone, #form-box-new #position, #form-box-new #town, .new-form-box #company, .new-form-box #email, .new-form-box #message, .new-form-box #name, .new-form-box #phone, .new-form-box #position, .new-form-box #town {
    height: 40px;
    width: 100%;
    font-size: 16px;
    border-radius: 0;
    padding-left: 25px
}

.wpcf7-form-control ~ .focus-border i:after, .wpcf7-form-control ~ .focus-border i:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    transition: .4s
}

.wpcf7-form-control ~ .focus-border i:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0
}

.wpcf7-form-control-wrap.message {
    height: 239px
}

#how-did-you-hear-about-us, #message {
    font-family: Lucida Grande, Verdana, Arial, sans-serif
}

.new-form-box #message {
    overflow-y: auto;
    padding-top: 15px;
    height: 219px
}

.new-form-box #how-did-you-hear-about-us {
    font-size: 16px;
    height: 41px;
    border-radius: 0;
    padding-left: 20px;
    -webkit-appearance: none;
    opacity: 1;
    margin-left: 0;
    margin-bottom: 20px;
    padding-right: 15px;
    width: 96%;
    max-width: 340px
}

.no-padding-fix p {
    margin-bottom: 0 !important
}

.new-form-box .no-padding-fix input.wpcf7-submit {
    margin: 0 auto 5px
}

input.wpcf7-submit {
    border-radius: 3px;
    cursor: pointer;
    height: 40px;
    width: 196px;
    letter-spacing: 1px;
    margin: 20px auto 25px;
    padding: 5px 10px;
    font-weight: 400;
    font-size: 20px;
    transition: all .4s ease-in
}

.flex-grow.f-right {
    margin-left: auto;
    order: 2
}

.new-google-map {
    height: 100%;
    width: 100%;
    max-width: 100%;
    max-height: 100%
}

.art-inner-bg-img {
    background-size: 100% auto;
    background-position: 50%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    display: block
}

.art-inner-bg-img h2 {
    text-transform: capitalize;
    font-weight: 300
}

.container .border {
    display: block;
    width: 85px;
    margin-bottom: 10px
}

.t-title {
    margin-top: 15px;
    margin-bottom: 15px;
    color: #4b4b4b
}

.back-s {
    font-size: 18px;
    font-weight: 300;
    color: #4b4b4b;
    letter-spacing: .6px;
    overflow: hidden;
    border-radius: 95px;
    z-index: 99
}

.back-s video {
    width: 195px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 110px;
    z-index: 0
}

.back-s, .back-s .playsmall {
    position: relative;
    width: 190px;
    height: 60px
}

.back-s .playsmall a, .back-s .playsmall a:visited {
    display: inline-block;
    width: 190px;
    height: 60px;
    z-index: 9;
    padding: 16.5px 10px 12px 27px;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    transition: all .3s ease
}

.back-s .playsmall i {
    font-size: 28px;
    vertical-align: top
}

.fa-play-circle:before {
    content: "\f144"
}

.case-study-h1 {
    margin-bottom: 40px
}

.page-id-9339 .content-sidebar-wrap.row {
    padding-top: 0 !important
}

#top .arrow-down-link .cls-1, #two-white .arrow-down-link .cls-1 {
    fill: #000 !important
}

#one-blue .arrow-down-link .cls-1, #one-gray .arrow-down-link .cls-1, #two-blue .arrow-down-link .cls-1, #two-gray .arrow-down-link .cls-1 {
    fill: #fff !important
}

.animated-pages .inner {
    display: block;
    margin: 65px auto 0;
    max-width: 100%;
    width: 100%
}

.gradient-image-container {
    position: relative
}

.arrow-down-link {
    text-align: center;
    font-size: 30px;
    bottom: 8px;
    opacity: 1;
    position: absolute;
    width: 66px;
    height: 66px;
    cursor: pointer;
    z-index: 1;
    overflow: hidden;
    left: 50%;
    margin-left: -33px;
    transition: all .45s ease-out
}

.arrow-down-link.slide-down a {
    display: inline-block !important;
    width: 60px !important;
    height: 60px !important
}

.arrow-down-link svg {
    height: 60px;
    width: 60px;
    fill: #bdb099;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .7s ease-out
}

.box-capabilities {
    padding: 70px 0 0;
    overflow: hidden
}

.box-capabilities .col-md-6 {
    position: relative
}

.text-span-block .inner-span-block {
    float: right;
    max-width: 700px;
    width: 96%;
    padding: 35px 25px
}

.row-six .text-span-block .inner-span-block, .row-three .text-span-block .inner-span-block {
    float: left
}

.row-four .text-span-block .inner-span-block, .row-seven .text-span-block .inner-span-block, .row-two .text-span-block .inner-span-block {
    float: right
}

.animateme h2 {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 50px;
    font-weight: 300
}

.bodrer-anima {
    display: inline-block;
    width: 150px;
    height: 3px;
    margin-bottom: 25px;
    margin-top: 10px;
    overflow: hidden
}

.box-capabilities p, .box-capabilities ul li {
    font-size: 18px;
    line-height: 35px;
    font-weight: 200
}

.page-id-109 span.svg {
    max-width: 45px;
    width: 45px;
    display: inline-block;
    padding-right: 5px
}

.row-four .col-list.col-md-6, .row-seven .col-list.col-md-6, .row-three .col-list.col-md-6, .row-two .col-list.col-md-6 {
    margin-left: 0;
    padding-left: 0;
    padding-right: 15px
}

.row-four .col-list.col-md-6 + .col-list.col-md-6, .row-seven .col-list.col-md-6 + .col-list.col-md-6, .row-three .col-list.col-md-6 + .col-list.col-md-6, .row-two .col-list.col-md-6 + .col-list.col-md-6 {
    margin-right: 0;
    padding-right: 0;
    padding-left: 15px
}

.col-list ul {
    margin-top: 35px
}

.col-list ul li, .entry-content .col-list ul > li {
    line-height: 1.8;
    margin-bottom: 0
}

.box-capabilities ul li {
    font-size: 16px
}

.box-capabilities .animate, .box-capabilities img.wowme {
    transition: all .5s cubic-bezier(.19, .56, .79, .79) 0s;
    position: absolute
}

.box-capabilities.branding {
    padding-bottom: 0
}

.row-five.strategy {
    padding: 70px 0 95px;
    margin-bottom: 70px
}

.row-five .inner-box, .row-one .inner-box {
    max-width: 1170px;
    width: 96%;
    margin: 0 auto
}

.row-five .col-md-6 .inner-span-block {
    padding-right: 50px
}

.row-five .col-list ul {
    margin-top: 127px
}

.row-six .col-md-6.img-span-block, .row-three .col-md-6.img-span-block {
    padding-left: 0;
    padding-right: 30px
}

.draw-on-underline {
    position: relative
}

.draw-on-underline:after {
    content: "";
    width: 0;
    height: 5px;
    background: #377bb5;
    top: 100%;
    transition: width 1s;
    position: absolute;
    left: 0
}

.draw-on-underline.drawn:after {
    width: 100%
}

.big-h1 h1 {
    font-size: 30px
}

.content .inner {
    padding: 70px 0 50px;
    margin: 0 auto
}

.content .inner.no-top-padding {
    padding-top: 40px
}

.page-template-page-new-layout .content-sidebar-wrap.row {
    display: block;
    margin: 0 auto;
    padding: 0 !important;
    max-width: 100%;
    text-align: left;
    width: 100%
}

.full-wh-desc, .full-wh-section {
    position: relative
}

#top .full-wh-inner-section, #top.full-wh-section {
    height: 100vh
}

.full-wh-desc {
    text-align: center;
    overflow: hidden;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    width: 85%;
    max-width: 1280px;
    padding-left: 30px;
    padding-right: 30px
}

.full-wh-desc h1, .full-wh-desc h6 {
    font-size: 7vw;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    font-weight: 300
}

.full-wh-desc h2 {
    font-size: 1.5vw;
    line-height: 2;
    margin: 0;
    padding: 0
}

.livicon-evo-holder {
    width: 0
}

div.livicon-evo-holder {
    display: block;
    margin: 10px auto
}

.livicon-evo-holder svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden !important;
    width: 100% !important;
    height: 100% !important
}

.livicon-evo-holder svg, .livicon-evo-holder svg * {
    box-sizing: border-box
}

#two-gray .full-wh-desc, #two-white .full-wh-desc {
    padding: 140px 0 180px;
    margin: 0 auto;
    max-width: 85%;
    position: inherit;
    top: inherit;
    transform: none
}

.livicon-evo-holder .lievo-svg-wrapper {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    width: 100% !important;
    padding-bottom: 100% !important;
    vertical-align: middle;
    overflow: hidden !important
}

.request-now div.livicon-evo-holder {
    margin-left: auto;
    margin-right: auto
}

.request-now .link-button {
    width: 100%;
    display: block;
    text-align: center;
    padding: 25px 0
}

.request-now .link-button a, .request-now .link-button a:visited {
    display: inline-block;
    padding: 10px 25px;
    font-weight: 300;
    font-size: 18px;
    transition: all .3s ease
}

.no-arrow .arrow-down-link, .page-template-page-new-layout, .page-template-page-new-layout .new-page-link, .page-template-page-new-layout .page-title {
    display: none
}

.portfolio-landing section.portfolio {
    background-color: #eee;
    padding: 0 0 50px;
    margin: 0 auto;
    text-align: center;
    display: block
}

.padding-x-40 {
    padding-right: 40px;
    padding-left: 40px
}

.core-team-banner h1 {
    margin-bottom: 10px
}

.core-team-banner p {
    font-size: 25px
}

.our-team-row-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: 1fr 10px 1fr;
    -ms-grid-rows: auto 10px auto;
    grid-template-rows: auto 10px auto;
    grid-template-areas: "i . j" ". . . " "k k k"
}

.our-team-image-div {
    position: relative;
    cursor: pointer
}

.our-team-image-div.first {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: i
}

.our-team-image-div.second {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: j
}

.our-team-image-div a {
    display: block;
    overflow: hidden
}

.our-team-image-div img {
    transition: transform 1s;
    cursor: pointer
}

.our-team-image-div:hover img {
    transform: scale(1.1);
    cursor: pointer
}

.our-team-image-arrow {
    height: 0;
    width: 0;
    border-width: 30px;
    position: absolute;
    top: calc(100% - 50px);
    left: 50%;
    transform: translateX(-50%);
    display: none
}

.our-team-row-bio {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: k;
    padding: 30px;
    display: none;
    margin-bottom: 10px
}

.our-team-row-bio h3 {
    margin-top: 0;
    font-weight: 700;
    font-size: 25px
}

.our-team-row-bio h5 {
    font-size: 18px;
    font-weight: 500
}

.ytv .video-container {
    margin-bottom: 30px
}

.split-image-box-image {
    background-size: cover;
    background-position: 50%
}

.entry-content .split-image-box-text ul, .split-image-box-text ul {
    margin-bottom: 0;
    margin-left: 0
}

.page-id-10217 .more a, .page-id-10217 .more a:visited {
    text-transform: uppercase
}

.av-grid__item__link__title, .gray-bg.middle-spec-section .av-grid__item__link__title, .page-template-page-landing .av-grid__item__link__title {
    position: relative
}

.home-landing .col-md-6 {
    padding: 40px 0;
    position: relative
}

.yellow-col-box .inner-span-block {
    padding: 50px;
    background: #fff02a;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 500px;
    max-width: 96%;
    right: -50px
}

.digital-divide .left-col h2 {
    font-size: 18.5px;
    margin-bottom: 10px
}

.left-yellow-box .inner-span-block h2, .yellow-col-box .inner-span-block h2 {
    margin-top: 0;
    padding-top: 0
}

.digital-divide .left-col h3, .left-yellow-box h2 {
    font-size: 23.5px;
    margin-top: 0
}

/*.home section .inner h2.home-titles, h3, h4 {*/
/*font-family: Open Sans;*/
/*font-weight: 300*/
/*}*/

.box.wtimg {
    width: 50px;
    margin: 30px auto 0
}

.cwsheading {
    text-align: left;
    max-width: 1180px;
    margin: 0 auto
}

.cwsheading .inner-box {
    margin: 0 0 0 160px
}

.cwsheading p {
    font-size: 19px;
    line-height: 1.56;
    text-align: left
}

.home-landing.inner-layout {
    overflow: hidden
}

.left-yellow-box .inner-span-block {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 420px;
    max-width: 96%;
    right: 0
}

.left-yellow-box .inner-span-block .text-box:before {
    content: "";
    width: 20px;
    height: 100px;
    background: #fff02a;
    position: absolute;
    top: 50%;
    left: -21px;
    transform: translateY(-50%)
}

.left-yellow-box .inner-span-block .text-box {
    position: relative;
    padding-left: 50px;
    border-left: 1px solid #333
}

.left-yellow-box h2, .left-yellow-box h2 strong {
    color: #000
}

.gray-box-form .inner-span-block {
    background: #f0f0f0;
    margin-left: 50px;
    padding: 35px 50px
}

.av-grid-section__inner {
    max-width: 1170px;
    margin: 0 auto;
    width: 96%
}

.av-grid-section__title {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px
}

.av-grid__border {
    display: block;
    width: 85px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto
}

.gray-bg.middle-spec-section .av-grid__item__link__title, .page-template-page-landing .av-grid__item__link__title {
    z-index: 2;
    padding: 46% 30px 0;
    opacity: 1
}

.page-child.parent-pageid-10217 .col-md-6 {
    padding: 40px 0;
    position: relative
}

.page-child.parent-pageid-10217 #wrapper {
    margin-top: 0
}

.entry-content .landing-block ul > li {
    margin-bottom: 0
}

.container.bg-color {
    width: 100%;
    height: 970px;
    position: relative;
    padding-top: 10%;
    z-index: 2;
    padding-left: 0;
    padding-right: 0;
    overflow-x: hidden
}

.background-wrapper {
    width: 1140px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px;
    padding-right: 30px
}

.art_promo_container_top {
    position: relative;
    z-index: 1;
    line-height: 1.42857143
}

.art_promo_title {
    font-size: 40px
}

.art_promo_subtitle {
    margin-top: 53px;
    width: 385px;
    font-size: 22px
}

.art_image_wrapper {
    width: 100%;
    right: -14%;
    z-index: 1;
    position: absolute;
    top: -4%;
    left: auto;
    overflow: hidden;
    height: auto
}

.art_image_wrapper .art_image, .art_image_wrapper img {
    width: 100%;
    height: 100%;
    max-width: 1800px
}

.lets-talk {
    padding: 50px 0
}

.art_promo_circle_button {
    z-index: 1;
    display: block;
    width: 215px;
    height: 215px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 0 40px rgba(0, 0, 0, .9);
    position: relative;
    border: 2px solid #fff;
    transition: all .25s ease
}

.circle_link_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 28px;
    text-align: center;
    font-weight: 700;
    height: 92px;
    width: 140px;
    line-height: 1.42857143
}

.page-template-inner-pages .av-grid {
    list-style: none;
    padding: 20px 0;
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.page-template-inner-pages .av-grid__item {
    display: inline-block;
    vertical-align: top;
    width: 340px;
    height: 340px;
    margin: 0 5px 9px 0 !important
}

.page-template-inner-pages .av-grid__item__link {
    border: none;
    display: block;
    outline: 0;
    position: relative
}

.page-template-inner-pages .av-grid__item__link__title {
    background: 0 0;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    position: absolute;
    text-transform: none;
    transition: all .5s ease;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    z-index: 0;
    padding: 0 5px
}

.page-template-inner-pages .av-grid__item__link:hover .av-grid__item__link__title {
    z-index: 2;
    padding: 0 30px;
    opacity: 1
}

.zNeg1 {
    z-index: -1
}

.lightshow_hoverbox {
    width: 100%;
    height: 100%;
    opacity: .8;
    position: absolute;
    left: 0;
    top: 0
}

.page-template-inner-pages .av-grid-section--grey {
    background-color: #ededed
}

.page-template-inner-pages .artv_info {
    padding-top: 0
}

a.art_promo_circle_button:hover {
    color: #665d52
}

.art_promo_circle_button:active, .art_promo_circle_button:hover {
    display: block;
    background-color: #22222b
}

a.scroll {
    text-align: center
}

a.scroll:hover {
    text-decoration: none
}

a.scroll {
    color: #c9c9c9;
    background-color: #23222a;
    box-shadow: none;
    height: auto;
    letter-spacing: 1px;
    padding: 8px 10px;
    text-transform: uppercase;
    transition: all .4s ease 0s;
    width: 96%;
    max-width: 480px;
    margin: 20px auto 25px;
    float: none;
    border-radius: 3px;
    display: inline-block
}

a.scroll:hover {
    color: #fff;
    background-color: #16548b
}

a.scroll span {
    padding: 8px 10px
}

.gray-bg.middle-spec-section .av-grid-section--white {
    background: #ededed
}

.box-light-gray, .gray-bg {
    background: #e6e6e6
}

.gray-bg.middle-spec-section {
    background: #ededed;
    padding: 90px 0
}

.av-grid-section {
    padding-top: 20px;
    padding-bottom: 60px
}

.dev-inner .av-grid__item__link__title, .dev-inner .gray-bg.middle-spec-section .av-grid__item__link__title {
    position: absolute
}

.dev-inner .av-grid__item__link .av-grid__item__link__title {
    opacity: 0;
    z-index: 0;
    padding-top: 0
}

.dev-inner .av-grid__item__link:hover .av-grid__item__link__title {
    z-index: 2;
    padding: 0 30px;
    opacity: 1
}

.secfx .inner-span-block p {
    text-align: center
}

.inner-span-block i.medium-icon {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 20px
}

.box.image-magento {
    width: 31%
}

.box.text-magento {
    width: 51%
}

.box.image-magento, .box.text-magento {
    margin: 0 1%;
    float: left;
    display: inline;
    padding: 5px 10px
}

.home {
    height: 100%;
    width: 100%;
    opacity: 1;
    position: relative;
    margin-bottom: -25px
}

.old-design #genesis-content {
    padding: 30px 0 50px;
    margin: 0 auto;
    max-width: 1170px;
    width: 96%
}

.old-design #genesis-content article.page {
    padding: 0 15px
}

.owl-photo .owl-next {
    float: right !important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIcAAADlCAYAAAB52+RbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUJEOTM1NTNCQTA2MTFFNDlCNjhFRDM5M0FCMTdGREYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUJEOTM1NTRCQTA2MTFFNDlCNjhFRDM5M0FCMTdGREYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENTM2NjI5QUJBMDExMUU0OUI2OEVEMzkzQUIxN0ZERiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQkQ5MzU1MkJBMDYxMUU0OUI2OEVEMzkzQUIxN0ZERiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq7r3hEAAAaJSURBVHja7N1NaFxVGMbxc6c10NZaULMQi6u4ENqVYBShkGgrQsjGhWBciZusRBeSpZCFWWkFIVK6NFDEVWhXYnSjGHEhBBVKRQxBhEBtRVIYScf3dG5Exnsm95yZ+3He83/gYRaZj5s5P+Z+zJ1zs16vZwgpSoe3gICDgIOAg4CDgIOAg4CDKMnRUZ8gy7LzcjMjPSH9QfqJ9BZvbT2p9CCmffKQSk5KP7NPMdCb0hcYtvpwVNVRcCwXwDhoVzrP0KWL48chOA6A8AkSMY4sdJ0l2xp37c0hd7sjnZNuMIzxbXN0AmFkJWDYHJNelc4yjInsyvb6XLdL3h0gCR7nuOZx3wMg53jLE9igkTwq3Tlko3Swt6XTvOvK91ZyIFMAAccwIGekuwABRxEOm7OBQJ5iePXjCAWymz+OKMcBEHAMxQEQcAzFARBw9A47rm8H+qYnkN/y3WPSAhxVngm2JX1R+qfHYx6RfgkQJfJKZDrfbfX5BNkBiO7VCkDAYaoE8qv0NAT0bXMMZlN6wXMb5LF8GwQgSrc5xvEJcgMgulcr/80z0j2AgMOV2QAg16WTkNCPIxTIFkDSwAEQcAAEHM0AOQUO/ThCgWymDCQlHDb2y7ouQMDhyjxAwFEFkPvBoR9HKBD7o+3j4NCPAyDgAAg4AAKOCvOKdN8TyLp0Ahz6cdgsAAQcAAEHQMDRHiBXpEfAoR9HKJA1LUDAcXhe9cShBgg4ymUxRSDgqBbIZVNuTlVwRI4jFMhqrEDAARBwAAQcbQdyERxp4LB5IwDICjjSwGGzpBUIOAACjpYCWQZHGjhCgSyBIw0cqoCAAyDgaCDLAUDeBkcaOEy+R+ILZBEcaeCIGgg4AAIOgIBDGxB7Ze4FcKSBIwTIflNAwNFMVmMAAo5mksUABBzxAZkHh34coUC6dQEBB0DAARBwxA7kUgCQ58GRRuzPJ9c8gdhZmWfBAZBagYADIOBICMiz4ACIq/YCiNPgAEilQMARD5BP6wYCjnhiZypcDwDyJDgA4uqu9Cw4ADJWIOAACDgA8i+QM+AAiKs70ilwpAPk8yqAgENH7EWBNsYNBBwAmQIHQFz9WXoaHABx9UYREHAAxAkEHABxAgGH7jxg+pdZ9wHyk3QSHGnkVACQLQsEHABpBAg4AAIO5UC+t48DB0Bc3Rw3EHC0G8h3TQIBR7szmW9TNAIEHDqBfGMPsIEDIK5ujAoEHPqBnAAHQFy9Lj0JDoC4+kHI2GajDnCWZQxXM0C+kj5e8v5/Sx+Usf7L50U6vM9Rxv58Yc70p7Usk/tyUAYc+mPPA/nI9H+8XSZ29bANjjRgXJXOeDxmVVYp+96vxAZpdDBCzhx7iL0VYBSeUshxDt2ZyFcltcEARzww1uuGAQ5ggAMY4Egdxi/jhAEOPTDu/diac0iBUQsMcAADHMAAR3Iw7IPBoTf2W9UrZoSZfsChF4bvZPq/m4EpoMABDOcEtuAAhnNmY3AAwznlNTiAYcABDO9J8sEBDHAA415vGY/LaoAjHRje13wDR3yxPwO8bGq4GCA44oOxamq6SiQ4gAEOYIADGFyRGhhDuid9ehwvDg59MGbHtQDgAAY4gAEOYIBDbd5rCwxwtCsrbYIBjnhhdKXnq14ocMQJY76OBQMHMMABDHAAAxzAAAcwGoMBjnbDsLMCv9TkAoOjnrwTAGOh6YUGR/VZihEGOIABDmCAAxjgAAY44sThC8P2tbb+M+BoFsZim/8hcAADHMAAR915UysMcIyWRc0wwAEMcLQAxlsx7peDo3oYS7EezQMHMMABDHAAAxzAAAcwwNFCHK8HwFg2ygKO/8eeW7HvCWPFKAw4gAEOYIADGOAABjiAAY6GcITA+NAklFRxhMCwU0Bm4NCNAxjgKMzLwABHUewkKF1ggAMY4AAGOOqF8TEw9OMIgWGv1XoEFrpxAAMcwAAHMMAxIg5ggKMwc8AAR1Hs1Yr2PGGsS48y/LpxhMKYYOh14wAGOIABjvI4gAGOHjDAURoHMMBRiCMExob0GEOsG0cojOMMr24cM8AARxGMaeltYIBjEMYTwACHC8caMHTjyEJP2MmybFduHi559y9M/1vZPYZz/DiqShAOgWFP7r1b8u7fSi/kqyASEY5O4ALZJboDDN3pjPDYr4EBDlfeH/K3TWAkvrUreU56TfpHvkeyLX3XcEg87b0VwmqFgIMQcBBwEHAQcBBwEHAQcJDo848AAwBUprzGlI0KRgAAAABJRU5ErkJggg==) 100% 0 no-repeat;
    margin-right: 15px
}

.owl-photo .owl-next, .owl-photo .owl-prev {
    width: 135px;
    height: 229px;
    text-indent: -9999px
}

.owl-photo .owl-prev {
    float: left;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIcAAADlCAYAAAB52+RbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUJEOTM1NThCQTA2MTFFNDlCNjhFRDM5M0FCMTdGREYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUJEOTM1NTdCQTA2MTFFNDlCNjhFRDM5M0FCMTdGREYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQkQ5MzU1M0JBMDYxMUU0OUI2OEVEMzkzQUIxN0ZERiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQkQ5MzU1NEJBMDYxMUU0OUI2OEVEMzkzQUIxN0ZERiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po4LuUAAAAYtSURBVHja7N1PaBxVHAfw2VQLja0VpCcLIvSiNiehVQTB+A+x5CIoWE/iJSfRg+Qo5GBORUEJSI8WevBU2otie5NWPAgFhVoVSxGhUs3BCpUa3yOph7KT7L7d2Z157/OFL7lssrP7+5C8DTNveuvr65VIv/TgEDgEDoFD4BA4BA6BQ+AY4If3et7hyeW+0FdCHw39K/RcmO0XI/3EiKOpysTyQuj1OM47GnHsSZ4fHJ3PQujNPjBudxmOcn9jbAUj9rvU+VlzdDfzoadDd22/clifsSAFoy4z6wmDhiN/GFfCjB9MeaIZ73Wn8tSQMGLO+Cibfw6Hrm2z+LyzV0Mf8GkFjH4wDow0PziyhHEt9ODI84Oj1TmUCGNuHEsGONqbuc1BJ8GAA4xaGHCAUQsDDjBqYcCRVw6E/jokjOt1MODIC8bVIWGsbX7MreAAYygYcIABR6bZH/pLUzDg6DaMy03CgAMMOAqHcSP0iZQng6M72Rd6KQHGfOoTwtEdGBcnCQMOMOAAA47csneaMOBoN4wL04QBRz4w4iWNL477QODIA8ZCEwcDR3uyu00w4GhPZkPPtgkGHGDAAQYcYMCRRXaGnhoSxq3Q1yZ5kHB0B8bRSR8oHGDAAQYcbc2O0JNdggHH5GCc6BoMONoJI/b1Nhw8HO2DsdiWFwBHM4l7ZB7vMgw4moOx2nUYcIABBxhwTDsf5AQDjvFlJQHGW21/UXBMB8ZSF14YHGDA0UCWc4YBR3qWcocBBxhwgAFH03k3AcZy1eHAMVgWE2CsVB0PHGDAAQYcYMDReOL5m/+WDAOOehi3SocBx3hgrFaZBo7RYfTgyBvHAhhw1MG4CQYcYMABBhzpeTYBxiclwSgVR9zl98aQMOJljTuqwlIaDjDgAAOOwfMkGHD0S7zx3RoYcIABR2MwPgMjfxyPJcCIO/3tRCJvHHOh18CAAww4wIAjHcdBMODolwOhV8GAYxwwvgQjfxwpMOLNb2aNPW8cYMDRN/tDfwQDjn4wLoMBBxhwDIQDDDj64tgX+v2QMOJtv+813rxxRBgXE2DsNdqMcYABBxhwDAUjDvhbMODoB+MCGHCMA8Y3YGSOIxHGxc21ieSKY/MfVefBgKMfjLNgwHEnjHvAgKMfjD2hl8CAox+OD8HIH0dv2EsIer3e7vDleujdA37LD9XGVfLXjGvyOEZJCo6HwpefBnx43P7xkc0/QVIAjnih8j/V4PtrnQs9Um3sryEdwpG65vi4cuKOBWkNjvsrZ3bBsQUQp/7BMXYgpytXrOWPYwQgrnUtAQcgcAACx1iA/AwIHHVA7LcBByBwAAIHIHBM41pZQODY8ir7FCAnK1tVF4HjNpDfKpvcw1FzLkHKRrSAFIIDEDi23U0QEDgqQOBI3sEYEDgAgSP9rgkRyJ+AwFEXN/uDY+xAjleF3aO+VBypQFYBKQMHIHAAAgcgcDR4L/vHq42LsAGBo2/mAYEDEDgAgaOZAALH2IEcg6MMHKlAVuAoA0fMc6E3AYGjLguAwAEIHIDAAQgcgMDRJhyAwLFtXq429l4vFggcW+doApD34CgDRyqQJTjKwFEsEDgAgQMQOACBY+p5Y0gcnQQCR3oWcwcCByBwAAJHl4C8DUcZOFKBLMJRBo7sgMAx/ryTCxA4mslSDkDgAAQOQOAABA5A4MgrnQMCx2SznADkTTjKwBGzMiSOeO7IUTjKwNEZIHAAAgcgcAACByCTAAJHe/JR24DA0Z7ErSxX2wQEDkDgKADIq3AAUte42cwCHIBMBAgcgMDRcSCfTgMIHN1IvPftiUkDgQMQOACBA5AxAoEDEDgA+R/IETjKyF2hp4YEEu9ONQ9HGdnZFBA4AIEDkOGBwAFILRA4AKkFAgcgtUDgyDe7Qs+OAgSOvDM7ChA4AKkD8jQcgNR1LfQwHIBsBeRhOACp64nU+fWaHGKv1zPOZoCcjmuKAR//e5jxvqT5wdHJ7A39PPTQgI+fWU8YNBz5A/k7zHg25QlmvMedTVxsPh/69TaP+yr5GSxIs/gNcn6LBelLPq2Unfiv9vdDr2yC+CP0TOgzo8yvZ4gylQWpwCFwCBwicAgcAofAIXBIG/KfAAMAkCfUqGKVMm4AAAAASUVORK5CYII=) no-repeat;
    margin-left: 15px
}

.owl-next, .owl-prev {
    transform: scale(.5);
    opacity: .5
}

.logo-design #genesis-content {
    margin: 65px auto 0;
    max-width: 1170px;
    width: 96%
}

.logo-design #genesis-content .row {
    margin-bottom: 30px
}

.caption {
    position: absolute;
    left: 5%;
    right: 5%;
    top: 30%;
    width: 80%;
    max-width: 90%
}

.caption h4 {
    font-weight: 300;
    font-size: 16.5px;
    color: #555;
    font-family: Open Sans
}

.caption h4 span {
    padding: 15px 10px;
    margin: 5px;
    float: left;
    clear: both;
    width: auto;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9);
    font-size: 31.5px
}

.playsmall a img.play25 {
    width: 25px;
    height: 25px;
    transition: all .3s ease
}

.playsmall a:hover img.play25 {
    transform: scale(1.1)
}

.row.new-quote {
    margin: 0 auto;
    padding: 0;
    max-width: 100%
}

.wpcf7-form-control {
    padding: 7px 15px;
    position: relative
}

#company, #email, #message, #name, #phone, #position, #town {
    /*background: #f6f6f6;*/
    /*border: 1px solid #d2d2d2;*/
    /*color: #111;*/
    /*padding-left: 25px*/
}

#form-box-new #message {
    height: 219px;
    overflow-y: auto;
    padding-top: 15px;
    width: 100%;
    font-size: 16px;
    border-radius: 0
}

#form-box-new #how-did-you-hear-about-us, .new-form-box #how-did-you-hear-about-us {
    font-size: 16px;
    height: 41px;
    border-radius: 0
}

.inline-phone, div.submit {
    display: inline;
    float: left
}

.inline-phone {
    padding: 34px 5px 0 20px
}

#form-box-new #how-did-you-hear-about-us::placeholder, .new-form-box #how-did-you-hear-about-us, input::placeholder, textarea::placeholder {
    color: #111;
    opacity: 1
}

#how-did-you-hear-about-us {
    background: #f6f6f6 !important;
    border: 1px solid #d2d2d2;
    clear: left;
    float: left;
    margin-left: 0;
    margin-bottom: 20px;
    padding-right: 15px;
    width: 96%;
    max-width: 340px;
    padding-left: 20px;
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 16px;
    height: 41px
}

.inline-phone strong {
    font-size: 25px;
    font-weight: 700;
    padding-left: 5px
}

.col-md-4.d-one.fix-one-one div, .col-md-4.d-one div, .col-md-4.d-three div, .col-md-4.d-two div {
    position: relative;
    margin-bottom: 30px
}

.final-tiles-gallery.hover-fade .caption {
    max-width: 100%
}

.pdf-link {
    transition: all .3s ease;
    position: relative;
    display: block;
    margin-top: 30px;
    height: 50px;
    background: url(//artversion.com/wp-content/themes/artversion/images/file-pdf-light-g.svg) no-repeat 0;
    background: url(//artversion.com/wp-content/themes/artversion/images/file-pdf-light-b.svg) no-repeat 0;
    background-size: 30px
}

.pdf-link:hover {
    background: url(//artversion.com/wp-content/themes/artversion/images/file-pdf-light-g.svg) no-repeat 0;
    background-size: 30px
}

.pdf-link .pdf-text {
    display: inline-block;
    left: 50px;
    width: 70%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.pdf-link img {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-right: 30px
}

.box-dark-box {
    background-color: #22222b;
    color: #fff
}

.box-dark-box .inner-box {
    max-width: 1170px;
    width: 96%;
    margin: 0 auto
}

.art-inner-bg-img .col-sm-12.col-md-6.padding-top-130.padding-bottom-100 {
    float: none;
    display: block;
    margin: 0 auto
}

.YouTubePopUp-Wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8);
    top: 0;
    left: 0;
    z-index: 9999999999999
}

.YouTubePopUp-Content {
    max-width: 680px;
    display: block;
    margin: 0 auto;
    height: 100%;
    position: relative
}

.YouTubePopUp-Content iframe {
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
    height: 480px !important;
    border: none !important;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0
}

@media screen and (max-width: 600px) {
    .YouTubePopUp-Content iframe {
        height: 320px !important;
        max-width: 90vw
    }
}

.anim_down_arrow, .anim_down_arrow:active, .anim_down_arrow:focus, .anim_down_arrow:hover {
    z-index: 10;
    position: absolute;
    bottom: 3vh;
    left: 50%;
    transform: translateX(-50%);
    background: 0 0;
    border: none;
    outline: 0
}

.anim_down_arrow svg {
    width: 6vmin
}

.page-id-9339 #wrapper {
    margin-top: 0
}

.anim_down_arrow #arrow-line {
    transform-origin: 50% 50%;
    transform: translateY(20px)
}

.fallAnimation #arrow-line {
    animation: m 2s infinite
}

.t-title .fa {
    display: inline-block;
    width: 15px
}

.t-title .fa img {
    width: 15px;
    height: 15px
}

@keyframes m {
    0% {
        transform: translateY(20px);
        opacity: 1
    }
    25% {
        opacity: 0;
        transform: translateY(20px)
    }
    25.1% {
        transform: translateY(0);
        opacity: 0
    }
    26% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(20px)
    }
}

[data-floating] {
    transform: translateY(50px)
}

.wsheading.subtitle h2 {
    text-align: center;
    font-size: 22px;
    line-height: 1.56;
    margin-top: 0;
    padding-top: 0
}

.entry, .widget .entry {
    margin-bottom: 0
}

p.entry-meta {
    font-size: 14px;
    margin-bottom: 8px;
    font-style: italic
}

.entry-footer, .entry-header {
    text-align: center
}

#genesis-content .post .entry-header .entry-title h2 {
    font-size: 20px
}

.entry-header p.entry-meta {
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 16px;
    text-transform: uppercase
}

.entry-header:after {
    content: "";
    display: block;
    margin: 0 auto 60px;
    padding-bottom: 30px;
    width: 25%
}

.entry-footer:before {
    content: "";
    display: block;
    margin: 30px auto 0;
    padding-top: 60px;
    width: 25%
}

.sidebar .entry-header:after {
    display: none
}

.entry-categories:before, .entry-tags:before {
    display: inline-block;
    font: normal 20px/1 dashicons;
    margin-right: 5px;
    margin-top: 2px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased
}

.entry-comments-link:before {
    content: "\2014";
    margin: 0 6px 0 2px
}

.after-entry {
    padding: 40px 0
}

.after-entry .widget {
    margin-bottom: 40px
}

.after-entry .widget:last-child, .after-entry p:last-child {
    margin: 0
}

.after-entry li {
    list-style-type: none
}

.pagination {
    clear: both;
    margin: 15px 0 auto;
    text-align: center
}

.blog .pagination {
    margin-bottom: 60px
}

.pagination ul {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    text-align: center
}

.adjacent-entry-pagination {
    margin-bottom: 0
}

.archive-pagination li {
    display: inline
}

.archive-pagination li a {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    padding: 8px 12px;
    text-transform: uppercase
}

.archive-pagination li.pagination-next a i, .archive-pagination li.pagination-next i, .archive-pagination li.pagination-previous a i, .archive-pagination li.pagination-previous i {
    display: inline-block;
    font-size: 30px;
    line-height: 30px;
    margin-top: -3px;
    vertical-align: middle
}

.pagination ul > li {
    overflow: hidden;
    display: inline;
    margin: 0 5px;
    padding: 3px
}

.blog .pagination ul > li.active > a, .blog .pagination ul > li > a {
    border-radius: 0;
    display: inline-block;
    padding: 5px 14px;
    box-shadow: none;
    font-size: 14px;
    text-transform: none
}

.comment-respond, .entry-comments, .entry-pings {
    margin-bottom: 100px
}

#respond {
    clear: both;
    display: block
}

.entry-comments .comment, .entry-comments .comment-reply, p.comment-meta {
    margin-bottom: 40px
}

.comment-header {
    font-size: 20px;
    font-size: 2rem
}

.entry-comments .comment {
    border-bottom: 1px solid #000
}

.comment-content, .entry-comments .comment {
    clear: both
}

.entry-comments .children .comment, .entry-comments .comment-author, p.form-submit {
    margin: 0
}

.entry-comments .children .comment {
    border: none
}

.comment-respond label {
    display: block;
    font-weight: 800
}

.comment-respond input[type=email], .comment-respond input[type=text], .comment-respond input[type=url] {
    width: 100%
}

.comment-list li, .ping-list li {
    list-style-type: none
}

.entry-comments ul.children {
    margin-left: 40px
}

.ping-list .reply {
    display: none
}

#genesis-content .post {
    padding: 40px 0
}

#genesis-content .post, .search #genesis-content .entry-title, .search #genesis-content .post {
    max-width: 100%;
    width: 1180px;
    margin: 0 auto
}

#genesis-content .post {
    padding: 20px 5px 35px
}

.entry-title a:hover {
    text-decoration: none
}

.archive-pagination.pagination {
    text-align: center;
    width: 100%
}

.sidebar {
    float: right
}

.sidebar-content .sidebar {
    float: left
}

.sidebar p:last-child {
    margin-bottom: 0
}

.sidebar li {
    list-style-type: none;
    margin-bottom: 6px;
    word-wrap: break-word
}

.sidebar ul > li:last-child {
    margin-bottom: 0
}

.sidebar .widget {
    margin-bottom: 40px
}

.archive-description {
    display: none
}

.archive .content-sidebar-wrap.row, .blog .content-sidebar-wrap.row, .search .content-sidebar-wrap.row, .single.single-post #genesis-content .single .row.single-row {
    max-width: 1180px;
    width: 100%;
    margin: 35px auto
}

.single.single-post .content-sidebar-wrap.row {
    max-width: 100%
}

h2.entry-title {
    font-size: 20px;
    padding-top: 0;
    margin-top: 0
}

.category #genesis-content .post:nth-child(2n) .col-md-9.entry-content, .category #genesis-content .post:nth-child(2n) .featured-image.col-md-3, .genesis-grid-even .col-md-9.entry-content, .genesis-grid-even .featured-image.col-md-3, .search #genesis-content .post:nth-child(2n) .col-md-9.entry-content, .search #genesis-content .post:nth-child(2n) .featured-image.col-md-3 {
    float: right
}

a.more-link, a.more-link:visited {
    text-transform: uppercase
}

a.more-link:hover {
    text-decoration: none
}

p.entry-meta {
    padding-top: 3px
}

article .entry-categories a, article .entry-categories a:visited {
    display: inline-block;
    margin-top: -6px;
    padding: 3px 8px;
    text-transform: uppercase;
    font-style: normal
}

article.category-blog .entry-categories a:hover {
    text-decoration: none
}

article.category-blog .entry-categories {
    display: inline;
    margin-left: 10px
}

.col-md-9.entry-content, .featured-image.col-md-3 {
    padding-left: 0;
    padding-right: 30px
}

.single .col-md-9.entry-content {
    margin-top: 0
}

.blog #genesis-content.col-md-9 {
    padding-left: 3px;
    padding-right: 3px
}

.blog #genesis-sidebar-primary.col-md-3 {
    padding-right: 0;
    padding-left: 30px
}

/*.post {*/
/*    padding-left: 3px;*/
/*    padding-right: 3px*/
/*}*/

/*.next, .previous {*/
/*float: left;*/
/*display: inline*/
/*}*/

/*.next {*/
/*float: right*/
/*}*/

.previous {
    margin-right: 3px
}

/*.next a, .next a:visited, .previous a, .previous a:visited {*/
/*display: inline-block;*/
/*padding: 8px 24px;*/
/*font-size: 16px;*/
/*text-transform: uppercase*/
/*}*/

.single .col-md-9.entry-content, .single .featured-image.col-md-3 {
    display: block;
    width: 100%;
    clear: both
}

.single .entry-title {
    font-size: 24px
}

.sidebar .widget_categories, .sidebar .widget_tag_cloud, .sidebar .widget_wp_related_posts {
    padding-left: 15px;
    padding-right: 15px
}

.sidebar .widget-title {
    font-size: 18px
}

.sidebar .widget_tag_cloud .sep-one:last-child {
    display: none
}

.prev-next-navigation {
    padding-left: 25px;
    padding-right: 25px
}

.home .col-md-9.entry-content, .page .col-md-9.entry-content {
    padding-right: 0 !important
}

.blog #wrapper, body.blog {
    position: relative;
    width: 100%;
    top: auto
}

.whitepaper-landing .page {
    max-width: 1170px;
    width: 96%;
    margin: 0 auto
}

.wheading {
    position: relative
}

.box.wtitle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.box.wtitle h2 {
    font-size: 50px;
    font-weight: 900;
    margin-top: 0;
    padding-top: 0
}

.cwsheading, .wsheading {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 22px;
    line-height: 1.56
}

/*.post {*/
/*    overflow: hidden;*/
/*    position: relative;*/
/*    margin-bottom: 30px*/
/*}*/

#genesis-content .post.whitepaper-single {
    padding: 0;
    margin-bottom: 30px
}

.whitepaper-single .row.flexing {
    margin-right: 0;
    margin-left: 0
}

.inner-spacer-right-lrg {
    margin-right: 29px;
    overflow: hidden;
    margin-right: auto !important
}

.row.flexing {
    display: flex;
    align-items: center;
    justify-content: center
}

.whitepaper-single .media-box.col-md-4 {
    padding-left: 0;
    padding-right: 30px
}

.whitepaper-single .post-body.col-md-8 {
    padding-left: 30px;
    padding-right: 0
}

.inner-post {
    padding-bottom: 20px;
    padding-right: 30px;
    padding-top: 20px
}

.post h3 {
    font-family: Open Sans, Arial, sans-serif;
    font-weight: 400;
    text-align: left;
    text-transform: none;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding-bottom: 10px;
    font-size: 22px
}

.blog .content-sidebar-wrap.row, .blog .site-container .site-inner {
    margin: 0 auto;
    max-width: 100%;
    width: 100%
}

.blog .content-sidebar-wrap.row #genesis-content {
    margin: 0 auto;
    max-width: 1170px;
    width: 96%;
    padding-top: 50px
}

.blog .gradient-banner-inner h1, .blog .gradient-banner-inner h2 {
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.1
}

.blog .gradient-banner-inner h2 {
    font-size: 30px;
    padding: 0
}

.blog #genesis-content .post.category-news, .blog #genesis-content .post.category-press {
    padding: 0;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.blog .post.category-news .col-md-9.entry-content, .blog .post.category-press .col-md-9.entry-content {
    width: 66.6%
}

.blog .post.category-news .featured-image.col-md-3, .blog .post.category-press .featured-image.col-md-3 {
    width: 33.3%
}

.blog .post.category-news .col-md-9.entry-content img, .blog .post.category-press .col-md-9.entry-content img, .single-post .featured-image.col-md-3 {
    display: none
}

.single-post .content-sidebar-wrap.row {
    margin-top: 0
}

.blog .post h3, .blog h2.entry-title {
    font-weight: 400;
    text-align: left;
    text-transform: none;
    letter-spacing: 1px;
    color: #bbb;
    margin-bottom: 0;
    padding-bottom: 10px;
    font-size: 22px;
    line-height: 1.36
}

.blog .post h3 a, .blog .post h3 a:visited {
    color: #bbb;
    transition: all .3s ease
}

.blog .post.category-news h2.entry-title a:hover, .blog .post.category-press h2.entry-title a:hover, .blog .post h3 a:hover, .blog h2.entry-title a:hover, .post-type-archive-case-studies h2.entry-title a:hover {
    color: #16548b;
    text-decoration: none
}

.single a.more-link.tex {
    display: none
}

.box.wtitle h1 {
    font-size: 50px;
    font-weight: 900;
    margin-top: 0;
    padding-top: 0;
    color: #fff
}

.ffa-angle-left svg, .ffa-angle-right svg {
    vertical-align: middle
}

.single-post #wrapper, .single-post .category-news.entry, .single-post .category-pres.entry {
    background-color: #f5f5f5
}

.single-post .content-sidebar-wrap.row {
    margin-left: auto;
    margin-right: auto
}

.single-post #genesis-content.col-md-9, .single-post #genesis-content.content {
    margin: 20px auto 0;
    width: 1170px;
    max-width: 96%;
    float: none
}

.single-post #genesis-content .col-md-9.entry-content {
    margin: 0 auto;
    padding: 0;
    float: none;
    display: block;
    clear: both
}

.single-post h1.entry-title {
    font-family: Open Sans, arial, sans-serif;
    color: #bbb;
    position: relative
}

.single-post .entry-content h3:first-child, .single-post h1.entry-title {
    text-align: left;
    text-transform: none;
    padding-bottom: 10px;
    margin-bottom: 0;
    font-size: 22px
}

.single-post .entry-content h3:first-child {
    font-family: Open Sans, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: 1px
}

.single-post .entry-content h3:first-child a, .single-post .entry-content h3:first-child a:visited {
    color: #bbb;
    text-decoration: none;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.single-post .entry-content h3:first-child a:hover {
    color: #337ab7
}

.single-post #genesis-content .post {
    margin-bottom: 0
}

.single.single-post .entry-content p {
    font-size: 16px;
    line-height: 1.9
}

.entry-content p {
    margin-bottom: 20px
}

.single-post .entry-footer {
    display: none
}

.pagination ul {
    padding-left: 0
}

.single.single-post .entry-content .img-align-fix img {
    display: inline;
    max-height: 230px;
    height: auto;
    margin: 0 25px
}

.parent-pageid-388 .entry-content ul, .parent-pageid-561 .entry-content ul, .single .entry-content ul {
    margin-bottom: 20px;
    padding-left: 15px
}

.entry-content ul {
    padding-left: 15px
}

.nobreak {
    white-space: nowrap;
    display: inline-block
}

.project-menu {
    text-align: center;
    margin-top: 50px
}

.portfolio-button-select {
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    cursor: pointer
}

.portfolio-button-select:after {
    border: 6px solid transparent;
    border-top-color: grey;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    box-sizing: content-box;
    margin: 0 8px;
    transform: translateY(3px);
    transition: transform .5s
}

.portfolio-tag-menu {
    display: inline-block;
    z-index: 100;
    position: relative
}

.portfolio-tag-links {
    position: absolute;
    background: #fcfcfc;
    padding: 10px;
    top: calc(100% + 5px);
    border: 1px solid #c4c4c4;
    border-radius: 5px
}

.portfolio-tag-links a {
    display: block;
    padding: 4px;
    text-align: left
}

.portfolio-tag-links {
    display: none
}

.tax-menu-show .portfolio-tag-links {
    display: block
}

.tax-menu-show .portfolio-button-select:after {
    transform: translate(-2px, -1px) rotate(90deg)
}

.project-menu h3, .project-menu h3 span.nobreak {
    font-size: 19px;
    font-weight: 300;
    color: #bbb !important;
    text-align: center
}

.portfolio-button-select {
    border: 1px solid #f4f4f4;
    font-size: 19px;
    font-weight: 300;
    color: #bbb;
    padding-left: 14px;
    padding-right: 4px
}

.portfolio-tag-links a, .portfolio-tag-links a:visited {
    font-size: 14px;
    font-weight: 300;
    color: #333;
    text-transform: uppercase;
    text-align: left !important;
    font-family: Open Sans;
    padding: 10px 12px;
    text-align: left
}

.portfolio-tag-links a:hover {
    color: #88a43d
}

.portfolio-tag-links {
    background-color: #fff;
    border: 1px solid #f4f4f4
}

@media screen and (max-width: 768px) {
    .portfolio-tag-menu {
        position: static
    }

    .portfolio-tag-links {
        transform: translateY(20px);
        top: unset;
        margin: auto;
        left: 10%;
        width: 80%;
        z-index: 1000
    }
}

.post-type-archive-case-studies .site-inner {
    margin: 0 auto;
    max-width: 1170px;
    width: 96%
}

.post-type-archive-case-studies .site-inner .row {
    padding-top: 50px
}

.post-type-archive-case-studies article.type-case-studies:nth-child(odd) {
    clear: left
}

.post-type-archive-case-studies article.type-case-studies {
    margin-bottom: 50px;
    opacity: 1;
    transform: translateY(0);
    transition: all .4s ease-in-out;
    width: 50%;
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.post-type-archive-case-studies article.type-case-studies .col-md-9.entry-content, .post-type-archive-case-studies article.type-case-studies .featured-image.col-md-3 {
    width: 100%;
    max-width: 100%
}

.post-type-archive-case-studies article.type-case-studies img {
    display: block;
    max-width: 100%;
    height: auto
}

.blog .post.category-news .col-md-9.entry-content h2.entry-title a, .blog .post.category-press .col-md-9.entry-content h2.entry-title a, .post-type-archive-case-studies article.type-case-studies h2.entry-title a {
    font-family: Open Sans, Arial, sans-serif;
    font-weight: 400;
    text-align: left;
    text-transform: none;
    letter-spacing: 1px;
    margin-bottom: 0;
    margin-top: 20px;
    padding-bottom: 10px;
    font-size: 22px;
    display: block
}

.post-type-archive-case-studies h1.actt {
    margin-bottom: 40px;
    padding-left: 14px
}

.single-project .post-body img {
    margin: 0 auto
}

.description-drop {
    display: none
}

.overlap-fix {
    clear: both;
    width: 100%;
    display: block;
    position: relative
}

#portfolio {
    width: 1170px;
    max-width: 96%;
    margin: 45px auto
}

#og-grid {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0
}

#og-grid li.hover {
    margin: 0;
    padding: 5px 3px
}

#og-grid li.hover a, #og-grid li.hover a:visited {
    position: relative;
    display: inline-block;
    height: 100%
}

#og-grid li.hover a h2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 100%;
    font-size: 18px;
    color: #fff
}

#og-grid li.hover a canvas, #og-grid li.hover a h2 {
    opacity: 0;
    transition: all .3s ease
}

#og-grid li.hover a:hover h2 {
    opacity: 1;
    z-index: 2
}

#og-grid li.hover a:hover canvas {
    opacity: .8;
    z-index: 1
}

#og-grid li.hover a h2 span {
    padding: 0 15px
}

.project-grid {
    text-align: center
}

.project-tile {
    width: 344px;
    display: inline-block
}

.project-tile.expanded {
    min-height: 900px
}

.og-expander {
    margin-top: 10px;
    position: absolute;
    left: 0;
    width: 100%;
    background: #ddd;
    height: 550px;
    padding: 40px 10px
}

.og-expander img {
    max-height: 420px
}

.project-tile.expanded > a:after {
    top: auto;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 15px solid transparent;
    border-bottom-color: #ddd;
    left: 50%;
    margin: -20px 0 0 -15px;
    z-index: 10000;
    bottom: -10px
}

.archive.tax-discipline .content-sidebar-wrap.row, .archive.tax-prj-category .content-sidebar-wrap.row, .post-type-archive-project .content-sidebar-wrap.row {
    max-width: 100%;
    margin-top: 0
}

.single-project #genesis-content p.prj-name {
    z-index: 3;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 0 30px !important;
    margin: 0
}

.gradient-banner-container h1.prj-tagline {
    padding: 0 30px !important;
    margin: 0 !important;
    z-index: 200;
    color: #fff;
    font-size: 30px;
    text-align: center
}

.row.dark-links, .row.dark-links li a, .row.dark-links li a:visited, .row.dark-links p, .row.dark-links ul, .row.dark-links ul li {
    color: #bbb;
    background: #f8f8f8
}

.padding-y-40px {
    padding-top: 40px;
    padding-bottom: 40px
}

.single-project #genesis-content .row-container h3 {
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    color: #bbb;
    font-family: Open Sans, arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 0;
    text-align: left;
    text-transform: none
}

.single-project .no-margin.dark-links.white-box .row-container {
    display: block;
    margin: 0 auto;
    max-width: 900px;
    width: 96%
}

.two-columns-ul {
    column-count: 2;
    column-gap: 20px
}

.single-case-studies .featured-image, .single-project .featured-image {
    display: none !important
}

.single-case-studies .content-sidebar-wrap.row, .single-project .content-sidebar-wrap.row {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding-lefT: 0;
    padding-right: 0
}

.single-case-studies #genesis-content img, .single-project #genesis-content img {
    max-width: 100%;
    width: 100%
}

.single-case-studies #genesis-content .col-md-9, .single-project #genesis-content .col-md-9 {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    float: none;
    display: block
}

.single-case-studies .entry-title, .single-project .entry-title {
    text-transform: uppercase;
    text-align: center;
    font-family: Open Sans, sans-serif;
    font-weight: 800;
    color: #333;
    font-size: 45px;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 20px;
    position: relative
}

.single-project #genesis-content h2, .single-project #genesis-content h3 {
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    text-align: center;
    font-family: Open Sans, sans-serif;
    font-weight: 800;
    color: #333;
    font-size: 29.5px
}

.single-project #genesis-content h3 {
    font-size: 45px;
    display: block;
    text-align: center;
    margin: auto
}

.single-project #genesis-content p {
    padding: 30px 15px 45px;
    font-size: 18px;
    color: #86827f;
    line-height: 38px;
    text-align: center;
    margin: 0 auto
}

.single-project #genesis-content .top-section, .single-project #genesis-content section.portfolio .col-md-12 {
    width: 1000px;
    max-width: 96%;
    margin: 0 auto;
    float: none;
    display: block
}

.single-case-studies #genesis-content .col-md-6, .single-case-studies #genesis-content .portfolio-container .col-md-6, .single-project #genesis-content .portfolio-container .col-md-6 {
    padding: 0;
    margin: 0
}

.single-project #genesis-content .top-section p {
    margin-bottom: 10px
}

.single-project #genesis-content .more-link.em {
    display: none
}

.page-template-portfolio .og-expander-inner, .post-type-archive-project .og-expander-inner, .tax-discipline .og-expander-inner, .tax-prj-category .og-expander-inner {
    margin-left: auto;
    margin-right: auto;
    width: 1180px;
    max-width: 96%
}

.page-template-portfolio .og-expander-inner .col-md-7, .post-type-archive-project .og-expander-inner .col-md-7, .tax-discipline .og-expander-inner .col-md-7, .tax-prj-category .og-expander-inner .col-md-7 {
    text-align: left
}

.og-expander a.more-link:before {
    content: "\2192";
    display: inline-block;
    margin-right: 10px
}

.og-expander a.more-link, .og-expander a.more-link:visited {
    position: relative;
    height: 100%;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 20px;
    background: #16548b;
    border: 3px solid #16548b;
    display: inline-block;
    margin: 30px 0 0;
    outline: 0;
    transition: all .3s ease-in-out
}

.og-expander a.more-link:hover {
    background: #555;
    border-color: #555;
    color: #fff
}

.og-expander h3 {
    text-align: left;
    font-size: 17px;
    margin-bottom: 15px;
    padding: 10px 0 15px
}

.og-expander h4 {
    text-align: left;
    font-size: 27px
}

.post-type-archive-case-studies .more-link.tex {
    display: none
}

.single-case-studies .overlay-cs {
    position: relative;
    height: 550px
}

.single-case-studies .overlay-cs .bg-row {
    position: absolute;
    height: 160px;
    left: 50px;
    top: 50%;
    margin-top: -80px
}

.single-case-studies .overlay-cs h1, .single-case-studies .overlay-cs h2, .single-case-studies .overlay-cs h3, .single-case-studies .overlay-cs h4 {
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-top: 0;
    padding-top: 0;
    color: #fff;
    text-align: left
}

.single-case-studies .overlay-cs h2 {
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding-bottom: 10px;
    margin-top: 20px
}

.single-case-studies .overlay-cs h3 {
    font-size: 45px;
    line-height: 55px;
    margin-top: 10px;
    margin-bottom: 10px
}

.single-case-studies .padding-top-bottom .row-container {
    width: 1000px;
    max-width: 96%;
    margin: 0 auto;
    text-align: left
}

.single-case-studies .row-container h2 {
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    color: #333;
    margin: 0 auto 30px;
    font-size: 45px;
    line-height: 55px
}

.single-case-studies .row-container p {
    color: #86827f;
    font-size: 18px;
    line-height: 38px;
    margin: 0 auto 30px;
    padding: 0;
    text-align: left
}

.post-type-archive-case-studies article.case-studies {
    transition: all .3s ease
}

.post-type-archive-case-studies article.case-studies:hover {
    opacity: .8;
    transform: translateY(-10px)
}

.padding-top-bottom {
    padding-top: 80px;
    padding-bottom: 90px
}

.padding-top-bottom.dark-box {
    padding-bottom: 0
}

.padding-top-bottom.dark-box.big-box-cs {
    padding-bottom: 90px
}

.padding-top-bottom.dark-box {
    background-color: #22222b;
    color: #fff
}

.padding-top-bottom.dark-box h2, .padding-top-bottom.dark-box p {
    color: #fff
}

.dark-box.big-box-cs .row-container {
    padding: 4% 5%;
    width: 100%
}

.big-box-cs img {
    padding: 5px
}

.box-background-fixed {
    background: url(//artversion.com/wp-content/themes/artversion/images/back2.jpg) 50% no-repeat fixed;
    background-size: cover
}

.box-background-fixed .inner-box {
    padding: 20px 0 60px
}

.slider-brick {
    padding: 0
}

.inner-brick.slider-brick, .rc-project .inner-brick, .video-container.inner-brick.video-brick {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    max-width: 100%
}

#owl-cs .item h2 {
    font-weight: 900;
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 30px;
    padding: 30px 0 0
}

.owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%)
}

#owl-cs .owl-next, #owl-cs .owl-prev {
    height: 60px;
    opacity: .7;
    text-indent: -9999px;
    transition: all .3s ease 0s;
    width: 40px
}

#owl-cs .owl-prev {
    background: url(//artversion.com/wp-content/themes/artversion/images/left.png) no-repeat !important;
    float: left;
    margin-left: 30px !important
}

#owl-cs .owl-next {
    background: url(//artversion.com/wp-content/themes/artversion/images/right.png) 100% 0 no-repeat !important;
    float: right;
    margin-right: 30px !important
}

.pager {
    padding-left: 0;
    margin: 20px 0 0;
    text-align: center;
    list-style: none;
    overflow: hidden;
    width: 100%;
    position: relative
}

.pager .next, .pager .previous {
    float: left;
    margin: 0;
    width: 50%;
    line-height: 100px
}

.pager .next {
    float: right
}

.pager .next > a, .pager .previous > a {
    margin: 0;
    max-width: 100%;
    width: 100%;
    border: none;
    border-radius: 0;
    display: inline-block;
    font-size: 14px;
    padding: 5px 14px;
    transition: all .2s linear 0s;
    height: 100%;
    position: relative
}

.pager li > a:hover {
    background: #2ab8e8;
    color: #fff
}

.pager li.disabled > a:hover {
    background: 0 0;
    color: #ccc
}

li.return-portfolio a {
    padding: 20px;
    display: inline-block;
    background: #fff
}

/*.next, .previous {*/
/*height: 170px;*/
/*line-height: 100px*/
/*}*/

/*.next a span, .previous a span, li.return-portfolio {*/
/*display: inline;*/
/*position: absolute;*/
/*top: 50%;*/
/*left: 50%;*/
/*transform: translate(-50%, -50%)*/
/*}*/

li.return-portfolio {
    border: 2px solid #e9e9e9;
    margin: 0 !important;
    margin-right: -50%;
    z-index: 9
}

.single-case-studies .content-sidebar-wrap.row {
    margin-bottom: 0
}

.dark-text.overlay-cs h1, .dark-text.overlay-cs h2, .dark-text.overlay-cs h3, .dark-text.overlay-cs h4 {
    color: #333
}

#owl-cs .item h2, #owl-cs .item p {
    text-align: center;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    width: 70%
}

.single-case-studies #owl-cs p {
    color: #fff;
    font-size: 18px;
    line-height: 38px;
    margin: 0 auto;
    padding: 0
}

.single-case-studies .padding-top-bottom.dark-box p {
    font-size: 18px;
    line-height: 38px;
    margin: 0 auto;
    padding: 0;
    text-align: left
}

.single-case-studies .box-section-fix-one h3 {
    color: #fff;
    font-size: 36px;
    text-align: left;
    text-transform: none;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding-bottom: 10px
}

.single-case-studies .padding-top-bottom.the-result {
    padding-top: 80px;
    padding-bottom: 90px
}

.single-case-studies .padding-top-bottom.the-result h2 {
    color: #fff;
    margin: 0 auto 30px;
    font-size: 45px;
    line-height: 55px
}

.case-all .col-md-9.entry-content, .case-all .featured-image.col-md-3 {
    padding-left: 0;
    padding-right: 0
}

.single-case-studies #wrapper, .single-case-studies .content-sidebar-wrap.row {
    margin-top: 0
}

.og-expander-inner h2 {
    padding-top: 10px;
    font-size: 15px
}

.og-expander-inner h3 {
    font-size: 25px
}

.portfolio-tag-links a {
    color: #555
}

.single-case-studies li.return-portfolio {
    width: 200px;
    max-width: 200px;
    border: 0 solid #e9e9e9
}

.single-case-studies li.return-portfolio a, .single-case-studies li.return-portfolio a:visited {
    border: 2px solid #e9e9e9;
    padding: 10px 20px;
    width: auto;
    transition: all .3s ease
}

#footer-copyright {
    background-color: #22222b;
    height: auto;
    width: 100%;
    padding: 20px 0;
    position: relative;
    bottom: 0;
    text-align: center;
    line-height: 24px
}

#footer-copyright .widget {
    display: block;
    margin: 0 auto;
    max-width: 90%;
    width: 90%
}

#footer-copyright .widget_text {
    margin-bottom: 0 !important
}

.clear.mobile-break {
    display: none
}

#footer-copyright .row {
    padding: 30px 0 20px;
    margin-bottom: 30px
}

.footer-col {
    text-align: center
}

.footer-col-inner {
    display: inline-block;
    margin: auto;
    text-align: left
}

#footer-copyright h4, #footer-copyright h4 a, #footer-copyright h4 a:visited {
    font-size: 24px;
    transition: color .3s ease-in
}

#footer-copyright h4 {
    margin-bottom: 15px;
    margin-top: 10px
}

.footer-col-inner ul {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 0
}

#footer-copyright .footer-row ul li {
    list-style: none;
    margin: 0
}

#footer-copyright ul li a, #footer-copyright ul li a:visited {
    font-size: 15px;
    line-height: 24px
}

#footer-copyright .phone-row h5, .box-orange h3 {
    font-weight: 700;
    font-size: 14px
}

#footer-copyright .phone-row {
    margin: auto;
    max-width: 600px;
    text-align: center;
    font-size: 14px;
    padding: 5px !important
}

#custom_html-35 {
    text-align: center;
    display: inline-block !important;
    width: 100% !important
}

#footer-copyright .social-row {
    text-align: center;
    padding: 13px 0 0 !important
}

#footer-copyright .copy-row {
    padding: 0 !important;
    margin: 0 !important
}

#footer-copyright .copy-row a, #footer-copyright .copy-row li, #footer-copyright .copy-row p, #footer-copyright .copy-row ul {
    color: #fff !important
}

#footer-copyright ul.sod-icons {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 0;
    padding-left: 0
}

#footer-copyright ul.sod-icons li {
    list-style: none;
    float: left;
    display: inline;
    margin: 0 5px 0 0
}

#footer-copyright ul.sod-icons li a {
    font-size: 22px
}

.row.copy-row p {
    line-height: 1.56;
    margin: 0 0 10px
}

.copy-row small {
    font-size: 85%
}

.clear.break {
    display: block;
    clear: both
}

.box-blue .inner-box, .box-brown .inner-box, .box-gray .inner-box, .box-green .inner-box, .box-orange .inner-box, .box-white .inner-box {
    display: block;
    margin: 0 auto;
    max-width: 1170px;
    text-align: left;
    width: 96%
}

.box-blue, .box-brown, .box-gray, .box-green, .box-orange, .box-white {
    padding: 25px 0;
    clear: both
}

.box-blue, .box-gray, .box-orange {
    padding: 55px 0 25px
}

.box-white {
    background: #fff
}

.box-gray {
    background: #f5f5f5
}

.box-brown {
    background: #345fa5
}

.box-green {
    background: #b1caa2
}

.box-orange {
    background: #23222a
}

.box-orange h3 {
    text-align: center;
    margin-bottom: 5px !important
}

.box-brown, .box-brown p, .box-orange, .box-orange p {
    color: #fff
}

.box-orange p {
    color: #555;
    text-align: center
}

.box-blue li a, .box-blue li a:visited {
    color: #555
}

.box-blue li a:hover {
    color: #e4e4e4
}

.box-blue h4 a:hover {
    color: #337ab7
}

.team-yellow {
    padding: 65px 0 25px
}

.box-blue.team-yellow li a:hover, .team-yellow a:hover {
    color: #337ab7
}

.display-table {
    width: 100%;
    height: 100%;
    display: table
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.img-200.float-left {
    float: left
}

#footer-copyright .copy-row .row-container p {
    text-align: center
}

.sod-icons a svg {
    fill: #fff;
    transition: all .3s ease
}

.sod-icons a:hover svg {
    fill: #23527c
}

#footer-copyright .phone-row a[href^=tel], #footer-copyright .phone-row a[href^=tel]:visited {
    color: #fff !important
}

::-moz-selection {
    background-color: #000;
    color: #fff
}

::selection {
    background-color: #000;
    color: #fff
}

.row {
    color: #777
}

.grey-bg {
    background-color: #f7f7f7
}

.sticky-wrapper, .sticky-wrapper #genesis-nav-primary, .sticky-wrapper .site-title {
    background: #fff
}

#genesis-nav-primary .wrap {
    background: 0 0;
    border: 0 solid #d4d4d4;
    box-shadow: 0 0 0 transparent
}

nav ul li {
    color: #4b4b4b
}

nav ul li a, nav ul li a:visited {
    color: #212121
}

nav ul li a:active, nav ul li a:focus, nav ul li a:hover {
    color: #16548b;
    text-decoration: none
}

#footer-copyright a, #footer-copyright a:visited, #footer-copyright h4, #footer-copyright h4 a, #footer-copyright h4 a:visited, #footer-copyright p a, #footer-copyright p a:visited, #footer-copyright ul li a, #footer-copyright ul li a:visited {
    color: #fff;
    text-decoration: none
}

#footer-copyright a:active, #footer-copyright a:focus, #footer-copyright a:hover, #footer-copyright h4 a:active, #footer-copyright h4 a:focus, #footer-copyright h4 a:hover, #footer-copyright p a:active, #footer-copyright p a:focus, #footer-copyright p a:hover, #footer-copyright ul li a:active, #footer-copyright ul li a:focus, #footer-copyright ul li a:hover {
    color: #88a43d !important;
    text-decoration: none
}

#footer-copyright .phone-row {
    color: #fff
}

/*.home h2 {*/
/*color: #000*/
/*}*/

/*.home .photo-cloud-tile-overlay-message h2 {*/
/*color: #fff*/
/*}*/

/*.home section .inner h2.home-titles, h3, h4 {*/
/*color: #555*/
/*}*/

.inner-line {
    background: #000
}

.photo-cloud-section {
    background: #fff
}

.photo-cloud-tile-overlay-message a, .photo-cloud-tile-overlay-message a:visited {
    color: #1ab7ea;
    border: 1px solid #1ab7ea
}

.photo-cloud-tile-overlay-message a:active, .photo-cloud-tile-overlay-message a:focus, .photo-cloud-tile-overlay-message a:hover {
    background: #1ab7ea;
    color: #000
}

#home-casestudy-slider .casestudy-slide h2 {
    font-size: 1.5em;
    line-height: 1.2em;
    color: #fff;
    font-weight: 300;
    padding: 0 !important;
    margin: 0 !important;
    position: relative
}

#home-casestudy-slider .casestudy-slide h3, #home-casestudy-slider .casestudy-slide h4 {
    color: #fff
}

#home-casestudy-slider .casestudy-slide a {
    color: #fff;
    border: 2px solid #fff
}

#home-casestudy-slider .casestudy-slide a:active, #home-casestudy-slider .casestudy-slide a:focus, #home-casestudy-slider .casestudy-slide a:hover {
    background: hsla(0, 0%, 100%, .1)
}

.black-col .inner-span-block, .blue-col .inner-span-block, .yellow-col .inner-span-block {
    background: #22222b
}

.blue-col .inner-span-block {
    background: #1ab7ea
}

.yellow-col .inner-span-block {
    background: #fff02a;
    color: #22222b
}

.begin-process h4, .black-col p, .blue-col p {
    color: #fff
}

.begin-process .yellow-col h4, .yellow-col p {
    color: #22222b
}

.block-seenheard:hover * {
    color: #1ab7ea !important
}

.block-versions:hover * {
    color: #22222a !important
}

.block-work:hover * {
    color: #1ab6e9 !important
}

.block-about:hover * {
    color: #ffef28 !important
}

p.clutch-p > a, p.clutch-p > a:visited {
    color: #16548b
}

p.clutch-p > a:active, p.clutch-p > a:focus, p.clutch-p > a:hover {
    color: #555
}

.highlightspan {
    background: #ddc567
}

.lightshow_banner {
    background: #09182d;
    /*background: linear-gradient(135deg, #1cb7e8, #49c2ba)*/
    box-shadow: 0 0 10px #d9d9da;
}

.hoverin h2, .hoverin h3, .rc-project h2 {
    color: #fff
}

.fsca h2 {
    color: #000
}

.f0f0f0bg {
    background: #f0f0f0
}

.split-image-box-text .border {
    border-bottom: 2px solid #c3c3c3
}

.container.bg-color {
    background-color: #22222b;
    color: #fff
}

.gray {
    background: #ededed
}

.sc_portfolio-hover-title {
    color: #fff
}

.artv_info h4, .artv_info i {
    color: #000
}

.box-blue {
    background: #2ab8e8
}

.team-yellow {
    background: #feee44
}

.box-blue h3, .box-blue h4, .box-blue h4 a, .box-blue p {
    color: #fff
}

.box-blue.team-yellow li a, .box-blue.team-yellow li a:visited, .team-yellow a, .team-yellow a:visited, .team-yellow h3, .team-yellow h4, .team-yellow li, .team-yellow p {
    color: #000
}

.capabilities-gradient h1, .capabilities-gradient p, .large-header-gradient h1, .large-header-gradient p {
    color: #fff
}

.contact-grey-bg {
    background: #f0f0f0;
    color: #000
}

.art-inner-bg-img {
    background-color: #f3f5f8;
    color: #333
}

.art-inner-bg-img h2 {
    color: #000
}

.container .border {
    border-bottom: 2px solid #c3c3c3
}

.title_home_slice_1, .title_home_slice_2 {
    color: #bdb099
}

.title_home_slice_1.white, .title_home_slice_2.white {
    color: #fff
}

.buy, .slide_home {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.landing-grid {
    color: #000
}

.landing-grey-bg {
    background: #f2f2f2
}

.landing-grid-webdesign2 .landing-block, .landing-grid-webdesign .landing-block {
    background-color: #fff
}

.landing-grid-webdesign .landing-block.dark-bg-block {
    background-color: #22222b;
    color: #fff
}

.webdev-owl-slide, .webdev-owl-slide a {
    color: #fff
}

.bg-gradient-purple {
    background: linear-gradient(#0073aa, #0a6793)
}

.bg-gradient-red {
    background: linear-gradient(#c2694e, #cd4d30)
}

.bg-gradeient-blue {
    background: linear-gradient(#008baa, #0071aa)
}

.bg-gradeient-orange {
    background: linear-gradient(#e46926, #e44f26)
}

.bg-gradient-blue2 {
    background: linear-gradient(#109bba, #1072ba)
}

.bg-gradient-red2 {
    background: linear-gradient(#af2b43, #af2b2d)
}

.bg-gradient-blue3 {
    background: linear-gradient(#53d5de, #53c1de)
}

.bg-gradient-purple2 {
    background: linear-gradient(#8d5c9b, #9b5c8f)
}

.bg-gradient-greyblue {
    background: linear-gradient(#303b3b, #30373b)
}

.bg-gradient-black {
    background: linear-gradient(#434343, #000)
}

.teal-highlight {
    background: #67ddc5
}

.landing-block.fullsize-bg-image h2, .landing-block.fullsize-bg-image h3 {
    color: #fff
}

.landing-block.fullsize-bg-image a, .landing-block.fullsize-bg-image a:visited {
    color: #000;
    border: 1px solid #5b5b5b
}

.landing-block.fullsize-bg-image a:active, .landing-block.fullsize-bg-image a:focus, .landing-block.fullsize-bg-image a:hover {
    color: #fff;
    border: 1px solid #5b5b5b;
    background: #5b5b5b
}

.container_box {
    border: 4px solid #fff
}

.container_box, .container_box_2 {
    background-color: #fff
}

.box_in_style_1, .box_style_2:nth-child(2), .box_style_2:nth-child(6), .box_style_2:nth-child(7), .container_trio {
    border-bottom: 4px solid #fff
}

.box_in_style_1 {
    border-right: 4px solid #fff
}

.container_info_photo_min {
    color: #fff
}

.play_lightbox_photo_min.maven_b {
    color: #337ab7
}

.container_info_photo_min a {
    color: #fff
}

.container_info_photo_min a:hover {
    color: #000
}

.blue-box.new-blue, .new-white {
    background: #bcbec0
}

.blue-box, .turquoise {
    color: #fff
}

.bodrer-anima {
    background: #337ab7
}

.row-five.strategy {
    background: #f8f8f8
}

.big-h1 h1, .box.wtitle h2, .white-text, .white-text ul, .white-text ul li {
    color: #fff
}

.row.flexing {
    background: #fff
}

.post h3 {
    color: #bbb
}

.new-white-2 {
    background: #fff
}

.full-wh-desc h1 {
    color: #000
}

.new-blue {
    background: #005dff
}

.new-blue a, .new-blue a:visited, .new-gray a, .new-gray a:visited, .white-text a, .white-text a:visited, .white-text h2, .white-text h3, .white-text p {
    color: #fff
}

.white-text .arrow-down-link svg {
    fill: #fff
}

.new-gray {
    background: #292929
}

.request-now .link-button a, .request-now .link-button a:visited {
    border: #fff;
    color: #525252;
    background: #fff;
    border-color: #fff
}

.request-now .link-button a:active, .request-now .link-button a:focus, .request-now .link-button a:hover {
    color: #fff;
    background: #525252;
    border-color: #525252
}

.av-grid-section--white {
    background-color: #fff
}

.av-grid__border {
    border-bottom: 2px solid #c3c3c3
}

.av-grid__item__link__title, .gray-bg.middle-spec-section .av-grid__item__link__title, .page-template-page-landing .av-grid__item__link__title {
    background: rgba(0, 0, 0, .8);
    color: #fff
}

.box-orange.box-size-fix a, .box-orange.box-size-fix a:visited {
    color: #6b6154
}

.box-orange.box-size-fix a:hover {
    color: #5b5247
}

.border-right {
    border-right: 4px solid #fff
}

.turquoise-box {
    background: #1ab7ea
}

.turquoise-box a, .turquoise-box a:hover {
    color: #fff
}

.yellow-box {
    background: #fff02a
}

.gray-text {
    color: #aeb0ae
}

.border-bottom {
    border-bottom: 4px solid #fff
}

.black-text {
    color: #000
}

.new-white .black-text {
    color: #fff
}

.box_style_2.anim_box_2:nth-last-child(2), .box_style_2:nth-child(3), .box_style_2:nth-child(6), .box_style_4 .box_in_style_1.gray-text {
    border-right: 4px solid #fff
}

section#portfolio {
    background: #fff
}

.post-type-archive-case-studies .site-container {
    background-color: #f5f5f5
}

.post-type-archive-case-studies article.type-case-studies .entry-content p {
    color: #777
}

.blog .post.category-news .col-md-9.entry-content h2.entry-title a, .blog .post.category-press .col-md-9.entry-content h2.entry-title a, .post-type-archive-case-studies article.type-case-studies h2.entry-title a {
    color: #bbb
}

#form-box-new #company, #form-box-new #email, #form-box-new #name, #form-box-new #phone, #form-box-new #position, #form-box-new #town, #how-did-you-hear-about-us, .new-form-box #company, .new-form-box #email, .new-form-box #message, .new-form-box #name, .new-form-box #phone, .new-form-box #position, .new-form-box #town {
    background: #f6f6f6;
    border: 1px solid #d2d2d2;
    color: #111
}

.wpcf7-form-control ~ .focus-border i:after, .wpcf7-form-control ~ .focus-border i:before {
    background-color: #4bb6e3
}

input.wpcf7-submit {
    background-color: #23222a;
    color: #c9c9c9;
    border: 0 solid #fff
}

input.wpcf7-submit:active, input.wpcf7-submit:focus, input.wpcf7-submit:hover {
    background-color: #16548b;
    color: #fff;
    border: 0 solid #16548b
}

.blog .site-container {
    background-color: #f5f5f5
}

.blog #genesis-content .post {
    background: #fff
}

.blog .pagination ul > li.active > a, .blog .pagination ul > li > a {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #555
}

.blog .pagination ul > li.active > a, .blog .pagination ul > li > a:hover {
    background: #2ab8e8;
    border: 1px solid #2ab8e8;
    color: #fff
}

.our-team-image-arrow {
    border-color: transparent transparent #ebebeb;
    border-style: solid
}

.our-team-row-bio {
    background: #ebebeb
}

.our-team-row-bio h5 {
    color: #333
}

/*a[href^=tel] {*/
/*color: inherit !important;*/
/*text-decoration: none*/
/*}*/

body {
    display: block !important
}

.page-id-2802 .page-title {
    display: none
}

.svg-link {
    width: 300px;
    max-width: 90%
}

.lightshow_full {
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1
}

.lightshow_banner {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    position: absolute
}

.transp-canvas {
    opacity: .8
}

.gradient-banner-container {
    position: relative;
    color: #fff
}

.gradient-banner-inner {
    width: 96%;
    max-width: 1170px;
    margin: auto;
    height: 100%;
    min-height: 100%;
    position: relative;
    z-index: 20;
    padding: 70px 0
}

.gradient-banner-container h1 {
    position: relative;
    z-index: 3;
    margin: 10px 0;
    color: #fff;
    font-size: 18px
}

.gradient-banner-container.bigH1 h1 {
    font-size: 30px
}

.gradient-banner-container h2 {
    padding: 0 !important;
    margin: 10px 0 !important;
    z-index: 200;
    color: #fff;
    position: relative;
    font-size: 30px
}

section.content .inner.no-top-padding {
    padding-top: 40px
}

.bio-col h3 {
    font-size: 30px
}

.bio-col h5 {
    font-size: 20px
}

.gradient-banner-inner {
    padding: 70px 5px
}

.page-id-85 .inner {
    margin: 25px auto 0;
    padding: 0;
    max-width: 1170px;
    width: 96%
}

.page-id-9372 .rc-project .inner-brick h1, .page-id-9372 .rc-project h1 {
    padding: 0;
    height: auto;
    position: absolute;
    color: #fff;
    left: 0;
    display: inline-table;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

.page-id-9372 .col-md-12.rc-project h1.valign span, .page-id-9372 .rc-project h1.plus-span span {
    font-size: 19px;
    display: block;
    clear: both
}

.page-id-9372 .brick.w3 .valign > a {
    display: inline-block;
    margin-bottom: 30px
}

.page-id-9372 #wrapper {
    margin-top: 0
}

#genesis-nav-primary .menu-item-has-children:hover .sub-menu, .genesis-nav-menu li:hover > ul.submenu {
    display: inline-block
}

.single-case-studies .dark-box p {
    margin-bottom: 20px
}

.page-id-4320 .title_box_in_style_3 h1, .page-id-4320 .title_box_in_style_3 h2 {
    font-size: 46px;
    line-height: 1.26;
    color: #000;
    font-weight: 800
}

.page-id-4320 .title_box_in_style_3 h3 {
    font-size: 19.5px;
    line-height: 1.36
}

.page-id-4320 .livicon-evo {
    margin: 10px 0
}

.page-id-4320 .inner.no-top-padding {
    padding: 70px 0 50px
}

.page-id-5658 .photo_min.box_style_2.anim_box_2.pencil1 {
    border-right: 0;
    border-bottom: 4px solid #fff
}

.page-id-5658 .photo_min.box_style_2.anim_box_2.pencil3 {
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff
}

.page-id-5658 .box_in_style_1.turquoise-box.white-text {
    border-right: 0
}

.page-id-5658 .box_in_style_3.yellow-box {
    border-bottom: 4px solid #fff
}

.page-id-5658 .container_trio + .photo_min.box_style_2.anim_box_2 {
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff
}

.page-id-5658 .photo_min.box_style_2.anim_box_2 + .photo_min.box_style_2.anim_box_2 {
    border-bottom: 4px solid #fff
}

.digital-divide .left-col h1 {
    font-size: 18.5px;
    margin-bottom: 10px;
    color: #555
}

.digital-divide .left-col h2 {
    font-size: 23.5px;
    margin-top: 0
}

.cap-col {
    outline: 0
}

.col-md-offset-0 .inner-span-block img .entry-content .inner-span-block ul, .single-case-studies .padding-top-bottom.dark-box p {
    margin-bottom: 20px
}

.owl-carousel .owl-item .webdev-owl-slide img, .webdev-owl-slide img {
    width: 150px;
    height: auto;
    max-width: 150px !important
}

.awards-flex-container > img {
    max-height: 100px !important
}

.momentum-section .col-md-3 {
    padding: 10
}

.dropshadow-box-inside-col {
    box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    padding: 20px;
    height: 100%;
    text-align: left
}

.shadowbox-flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.shadowbox-flex-row > div {
    padding: 10px;
    width: 25%
}

.momentum-section .full-wh-desc, .momentum-section .row {
    overflow: visible
}

#three-white h2, #three-white h6 {
    text-align: center
}

.body-padding .phoneResponsive2 .internetExplorerClass, .body-padding .phoneResponsive .internetExplorerClass, .tabletAnim-image-tag {
    display: none
}

.body-padding .phoneResponsive2 {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    display: -ms-grid;
    display: grid;
    height: 350px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: 100%;
    grid-template-rows: 100%
}

.body-padding .phoneResponsive2 div {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2
}

.body-padding .phoneResponsive2 img {
    position: relative;
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85)
}

.body-padding .phoneResponsive2 .back2 {
    top: 15%;
    left: 0;
    z-index: 0
}

.body-padding .phoneResponsive2 .first-1, .body-padding .phoneResponsive2 .first-2, .body-padding .phoneResponsive2 .first-3 {
    top: 16%;
    left: 0;
    z-index: 4
}

.body-padding .phoneResponsive2 .second-1 {
    top: 16%;
    left: 0;
    z-index: 3
}

.body-padding .phoneResponsive2 .second-2, .body-padding .phoneResponsive2 .second-3 {
    top: 17%;
    left: 0;
    z-index: 3
}

.body-padding .phoneResponsive2 .third2 {
    top: 18%;
    left: 0;
    z-index: 2
}

.body-padding .phoneResponsive2 .fourth2 {
    top: 19%;
    left: 0;
    z-index: 1
}

.body-padding .phoneResponsive {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    display: -ms-grid;
    display: grid;
    height: 300px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: 100%;
    grid-template-rows: 100%
}

.body-padding .phoneResponsive > :first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.body-padding .phoneResponsive div {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2
}

.body-padding .phoneResponsive img {
    position: relative
}

.body-padding .phoneResponsive .shadow {
    top: 45%;
    left: 30%;
    z-index: -1
}

.body-padding .phoneResponsive .back {
    top: 5%;
    left: 30%;
    z-index: 0
}

.body-padding .phoneResponsive .first {
    top: 4%;
    left: 21%;
    z-index: 4
}

.body-padding .phoneResponsive .second {
    top: 3%;
    left: 23%;
    z-index: 3
}

.body-padding .phoneResponsive .third {
    top: 2%;
    left: 25%;
    z-index: 2
}

.body-padding .phoneResponsive .fourth {
    top: 1%;
    left: 27%;
    z-index: 1
}

.casestudy_nav_inner {
    max-width: 38px;
    height: 400px
}

.casestudy_nav_inner button img {
    width: 17px !important;
    height: 25vh !important;
    max-width: 200%;
    position: relative
}

.casestudy_previous {
    height: 25vh;
    border-right: 3px solid black !important;
    transition: border-width .6s linear
}

.casestudy_next {
    height: 25vh;
    border-left: 3px solid black !important;
    transition: border-width .6s linear
}

.casestudy_previous:hover {
    border-width: 5px !important
}

.casestudy_next:hover {
    border-width: 5px !important
}

html {
    scroll-behavior: smooth;
    scroll-behavior: -webkit-smooth
}

.overflowClassFix {
    overflow: hidden !important
}

#artversion-intro, .home, .home .content-sidebar-wrap.row, .home .site-container, .home section.stats-section-ddd-header, section.stats-section-container {
    overflow: unset !important
}

.stats-section-ddd-header {
    width: 100%;
    background: #22222b
}

.stats-section-sticky-header {
    z-index: 1;
    background: linear-gradient(180deg, #22222b, #22222b, #22222b, #22222b, #22222b, #22222b, rgba(34, 34, 43, 0));
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 16vh 0 8vh
}

.stats-section-sticky-blurb {
    font-size: 1.7em;
    text-align: center;
    color: #fff !important;
    padding-left: 35px !important;
    padding-right: 35px !important
}

.stats-section-sticky-header h2 {
    text-align: center;
    font-weight: 700;
    font-size: 3.2em;
    color: #fff !important
}

.stats-section-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    max-width: 1100px;
    margin: auto
}

.stats-section-sticky-track {
    position: relative;
    width: 30%;
    padding: 5px 5px 100px
}

.stats-section-sticky-menu {
    position: -webkit-sticky;
    position: sticky;
    top: 40vh
}

.stats-section-sticky-menu ul li {
    padding-top: 3vh;
    -webkit-transition: font-size .3s, color .5s;
    -o-transition: font-size .3s, color .5s;
    transition: font-size .3s, color .5s;
    font-weight: 700;
    color: #fff !important
}

.stats-section-sticky-menu ul li:hover {
    color: #fc3 !important;
    font-size: 1.2em;
    cursor: pointer
}

.stats-section-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 100vh;
    width: 70%;
    padding: 5px
}

.stats-section-content-slide {
    min-height: 50vh;
    width: 100%;
    padding-top: 3vh;
    overflow: hidden !important
}

.stats-section-content-slide p {
    -webkit-transform: translate(100%);
    -ms-transform: translate(100%);
    transform: translate(100%);
    opacity: 0;
    font-size: 1.15em;
    margin-right: 15vh;
    color: #fff !important
}

.stats-section-slide-firstP {
    font-size: 1.4em !important;
    font-weight: 700;
    color: #fff !important
}

.stats-section-slide-title {
    color: #000 !important;
    font-weight: 400
}

.stats-link-bold {
    color: #fc3;
    font-size: 1.2em
}

.stats-section-web-design-bar {
    border-radius: 5px;
    height: 25px;
    width: 0;
    background: linear-gradient(90deg, #fd5, #fd5, #fd5, #3df);
    margin-top: 10px;
    margin-bottom: 45px
}

.stats-section-percent-counter2 {
    display: none
}

.stats-section-percent-counter {
    opacity: 0;
    padding-bottom: 15px;
    font-size: 8em !important;
    font-weight: 100;
    letter-spacing: -10px;
    color: #fd5 !important
}

.stats-section-slide-title, .stats-section-slide-title2 {
    font-size: 2.5em !important;
    font-weight: 700 !important;
    color: #fff !important
}

.stats-section-slide-title2 {
    display: none
}

.stats-section-slide-button {
    opacity: 0;
    transform: translate(100%)
}

.our-team-image-div.first, .our-team-image-div.second, .our-team-row-bio.first, .our-team-row-bio.second {
    top: auto;
    left: auto
}

@media screen and (min-width: 1920px) {
    .title_content_box_in {
        font-size: 30px !important
    }
}

@media screen and (min-width: 1400px) {
    .home-feature-hero {
        font-size: 80px
    }

    .home-feature-hero h1 {
        width: 90%;
        max-width: 1100px
    }
}

@media only screen and (max-width: 1680px) {
    .full-wh-desc h1, .full-wh-desc h6 {
        font-size: 80px
    }

    .full-wh-desc h2 {
        font-size: 24px
    }
}

@media only screen and (max-width: 1450px) {
    .home-feature-hero h1 {
        width: 80%
    }
}

@media only screen and (max-width: 1365px) {
    .casestudy_nav_inner {
        max-width: 35px;
        height: 400px
    }

    nav ul li a, nav ul li a:visited {
        margin: 5px 10px
    }

    .page-id-9372 .padding-top-125 {
        padding-top: 105px
    }

    .page-id-9372 .padding-bottom-125 {
        padding-bottom: 105px
    }

    .animateme h2 {
        font-size: 45px
    }
}

@media only screen and (max-width: 1280px) {
    #two-gray .full-wh-desc, #two-gray .full-wh-inner-section {
        height: auto !important
    }

    .shadowbox-flex-row > div {
        width: 50%
    }

    .search .content-sidebar-wrap.row, .single .content-sidebar-wrap.row, .single .row.single-row {
        max-width: 94%
    }

    .single.single-project .content-sidebar-wrap.row, .single.single-project .row.single-row {
        max-width: 100%
    }

    .single.single-project .col-md-12.padding-50 {
        padding-left: 20px;
        padding-right: 20px
    }

    .footer-widgets .wrap, .section .inner-section {
        width: 1180px;
        max-width: 96%
    }

    #genesis-content, #genesis-content .post {
        max-width: 100%;
        width: 100%
    }

    #genesis-nav-primary .wrap {
        float: right;
        max-width: 96%
    }

    nav ul li {
        margin: 0 0 0 5px
    }

    nav ul li a {
        margin: 5px 10px
    }

    .sticky-wrapper .site-title {
        max-width: 220px
    }

    .page-id-9372 .padding-top-125 {
        padding-top: 85px
    }

    .page-id-9372 .padding-bottom-125 {
        padding-bottom: 85px
    }

    .text-span-block .inner-span-block {
        padding: 0 25px 35px
    }

    .single-case-studies .content-sidebar-wrap.row, .single-case-studies .row.single-row {
        max-width: 100%
    }

    .animateme h2 {
        font-size: 40px
    }
}

@media only screen and (max-width: 1700px) {
    .container.bg-color {
        height: auto
    }
}

@media only screen and (max-width: 1279px) {
    /*.background-wrapper, .container {*/
    /*width: 1140px*/
    /*}*/

    .post-body.col-md-8 a h3 {
        margin-top: 0
    }
}

@media only screen and (max-width: 1180px) {
    .inner-brick h1, .inner-brick h2 {
        font-size: 30px
    }

    .page-id-9372 .padding-bottom-125 {
        padding-bottom: 45px
    }

    .page-id-9372 .padding-top-125 {
        padding-top: 15px
    }

    .text-span-block .inner-span-block h2 {
        padding-top: 0;
        margin-top: 0
    }

    .cwsheading .inner-box {
        margin: 0
    }

    .cwsheading {
        text-align: center;
        max-width: 94%
    }

    .yellow-col-box .inner-span-block {
        top: 58%
    }

    .cwsheading p {
        text-align: center
    }

    .digital-divide .right-col img {
        width: 120%;
        max-width: 120%
    }

    .art_image_wrapper {
        width: 100%
    }

    .magento-row-4 .box.text-magento {
        width: 180px
    }

    .magento-row-4 .box.image-magento {
        width: 120px
    }

    .box.image-magento img {
        border: 1px solid transparent
    }

    .home .lightshow_full {
        z-index: 1;
        opacity: .8
    }

    .home #lightshow_imagelayer {
        z-index: 0
    }
}

@media only screen and (max-width: 1100px) {
    #genesis-footer-widgets .wrap {
        background-size: 420px 620px
    }
}

@media only screen and (max-width: 1080px) {
    ul.menu li {
        margin: 0 0 0 5px
    }

    nav ul li a {
        margin: 5px 8px 0
    }

    .textwidget .box-blue .inner-box, .textwidget .box-gray .inner-box {
        padding-left: 10%;
        padding-right: 10%
    }

    .blog .post.category-news .col-md-9.entry-content, .blog .post.category-press .col-md-9.entry-content {
        padding-bottom: 10px;
        padding-top: 20px
    }

    .multi-creative h2 {
        font-size: 36px
    }

    .multi-creative h3 {
        font-size: 22px
    }

    .inner-post {
        padding-bottom: 10px;
        padding-top: 20px
    }

    .col-one.one-left {
        margin-left: 0;
        padding-left: 0
    }
}

@media only screen and (max-width: 1024px) {
    .casestudy_previous {
        left: -25px
    }

    .casestudy_next {
        right: -25px
    }

    #og-grid li.hover {
        margin: 0;
        padding: 5px 3px
    }
}

@media only screen and (max-width: 1023px) {
    .mobile-sms a:after {
        content: " ";
        background-image: url(//artversion.com/wp-content/themes/artversion/images/comment-regular.svg);
        background-size: 20px 20px;
        position: absolute;
        width: 20px;
        height: 20px;
        top: 50%;
        left: auto;
        margin: -20px 0 0 10px;
        z-index: 1
    }

    .page-id-5650 .box_in_style_1.turquoise-box + .box_in_style_1.photo_min, .page-id-5658 .box_in_style_1.turquoise-box.white-text {
        border-right: 0
    }

    .page-id-5650 .container_trio + .photo_min.box_style_2.anim_box_2, .page-id-5658 .container_trio + .photo_min.box_style_2.anim_box_2, .page-id-5658 .photo_min.box_style_2.anim_box_2 + .photo_min.box_style_2.anim_box_2 {
        border-right: 0 solid #fff
    }

    .page-id-5658 .photo_min.box_style_2.anim_box_2.ux-artversion {
        border-right: 0 solid #fff;
        border-bottom: 4px solid #fff
    }

    .page-id-5658 .box_in_style_1.blue-box {
        border-right: 0
    }

    .page-id-5658 .box_in_style_1.turquoise-box.white-text {
        border-right: 0 solid #fff
    }

    .page-id-5650 .box_style_1.anim_box_4.anim {
        border-bottom: 4px solid #fff
    }

    #menu-footer-menu {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: calc(100vh - 60px);
        padding-bottom: 200px
    }

    .recent-projects-container .row, .row.artv_info {
        max-width: 100%;
        margin: 0 auto
    }

    .page-id-85 .artv_info div {
        padding: 0 15px
    }

    .old-design #genesis-content {
        padding: 90px 0 50px
    }

    #wrapper, .body-padding #wrapper, .body-padding .content-sidebar-wrap.row, .single-post #genesis-content.col-md-9, .single-post #genesis-content.content, .single-post .content-sidebar-wrap.row {
        margin-top: 0
    }

    .genesis-nav-menu, .site-header .widget-area, .site-title {
        text-align: center
    }

    .header-image .site-title > a {
        background-position: 50% !important
    }

    .full-width-content .content {
        padding: 0
    }

    .genesis-responsive-menu .genesis-nav-menu .menu-item a {
        width: 100%
    }

    #genesis-nav-primary {
        height: 40px
    }

    .site-header {
        position: relative
    }

    .site-header .title-area {
        transform: scale(1)
    }

    .sticky-wrapper {
        background: #ededed;
        height: 65px !important
    }

    .sticky-wrapper .site-title {
        background: 0 0
    }

    .header-widget-area {
        display: none
    }

    .menu-toggle {
        display: block;
        right: 0;
        margin-right: 21px;
        margin-top: 13px;
        position: absolute;
        z-index: 100
    }

    nav ul.menu-primary {
        display: block;
        margin-right: 0;
        margin-top: 60px;
        padding-bottom: 15px;
        max-width: 100% !important;
        width: 100% !important
    }

    .site-header .wrap {
        position: unset;
        position: static
    }

    #genesis-nav-primary .menu-item .line {
        display: none
    }

    .genesis-responsive-menu .genesis-nav-menu .menu-item {
        clear: both;
        display: block;
        float: none;
        position: relative;
        text-align: left
    }

    .sub-menu-toggle {
        display: inline-block
    }

    .genesis-responsive-menu .genesis-nav-menu .menu-item a {
        padding: 15px 10px
    }

    .genesis-responsive-menu .genesis-nav-menu .sub-menu .menu-item a {
        padding: 10px
    }

    .genesis-responsive-menu .genesis-nav-menu .sub-menu {
        padding: 0 15px
    }

    .genesis-responsive-menu .genesis-nav-menu .sub-menu .menu-item a {
        font-size: 14px
    }

    .genesis-nav-menu .menu-item:hover > .sub-menu {
        left: auto;
        opacity: 1;
        position: relative;
        width: 100%
    }

    #genesis-footer-widgets .wrap .footer-widgets-1, #genesis-footer-widgets .wrap .footer-widgets-2 {
        width: 45%
    }

    #genesis-sidebar-primary {
        display: none
    }

    #menuburger-main, .hamburger {
        display: block
    }

    #genesis-nav-primary, .sticky-wrapper #genesis-nav-primary {
        height: 0 !important;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 65px;
        width: 100% !important;
        z-index: 99;
        overflow: hidden;
        float: none
    }

    #genesis-nav-primary, #genesis-nav-primary.opened, .sticky-wrapper #genesis-nav-primary {
        transition: background .3s cubic-bezier(.56, .18, .22, 1), height .5s cubic-bezier(.46, .18, .22, 1);
        background: #ededed
    }

    #genesis-nav-primary.opened {
        height: 120vh !important;
        max-height: 120vh
    }

    #genesis-nav-primary .wrap {
        float: none;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        box-shadow: 0 0 0 0 transparent;
        padding-left: 0;
        padding-right: 0
    }

    nav#genesis-nav-primary ul.menu-primary {
        display: block;
        margin-right: 0;
        margin-top: -4px;
        margin-bottom: 10px;
        max-width: 100% !important;
        width: 100% !important;
        text-align: left
    }

    nav#genesis-nav-primary ul.menu-primary li {
        display: block;
        clear: both;
        width: 96%;
        float: right;
        line-height: 2
    }

    nav#genesis-nav-primary ul.menu-primary li:last-child a, nav#genesis-nav-primary ul.menu-primary li a {
        float: left;
        font-size: 15px;
        letter-spacing: 1px;
        margin: 5px 15px 0;
        padding: 5px 9px;
        text-transform: uppercase
    }

    nav#genesis-nav-primary .menu-item-has-children .sub-menu {
        background: 0 0;
        margin-top: 0;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        transform: translateY(-2em);
        z-index: -1;
        transition: all .1s ease-in-out 0s, visibility 0s linear .1s, z-index 0s linear .01s
    }

    nav#genesis-nav-primary .menu-item-has-children:hover .sub-menu {
        background: 0 0;
        visibility: visible;
        position: relative;
        opacity: 1;
        z-index: 1;
        transform: translateY(0);
        transition-delay: 0s, 0s, .1s
    }

    nav#genesis-nav-primary ul.sub-menu li, nav#genesis-nav-primary ul.sub-menu li:last-child {
        padding: 0
    }

    nav#genesis-nav-primary ul.sub-menu li:last-child a, nav#genesis-nav-primary ul.sub-menu li a {
        padding: 6px 25px 0 !important;
        font-size: 14px
    }

    #genesis-nav-primary .sub-menu li {
        background: 0 0
    }

    .sticky-wrapper, .sticky-wrapper + div, .sticky-wrapper + section, nav#genesis-nav-primary {
        webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .sticky-wrapper {
        z-index: 9999
    }

    #two-gray .full-wh-inner-section, #two-white .full-wh-inner-section {
        height: auto !important
    }

    #two-white .full-wh-desc {
        padding: 140px 0 180px;
        margin: 0 auto;
        height: auto;
        max-width: 85%;
        position: inherit;
        top: inherit;
        transform: none
    }

    .media-box.col-md-4 {
        display: none
    }

    .post-body.col-md-8 {
        padding: 25px 35px
    }

    .yellow-col-box {
        width: 100%;
        max-width: 100%;
        padding: 0;
        background: #fff02a
    }

    .digital-divide .placeholder, .digital-divide .right-col {
        display: none
    }

    .left-yellow-box .inner-span-block {
        position: relative;
        top: auto;
        transform: translateY(0);
        width: 360px;
        max-width: 96%;
        right: auto;
        margin: 0 auto;
        display: block
    }

    .yellow-col-box .inner-span-block {
        position: relative;
        width: 100%;
        max-width: 90%;
        padding: 80px 50px 50px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 0;
        background: #fff02a;
        transform: translateY(0);
        right: auto;
        float: none
    }

    .gray-box-form .inner-span-block {
        padding: 35px 50px;
        margin: 0 auto;
        float: none;
        width: 90%
    }

    .gray-box-form {
        background: #f0f0f0
    }

    .left-yellow-box .inner-span-block ul {
        padding-left: 0
    }

    .blog .post.category-news .col-md-9.entry-content, .blog .post.category-press .col-md-9.entry-content {
        width: 96%;
        padding: 25px 35px;
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .blog .post.category-news .featured-image.col-md-3, .blog .post.category-press .featured-image.col-md-3 {
        display: none
    }

    .category-news.entry, .category-pres.entry {
        display: block;
        background: #fff
    }

    .blog .content-sidebar-wrap.row #genesis-content {
        margin: 0 auto;
        width: 100%;
        padding: 50px 0 0
    }

    .single-case-studies .padding-top-bottom .row-container {
        max-width: 80%;
        width: 80%
    }

    .single-case-studies .content-sidebar-wrap.row, .single-case-studies .row.single-row {
        max-width: 100%
    }

    .owl-photo .owl-next, .owl-photo .owl-prev {
        transform: scale(.2)
    }

    .owl-photo .owl-prev {
        margin-left: -15px
    }

    .owl-photo .owl-next {
        margin-right: -15px
    }

    .caption {
        max-width: 90%;
        top: 27%;
        width: 90%
    }

    .post-body.col-md-8 {
        width: 96%;
        padding: 25px 0;
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .og-expander {
        height: 590px
    }

    .project-tile.expanded {
        min-height: 940px
    }
}

@media only screen and (max-width: 1000px) {
    .cloud-img, .photo-col {
        width: 100%
    }

    .cloud-img {
        margin: 0 auto 20px;
        z-index: 1
    }

    .photo-cloud-container {
        display: block;
        padding-bottom: 100px;
        max-width: 600px;
        width: 90%;
        margin: auto;
        flex-direction: column;
        -ms-flex-direction: column;
        z-index: 2
    }

    #img1, #img2, #img3, #img4, #img5 {
        width: 100%
    }
}

@media only screen and (max-width: 992px) {
    .our-clients .art-inner-bg-img .container {
        width: 960px;
        max-width: 96%
    }

    .page-id-2392 .box.col-sm-6 {
        text-align: center
    }

    .c-widget-small .clutch-widget {
        width: 166px
    }

    .page-id-85 .artv_info div {
        padding: 0 15px
    }

    .rsp-sec-4 .artv_info .col-md-4 {
        padding: 0 20px 20px
    }

    .rsp-sec-4 .artv_info .col-md-4:nth-child(2) {
        padding-top: 0
    }

    .rsp-sec-4 .artv_info .col-md-4:nth-child(3) {
        padding-top: 0;
        padding-bottom: 20px;
        float: none;
        clear: both;
        margin: 0 auto
    }

    /*.background-wrapper, .container {*/
    /*width: 960px*/
    /*}*/

    .page-id-1818 .box-orange .col-md-4, .page-id-5541 .box-orange.box-size-fix .col-md-4, .page-id-5543 .box-orange.box-size-fix .col-md-4, .page-id-5545 .box-orange.box-size-fix .col-md-4, .page-template-capabilities-landing-pages .box-orange .col-md-4, .page-template-inner-pages .box-orange .col-md-4, .widget_custom_html .box-orange .col-md-4 {
        max-width: 92%;
        width: 550px;
        margin-left: auto;
        margin-right: auto
    }

    .art_promo_container_top {
        z-index: 2
    }

    .art_image_wrapper {
        top: 13%
    }

    .art_promo_title {
        font-size: 30px
    }

    .site-header {
        height: 65px;
        transition: none;
        position: relative
    }

    .row.copy-row p {
        line-height: 1.36
    }

    .break-at-992px.items-50-percent .flex-item {
        display: block
    }

    .items-50-percent .flex-item {
        width: 100%
    }

    .mobile-padding-bottom-trick {
        padding-bottom: 60%
    }

    .split-image-box-text {
        padding: 20px 20px 100px
    }

    .split-image-box .flex-item-inner {
        width: 80%;
        margin: auto
    }

    .page-template-page-new-layout .inner {
        width: 100% !important
    }

    .full-wh-desc h1, .full-wh-desc h6 {
        font-size: 40px;
        line-height: 49px
    }

    .full-wh-desc h2 {
        font-size: 18px;
        line-height: 29px
    }

    .art-inner-bg-img {
        background-image: none !important
    }

    .art-inner-bg-img .padding-top-125 {
        padding-top: 5px
    }

    .art-inner-bg-img .col-first.padding-bottom-125, .art-inner-bg-img .padding-bottom-125 {
        padding-bottom: 5px
    }

    .art-inner-bg-img .col-last.padding-bottom-125 {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .page-id-9372 #genesis-content .clear {
        margin-top: 0;
        background: #f3f5f8
    }

    .page-id-9372 .artv_info {
        padding-top: 35px;
        padding-bottom: 65px
    }

    .page-id-9372 .gray .inner {
        padding: 0;
        margin: 0 auto
    }

    .page-id-9372 .art-inner-bg-img .col-last.padding-bottom-125 {
        padding-top: 0;
        padding-bottom: 0
    }

    .page-id-9372 .gradient-image-container + .art-inner-bg-img {
        padding-top: 35px
    }

    .page-id-9372 .art-inner-bg-img:last-child .col-last.padding-bottom-125 {
        padding-bottom: 35px
    }

    .art-inner-bg-img .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 30px;
        padding-right: 30px;
        width: 96%
    }

    .box-capabilities .inner-box .col-md-6.text-span-block, .row-five .inner-box, .row-five .inner-box .col-md-6.col-xs-12 {
        width: 94%;
        max-width: 94%;
        display: block;
        clear: both;
        float: none;
        margin: 0 auto
    }

    .box-capabilities .pull-right {
        float: none !important
    }

    .box-capabilities .inner-box .col-md-6.img-span-block {
        height: auto !important;
        width: 100% !important;
        max-width: 100%;
        display: block;
        clear: both;
        float: none;
        padding: 0
    }

    .box-capabilities .box.col ul, .row-five.strategy {
        margin-bottom: 0
    }

    .box-capabilities {
        padding: 70px 0 0;
        overflow: visible;
        visibility: visible !important
    }

    .hoverin h2 {
        font-size: 15px
    }

    .row-four .text-span-block .inner-span-block, .row-seven .text-span-block .inner-span-block, .row-two .text-span-block .inner-span-block, .text-span-block .inner-span-block {
        position: relative;
        margin-top: 0;
        top: auto;
        right: auto;
        left: auto;
        width: 100%;
        max-width: 94%;
        height: auto;
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .row-five .col-md-6 .inner-span-block {
        padding: 0
    }

    .row-five .col-list ul {
        margin-top: 35px;
        padding-left: 25px
    }

    .row-five .inner-box .col-md-3 {
        height: auto !important;
        width: 42.5% !important;
        max-width: 42.5%;
        display: inline;
        clear: none;
        float: left;
        margin: 0;
        padding-left: 30px;
        padding-right: 0
    }

    .text-span-block .inner-span-block {
        padding: 0 0 35px
    }

    .row-six .text-span-block .inner-span-block, .row-three .text-span-block .inner-span-block {
        float: none
    }

    .landing-grid, .landing-grid-webdesign {
        display: block !important
    }

    .landing-block.image-on-bottom.g1a_a {
        padding-bottom: 30px
    }

    .landing-grid .landing-block {
        margin-bottom: 30px;
        min-height: 500px
    }

    .break-at-992px {
        display: block
    }

    .mobile-no-min-height {
        min-height: auto !important
    }

    .g1a_process {
        display: none
    }

    .landing-block.big-title-and-blurb > div {
        max-width: 96%;
        width: 400px
    }

    .inner-team .hoverin h2 {
        font-size: 15px
    }

    .inner-team .hoverin h3 {
        font-size: 13px
    }

    .page-template-portfolio .og-expander-inner .col-md-7, .post-type-archive-project .og-expander-inner .col-md-7, .tax-discipline .og-expander-inner .col-md-7, .tax-prj-category .og-expander-inner .col-md-7 {
        width: 60%;
        float: left;
        display: inline
    }

    .page-template-portfolio .og-expander-inner .col-md-5, .post-type-archive-project .og-expander-inner .col-md-5, .tax-discipline .og-expander-inner .col-md-5, .tax-prj-category .og-expander-inner .col-md-5 {
        width: 40%;
        float: left;
        display: inline
    }

    .flex-container.break-on-992px {
        display: block
    }

    .contact-flex-inner-left {
        max-width: 100%
    }

    .contact-flex-item {
        padding: 75px;
        max-width: 100%
    }

    .contact-flex-item-left {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .flex-grow {
        -ms-flex: 1;
        flex: 1
    }

    .flex-grow.f-left, .flex-grow.f-right {
        width: 100%
    }

    .flex-grow.f-right {
        margin-left: auto;
        margin-right: auto;
        order: 1;
        height: 400px
    }

    .new-google-map {
        height: 100%;
        width: 100%;
        max-width: 100%;
        max-height: 100%
    }

    .box.contact-in.one-left {
        float: left;
        padding-left: 0
    }

    .page-id-124 .inner.no-top-padding .row {
        margin-bottom: 30px;
        margin-top: 10px
    }
}

@media only screen and (max-width: 960px) {
    #footer-copyright ul li a {
        font-size: 14px
    }

    #footer-copyright h4, #footer-copyright h4 a {
        font-size: 20px
    }

    .next a span, .previous a span {
        top: 50%;
        transform: translateY(-50%)
    }

    .next a span {
        right: 50px
    }

    .previous a span {
        left: 50px
    }
}

@media only screen and (max-width: 920px) {
    .disappearing-break {
        display: none
    }

    .art-inner-bg-img .col-first.padding-top-125 {
        padding-top: 45px
    }

    .art-inner-bg-img .col-first.padding-bottom-125, .art-inner-bg-img .padding-bottom-125 {
        padding-bottom: 5px
    }

    .inline-phone, div.submit {
        display: block;
        float: none;
        clear: both
    }

    .inline-phone {
        padding: 0 5px 0 0
    }
}

@media only screen and (max-width: 899px) {
    .second-yellow .col-sm-6 {
        width: 100%;
        display: block;
        clear: both;
        height: auto !important
    }

    .left-yellow-box .inner-span-block {
        padding: 50px 0
    }

    #owl-cs .owl-prev {
        margin-left: 10px !important
    }

    #owl-cs .owl-next {
        margin-right: 10px !important
    }

    #owl-cs .item h2 {
        font-weight: 900;
        font-size: 25px;
        line-height: 35px
    }

    .single-case-studies .row-container h2 {
        font-size: 35px;
        line-height: 45px
    }
}

@media only screen and (max-width: 870px) {
    #genesis-footer-widgets .wrap {
        background: 0 0
    }

    .widget-area.footer-widgets-1, .widget-area.footer-widgets-3 {
        margin-top: 0
    }

    .widget-area.footer-widgets-2 {
        margin-top: 45px
    }

    .caption h4 span {
        font-size: 19.5px;
        margin: 3px;
        padding: 10px
    }

    .caption {
        max-width: 90%;
        top: 30%;
        width: 90%
    }
}

@media only screen and (max-height: 800px) {
    #two-gray .full-wh-desc, #two-gray .full-wh-inner-section {
        height: auto !important
    }

    .remove-br br {
        display: none
    }

    .home-feature-hero h1 {
        width: 80%
    }

    .page-id-9339 #one-blue .full-wh-desc, .page-id-9339 #one-gray .full-wh-desc, .page-id-9339 #two-blue .full-wh-desc, .page-id-9339 #two-gray .full-wh-desc, .page-id-9339 #two-white .full-wh-desc {
        top: auto;
        transform: translateY(0);
        position: relative;
        padding: 90px 0 180px
    }

    .page-id-9339 #one-blue .full-wh-inner-section, .page-id-9339 #one-gray .full-wh-inner-section, .page-id-9339 #two-blue .full-wh-inner-section, .page-id-9339 #two-gray .full-wh-inner-section, .page-id-9339 #two-white .full-wh-inner-section {
        height: auto !important
    }
}

@media only screen and (max-width: 800px) {
    .site-inner, .wrap {
        max-width: 100%;
        width: 100%
    }

    .front-page .site-inner {
        padding: 0
    }

    .menu-toggle.dashicons-before.dashicons-menu {
        float: right;
        margin-right: 10px
    }
}

@media only screen and (max-width: 780px) {
    section.section {
        background-attachment: scroll !important
    }

    .inner-section {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media only screen and (min-width: 768px) {
    .our-clients .art-inner-bg-img .container {
        width: 740px;
        max-width: 100%
    }
}

@media only screen and (max-width: 768px) {
    .home .lightshow_full {
        z-index: 1;
        opacity: .8
    }

    .home #lightshow_imagelayer {
        z-index: 0
    }

    .two-columns-ul {
        column-count: 1
    }

    .page-id-10217 .box.wtitle h1 {
        font-size: 40px
    }

    .page-id-10217 .row.flexing {
        margin: 0
    }

    .inner-post {
        padding-right: 0
    }

    .whitepaper-single .media-box.col-md-4, .whitepaper-single .post-body.col-md-8 {
        padding-left: 0;
        padding-right: 0
    }

    .page-id-10217 .page h3 {
        font-size: 18px
    }

    /*.background-wrapper, .container, .our-clients .art-inner-bg-img .container {*/
    /*width: 740px;*/
    /*max-width: 100%*/
    /*}*/

    .mobile-sms {
        position: relative
    }

    .awards-flex-container, .mobile-sms {
        display: block
    }

    .awards-flex-container > img {
        margin: 20px auto;
        max-width: 60% !important
    }

    .landing-grid .landing-block.webdev-slider {
        min-height: auto
    }

    .webdev-owl-slide h2, .webdev-owl-slide h2 a {
        font-size: 20px
    }

    .webdev-owl-slide {
        height: 450px;
        min-height: 450px
    }

    .desktop-span {
        display: none
    }

    .our-team-row-grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto 10px auto auto 10px auto;
        grid-template-rows: auto 10px auto auto 10px auto;
        grid-template-areas: "i" " . " "l" "j" " . " "m"
    }

    .our-team-image-div.first {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        grid-area: i
    }

    .our-team-image-div.second {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        grid-area: j
    }

    .our-team-row-bio.first {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        grid-area: l
    }

    .our-team-row-bio.second {
        -ms-grid-row: 6;
        -ms-grid-column: 1;
        grid-area: m;
        margin-bottom: 10px
    }

    .partnerblurb-inner h2 {
        text-align: center;
        font-size: 22px;
        line-height: 1.2
    }

    .partner-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
        grid-template-areas: " b " " c ";
        padding: 40px 20;
        background: #f7f7f7
    }

    .partner-main-row {
        padding: 0
    }

    #partner-grid-end-circ, #partner-grid-top-arrow, .above-partner, .below-partner, .grey-stripe {
        display: none
    }

    #partner-lines_segment3 {
        top: 10%;
        height: 80%
    }

    .partnerblurb-inner {
        padding-top: 60px
    }

    .arrow-down-link.more-bottom {
        bottom: 150px
    }

    .portfolio-title-and-menu-desktop {
        display: none
    }

    .portfolio-title-and-menu-mobile {
        display: block
    }

    .box-background-fixed {
        background-attachment: scroll
    }

    .box.wtitle h2 {
        font-size: 40px
    }

    .home .casestudy-container {
        position: relative;
        width: 100%;
        margin: auto;
        overflow: visible !important
    }

    .casestudy_next, .casestudy_previous {
        left: 0;
        transform: translateX(0) translateY(0);
        bottom: 0;
        z-index: -3;
        height: 1px
    }

    .photo-cloud-tile-overlay-message h2 {
        font-size: 25px;
        text-align: center;
        margin: 0 0 7px !important
    }

    .photo-cloud-tile-overlay-message h3 {
        font-size: 15px;
        margin: 0 0 18px !important
    }

    .photo-cloud-tile-overlay-message a {
        font-size: 12px;
        padding: 10px 15px
    }
}

@media only screen and (max-width: 767px) {
    .shadowbox-flex-row > div {
        width: 100%
    }

    .page-id-4320 .title_box_in_style_3 h1, .page-id-4320 .title_box_in_style_3 h2 {
        font-size: 36px
    }

    .wsheading.subtitle .inner-box {
        max-width: 250px;
        margin: 0 auto
    }

    .single-case-studies .overlay-cs h2 {
        font-size: 20px
    }

    .title-area .site-title {
        margin-left: 0
    }

    .col-sm-6.first-6 {
        margin-bottom: 30px
    }

    .col-sm-6.first-6 h3 {
        margin-top: 0
    }

    .footer-col-inner {
        width: 90%
    }

    .landing-block h2 .bigspan {
        font-size: 26px
    }

    .box-team .bottom-30 + .bottom-30 {
        margin-bottom: 0 !important
    }

    .home-bricks h2 {
        font-size: 30px
    }

    .artversion-intro h2, .multi-creative h2 {
        font-size: 36px
    }

    .artversion-intro h3, .multi-creative h3 {
        font-size: 20px
    }

    .col-xs-6.tab-one, .col-xs-6.tab-two {
        margin-bottom: 30px
    }

    .magento-row-4 .col-md-4.col-sm-6, .magento-row-4 .col-sm-6, .magento-row-4 .col-sm-6.pull-right {
        width: 100%;
        float: none !important;
        display: block;
        clear: both;
        padding-left: 0;
        padding-right: 0
    }

    .magento-row-4 .col-md-4.col-sm-6.pull-right .inner-span-block {
        margin-top: 30px
    }

    .magento-row-4 .col-md-4.col-sm-6 .inner-span-block, .magento-row-4 .pull-right .inner-span-block {
        width: 330px;
        max-width: 94%;
        float: none;
        margin: 0 auto
    }

    .whitepaper-single .media-box.col-md-4, .whitepaper-single .post-body.col-md-8 {
        padding-left: 0;
        padding-right: 0
    }

    .row.flexing {
        align-items: unset;
        display: block;
        justify-content: unset;
        margin-bottom: 0
    }

    .post-body.col-md-8 {
        width: 96%;
        padding: 15px 35px
    }

    .media-box.col-md-4, .post-body.col-md-8 {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .media-box.col-md-4 {
        width: 100%;
        padding: 0
    }

    .inner-brick.slider-brick {
        width: 100%;
        max-width: 400px
    }

    .home-feature-hero {
        font-size: 10vw
    }

    .home-feature-hero h1 {
        width: 100%
    }

    .title-area .site-title > a {
        max-width: 190px;
        width: 100%
    }

    .clear.mobile-break {
        display: block;
        clear: both;
        width: 100%;
        height: 20px
    }

    .row.bottom-30 .col-xs-6.tab-one, .row.bottom-30 .col-xs-6.tab-two {
        margin-bottom: 10px
    }

    .blog .post.category-news .featured-image.col-md-3, .blog .post.category-press .featured-image.col-md-3 {
        width: 100%;
        padding: 0;
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .blog #genesis-content .post.category-news, .blog #genesis-content .post.category-press {
        align-items: unset;
        display: block;
        justify-content: unset;
        padding-left: 0;
        padding-right: 0;
        max-width: 94%;
        margin-left: auto;
        margin-bottom: 30px
    }

    .blog .post h3, .blog h2.entry-title {
        font-size: 18px
    }

    .blog .post .entry-footer {
        display: none
    }

    a.more-link.tex {
        margin-bottom: 15px
    }

    .blog .post a.more-link {
        display: inline-block;
        margin-bottom: 25px
    }

    .blog .post.category-news .col-md-9.entry-content h2.entry-title a, .blog .post.category-press .col-md-9.entry-content h2.entry-title a, .blog .post h2, .blog .post h3 {
        margin-top: 0;
        font-size: 18px
    }

    .blog .post h2 {
        margin-top: 15px
    }

    .case-all .case-studies.entry {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        display: block
    }

    .av-grid__item {
        margin: 0 2.5px 5px;
        height: 310px;
        width: 310px
    }

    /*.background-wrapper, .container {*/
    /*width: 740px*/
    /*}*/

    .blog .post, .blog .post.category-news .col-md-9.entry-content, .blog .post.category-press .col-md-9.entry-content {
        padding: 25px 15px
    }

    .blog #genesis-content .post, .blog #genesis-content .post.category-news, .blog #genesis-content .post.category-press {
        max-width: 92%
    }

    .anim_down_arrow, .anim_down_arrow:active, .anim_down_arrow:focus, .anim_down_arrow:hover {
        bottom: 4vh
    }

    .single-case-studies .row-container h2 {
        font-size: 29px;
        line-height: 39px
    }

    .begin-process h4, .partners-text h2 {
        font-size: 26px
    }

    .og-expander h2 {
        font-size: 18px;
        margin-top: 10px
    }

    .og-expander h3 {
        font-size: 20px;
        margin-bottom: 10px;
        padding: 7px 0 10px;
        line-height: 1.2
    }

    .og-expander a.more-link, .og-expander a.more-link:visited {
        margin: 20px 0 0
    }
}

@media only screen and (max-width: 730px) {
    .av-grid__item {
        height: 280px;
        width: 280px
    }

    #og-grid .project-tile {
        width: 48%
    }

    .og-expander h2, .og-expander h4 {
        font-size: 23px;
        padding-top: 0
    }

    .project-tile.expanded {
        min-height: 760px
    }
}

@media only screen and (max-width: 660px) {
    .home-bricks h1 {
        font-size: 22px
    }

    #partner_column-unnumbered h2, .multi-creative h2 {
        font-size: 22px !important
    }

    .taller .gradient-banner-inner {
        padding-left: 30px;
        padding-right: 30px
    }

    .cms-use-box .inner-box, .inner {
        width: 90%;
        margin-left: auto;
        margin-right: auto
    }

    .cwsheading .inner-box {
        padding: 0 20px
    }

    .av-grid__item {
        height: 230px;
        width: 230px
    }

    .container.bg-color.wow.fadeIn .cellphone-image {
        display: none
    }

    .art_promo_container_top {
        text-align: center
    }

    .art_promo_subtitle {
        width: auto;
        font-size: 18px
    }

    .art_promo_circle_button {
        margin: 0 auto
    }

    .caption {
        top: 10%;
        width: 95%;
        right: 0;
        max-width: 95%
    }

    .av-grid__item__link__title {
        line-height: 1.1;
        padding: 15px !important
    }

    .page-template-portfolio .og-expander-inner .col-md-7, .post-type-archive-project .og-expander-inner .col-md-7, .tax-discipline .og-expander-inner .col-md-7, .tax-prj-category .og-expander-inner .col-md-7 {
        width: 100%;
        float: none;
        display: block
    }

    .page-template-portfolio .og-expander-inner .col-md-5, .post-type-archive-project .og-expander-inner .col-md-5, .tax-discipline .og-expander-inner .col-md-5, .tax-prj-category .og-expander-inner .col-md-5 {
        display: none
    }

    #og-grid .project-tile {
        width: 48%
    }

    .col-one.one-left {
        margin-left: 0
    }

    .box.contact-in.one-left, .col-one.one-right {
        width: 48%
    }

    .single.single-post #genesis-content {
        width: 90%;
        margin: 25px auto 0
    }

    .arrow-down-link.more-bottom {
        bottom: 190px
    }

    .single-project #genesis-content h3 {
        font-size: 30px
    }

    .bg-row h4 {
        white-space: pre-wrap;
        word-break: keep-all
    }

    .single-case-studies .overlay-cs h3 {
        font-size: 36px;
        line-height: 46px;
        padding-right: 20px
    }

    .dark-text.overlay-cs h2 {
        font-size: 26px;
        line-height: 26px
    }

    .dark-text.overlay-cs h1 {
        font-size: 16px;
        line-height: 1.1
    }

    .art-inner-bg-img h2, .flex-item h2 {
        font-size: 26px;
        line-height: 1.3
    }

    .one-image.newsletter .inner-brick, .rc-project.one-dark2 .inner-brick {
        max-width: 90%
    }

    .sc_portfolio-hover-title-text {
        font-size: 16px;
        padding: 0 10px
    }

    .clear {
        margin-top: -1px
    }

    .capabilities-gradient p, .large-header-gradient p {
        line-height: 1.56
    }

    .fsca h2, .gradient-banner-container h2, .inner-brick h2 {
        font-size: 26px
    }

    .col-md-12.rc-project h2.valign span, .rc-project h2.plus-span span {
        font-size: 18px
    }

    .landing-block h2 .bigspan {
        font-size: 26px
    }

    .owl-photo .owl-next {
        margin-right: -35px
    }

    .owl-photo .owl-prev {
        margin-left: -35px
    }
}

@media only screen and (max-width: 600px) {
    .rc-project.sm-center h2.valign {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 100%;
        height: auto;
        display: inline-table;
        margin: 0;
        padding: 0
    }

    .artversion-intro h2, .home-bricks h2 {
        font-size: 22px;
        padding-top: 0
    }

    #home-casestudy-slider .casestudy-slide {
        padding: 2em 20px
    }

    #home-casestudy-slider .casestudy-slide h4 {
        font-size: 2em
    }

    .contact-flex-item {
        padding: 35px
    }

    .col-one.one-left {
        margin-left: 0
    }

    .photo-col {
        margin: 0
    }

    #photo-col-1 {
        align-items: normal;
        max-width: 100%
    }

    .cloud-img, .photo-col {
        width: 100%
    }

    .photo-cloud-container {
        max-width: 600px;
        flex-direction: row;
        display: block
    }

    .industry-ac .clutch-widget {
        width: 131px
    }
}

@media only screen and (max-width: 540px) {
    .awards-flex-container > img {
        margin: 20px;
        max-width: 55% !important;
        max-height: 50px
    }

    .webdev-owl-slide h2 {
        font-size: 20px
    }

    .logo-design .row-container {
        max-width: 96%;
        margin-left: auto;
        margin-right: auto
    }

    .logo-design .row-container .col-md-3 {
        padding: 7.5px;
        margin: 0
    }

    .logo-design #genesis-content .row {
        margin-bottom: 0
    }

    .box.image-magento {
        max-width: 100px
    }

    .magento-row-4 .box.text-magento {
        width: 170px
    }

    .sticky-wrapper .site-title {
        left: 15px
    }

    #menuburger-main, .hamburger {
        right: 25px;
        margin-right: 0 !important
    }

    #genesis-nav-primary.opened {
        height: 120vh;
        transition: height 0s ease-in
    }

    .capabilities-gradient h1, .large-header-gradient h1 {
        font-size: 30px
    }

    .av-grid__item {
        height: 200px;
        width: 200px
    }

    .av-grid__item__link__title {
        font-size: 14px !important;
        line-height: 1.1
    }

    a.scroll .send .send {
        font-size: 10px;
        line-height: 1.46
    }

    .og-expander h2 {
        font-size: 18px;
        margin-top: 10px
    }

    .og-expander h3 {
        font-size: 20px;
        margin-bottom: 10px;
        padding: 7px 0 10px;
        line-height: 1.2
    }

    .og-expander a.more-link, .og-expander a.more-link:visited {
        margin: 20px 0 0
    }

    .project-tile.expanded {
        min-height: 800px
    }

    .og-expander {
        height: 650px
    }

    .box.contact-in.one-left {
        padding-right: 0;
        margin-right: 0;
        padding-left: 0
    }

    .nobreak {
        margin-bottom: 10px;
        display: block
    }

    .nobreak + .nobreak {
        margin-bottom: 0
    }

    .pagination ul > li.pagination-next {
        display: block;
        margin-top: 10px
    }

    .pagination ul > li.pagination-previous {
        display: block;
        margin-bottom: 10px
    }

    .pagination ul > li {
        margin: 0 3px
    }
}

@media only screen and (max-width: 539px) {
    .full-wh-section .full-wh-inner-section {
        height: auto !important
    }

    .page-id-9339 #top .full-wh-inner-section {
        height: 100vh !important
    }

    .full-wh-desc {
        padding: 140px 0 180px;
        margin: 0 auto;
        max-width: 85%;
        position: inherit;
        top: inherit;
        transform: none
    }

    a.scroll .send .send {
        font-size: 10px;
        line-height: 1.46
    }

    .pager .next, .pager .previous {
        height: auto;
        float: none;
        line-height: 1.56;
        margin-left: auto;
        margin-right: auto
    }

    .pager .next > a, .pager .previous > a {
        margin: 0 auto;
        max-width: 100%;
        width: 100%;
        display: block;
        padding: 10px 14px;
        height: auto;
        text-align: center
    }

    .next a span, .previous a span {
        top: auto;
        transform: translate(0);
        left: auto;
        right: auto;
        position: relative
    }

    .pager {
        height: 140px;
        margin-bottom: 20px
    }

    .pager .next, .pager .previous {
        display: block;
        max-width: 142px;
        margin: 0 auto
    }

    .pager .next {
        margin: 55px auto 0
    }

    .pager .next, .pager .previous {
        bottom: 0;
        margin: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%)
    }

    .pager .previous {
        top: 0;
        bottom: auto
    }

    li.return-portfolio a {
        padding: 10px 20px;
        display: inline-block;
        background: #fff
    }

    .box-white.bottom-section-second.new-bottom-section .inner-box {
        max-width: 92%;
        width: 92%
    }

    .bottom-section {
        overflow: hidden
    }
}

@media only screen and (max-width: 499px) {
    #genesis-nav-primary .wrap {
        padding-top: 15px
    }

    #genesis-footer-widgets .wrap .footer-widgets-1, #genesis-footer-widgets .wrap .footer-widgets-2, #genesis-footer-widgets .wrap .footer-widgets-3 {
        width: 350px;
        max-width: 96%;
        float: none;
        margin: 10px auto;
        text-align: center;
        display: block
    }

    #genesis-footer-widgets .wrap .footer-widgets-1 {
        width: 270px
    }

    .footer-widgets .widget {
        margin-bottom: 0;
        padding: 10px
    }

    .footer-widgets .wrap {
        max-width: 100%
    }

    #genesis-footer-widgets .wrap {
        padding-top: 0
    }

    .widget-area.footer-widgets-2 .widget_nav_menu {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width: 480px) {
    .page-id-9339 #top .full-wh-desc {
        padding: 180px 0
    }
}

@media only screen and (max-width: 479px) {
    .page-id-4320 .title_box_in_style_3 h1, .page-id-4320 .title_box_in_style_3 h2 {
        font-size: 26px
    }

    .home-feature-hero h1 {
        margin-top: 75px
    }

    #genesis-nav-primary, #genesis-nav-primary .wrap {
        width: 100%
    }

    .home-feature-hero h1 {
        margin-top: 55px
    }

    .full-wh-desc {
        margin: 0 auto;
        max-width: 85%
    }

    .col-list.col-xs-6 {
        width: 100%;
        float: none;
        display: block;
        clear: both;
        padding: 0
    }

    .col-list ul, .row-five .col-list ul {
        padding: 0 0 0 4px;
        margin: 0
    }

    .row-five .inner-box .col-md-3 {
        width: 100% !important;
        max-width: 100%;
        display: block;
        clear: both;
        float: none;
        margin: 0;
        padding: 0 15px
    }

    .row-five .col-list ul {
        padding: 0 0 0 16px
    }

    .page-id-109 span.svg, span.svg {
        display: inline-block;
        max-width: 30px;
        width: 30px
    }

    .animateme h2 {
        font-size: 20px
    }

    .row-four .text-span-block .inner-span-block, .row-seven .text-span-block .inner-span-block, .row-six .text-span-block .inner-span-block, .row-three .text-span-block .inner-span-block, .row-two .text-span-block .inner-span-block {
        float: none;
        width: 96%;
        max-width: 96%;
        padding-left: 0;
        padding-right: 0
    }

    .av-grid__item {
        height: 150px;
        width: 150px
    }

    .caption h4 span {
        font-size: 12.5px;
        margin: 3px;
        padding: 5px 10px;
        font-weight: 300 !important
    }

    .row-four .col-list.col-md-6, .row-four .col-list.col-md-6 + .col-list.col-md-6, .row-seven .col-list.col-md-6, .row-seven .col-list.col-md-6 + .col-list.col-md-6, .row-three .col-list.col-md-6, .row-three .col-list.col-md-6 + .col-list.col-md-6, .row-two .col-list.col-md-6, .row-two .col-list.col-md-6 + .col-list.col-md-6 {
        padding: 0;
        margin: 0
    }

    .page-id-10217 .box.wtitle h1 {
        font-size: 30px
    }

    .single.single-post .entry-content .img-align-fix img {
        display: block;
        max-height: 170px;
        height: auto;
        margin: 0 auto
    }
}

@media only screen and (max-width: 420px) {
    .av-grid__item, .gray-bg.middle-spec-section .av-grid__item, .page-template-page-landing .av-grid__item {
        height: auto;
        width: 100%;
        margin-bottom: 10px
    }

    .yellow-col-box .inner-span-block {
        padding: 100px 30px 50px;
        max-width: 96%
    }

    .left-yellow-box .inner-span-block .text-box {
        padding-left: 0;
        border-left: 0 solid #333
    }

    .left-yellow-box .inner-span-block {
        width: 90%;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px
    }

    .left-yellow-box .inner-span-block .text-box:before {
        display: none
    }

    .gray-box-form .inner-span-block {
        padding: 35px 30px;
        width: 96%
    }

    .entry-content ul.av-grid {
        width: 271px;
        margin: 0 auto
    }

    .entry-content ul > li.av-grid__item {
        height: 130px;
        width: 130px;
        float: left;
        display: inline;
        margin: 2.5px
    }

    .av-grid-section--white ul > li.av-grid__item {
        display: inline-block;
        vertical-align: top;
        width: 98%;
        height: auto;
        margin: 0 auto 9px !important
    }

    .caption {
        top: 10%;
        width: 95%;
        right: 0;
        max-width: 95%
    }

    .hoverin h2 {
        margin-top: 5px;
        padding-top: 20px
    }

    .hoverin h3 {
        padding-left: 10px;
        padding-right: 10px
    }

    .page-id-2392 .box.col-xs-6 {
        float: none;
        display: block;
        width: 100%;
        clear: both;
        margin-bottom: 15px
    }

    .page-id-2392 .box.col-xs-6 + .box.col-xs-6 {
        margin-bottom: 5px
    }

    .av-grid__item__link__title span {
        padding: 0 15px
    }

    .single-case-studies .overlay-cs h3 {
        font-size: 30px;
        line-height: 40px
    }

    .dark-text.overlay-cs h2 {
        font-size: 22px;
        line-height: 22px
    }

    .dark-text.overlay-cs h1 {
        font-size: 16px;
        line-height: 1.1
    }

    .page-id-2613 .inner h2 {
        font-size: 20px;
        line-height: 28px
    }

    .page-id-2613 .inner h3 {
        font-size: 20px
    }

    .portfolio-button-select, .project-menu h3, .project-menu h3 span.nobreak {
        font-size: 17px
    }

    .portfolio-tag-links a, .portfolio-tag-links a:visited {
        font-size: 14px;
        padding: 10px 11px
    }

    #form-box {
        width: 100%
    }

    .page-id-6726 .entry-content ul.av-grid {
        width: 279px;
        margin: 0 auto;
        padding: 0
    }

    .page-id-6726 .av-grid__item {
        margin: 0 4.5px 9px !important
    }
}

@media only screen and (max-width: 360px) {
    a.scroll {
        height: auto
    }

    a.scroll span {
        font-size: 10px;
        display: inline-block;
        line-height: 1.56;
        padding: 7px 10px
    }

    .logo-design #genesis-content, .old-design #genesis-content {
        width: 88% !important
    }

    .animateme h2, .page-id-5620 .inner.no-top-padding h2 {
        font-size: 20px;
        line-height: 28px
    }

    .inner-span-block a.scroll {
        margin: 20px auto 25px 8px
    }

    #genesis-content .rc-project.sm-center h2.valign {
        font-size: 30px
    }

    #genesis-content h2.av-grid__item__link__title {
        line-height: 1.1
    }

    .inner-88 .site-inner {
        width: 88% !important;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 992px) {
    .our-clients .art-inner-bg-img .container {
        width: 960px;
        max-width: 96%
    }
}

@media only screen and (min-width: 1200px) {
    .our-clients .art-inner-bg-img .container {
        width: 1140px;
        max-width: 96%
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .og-expander {
        height: 590px
    }

    .project-tile.expanded {
        min-height: 940px
    }

    .home-feature-hero h1 {
        width: 80%
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .og-expander {
        height: 590px
    }

    .project-tile.expanded {
        min-height: 940px
    }

    .home-feature-hero h1 {
        width: 80%
    }

    .landing-page-hero h1 {
        font-size: 40px;
        max-width: 300px
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
    .page-id-9339 #top .full-wh-desc {
        padding: 0
    }

    .page-id-9339 #one-blue .full-wh-desc, .page-id-9339 #one-gray .full-wh-desc, .page-id-9339 #three-white .full-wh-desc, .page-id-9339 #two-blue .full-wh-desc {
        padding: 80px 0 140px;
        top: auto;
        transform: translateY(0);
        position: relative
    }

    .home-feature-hero h1 {
        margin-top: 0
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
    .arrow-down-link {
        bottom: 30px;
        width: 46px;
        height: 46px;
        margin-left: -23px
    }

    .full-wh-desc {
        padding: 140px 0 180px
    }

    .arrow-down-link svg {
        height: 20px;
        width: 10px
    }

    .full-wh-inner-section {
        height: auto !important
    }

    .anim_down_arrow, .anim_down_arrow:active, .anim_down_arrow:focus, .anim_down_arrow:hover {
        bottom: 4vh
    }

    .home-feature-hero {
        font-size: 5vw
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    .arrow-down-link {
        bottom: 30px;
        width: 46px;
        height: 46px;
        margin-left: -23px
    }

    .full-wh-desc {
        padding: 140px 0 180px
    }

    .arrow-down-link svg {
        height: 50px;
        width: 50px
    }

    .full-wh-inner-section {
        height: auto !important
    }

    .page-id-9339 #top .full-wh-desc {
        padding: 250px 0 80px
    }

    .page-id-9339 #top .arrow-down-link.more-bottom {
        bottom: 90px
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
    .arrow-down-link {
        bottom: 30px;
        width: 46px;
        height: 46px;
        margin-left: -23px
    }

    .full-wh-desc {
        padding: 140px 0 180px
    }

    .arrow-down-link svg {
        height: 50px;
        width: 50px
    }

    .full-wh-inner-section {
        height: auto !important
    }

    .page-id-9339 #top .full-wh-inner-section {
        height: 100vh !important;
        padding: 0
    }

    .page-id-9339 #top .arrow-down-link.more-bottom {
        bottom: 50px
    }

    .home-feature-hero {
        font-size: 5vw
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
    .arrow-down-link {
        bottom: 30px;
        width: 46px;
        height: 46px;
        margin-left: -23px
    }

    .full-wh-desc {
        padding: 140px 0 180px
    }

    .arrow-down-link svg {
        height: 50px;
        width: 50px
    }

    .full-wh-inner-section {
        height: auto !important
    }

    .page-id-9339 #top .full-wh-inner-section {
        height: 100vh !important;
        padding: 0
    }

    .page-id-9339 #top .arrow-down-link.more-bottom {
        bottom: 50px
    }

    .home-feature-hero {
        font-size: 5vw
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
    .artversion-intro .magic-button {
        transform: translateY(-230px);
        font-size: 15px;
        padding: 10px 20px
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    .artversion-intro .magic-button {
        transform: translateY(-300px);
        font-size: 15px;
        padding: 10px 20px
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .artversion-intro .magic-button {
        transform: translateY(-275px);
        font-size: 15px;
        padding: 10px 20px
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    .artversion-intro .magic-button {
        transform: translateY(-300px);
        font-size: 15px;
        padding: 10px 20px
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .artversion-intro .magic-button {
        transform: translateY(-200px);
        font-size: 15px;
        padding: 10px 20px
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    .artversion-intro .magic-button {
        transform: translateY(-200px);
        font-size: 15px;
        padding: 10px 20px
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .cap-container {
        padding-bottom: 150px
    }

    .artversion-intro .magic-button {
        transform: translateY(-200px)
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .cap-container {
        padding-bottom: 150px
    }

    .artversion-intro .magic-button {
        transform: translateY(-160px)
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    .artversion-intro .magic-button {
        transform: translateY(-275px);
        font-size: 15px;
        padding: 10px 20px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .artversion-intro .magic-button {
        transform: translateY(-325px);
        font-size: 20px;
        padding: 15px 25px
    }
}

@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
    .artversion-intro .magic-button {
        transform: translateY(-325px);
        font-size: 15px;
        padding: 10px 20px
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation: portrait) {
    .home .content-sidebar-wrap.row {
        padding-top: 0
    }

    .artversion-intro .magic-button {
        transform: translateY(-245px);
        font-size: 15px;
        padding: 10px 20px
    }

    .portfolio-button-select, .project-menu h3, .project-menu h3 span.nobreak {
        font-size: 17px
    }

    .portfolio-tag-links a, .portfolio-tag-links a:visited {
        font-size: 14px;
        padding: 10px 11px
    }

    .single-case-studies .overlay-cs .bg-row {
        position: absolute;
        height: 160px;
        left: 30px;
        top: 50%;
        margin-top: -180px
    }

    #form-box {
        width: 100%
    }

    .contact-flex-item {
        padding: 35px 20px
    }

    .home-feature-hero h1 {
        margin-top: 75px
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation: landscape) {
    .landing-page-hero h2 {
        padding-top: 5px !important
    }

    .landing-page-hero .landing-page-hero-inner {
        margin-top: -30px
    }

    .full-wh-inner-section {
        height: auto !important
    }

    .page-id-9339 #top .full-wh-inner-section {
        height: 100vh !important;
        padding: 0
    }

    .page-id-9339 #top .arrow-down-link.more-bottom {
        bottom: 50px
    }
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .home .magic-button {
        transform: translateY(0) !important;
        background: #fff !important;
        color: #525252 !important
    }

    .home .award-container-div {
        width: 1200px;
        max-width: 100%
    }

    .tabletAnim-image-tag {
        display: block
    }

    .tabletAnim svg {
        display: none
    }

    .body-padding .phoneResponsive img {
        display: none
    }

    .body-padding .phoneResponsive .internetExplorerClass {
        min-width: 500px !important;
        max-width: 500px !important;
        height: auto !important;
        margin: 0 auto !important;
        display: block
    }

    .body-padding .phoneResponsive2 img {
        display: none
    }

    .body-padding .phoneResponsive2 .internetExplorerClass {
        min-width: 500px !important;
        max-width: 500px !important;
        height: auto !important;
        margin: 0 auto !important;
        width: auto;
        display: block;
        left: -5%
    }

    .stats-section-slide-button {
        opacity: 1;
        transform: translate(0)
    }

    .stats-section-percent-counter2 {
        color: #fd5 !important;
        opacity: 1;
        display: block;
        padding-bottom: 15px;
        font-size: 8em !important;
        font-weight: 100;
        letter-spacing: -10px
    }

    .stats-section-percent-counter {
        display: none
    }

    .stats-section-content-slide p {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        opacity: 1;
        margin-right: 0
    }

    .stats-section-sticky-track {
        display: none
    }

    .stats-section-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-height: 100vh;
        width: 100%;
        padding: 5px
    }

    .stats-section-sticky-header {
        padding-top: 18vh;
        padding-bottom: 10vh;
        top: -70px
    }

    .stats-section-slide-title2 {
        display: block;
        width: 100%
    }

    #genesis-nav-primary .menu-item-has-children .sub-menu {
        overflow: visible;
        background: 0 0
    }

    #genesis-nav-primary .sub-menu li {
        background: #fff
    }

    /*img {*/
    /*width: 100%;*/
    /*max-width: 100%;*/
    /*height: auto*/
    /*}*/

    img.wp-image-12699 {
        width: 342px;
        height: auto
    }

    .awards-flex-container > img {
        width: auto
    }

    .box-blue.team-yellow a, .box-blue.team-yellow a:visited {
        color: #000
    }

    .box-blue.team-yellow a:hover {
        color: #16548b
    }
}

.ie10 .landing-page-hero .landing-page-hero-inner {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ie10 .webdev-owl-slide h2 {
    padding-left: 25px;
    padding-right: 25px;
    word-wrap: break-word
}

.ie10 .webdev-owl-slide > div {
    width: 90%;
    margin-left: 0;
    margin-right: 0
}

@media only screen and (max-width: 800px) {
    .stats-section-content-slide p {
        margin-right: 0
    }

    .stats-section-sticky-track {
        display: none
    }

    .stats-section-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-height: 100vh;
        width: 100%;
        padding: 5px
    }

    .stats-section-sticky-header {
        padding-top: 18vh;
        padding-bottom: 10vh;
        top: -70px
    }

    .stats-section-sticky-blurb {
        padding: 5%
    }

    .home .casestudy-container {
        overflow: hidden !important
    }

    .stats-section-slide-title {
        font-size: 1.8em !important
    }

    .stats-section-slide-title2 {
        font-size: 1.8em !important;
        display: block;
        width: 100%
    }
}

@media only screen and (max-width: 500px) {
    .stats-section-sticky-header h2 {
        font-size: 2em
    }

    .stats-section-sticky-blurb {
        font-size: 1.3em
    }

    .stats-section-slide-title, .stats-section-slide-title2 {
        font-size: 1.5em !important
    }

    .stats-section-content-slide p {
        font-size: 1.2em !important
    }

    .stats-section-content-slide:last-of-type {
        padding-bottom: 20vh
    }
}

@media screen and (max-height: 850px) {
    .stats-section-slide-title2 {
        display: block
    }

    .stats-section-sticky-menu {
        position: -webkit-sticky;
        position: sticky;
        top: 50vh
    }
}

@media screen and (max-height: 500px) {
    .home .magic-button {
        transform: translateY(0) !important;
        background: #fff !important;
        color: #525252 !important
    }

    .stats-section-sticky-header {
        padding-top: 30vh;
        position: relative
    }

    .stats-section-content-slide:last-of-type {
        padding-bottom: 20vh
    }

    .stats-section-sticky-menu {
        top: 30vh
    }

    .stats-section-content {
        width: 100%
    }

    .stats-section-sticky-track {
        display: none
    }
}

@media only screen and (max-width: 990px) {
    .body-padding .phoneResponsive, .body-padding .phoneResponsive2 {
        width: 50%;
        margin: 0 auto;
        min-width: 300px
    }

    .body-padding .phoneResponsive2 {
        height: auto
    }

    .body-padding .phoneResponsive2 .back2 {
        top: 5%;
        left: 0;
        z-index: 0
    }

    .body-padding .phoneResponsive2 .first-1, .body-padding .phoneResponsive2 .first-2, .body-padding .phoneResponsive2 .first-3 {
        top: 6%;
        left: 0;
        z-index: 4
    }

    .body-padding .phoneResponsive2 .second-1 {
        top: 6%;
        left: 0;
        z-index: 3
    }

    .body-padding .phoneResponsive2 .second-2, .body-padding .phoneResponsive2 .second-3 {
        top: 7%;
        left: 0;
        z-index: 3
    }

    .body-padding .phoneResponsive2 .third2 {
        top: 8%;
        left: 1%;
        z-index: 2
    }

    .body-padding .phoneResponsive2 .fourth2 {
        top: 9%;
        left: 0;
        z-index: 1
    }
}

@media only screen and (max-width: 750px) {
    .body-padding .phoneResponsive2 {
        width: 80%;
        margin: 0 auto
    }
}

@media only screen and (max-width: 390px) {
    .stats-section-ddd-header .stats-section-sticky-blurb {
        font-size: 1.2em;
        padding: 5% 20px !important
    }
}

@media (pointer: coarse) {
    .casestudy_nav {
        display: none !important
    }
}

.awards-page-2019-jason #footer-copyright {
    z-index: 1
}

.highlightspan {
    background: #fff02a
}

.awards-page-2019-jason .award-page-container a {
    text-decoration: none;
    color: #000
}

.awards-page-2019-jason .award-page-container a:hover {
    border-bottom: 1px solid #000
}

.awards-page-2019-jason .content-sidebar-wrap {
    overflow: unset
}

.awards-page-2019-jason .site-container {
    overflow: unset
}

.awards-page-2019-jason .landing-block.text-center.valign-center {
    position: relative;
    z-index: 2
}

.awards-page-2019-jason .award-page-container div {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 100%;
    grid-template-rows: 100%;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.awards-page-2019-jason {
    overflow: unset !important
}

.awards-page-2019-jason .award-page-container .text-wipe-container p {
    margin-top: 300px;
    margin-bottom: 300px
}

.awards-page-2019-jason .award-page-container div > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.awards-page-2019-jason .award-page-container .text-wipe-container .text-wipe {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    text-align: center;
    font-size: 100px;
    font-weight: 700;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    height: 200px;
    top: 40%;
    position: -webkit-sticky;
    position: sticky;
    z-index: -1
}

.awards-page-2019-jason .award-page-container .text-wipe-container .text-wipe p {
    color: #000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    background-image: -webkit-linear-gradient(45deg, #f7f7f7 0%, #f7f7f7 30%, #1cb7e8 40%, #49c2ba 50%, #f7f7f7 60%, #f7f7f7 100%);
    background-image: -o-linear-gradient(45deg, #f7f7f7 0%, #f7f7f7 30%, #1cb7e8 40%, #49c2ba 50%, #f7f7f7 60%, #f7f7f7 100%);
    background-image: linear-gradient(45deg, #f7f7f7 0%, #f7f7f7 30%, #1cb7e8 40%, #49c2ba 50%, #f7f7f7 60%, #f7f7f7 100%);
    background-size: 6000px 500px;
    background-position: 0 50%;
    background-repeat: no-repeat
}

.awards-page-2019-jason .award-page-container div p {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    font-size: 1.9em;
    line-height: 1.9em
}

.awards-page-2019-jason .wp-block-spacer {
    margin-top: -300px;
    margin-bottom: -300px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 1)), color-stop(rgba(255, 255, 255, 1)), color-stop(rgba(255, 255, 255, 1)), color-stop(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    position: relative;
    z-index: 0;
    padding-top: 300px;
    padding-bottom: 300px
}

.awards-page-2019-jason .award-page-container {
    width: 1150px;
    margin: 0 auto
}

@media screen and (max-width: 1150px) {
    .awards-page-2019-jason .award-page-container {
        width: 100%;
        padding: 0 20px;
        margin: 0 auto
    }

    .awards-page-2019-jason .award-page-container div p {
        font-size: 1.5em;
        line-height: 1.5em
    }

    .awards-page-2019-jason .award-page-container .text-wipe-container .text-wipe p {
        font-size: 150px
    }
}

@media screen and (max-width: 800px) {
    .awards-page-2019-jason .wp-block-spacer {
        height: 0 !important;
        margin-top: -300px;
        margin-bottom: -300px;
        padding-top: 300px;
        padding-bottom: 300px
    }

    .awards-page-2019-jason .award-page-container div p {
        font-size: 1.2em
    }

    .awards-page-2019-jason .award-page-container .text-wipe-container .text-wipe p {
        font-size: 100px
    }
}

@media screen and (max-width: 600px) {
    .awards-page-2019-jason .award-container-div p {
        font-size: 1.2em
    }
}

@media (pointer: coarse) {
    .awards-page-2019-jason .award-page-container div div {
        top: 30%
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .awards-page-2019-jason .award-page-container .text-wipe-container .text-wipe {
        position: relative;
        margin-top: -170px
    }

    .awards-page-2019-jason .award-page-container .text-wipe-container .text-wipe p {
        color: rgba(0, 0, 0, .1);
        font-size: 190px !important
    }

    .awards-page-2019-jason .award-container-div {
        width: 100%
    }

    .awards-page-2019-jason .awards-flex-container {
        width: 1180px;
        max-width: 96%;
        margin-left: auto;
        margin-right: auto
    }
}

.widget_custom_html .bigger-p {
    margin-bottom: 20px
}

@media screen and (min-width: 1023px) {
    .site-title {
        display: none !important
    }

    .site-logo-av {
        float: left;
        height: 70px;
        padding-left: 20px;
        padding-top: 12px
    }

    .lottie-site-logo {
        height: 40px;
        max-height: 40px;
        display: grid;
        grid-template-rows: 100%;
        grid-template-columns: 100%
    }

    .lottie-site-logo svg {
        height: 40px;
        max-height: 40px;
        max-width: 190px;
        grid-area: 1/1/2/2
    }
}

@media screen and (max-width: 1022px) {
    .site-logo-av, .lottie-site-logo, .lottie-site-logo svg {
        display: none
    }
}

.page-id-3512 #wrapper > div > div.sticky-wrapper {
    z-index: 1000 !important
}

.floating-highlighter {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 5px;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: white !important;
    z-index: 2
}

.floating-highlighter > div {
    position: relative;
    z-index: 10
}

.highlighter-anim-transition {
    transition: left .5s, top .5s, width .5s, height .5s, opacity .5s
}

.highlight-white {
    color: white !important;
    transition: opacity .25s
}

#highlighter-granim {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

@media screen and (max-width: 768px) {
    #highlighter-granim, .floating-highlighter {
        display: none
    }
}

.page-id-9372 .weve-worked-with-section {
    padding-top: 150px;
    padding-bottom: 150px
}

@media screen and (max-width: 768px) {
    .page-id-9372 .weve-worked-with-section {
        padding-top: 40px;
        padding-bottom: 40px
    }
}