.header__hiring {

    background: #FFCC00;
    margin: 0 -45px;
    text-align: right;
    font-size: 16px;
    font-weight: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;

}

.header__hiring > span {
    padding-top: 1px;
}

@media (max-width: 561px) {
    .header__hiring > span {
        display: none;
    }
}

.header__hiring strong {
    margin-right: 8px;
    padding-top: 1px;
}

.header__hiring .button {
    margin-left: 16px;
    padding: 5px 10px 4px 10px;
    background: rgb(38,38,38);
    color: white;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
}

.header__hiring .button span {
    background: url('/wp-content/themes/designamite/library/images/designamite_sprite.png') no-repeat -184px -120px;
    background-size: 825px 232px;
    width: 8px;
    height: 11px;
    margin-left: 8px;
    margin-top: -1px;
    transition: .25s;
}

.header__hiring .button:hover span {
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
}

sup {
    vertical-align: text-bottom;
}

.home #header,
.article-full-header-quote {
    height: 100vh;
    position: relative;
    display: table;
    width: 100%;
}

@media (max-height:360px) {
    .home #header,
    .article-full-header-quote {
        height: auto !important;
        padding-top: 66px;
    }
}

@media (min-width:420px) and (max-height:550px) {
    .home #header,
    .article-full-header-quote {
        height: auto !important;
        padding-top: 66px;
    }
}

.article-full-header-quote .inner
{
    position: relative;
}

#header.no-image {
    min-height: 100vh;
    height: auto;
}

#header #inner-header,
.article-full-header-quote .inner {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

@media (max-height:360px) {
    #header blockquote,
    .article-full-header-quote blockquote {
        margin: 70px auto 50px auto
    }
}

@media (min-width:420px) and (max-height:550px) {
    #header blockquote,
    .article-full-header-quote blockquote {
        margin: 100px auto 50px auto
    }
}

#header blockquote span.quote,
#header blockquote span.quote .inner,
.article-full-header-quote  blockquote span.quote {
    font-size: 10rem;
    line-height: 1;
    font-family: 'Conv_FSAlbert_extra_bold';
    margin-bottom: 30px;
    letter-spacing: -.3rem;
}

@media (max-width:1280px) {
    #header blockquote span.quote,
    #header blockquote span.quote .inner,
    .article-full-header-quote blockquote span.quote {
        font-size: 8rem;
        letter-spacing: -.2rem;
    }
}

@media (max-width:769px) {
    #header blockquote span.quote,
    #header blockquote span.quote .inner,
    .article-full-header-quote blockquote span.quote {
        font-size: 7rem
    }
}

@media (max-width:550px) {
    #header blockquote span.quote,
    #header blockquote span.quote .inner,
    .article-full-header-quote blockquote span.quote {
        font-size: 5rem;
        line-height: 1.05;
        letter-spacing: -.1rem;
    }
}

@media (max-width:420px) {
    #header blockquote span.quote,
    #header blockquote span.quote .inner,
    .article-full-header-quote blockquote span.quote {
        font-size: 4.2rem
    }
}

@media (max-width:360px) {
    #header blockquote span.quote,
    #header blockquote span.quote .inner,
    .article-full-header-quote blockquote span.quote {
        font-size: 3rem
    }
}

#header blockquote span.quote > .open-quote {
    margin: 0;
    position: absolute;
    transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -webkit-transform: translateX(-90%);
}

#header blockquote span,
.article-full-header-quote blockquote span {
    display: block;
    font-size: 1.6rem;
    font-family: 'Conv_FSAlbert_light';
}

#header blockquote span.name,
.article-full-header-quote blockquote span.name {
    float: left;
    background: #FFCC00;
    padding: 10px 14px;
    color: rgb(38,38,38);
    font-family: 'Conv_FSAlbert_bold';
}

@media (max-width:550px) {
    #header blockquote span.name,
    .article-full-header-quote blockquote span.name {
        float: none;
        margin-bottom: 10px;
    }
}

#header blockquote span.name > span,
.article-full-header-quote blockquote span.name > span {
    font-family: 'Conv_FSAlbert_light'
}

#header #inner-header {
    position: relative;
    -webkit-touch-callout: initial;
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}

.no-touchevents #mouse_animated {
    display: block
}

#mouse_animated {
    pointer-events: none;
    position: absolute;
    left: 50%;
    bottom: 10%;
    margin-left: -25px;
    z-index: 2;
    width: 50px;
    height: 50px;
    background: url(/wp-content/themes/designamite/library/images/designamite_sprite.png);
    background-position: -36px -225px;
    opacity: 1;
    transition: .65s;
    -moz-transition: .65s;
    -webkit-transition: .65s;
}
.touchevents #mouse_animated {
    display: none !important;
}
@media (max-height:768px) {
    #mouse_animated {
        bottom: 10px
    }
}

.scroll #mouse_animated {
    opacity: 0
}

#header nav {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    padding: 0 45px;
    background: white;
    z-index: 9999;
}

@media (max-width:1060px) {
    #header nav {
        padding: 0 45px 10px 45px;
    }
}

@media (max-width: 440px) {
    #header nav {
        padding: 0 45px 10px 45px
    }
}

#header nav img {
    float: left;
    max-width: 200px;
    margin-top: 10px;
}

@media (max-width:440px) {
    #header nav img {
        max-width: 130px
    }
}

#menu-main {
    margin: 0;
    float: right;
    position: relative;
    overflow: hidden;
}

@media (max-width:1024px) {
    #designamiteMenu {
        text-align: center;
        position: fixed;
        z-index: 6;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #FFCC00;
        overflow: auto;
        opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
    }

    #designamiteMenu.open {
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }

    #designamiteMenu #menu-main {
        position: relative;
        top: 50%;
        width: 100%;
        text-align: center;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
}

#menu-main li {
    margin: 0;
    float: left;
    text-align: center;
    width: 100px;
}

#menu-main.ready li {
    transition: .3s transform
}

