.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
}


    
    


.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(../image/file-pdf-light-g.svg) no-repeat 0;
    background: url(../image/file-pdf-light-b.svg) no-repeat 0;
    background-size: 30px
}

.pdf-link:hover {
    background: url(../image/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
}
.entry-content p span{
    color: #337ab7;
    transition: 0.3s;
}
.entry-content p span:hover{
    color: #88a43d
}
.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(../image/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(../image/left.png) no-repeat !important;
    float: left;
    margin-left: 30px !important
}

#owl-cs .owl-next {
    background: url(../image/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
}


    


.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
}
.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;
}
a {
    color: #337ab7;
    text-decoration: none;
}
a:hover {
    color: #88a43d;
    text-decoration: none;
}

    



    



    


.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: #1cb7e8;
    background: linear-gradient(135deg, #1cb7e8, #49c2ba)
}

.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] {
    
    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 {
    margin-top: 10px;
    font-size: 16px;
    text-align: center;
    color: #fff !important;
    padding-left: 35px !important;
    padding-right: 35px !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 {
    font-size: 1.4em;
    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;
    
}

.stats-section-sticky-menu ul li:hover {
    color: #fc3 !important;
    font-size: 1.4em;
    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.4em
}

.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 {
    
}

.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.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
    }
}