@media (max-width:1024px) {
    #menu-main li {
        display: block;
        float: none;
        width: 100%;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        transform: translateY(100%);
        -moz-transform: translateY(100%);
        -webkit-transform: translateY(100%);
    }

    #menu-main li:nth-child(2) {
        transition: .4s;
        -moz-transition: .4s;
        -webkit-transition: .4s;
    }

    #menu-main li:nth-child(3) {
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
    }

    #menu-main li:nth-child(4) {
        transition: .6s;
        -moz-transition: .6s;
        -webkit-transition: .6s;
    }

    #menu-main li:nth-child(5) {
        transition: .7s;
        -moz-transition: .7s;
        -webkit-transition: .7s;
    }

    #designamiteMenu.open #menu-main li {
        transform: translateY(0%);
        -moz-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -webkit-backface-visibility: hidden;
    }
}

#menu-main li a {
    display: block;
    padding: 30px 0;
    font-size: 2rem;
    font-family: 'Conv_FSAlbert_bold';
    position: relative;
    margin: 0 10px;
}

#menu-main li a:after {
    position: absolute;
    top: 70%;
    left: 0;
    width: 100%;
    height: 0.1px;
    background: #FFCC00;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

#menu-main:hover li.current_page_item a:after {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
    height: 0.1px;
    opacity: 0;
}

#menu-main li a:hover:after,
#menu-main li.current_page_item a:after {
    height: 4px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

#menu-main li.current_page_item:hover a:after {
    height: 4px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

@media (max-width:1024px) {
    #menu-main li a {
        font-size: 5.4rem;
        padding: 15px 0;
        margin: 0;
    }
}

@media (max-height:710px) and (max-width:1014px) {
    #menu-main li a {
        font-size: 4rem
    }
}

@media (max-height:600px) and (max-width:1014px) {
    #menu-main li a {
        padding: 1% 0
    }
}

@media (max-height:550px) and (max-width:1014px) {
    #menu-main li a {
        font-size: 3rem
    }
}

@media (max-width:360px) and (max-width:1014px) {
    #menu-main li a {
        font-size: 3.4rem
    }
}

@media (max-width:1024px) {
    #menu-main li.current-menu-item a {
        background: rgba(255,255,255,.2)
    }
}

@media (max-width:1024px) {
    #menu-main li a:after {
        display: none
    }
}

#menu-main li:hover a:after {
    width: 100%;
    left: 0;
}

#menu-item-746 {
    display: none
}

@media (max-width:1024px) {
    #menu-item-746 {
        display: inherit
    }
}

.hamburger {
    width: 38px;
    padding: 10px 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
    position: fixed;
    top: 32px;
    right: 45px;
    cursor: pointer;
    display: none;
    z-index: 10;
    transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
}
[hiring="1"] .hamburger {
    top: 63px;
}

@media (max-width:1024px) {
    .hamburger {
        display: block
    }
}

@media (max-width:440px) {
    .hamburger {
        top: 17px
    }
    [hiring="1"] .hamburger {
        top: 48px;
    }
}

.hamburger.active {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hamburger li {
    margin-left: 7px;
    width: 100%;
    list-style: none;
    height: 4px;
    background: rgb(38,38,38);
    margin: 0 0 5px;
    position: relative;
    border-radius: 1px;
    transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
}

.hamburger li:first-child {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    top: 0;
}

.hamburger li:last-child {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    top: 0;
    margin-bottom: 0;
}

.hamburger li:nth-child(2) {
    transition: .1s;
    -moz-transition: .1s;
    -webkit-transition: .1s;
}

.hamburger.active li {
    opacity: 0
}

.hamburger.active li:first-child {
    -webkit-transform: translate3d(0,8px,0);
    -ms-transform: translate3d(0,8px,0);
    transform: translate3d(0,8px,0);
    opacity: 1;
}

.hamburger.active li:last-child {
    -webkit-transform: translate3d(0,-10px,0) rotate(90deg);
    -ms-transform: translate3d(0,-10px,0) rotate(90deg);
    transform: translate3d(0,-10px,0) rotate(90deg);
    opacity: 1;
}

#content {
    overflow: hidden;
    margin-top: 200px;
}
@media(max-width: 480px) {
    #content {
        margin-top: 150px;
    }
}
.home #content {
    margin-top: 0
}

blockquote {
    margin: 0 0 50px 0
}

.hero-image {
    padding-bottom: 56.25%;
    margin: 150px 0;
}

.hero-img {
    margin-top: 150px;
    display: block;
    width: 100%;
    pointer-events: none;
}

.progressive-media {
    position: relative;
}

.progressive-media img {
    position: absolute;
    top: 0; right: 0;
    width: 100%;
    height: 100%;
}

.progressive-media .progressive-media__full {
    z-index: 2;
    opacity: 0;
    transition: .5s;
}

.progressive-media .progressive-media__full.progressive-media--loaded {
    opacity: 1;
}

.page-id-20 .icon-list {
    margin: 30px 0 0 0;
}
.icon-list  {
    margin: 0 0 150px 0;
}
.icon-list > li {
    position: relative;
    margin-bottom: 25px;
    width: 50%;
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
}

@media (max-width:768px) {
    .icon-list > li {
        width: 100%
    }
    .icon-list > li:last-child {
        margin-bottom: 0;
    }
}

.icon-list > li a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: transparent;
}

.icon-list > li:after {
    clear: both
}

.icon-list > li .services-icon-wrap {
    display: inline-block;
    width: 33%;
    height: 134px;
    position: relative;
    vertical-align: middle;
    margin-right: -.25em;
}

@media (max-width:1024px) {
    .icon-list > li .services-icon-wrap {
        height: 67px;
        width: 25%;
        max-width: 85px;
    }
}

@media (max-width:400px) {
    .icon-list > li .services-icon-wrap {
        width: 30%
    }
}

.icon-list > li .icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    background: url(/wp-content/themes/designamite/library/images/designamite_sprite.png);
    opacity: 1;
    transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
}

.icon-list > li .icon.back {
    opacity: 0
}

.icon-list > li:hover .icon {
    opacity: 0
}

.icon-list > li:hover .icon.back {
    opacity: 1
}

@media (max-width:1024px) {
    .icon-list > li .icon {
        background-size: 825px 232px
    }
}

.icon-list > li .text {
    width: 60%;
    display: inline-block;
    vertical-align: middle;
    font-family: "Conv_FSAlbert_bold";
    font-size: 2.4rem;
}

@media (max-width:1024px) {
    .icon-list > li .text {
        width: 75%;
        font-size: inherit;
    }
}
@media (max-width:400px) {
    .icon-list > li .text {
        width: 70%;
        padding-left: 10px;
        font-size:16px;
    }
}

.icon-list > li .icon.cgi {
    background-position: 209px -183px
}

@media (max-width:1024px) {
    .icon-list > li .icon.cgi {
        background-position: 105px -323px
    }
}

.icon-list > li .icon.cgi.back {
    background-position: 209px -21px
}

@media (max-width:1024px) {
    .icon-list > li .icon.cgi.back {
        background-position: 105px -10px
    }
}

.icon-list > li .icon.advertising {
    background-position: 606px -183px
}

@media (max-width:1024px) {
    .icon-list > li .icon.advertising {
        background-position: 304px -323px
    }
}

.icon-list > li .icon.advertising.back {
    background-position: 606px -21px
}

@media (max-width:1024px) {
    .icon-list > li .icon.advertising.back {
        background-position: 304px -10px
    }
}

.icon-list > li .icon.database {
    background-position: 1200px -183px
}

@media (max-width:1024px) {
    .icon-list > li .icon.database {
        background-position: 600px -323px
    }
}

.icon-list > li .icon.database.back {
    background-position: 1200px -21px
}

@media (max-width:1024px) {
    .icon-list > li .icon.database.back {
        background-position: 600px -10px
    }
}

.icon-list > li .icon.marketing {
    background-position: 804px -183px
}

@media (max-width:1024px) {
    .icon-list > li .icon.marketing {
        background-position: 402px -323px
    }
}

.icon-list > li .icon.marketing.back {
    background-position: 804px -21px
}

@media (max-width:1024px) {
    .icon-list > li .icon.marketing.back {
        background-position: 402px -10px
    }
}

.icon-list > li .icon.web-design {
    background-position: 408px -183px
}

@media (max-width:1024px) {
    .icon-list > li .icon.web-design {
        background-position: 204px -323px
    }
}

.icon-list > li .icon.web-design.back {
    background-position: 408px -21px
}

@media (max-width:1024px) {
    .icon-list > li .icon.web-design.back {
        background-position: 204px -10px
    }
}

.icon-list > li .icon.graphic-design {
    background-position: 1002px -183px
}

@media (max-width:1024px) {
    .icon-list > li .icon.graphic-design {
        background-position: 501px -323px
    }
}

.icon-list > li .icon.graphic-design.back {
    background-position: 1002px -21px
}

@media (max-width:1024px) {
    .icon-list > li .icon.graphic-design.back {
        background-position: 501px -10px
    }
}

#footer {
    padding-bottom: 20px
}

#footer h4 {
    margin-bottom: 0
}
#footer ul {
    margin-top: 0;
}
#footer ul li {
    font-size: 1.2rem;
    padding: 3px 0;
    margin-bottom: 0;
}

@media (max-width: 550px) {
    #copyright {
        padding-bottom: 30px;
    }
}

#footer .footer__call-to-action {
    padding: 150px 0
}

#footer ul li.spacer {
    padding: 10px 0
}

.contact-form__error-message {
    background-color: #d84550;
    color: white;
    padding: 7px;
    margin-bottom: 10px;
    border-radius: 1px;
    margin-top: 20px;
    text-align: center;
}

.page-nav {
    position: fixed;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    height: 40px;
    overflow: hidden;
    z-index: 99;
}

.page-nav a {
    display: block;
    overflow: hidden;
}

@media (max-width:550px) {
    .page-nav {
        top: auto;
        bottom: 0;
        margin: 0;
        width: 50%;
        background: rgb(38,38,38);
    }
}

.page-nav.active {
    opacity: 1
}

.page-nav img {
    max-width: 25px;
    display: block;
}

.page-nav.next {
    right: 0;
    padding-right: 40px;
}

.page-nav.prev {
    left: 0;
    padding-left: 40px;
}

.page-nav .arr {
    width: 40px;
    position: absolute;
    top: 0;
    height: 40px;
    z-index: 1;
    background: url(/wp-content/themes/designamite/library/images/designamite_sprite.png);
    background-color: rgb(38,38,38);
    transform: translate3d(0,0,0) translateZ(0);
    -moz-transform: translate3d(0,0,0) translateZ(0);
    -webkit-transform: translate3d(0,0,0) translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

.page-nav.next .arr {
    right: 0;
    background-position: -355px -232px;
}

.page-nav.prev .arr {
    left: 0;
    background-position: -272px -232px;
}

.page-nav.next {
    right: 0
}

.page-nav.prev {
    left: 0
}

.page-nav .txt {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    background: white;
    font-family: "Conv_FSAlbert_bold";
}

.page-nav.prev .txt {
    transform: translateX(-100%) translate3d(0,0,0) translateZ(0);
    -moz-transform: translateX(-100%) translate3d(0,0,0) translateZ(0);
    -webkit-transform: translateX(-100%) translate3d(0,0,0) translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

.page-nav.prev:hover .txt {
    transform: translateX(0%) translate3d(0,0,0) translateZ(0);
    -moz-transform: translateX(0%) translate3d(0,0,0) translateZ(0);
    -webkit-transform: translateX(0%) translate3d(0,0,0) translateZ(0);
}

.page-nav.next .txt {
    transform: translateX(100%) translate3d(0,0,0) translateZ(0);
    -moz-transform: translateX(100%) translate3d(0,0,0) translateZ(0);
    -webkit-transform: translateX(100%) translate3d(0,0,0) translateZ(0);
}

.page-nav.next:hover .txt {
    transform: translateX(0%) translate3d(0,0,0) translateZ(0);
    -moz-transform: translateX(0%) translate3d(0,0,0) translateZ(0);
    -webkit-transform: translateX(0%) translate3d(0,0,0) translateZ(0);
}

@media (max-width:550px) {
    .page-nav .txt {
        transform: translateX(0%) !important;
        -moz-transform: translateX(0%) !important;
        -webkit-transform: translateX(0%) !important;
        background: none;
        color: white;
        font-size: 14px;
        padding: 0;
    }

    .page-nav.prev .txt {
        text-align: left
    }

    .page-nav.next .txt {
        text-align: right
    }
}

.page-nav.next img {
    transform: rotate(180deg)
}

#designamite-map {
    position: relative;
    margin: 150px 0 0 0;
    height: 65vh;
}
#designamite-map .ol-zoom.ol-unselectable.ol-control {
    display: none !important;
}
#map {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#get-directions {
    position: absolute;
    bottom: 30px;
    right: 20px;
    padding: 10px;
    z-index: 6;
}

#map img {
    position: absolute;
    max-width: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.contact-us {
    font-size: 2rem
}

.client-grid-home {
    margin: 0 0 150px 0
}
.client-grid-home .col {
    position: relative;
    width: 33.3333%;
    color: white;
    cursor: pointer;
    float: left;
    overflow: hidden;
}

.client-grid-home p {
    display: none
}

.client-grid-home .col.view-all {
    padding-bottom: 20%
}

@media (max-width: 1024px) {
    .client-grid-home .col.view-all {
        width: 100%;
        padding: 0;
    }
}

@media (max-width:1024px) {
    .client-grid-home .col {
        width: 50%
    }
}

/*@media (max-width:600px) {
    .client-grid-home .col {
        width: 100%
    }
}*/


.client-grid-home .col a {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
}


.no-touchevents .client-grid-home .col:hover a,
.client-grid-home .col.hover a,
.client-grid-home .col.view-all a {
    display: block
}

.client-grid-home .col > div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: rgba(0,0,0,.76);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}


.client-grid-home .col.view-all > div {
    background: #FFCC00;
    color: white;
    font-family: "Conv_FSAlbert_light";
}
@media (max-width: 1024px) {
    .client-grid-home .col.view-all > div {
        padding: 40px;
        position: relative;
    }
}
@media (max-width: 768px) {
    .client-grid-home .col.view-all > div {
        padding: 20px 0 20px 45px;
    }
}
.client-grid-home .col.view-all:hover > div {
    background: rgb(38,38,38)
}

.no-touchevents .client-grid-home .col:hover > div,
.client-grid-home .col.hover > div,
.client-grid-home .col.view-all > div {
    opacity: 1;
    filter: alpha(opacity=100);
}

.client-grid-home .col > div .name {
    font-size: 2.4rem;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    transform: translateX(15px);
    -webkit-transition: all 0.1s ease-in 0.3s;
    -moz-transition: all 0.1s ease-in 0.3s;
    -o-transition: all 0.1s ease-in 0.3s;
    transition: all 0.1s ease-in 0.3s;
}
@media (min-width: 1025px) {
    .client-grid-home .col > div .name {
        position: absolute;
        bottom: 45px;
    }
}
.client-grid-home .col:hover > div .name,
.client-grid-home .col.view-all > div .name {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    transform: translateX(40px);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.no-touchevents .client-grid-home .col.view-all:hover {
    background: rgb(38,38,38);
    color: white;
}

.client-grid-home .col > div small {
    position: absolute;
    bottom: 10%;
    text-align: center;
    display: block;
    font-size: 2rem;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transform: translateX(-9px);
    -moz-transform: translateX(-9px);
    transform: translateX(-9px);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    background: url(/wp-content/themes/designamite/library/images/designamite_sprite.png);
    width: 60px;
    height: 60px;
    vertical-align: middle;
    z-index: 60;
    left: 50%;
    background-position: -349px -221px;
    margin-left: -30px;
}

@media (max-width: 600px) {
    .client-grid-home .col > div small {
        background: url(/wp-content/themes/designamite/library/images/designamite_sprite.png);
          background-size: 825px 232px;
          width: 30px;
          height: 30px;
          background-position: -173px -342px;
          margin-left: -15px;
          bottom: 15%;
    }
}

.no-touchevents .client-grid-home .col:hover > div small,
.client-grid-home .col.hover > div small,
.client-grid-home .col.view-all > div small {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: all 0.3s ease-in 0.3s;
    -moz-transition: all 0.3s ease-in 0.3s;
    -o-transition: all 0.3s ease-in 0.3s;
    transition: all 0.3s ease-in 0.3s;
}

.client-grid-home img {
    display: block;
    width: 100%;
    transition: .4s;
}

.client-grid-home .col img.logo {
    position: absolute;
    top: 0;
    z-index: 3;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.no-touchevents .client-grid-home .col:hover img.logo,
.client-grid-home .col.hover img.logo {
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
}

.icon-list.services > li > span.advertising > .front {
    display: none
}

.icon-list.services > li > span.advertising .back {
    display: none
}
.page-id-14 .team-grid {
    margin-top: 0;
}

.team-grid .col {
    width: 14.285714286%;
    position: relative;
    float: left;
    color: white;
    overflow: hidden;
}

.team-grid > p {
    display: none
}

.team-grid .col img {
    width: 100%
}

.team-grid .col > div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.76);
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.team-grid .col:hover > div {
    opacity: 1;
    filter: alpha(opacity=100);
}

.team-grid .col > div .name {
    position: absolute;
    bottom: 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: all 0.1s ease-in 0.3s;
    -moz-transition: all 0.1s ease-in 0.3s;
    -o-transition: all 0.1s ease-in 0.3s;
    transition: all 0.1s ease-in 0.3s;
    font-size: 2rem;
    margin: 0;
    font-family: "Conv_FSAlbert_bold";
}

@media (max-width:440px) {
    .team-grid .col > div .name {
        font-size: 1.6rem
    }
}

.team-grid .col:hover > div .name {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    transform: translateX(15px);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.team-grid .col > div small {
    position: absolute;
    bottom: 40px;
    display: block;
    font-size: 1.4rem;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transform: translateY(15px) translateX(15px);
    -moz-transform: translateY(15px) translateX(15px);
    transform: translateY(15px) translateX(15px);
    -webkit-transition: all 0.1s ease-in 0.3s;
    -moz-transition: all 0.1s ease-in 0.3s;
    -o-transition: all 0.1s ease-in 0.3s;
    transition: all 0.1s ease-in 0.3s;
}

.team-grid .col:hover > div small,
.team-grid .col:focus > div small {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    -webkit-transform: translateY(0px) translateX(15px);
    -moz-transform: translateY(0px) translateX(15px);
    transform: translateY(0px) translateX(15px);
    -webkit-transition: all 0.3s ease-in 0.3s;
    -moz-transition: all 0.3s ease-in 0.3s;
    -o-transition: all 0.3s ease-in 0.3s;
    transition: all 0.3s ease-in 0.3s;
}

@media (max-width:1550px) {
    .team-grid .col {
        width: 20%
    }
}

@media (max-width:1100px) {
    .team-grid .col {
        width: 25%
    }
}

@media (max-width:900px) {
    .team-grid .col {
        width: 33.33333%
    }
}

@media (max-width:550px) {
    .team-grid .col {
        width: 50%
    }
}

.team-grid img {
    display: block
}

#client blockquote img {
    display: block;
    width: auto;
}

#client blockquote p > em {
    margin: 40px 0;
    display: block;
}

#client .client__blockquote--padding-bottom {
    padding-bottom: 10%;
    margin: 0;
}

#client blockquote p:last-child {
    font-size: 90%;
    margin: 0;
}

#client img.full-width {
    display: block;
    width: 100%;
    margin: 0 auto;
}

#client .client-2-3 {
    margin-left: 0
}

#client .client-2-3 .grid__col {
    padding-left: 0;
    position: relative;
    overflow: hidden;
    float: left;
    margin: 0;
}

@media (max-width:1550px) {
    #client .client-2-3 .grid__col {
        width: 100%
    }
}

#client .client-2-3 .grid__col--1-of-3 h3 {
    margin: 0
}

#client .client-2-3 .grid__col--1-of-3 > div {
    position: relative;
    background: #FFCC00;
    color: rgb(38,38,38);
    padding-bottom: 66.1%;
}

@media (min-width:1040px) and (max-width:1550px) {
    #client .client-2-3 .grid__col--1-of-3 > div {
        width: 50%;
        float: left;
        padding-bottom: 33.05%;
    }
}

@media (max-width:1039px) {
    #client .client-2-3 .grid__col--1-of-3 > div {
        padding: 40px
    }
}

#client .client-2-3 .grid__col--1-of-3 p {
    margin: 0
}

@media (min-width:1040px) {
    #client .client-2-3 .grid__col--1-of-3 .client-list {
        position: absolute;
        height: 100%;
        width: 100%;
        display: block;
    }

    .client-list__vertical-centre {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        padding: 0 30px;
    }
}

#client .client-2-3 .grid__col--1-of-3 > div > h3 {
    font-size: 2.4rem;
    letter-spacing: -1px;
    margin: 20px 0 0 0;
}

@media (min-width:1040px) {
    #client .client-2-3 .grid__col--1-of-3 > div > h3 {
        margin: 0;
        position: absolute;
        top: 30px;
        left: 30px;
    }
}

#client .client-2-3 .grid__col--1-of-3 > div ul {
    font-family: "Conv_FSAlbert_light";
    list-style: disc;
    font-size: 20px;
    padding-left: 20px;
    margin-top: 30px;
}

@media (min-width:550px) {
    #client .client-2-3 .grid__col--1-of-3 > div ul {
        display: inline-block;
        width: 50%;
        margin-right: -4px;
        vertical-align: top;
    }

    #client .client-2-3 .grid__col--1-of-3 .client-list__one-col ul {
        display: block;
        width: 100%;
        margin-right: auto;
    }
    #client .client-2-3 .grid__col--1-of-3 .client-list__one-col ul.two
    {
        margin-top: 0;
    }

    #client .client-2-3 .grid__col--1-of-3 > div ul:not(.two) {
        padding-right: 30px
    }
}

@media (max-width:550px) {
    #client .client-2-3 .grid__col--1-of-3 > div ul.two {
        margin-top: 0
    }
}

#client .client-2-3 .grid__col--1-of-3 > div ul > li {
    margin-bottom: 10px;
    line-height: 1.2;
    display: list-item;
}

@media (min-width:1040px) and (max-width:1550px) {
    #client .client-2-3 .grid__col--1-of-3 > img {
        width: 50%;
        float: left;
    }
}

#client .client-2-3 img {
    width: 100%;
    display: block;
}

#client .client-2-3 .grid__col--1-of-3 > div.client-video-wrap {
    position: relative;
    background: rgb(38,38,38);
}

@media (max-width: 1040px) {
    #client .client-2-3 .grid__col--1-of-3 > div.client-video-wrap {
        padding: 0
    }
}

@media (min-width: 1040px) {
    #clientvid {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        transform: scale(1.01);
        -moz-transform: scale(1.01);
        -webkit-transform: scale(1.01);
    }
}

@media (max-width: 1040px) {
    #clientvid {
        display: block;
        width: 100%;
        height: auto;
    }
}

@media (max-width:768px) {
    #clientvid {
        position: relative
    }
}

.service-stats {
    margin: 150px auto 100px auto !important;
}

.service-stats p {
    display: none;
}

.service-stats ul {
    margin: 0;
}

.service-stats ul li {
    display: inline-block;
    width: 33.33333%;
    margin-bottom: 50px;
    font-size: 20px;
    padding-right: 30px;
    margin-right: -4px;
    vertical-align: top;
    opacity: 0;
    transition: .25s;
    -webkit-transition: .25s;
}

@media (max-width:768px) {
    .service-stats ul li {
        width: 50%
    }
}

@media (min-width: 700px) {
    .service-stats ul li {
        padding-right: 90px
    }
}

@media (max-width:500px) {
    .service-stats ul li {
        width: 100%
    }
}

.service-stats ul li strong {
    opacity: 0;
    font-size: 5rem;
    display: block;
    font-style: normal;
    line-height: 1;
    font-family: 'Conv_FSAlbert_extra_bold';
}

.service-stats ul li strong .number {
    display: inline-block
}

.services-grid {
    margin-left: -5px
}

@media (max-width:769px) {
    .services-grid {
        margin-left: 0
    }
}

.services-grid img {
    pointer-events: none
}

.services-grid .grid__col {
    padding-left: 0 !important;
    float: left;
    margin-right: 0 !important;
}

.services-grid img {
    display: block;
    width: 100%;
    float: left;
}

@media (max-width:1100px) {
    .services-grid .grid__col--3-of-8 {
        width: 100% !important
    }

    .services-grid .grid__col--4-of-8 {
        width: 80% !important
    }

    .services-grid .grid__col--1-of-8 {
        width: 20% !important
    }
}

.page-id-12 .client-grid-home {
    margin-bottom: 0;
    margin-top: 150px;
}

.work__section-list {
    padding: 0;
    margin-bottom: 35px;
    font-family: 'Conv_FSAlbert_bold';
}

@media (min-width:600px) {
    .work__section-list {
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
    }
}

@media (min-width:900px) {
    .work__section-list {
        column-count: 3;
        -moz-column-count: 3;
        -webkit-column-count: 3;
    }
}

@media (min-width:1300px) {
    .work__section-list {
        column-count: 4;
        -moz-columnn-count: 4;
        -webkit-column-count: 4;
    }
}

.work__section-list li {
    margin-bottom: 3px;
    display: list-item;
    list-style-type: none;
}



/**Quote page**/

#quoteform {
    margin-bottom: 40px;
}

.quote-box-steps {
    padding: 20px 0;
}

@media (max-width: 768px) {
    .quote-box-steps > div:not(:last-child) {
        margin-bottom: 20px;
    }
}

#quoteform h3 {
    margin-top: 6rem;
}

.quote-box-steps > div > div {
    background: #FFCC00;
    color: black;
    font-family: "Conv_FSAlbert_bold";
    text-align: center;
    padding: 20px;
}

.quote-box-steps > div > div > img {
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
}

#quotefilelist > div {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    position: relative;
}

#quotefilelist > div > div {
    padding: 10px;
}

#quotefiles {
    margin-bottom: 0;
    color: white;
    opacity: 0;
    cursor: pointer;
}

.file-input-wrap {
    position: relative;
    cursor: pointer;
}

.file-input-wrap > div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #ccc;
}

.btn-file
{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 44px;
    opacity: 0;
    cursor: pointer;
}

.file-input-wrap:hover .button {
    color: rgb(38,38,38);
    background: #FFCC00;
}

#browse {
    cursor: pointer;
    opacity: 0;
    margin-bottom: 0;
}


.file-input-wrap > span {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    z-index: -1;
    cursor: pointer;
}

.file-input-wrap > span.button {
    right: 0;
    left: auto;
    padding-left: 35px;
    padding-right: 35px;
    bottom: 0;
    cursor: pointer;
}

#quotefilelist > div {
    padding: 0 10px;
    line-height: 44px;
    overflow: hidden;
    max-height: 44px;
}

@media (max-width: 480px) {
    #quotefilelist > div > span:not(:last-child) {
        font-size: 13px;
    }
}

#quotefilelist > div > span.button {
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    line-height: 44px;
    padding: 0 20px;
    background: white;
    color: rgb(38,38,38);
    line-height: 51px;
    z-index: 2;
}

.uploadfiles {
    float: right;
    padding: 10px 20px 6px 20px;
}
/*#quotefilelist > div > span.button.done {
    background-color: #2ecc71;
    text-align: center;
    width: 127px;
}*/
#quotefilelist > div > span.button.done {
    background-color: #c0392b;
    text-align: center;
    font-weight: bold;
    color: white;
}

.contact-btn {
    border: 0;
}

#quotefilelist .file > span {
    display: block;
    padding: 10px 20px;
    background-color: rgb(208,39,61);
    color: white;
    cursor: pointer;
    font-family: "Conv_FSAlbert_bold";
    text-transform: uppercase;
}

@media (min-width: 768px) {
    #quotefilelist .file > span {
        position: absolute;
        top: 0;
        right: 0;
    }
}

.page-id-16 h1 {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.page-id-16 #designamite-map {
    margin: 65px 0 60px 0
}

@media (min-width:440px) {
    .page-id-16 #designamite-map {
        margin: 85px 0 60px 0
    }
}

@media (min-width:1024px) {
    .page-id-16 #designamite-map {
        margin: 93px 0 60px 0
    }
}

@media (min-width:1060px) {
    .page-id-16 #designamite-map {
        margin: 88px 0 60px 0
    }
}

.page-id-16 #content {
    margin: 0
}

.page-id-16 #feedback h3 {
    margin-top: 80px;
}

.page-id-16 #inner-footer {
    display: none;
}
.page-id-16 .contact-us {
    margin-bottom: 150px;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both
}

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

.fixed {
    position: fixed
}

::selection {
    background: rgb(38,38,38);
    color: white;
}

::-moz-selection {
    background: rgb(38,38,38);
    color: white;
}

.icon {
    background: url(/wp-content/themes/designamite/library/images/designamite_sprite.png);
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
}

.icon.icon--call {
    background-position: -106px -336px
}

.icon.icon--email {
    background-position: -181px -336px
}

.icon.icon--post {
    background-position: -31px -336px
}

#getintouch.success {
    display: table;
    height: 100vh;
}

#getintouch.success h3 {
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}

.form__success-message {
    z-index: -1;
    opacity: 0;
    transition: .5s;
    -webkit-transition: .5s;
}

.form-success .form__success-message {
    z-index: 1;
    opacity: 1;
}

.form-success .form__success-message * {
    pointer-events: none
}

.form__success-message,
.form__success-message > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
}

.form__success-message > div {
    display: table
}

.form__success-message > div span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 32px;
    font-family: 'Conv_FSAlbert_bold';
}

#feedback h3 {
    margin-top: 150px;
}
.input-box {
    position: relative
}

.input-box input {
    background: transparent
}

.input-box__error {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    font-size: 14px;
    line-height: 44px;
    color: #d84550;
    padding-right: 10px;
    border-left: 1px solid #d84550;
    padding-left: 10px;
    z-index: -1;
}
@media (max-width: 400px) {
    .input-box__error {
        font-size: 10px;
    }
}

#submitbutton {
    margin-bottom: 0;
}


.shake { -webkit-animation-name: shake-base; -ms-animation-name: shake-base; animation-name: shake-base; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: 5; -ms-animation-iteration-count: 5; animation-iteration-count: 5; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; }

@-webkit-keyframes shake-base { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
  2% { -webkit-transform: translate(-0.5px, 1.5px) rotate(0.5deg); }
  4% { -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg); }
  6% { -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg); }
  8% { -webkit-transform: translate(-2.5px, -2.5px) rotate(-1.5deg); }
  10% { -webkit-transform: translate(1.5px, 1.5px) rotate(-1.5deg); }
  12% { -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); }
  14% { -webkit-transform: translate(1.5px, -2.5px) rotate(-0.5deg); }
  16% { -webkit-transform: translate(0.5px, 1.5px) rotate(0.5deg); }
  18% { -webkit-transform: translate(-2.5px, -0.5px) rotate(0.5deg); }
  20% { -webkit-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); }
  22% { -webkit-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); }
  24% { -webkit-transform: translate(-1.5px, -2.5px) rotate(-1.5deg); }
  26% { -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg); }
  28% { -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }
  30% { -webkit-transform: translate(-2.5px, 1.5px) rotate(0.5deg); }
  32% { -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg); }
  34% { -webkit-transform: translate(-1.5px, 0.5px) rotate(-1.5deg); }
  36% { -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg); }
  38% { -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg); }
  40% { -webkit-transform: translate(-0.5px, 0.5px) rotate(0.5deg); }
  42% { -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); }
  44% { -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); }
  46% { -webkit-transform: translate(-1.5px, 1.5px) rotate(-1.5deg); }
  48% { -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); }
  50% { -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg); }
  52% { -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg); }
  54% { -webkit-transform: translate(1.5px, 0.5px) rotate(-1.5deg); }
  56% { -webkit-transform: translate(0.5px, 0.5px) rotate(-1.5deg); }
  58% { -webkit-transform: translate(0.5px, 1.5px) rotate(-0.5deg); }
  60% { -webkit-transform: translate(-0.5px, -2.5px) rotate(-0.5deg); }
  62% { -webkit-transform: translate(-2.5px, -1.5px) rotate(-0.5deg); }
  64% { -webkit-transform: translate(-1.5px, 0.5px) rotate(0.5deg); }
  66% { -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg); }
  68% { -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg); }
  70% { -webkit-transform: translate(-0.5px, -2.5px) rotate(-1.5deg); }
  72% { -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg); }
  74% { -webkit-transform: translate(-2.5px, 0.5px) rotate(0.5deg); }
  76% { -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg); }
  78% { -webkit-transform: translate(1.5px, -2.5px) rotate(0.5deg); }
  80% { -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg); }
  82% { -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg); }
  84% { -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); }
  86% { -webkit-transform: translate(-2.5px, 0.5px) rotate(-0.5deg); }
  88% { -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); }
  90% { -webkit-transform: translate(-1.5px, -1.5px) rotate(-1.5deg); }
  92% { -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }
  94% { -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg); }
  96% { -webkit-transform: translate(-2.5px, -2.5px) rotate(0.5deg); }
  98% { -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg); } }

@-ms-keyframes shake-base { 0% { -ms-transform: translate(0px, 0px) rotate(0deg); }
  2% { -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); }
  4% { -ms-transform: translate(-0.5px, 0.5px) rotate(-0.5deg); }
  6% { -ms-transform: translate(-1.5px, 1.5px) rotate(0.5deg); }
  8% { -ms-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); }
  10% { -ms-transform: translate(1.5px, -2.5px) rotate(-1.5deg); }
  12% { -ms-transform: translate(0.5px, 0.5px) rotate(-0.5deg); }
  14% { -ms-transform: translate(-1.5px, 1.5px) rotate(0.5deg); }
  16% { -ms-transform: translate(-0.5px, 0.5px) rotate(-0.5deg); }
  18% { -ms-transform: translate(1.5px, -0.5px) rotate(-1.5deg); }
  20% { -ms-transform: translate(-1.5px, -2.5px) rotate(-0.5deg); }
  22% { -ms-transform: translate(-0.5px, -0.5px) rotate(-0.5deg); }
  24% { -ms-transform: translate(1.5px, -0.5px) rotate(-0.5deg); }
  26% { -ms-transform: translate(-1.5px, -2.5px) rotate(0.5deg); }
  28% { -ms-transform: translate(1.5px, 1.5px) rotate(-1.5deg); }
  30% { -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); }
  32% { -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); }
  34% { -ms-transform: translate(1.5px, 1.5px) rotate(-1.5deg); }
  36% { -ms-transform: translate(-0.5px, -0.5px) rotate(0.5deg); }
  38% { -ms-transform: translate(1.5px, -1.5px) rotate(-0.5deg); }
  40% { -ms-transform: translate(1.5px, -1.5px) rotate(0.5deg); }
  42% { -ms-transform: translate(-1.5px, 1.5px) rotate(-0.5deg); }
  44% { -ms-transform: translate(0.5px, 1.5px) rotate(-0.5deg); }
  46% { -ms-transform: translate(1.5px, 0.5px) rotate(0.5deg); }
  48% { -ms-transform: translate(-2.5px, 0.5px) rotate(0.5deg); }
  50% { -ms-transform: translate(1.5px, 1.5px) rotate(-0.5deg); }
  52% { -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); }
  54% { -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); }
  56% { -ms-transform: translate(0.5px, -1.5px) rotate(0.5deg); }
  58% { -ms-transform: translate(0.5px, 0.5px) rotate(-0.5deg); }
  60% { -ms-transform: translate(-0.5px, 1.5px) rotate(0.5deg); }
  62% { -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); }
  64% { -ms-transform: translate(0.5px, -0.5px) rotate(-0.5deg); }
  66% { -ms-transform: translate(0.5px, 0.5px) rotate(-0.5deg); }
  68% { -ms-transform: translate(-0.5px, -2.5px) rotate(-0.5deg); }
  70% { -ms-transform: translate(-1.5px, 1.5px) rotate(-1.5deg); }
  72% { -ms-transform: translate(0.5px, -2.5px) rotate(-1.5deg); }
  74% { -ms-transform: translate(-0.5px, -2.5px) rotate(-0.5deg); }
  76% { -ms-transform: translate(-1.5px, 0.5px) rotate(0.5deg); }
  78% { -ms-transform: translate(-2.5px, 0.5px) rotate(-0.5deg); }
  80% { -ms-transform: translate(0.5px, 0.5px) rotate(-1.5deg); }
  82% { -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); }
  84% { -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); }
  86% { -ms-transform: translate(-0.5px, 0.5px) rotate(-1.5deg); }
  88% { -ms-transform: translate(0.5px, -1.5px) rotate(0.5deg); }
  90% { -ms-transform: translate(-2.5px, 0.5px) rotate(-0.5deg); }
  92% { -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); }
  94% { -ms-transform: translate(-1.5px, -1.5px) rotate(-1.5deg); }
  96% { -ms-transform: translate(1.5px, 1.5px) rotate(0.5deg); }
  98% { -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); } }

@keyframes shake-base { 0% { transform: translate(0px, 0px) rotate(0deg); }
  2% { transform: translate(-0.5px, 0.5px) rotate(-0.5deg); }
  4% { transform: translate(-2.5px, -1.5px) rotate(0.5deg); }
  6% { transform: translate(1.5px, 1.5px) rotate(-1.5deg); }
  8% { transform: translate(-1.5px, -2.5px) rotate(0.5deg); }
  10% { transform: translate(1.5px, 1.5px) rotate(-0.5deg); }
  12% { transform: translate(-1.5px, 1.5px) rotate(-1.5deg); }
  14% { transform: translate(-1.5px, 0.5px) rotate(0.5deg); }
  16% { transform: translate(0.5px, 0.5px) rotate(-0.5deg); }
  18% { transform: translate(0.5px, -2.5px) rotate(-0.5deg); }
  20% { transform: translate(-2.5px, 0.5px) rotate(-1.5deg); }
  22% { transform: translate(1.5px, 0.5px) rotate(-0.5deg); }
  24% { transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }
  26% { transform: translate(-1.5px, 1.5px) rotate(0.5deg); }
  28% { transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
  30% { transform: translate(-2.5px, 0.5px) rotate(0.5deg); }
  32% { transform: translate(1.5px, -0.5px) rotate(-0.5deg); }
  34% { transform: translate(0.5px, -2.5px) rotate(-1.5deg); }
  36% { transform: translate(0.5px, -2.5px) rotate(-0.5deg); }
  38% { transform: translate(-2.5px, -0.5px) rotate(0.5deg); }
  40% { transform: translate(-0.5px, 1.5px) rotate(0.5deg); }
  42% { transform: translate(1.5px, 1.5px) rotate(-0.5deg); }
  44% { transform: translate(-2.5px, -2.5px) rotate(0.5deg); }
  46% { transform: translate(0.5px, -2.5px) rotate(0.5deg); }
  48% { transform: translate(-0.5px, -2.5px) rotate(-0.5deg); }
  50% { transform: translate(-0.5px, 0.5px) rotate(0.5deg); }
  52% { transform: translate(1.5px, 0.5px) rotate(0.5deg); }
  54% { transform: translate(-2.5px, 0.5px) rotate(-1.5deg); }
  56% { transform: translate(-2.5px, 1.5px) rotate(0.5deg); }
  58% { transform: translate(-2.5px, -2.5px) rotate(-0.5deg); }
  60% { transform: translate(-0.5px, -2.5px) rotate(-0.5deg); }
  62% { transform: translate(-1.5px, 0.5px) rotate(-0.5deg); }
  64% { transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
  66% { transform: translate(-2.5px, 0.5px) rotate(-0.5deg); }
  68% { transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
  70% { transform: translate(0.5px, 1.5px) rotate(0.5deg); }
  72% { transform: translate(-2.5px, 1.5px) rotate(0.5deg); }
  74% { transform: translate(1.5px, -0.5px) rotate(0.5deg); }
  76% { transform: translate(-0.5px, -1.5px) rotate(0.5deg); }
  78% { transform: translate(-0.5px, -2.5px) rotate(0.5deg); }
  80% { transform: translate(1.5px, -0.5px) rotate(0.5deg); }
  82% { transform: translate(-1.5px, 0.5px) rotate(-0.5deg); }
  84% { transform: translate(-1.5px, -1.5px) rotate(-0.5deg); }
  86% { transform: translate(0.5px, -0.5px) rotate(-1.5deg); }
  88% { transform: translate(-2.5px, -2.5px) rotate(-1.5deg); }
  90% { transform: translate(-1.5px, 1.5px) rotate(0.5deg); }
  92% { transform: translate(-1.5px, 0.5px) rotate(0.5deg); }
  94% { transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
  96% { transform: translate(1.5px, 0.5px) rotate(-0.5deg); }
  98% { transform: translate(-0.5px, -1.5px) rotate(0.5deg); } }

  @-webkit-keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    20% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }
    
    40% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  @keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    20% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }
    40% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
  }


  .parsley-errors-list {
    margin-top: 0;
    font-size: 14px;
    color: #d84550;
  }



.three-d-visual
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.three-s-icons
{
    padding: 40px 0 60px;
}

.three-s-icons > div
{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    vertical-align: top;
}

@media (min-width: 400px)
{
    .three-s-icons > div
    {
        width: 50%;
        margin-right: -4px;
    }
}

@media (min-width: 1160px)
{

    .three-s-icons > div
    {
        width: auto;
    }

}

.three-s-icons img
{
    display: inline-block;
    vertical-align: middle;
    max-width: 134px;
}

@media (max-width: 480px)
{
    .three-s-icons img
    {
        max-width: 75px;
    }
}

.three-s-icons > div > div
{
    font-size: 2.4rem;
    display: inline-block;
    vertical-align: middle;
    font-family: 'Conv_FSAlbert_extra_bold';
    margin-left: 10px;
    margin-right: 20px;
}

@media (min-width: 400px) and (max-width: 768px) {
    .three-s-icons
    {
        text-align: center;
    }
    .three-s-icons > div > div
    {
        display: block;
        margin: 0 auto;
        padding-top: 10px;
    }
}
@media only screen and (max-width: 380px) {
	.g-recaptcha > div {
	    max-width: 225px !important;
	    overflow: hidden;
	    width: 100% !important;
	    border-right: 1px solid #ddd;
	}
	.g-recaptcha > div > div {
	    max-width: 225px !important;
	}
}

.show-bullets {
    margin: 10px 0 0 25px;
    padding: 10px;
}

.show-bullets li {
    display: list-item;
}