::-moz-selection {
 background: #b3d4fc;
 text-shadow: none
}
::selection {
    background: #b3d4fc;
    text-shadow: none
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}
audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0
}
textarea {
    resize: vertical
}
.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}
body {
    background-color: #fff;
    font-family: aktiv-grotesk, sans-serif;
    font-size: 1em;
    height: 100%!important;
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    width: 100%
}
 body ::-moz-selection {
 background: rgba(87, 162, 228, .95)
}
body ::selection {
    background: rgba(87, 162, 228, .95)
}
div, li {
/*outline: 1px solid #f00;*/
}
img {
    border: 0
}
p {
    font-weight: 400;
    margin-bottom: 20px!important
}
a {
    color: #337ab7;
    text-decoration: none!important
}
a:hover {
    color: #57a2e4
}
.border:hover {
    box-shadow: inset 0 0 0 25px #53a7ea
}
.caps {
    text-transform: uppercase
}
.caps-init {
    text-transform: capitalize
}
.transition {
    transition: all .62s ease-out
}
.transition-two {
    transition: .62s ease-in-out
}
.border-raduis10 {
    border: 1px solid #999!important;
    border-radius: 10px!important;
    overflow: hidden
}
.dark-back {
    background-color: #999!important
}
.spacer {
    display: block;
    height: 20px
}
.width-100 {
    width: 100%
}
.width-style20 {
    display: block!important;
    width: 20%!important
}
.container-carousel, .container-full, .container-main {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 970px
}
.container-main {
    margin-bottom: 20px
}
.container-full-header {
    height: 100%;
    width: 100%;
}
.container-full-header-clients {
    display: block;
    float: left;
    height: 100%;
    width: 75%;
}
/*header*/
.header-image-one {
    height: 100vh;
    width: 100vw
}
.header-height {
    margin-top: 0;
}
.header-full-viewport {
    height: 100%;
    width: 100%
}
.header-full-width {
    height: auto;
    width: 100%
}
/*FONT*/
.font {
    transform: translate3d(0, 0, 0);
    -webkit-text-stroke: .35px
}
.font-main {
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: aktiv-grotesk, sans-serif;
    line-height: 13px;
}
.font-nav {
    /*font-family: 'Archivo Black', sans-serif;*/
    font-family: aktiv-grotesk, sans-serif;
}
.font-size-mid {
    font-size: 1.4em;
    padding: 10px 0 0 0
}
.font-weight-lite {
    font-weight: 300
}
.font-weight-medium {
    font-weight: 400
}
.font-weight-bold {
    font-weight: 700
}
.scaleSprite {
    -ms-transform: scale(.7);
    transform: scale(.7);
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -moz-transform: scale(.7);
    -moz-transform-origin: 0 0;
    -webkit-transform: scale(.7);
    -webkit-transform-origin: 0 0
}
/*LOGO*/
.logo, .logo-mobile {
    display: inline-block;
    height: auto;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 129px;
}
.resume, .resume-mobile {
    display: inline-block;
    height: auto;
    right: 55px;
    position: absolute;
    top: 20px;
    width: 25px;
}
.contact, .contact-mobile {
    display: inline-block;
    height: auto;
    right: 20px;
    position: absolute;
    top: 20px;
    width: 25px;
}
.logo-mobile {
    top: 20px;
    width: 129px;
}
.logo-large {
    margin: 30px auto;
    position: relative;
    width: 37%;
}
.logo-container {
    width: 100%;
    display: inline-block;
    position: relative;
}
.arrow-big {
    bottom: -14px;
    display: flex;
    font-size: 50px;
    justify-content: center;
    height: 50px;
    position: absolute;
    width: 100%;
}
#top-div {
    display: inline-block;
    height: 100vh;
    width: 100%;
}
/*NAV*/
.nav-container {
    display: block;
    position: fixed;
    padding: 0;
    margin: 0;
    top: 0;
    width: 100%;
    z-index: 99
}
.sticky-nav {
    margin-top: -78px
}
.nav {
/*    background-color: #000;*/
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    font-size: .75em;
    font-weight: bolder;
    height: 65px;
    margin: -1px 0 0 0;
    width: 100%
}
.nav a {
    color: #ccc;
    /*	display: inline-block;*/
    text-decoration: none!important
}
.nav ul {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0 20px;
    text-align: right;
}
.nav li {
    cursor: pointer;
    margin-top: -10px;
    padding: 0 7.5px;
    text-align: right;
    text-decoration: none;
    -ms-transform: translateY(40%);
    transform: translateY(40%);
    width: auto
}
.nav li a:hover {
    color: #CE3393;
}
/*NAV MOBILE*/
.nav-mobile {
    display: none;
    font-weight: bolder;
    position: fixed;
    top: 40px;
    width: 100%;
    z-index: 20;
}
.nav-mobile .burger {
    padding: 0 25px 0 0;
}
.hamburger-final {
}
.nav-mobile .slide-away {
    display: none
}
.nav-mobile-menu {
/*    background-color: #000;*/
    color: #ccc;
    cursor: pointer;
    height: 35px;
    margin-top: -40px;
    padding: 0px 0 0 0;
    position: relative;
    text-align: right;
    width: 100%;
    z-index: 10
}
.nav-mobile-menu:hover {
    color: #CE3393
}
.nav-mobile-menu-bttm {
    background-color: #000;
    color: #888;
    cursor: pointer;
    height: 30px;
    padding: 10px 0 0 0;
    position: relative;
    text-align: center;
    width: 100%
}
.nav-mobile-menu-bttm:hover {
    color: #CE3393
}
.nav-mobile-menu-bttm-fnl {
    background-color: rgba(255, 255, 255, .97);
    height: 100%;
    position: fixed;
    text-align: center;
    width: 100%
}
.nav-mobile a {
    text-decoration: none!important
}
/*STATES*/
.active {
    color: #57a2e4!important
}
.active:hover {
    color: #57a2e4!important
}
.icon-fade:hover {
    opacity: .7
}
.main-container {
    margin: 0 auto;
    max-width: 970px;
    padding: 0 20px;
    position: relative;
    height: auto
}
/*IMAGES GRID LAYOUT*/
.wall-component {
    overflow: hidden;
}
.wall-component-grey {
    background-color: #fff;
}
.wall-component-greyDark {
    background-color: #fff;
}
.wall-component-list {
    display: flex;/*display: block;*/
    flex-wrap: nowrap;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
}
.wall-component-list li {
    cursor: pointer;
    display: flex;/*inline-block;*/
    flex-wrap: wrap;
    height: 0;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    width: 25%;
    padding-bottom: 25%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.wall-component-list-clients {
    display: block;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
    padding-top: 65px;
}
.wall-component-list-clients li {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 0;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
    padding-bottom: 65%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.wall-component-list-clients-video {
    display: block;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
    padding-top: 65px;
}
.wall-component-list-clients-video li {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 0;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
    padding-bottom: 65%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/*SMALL IMAGE PREVIEW*/
.wall-component-list-small-img-bg {
    object-fit: cover;
    max-width: 100%;
    height: 238px;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 20px 0;
}
.preview-list-item {
    display: block;
    float: left;
    width: 25%;
}
/* Create four equal columns that sits next to each other */
.column {
    flex: 25%;
    -ms-flex: 25%; /* IE10 */
    padding: 0;
    margin: 0;
}
.small-header {
    display: block;
    float: left;
    width: 100%;
    vertical-align: bottom;
    margin: 20px 0 -5px 0px;
}
.wall-component-list li figure, .wall-component-list-clients li figure {
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.wall-component-list-img {
    height: 100%;
    text-align: center;
    width: 100%;
}
.wall-component-list-img-bg {
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 100%;
    max-height: 100%;
}
.wall-component-list-img-bg-clients {
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 100%;
    max-height: 100%;
}
.wall-component-sub-title {
    bottom: 23px;
    color: white;
    font-family: Montserrat, sans-serif;
    height: 23px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 9999;
}
.image-1 {
    background-image: url('../images/image1.jpg');
    background-position: -88px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 490px;
    width: 100%;
}
/*SIDE PANELS*/
.side-panel {
    display: block;
    float: left;
    height: 100vh;
    /*margin: 35px 0 0 0;*/
    position: relative;
    width: 25%;
}
.side-panel p {
    padding: 20px;
	width: 85%;
}
.client-header-text {
    font-size: calc(7.5vw + 7.5vh + 0vmin);
    font-weight: bold;
    letter-spacing: -.05em;
    height: auto;
    line-height: 0.85em;
    margin-top: 30px;
}
.client-sub-header-text {
    color: #000;
    font-size: 2.375em;
    font-weight: bold;
    letter-spacing: -.05em;
    height: auto;
    line-height: 1em;
    margin: 40px 0 0 0;
}
.client-below-sample-text {
    color: #000;
    font-size: 1.8em;
    font-weight: bold;
    letter-spacing: -.05em;
    height: auto;
    line-height: 16px;
    margin: 0px 0 0px 0;
}
.client-small-text {
    font-size: 13px;
    line-height: 18px;
    margin: -30px 0 0 0;
}
.side-panel-mobile {
    display: block;
    float: left;
    margin-top: 36px;
    padding: 20px;
    width: 90%;
}
.left-mobile, .right-mobile {
    display: block;
    float: left;
    margin-top: -27px;
    width: 100%;
}
.left-mobile .client-header-text {
    font-size: 95px;
    margin-top: 40px;
}
.right-mobile {
}
.left-mobile .client-sub-header-text {
    margin: 47px 0 0 0;
}
.left-mobile .client-small-text {
    margin: -5px 0 0 0;
    padding-right: 20px;
}
.right-mobile .butn-margin {
    margin: 0;
}
/*BUTTONS AND BUTTON COLORS*/
.button-prev {
	display: inline-block;
	height: auto;
	left: 20px;
	position: absolute;
	width: 25px;
}
.button-next {
	display: inline-block;
	height: auto;
	left: 55px;
	position: absolute;
	width: 25px;
}
.butn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    width: 123px;
}
.butn:hover {
    background-color: #999;
}
.butn-branding {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    width: 140px;
}
.butn-branding:hover {
    background-color: #999;
}
.butn-digital {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    width: 195px;
}
.butn-digital:hover {
    background-color: #999;
}
.butn-video {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    width: 155px;
}
.butn-video:hover {
    background-color: #999;
}
.butn-strategy {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    width: 110px;
}
.butn-strategy:hover {
    background-color: #999;
}
.butn-margin {
    margin: 0 0 0 20px;
}
/*FIGURE - IMAGE CAPTIONS AND LINK*/
figure {
    margin: 0;
    padding: 0;
    height: auto;
    position: relative;
    display: block;
}
figure a {
    color: #fff;
}
figure a:hover {
    color: #CE3393;
}
figure img {
    width: 100%;
}
figure:hover figcaption {
    opacity: 1;
    top: 0;
}
figcaption {
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.85);
    color: #fff;
    padding: 40px;
    box-sizing: border-box;
    text-align: center;
}
figcaption img {
    width: 75%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
figcaption p {
    font-family: aktiv-grotesk, sans-serif;
    margin: 0;
    position: absolute;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 13px;
    bottom: 0px;
    opacity: 0;
}
/*FOOTER*/
.footer {
    background-color: #000;
    display: inline-block;
    height: auto;
    position: relative;
    text-align: center;
    width: 100%
}
.footer-email {
    font-size: 1.5em;
    margin: 20px auto 0 auto;
    text-align: center;
    width: 100%
}
.footer-icon-container {
    height: auto;
    width: 100%
}
.footer-icon-container ul {
    display: inline-block;
    margin: 0 0 0 5px;
    padding: 0;
    zoom: 1
}
.footer-icon-container li {
    display: inline-block;
    height: auto;
    list-style: none;
    margin-right: 5px
}
.footer-icon-container-inside {
    padding: 30px 0 30px 0;
    width: 100%
}
.footer-container {
    height: auto;
    width: 100%
}
.footer .copy-write {
    color: #fff!important;
    font-size: .62em;
    font-weight: 300;
    padding: 10px 0 10px 0;
    text-align: center;
    width: 100%;
}
.footer-link:hover {
    color: #CE3393;
}
/*BACK TOP*/
.back-to-top {
	background-color: white;
	border-color: #009FAD;
	border-style: solid;
	border-width: 2px;
	border-radius: 0px;
	bottom: 20px;
	color: #009FAD;
	cursor: pointer;
	display: none;
	font-size: 20px;
	font-weight: 700;
	height: 40px;
	overflow: hidden;
	position: fixed;
	right: 20px;
	width: 40px;
	z-index: 10
}
.back-to-top span:hover {
	background-color: #009FAD;
	color: #fff
}
.back-to-top span {
    display: block;
    height: 40px;
    padding: 7px 0 0 13px;
    width: 40px
}
/*VIDEO*/
.video {
    height: auto;
    left: 0;
    object-fit: cover;/*controls video size*/
    max-width: 1910px;
    position: relative;
    top: 0;
    width: 100%;
}
.video-holder {
    height: auto;
    overflow: hidden;
    position: absolute;
    max-width: 1910px;
    width: 100%;
}
.video-poster {
    background-color: #fff;
    height: auto;
    width: 100%;
}
.video-li-Keyspan {
    padding-bottom: 49% !important;
}
.video-li-ADKWine {
    padding-bottom: 69% !important;
}
.video-li-GE {
    padding-bottom: 87% !important;
}
.video-li-Compass {
    padding-bottom: 60% !important;
}
.video-li-NBCU {
    padding-bottom: 55% !important;
}
/*RANDOM CLASSES*/
.color-advertising {
    background: #ce3393;
}
.color-digital {
    background: #17E87E;
}
.color-branding {
    background: #FFC507;
}
.color-video {
    background: #EF5A1D;
}
.color-strategy {
    background: #2C22E8;
}
.font-color-advertising {
    color: #009FAD;
}
.font-color-digital {
    color: #17E87E;
}
.font-color-branding {
    color: #FFC507;
}
.font-color-video {
    color: #EF5A1D;
}
.font-color-strategy {
    color: #2C22E8;
}
.color-pink {
    background: #ce3393;
}
.color-orange {
    background: #F26522;
}
.font-color-pink {
    color: #ce3393;
}
.font-color-orange {
    color: #F26522;
}
.is-hidden {
    display: none;
    visibility: hidden
}
.is-visible {
    display: block;
    visibility: visible
}
.is-fixed {
    position: fixed;
	width: 25%;
}

/*@media (min-width: 547px) {
	.wall-component-list li {
		width: 33.333%;
		padding-bottom: 33.333%;
	}
}*/
@media (max-width:3840px) {
.wall-component-list-clients {
    display: block;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
    padding-top: 35px;
}
.wall-component-list-img-bg {
    height: 480px;
}
.wall-component-list-img-bg-clients {
    height: 95%;
}
.wall-component-list-clients-video li {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 0;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
    padding-bottom: 68.5%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.wall-component-list-clients li {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 0;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
    padding-bottom: 68.5%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
}

@media (max-width:2560px) {
.wall-component-list-clients {
    display: block;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
    padding-top: 40px;
}
.wall-component-list-img-bg {
    height: 480px;
}
.wall-component-list-img-bg-clients {
    height: 95%;
}
.wall-component-list-clients-video li {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 0;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
    padding-bottom: 68.5%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.wall-component-list-clients li {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 0;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
    padding-bottom: 68.5%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
}

@media (max-width:1920px) {
.wall-component-list-clients {
    display: block;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
    padding-top: 45px;
}
.wall-component-list-img-bg {
    height: 480px;
}
.wall-component-list-img-bg-clients {
    height: 95%;
}
.wall-component-list-clients-video li {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 0;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
    padding-bottom: 68.5%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.wall-component-list-clients li {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 0;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
    padding-bottom: 68.5%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
}

@media (max-width:1280px) {
.wall-component-list-clients {
    display: block;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
    padding-top: 55px;
}
	.container-main {
    margin-bottom: 35px
}
.wall-component-list-img-bg {
    height: 900px;
}
.wall-component-list-img-bg-clients {
    height: 95%;
}
.side-panel-mobile, .left-mobile, .right-mobile {
    display: none;
}
.container-full-header-clients {
    width: 75%;
}
.client-header-text {
    font-size: calc(7vw + 7vh + 0vmin);
    font-weight: bold;
    letter-spacing: -.05em;
    height: auto;
    line-height: 0.85em;
    margin-top: 30px;
}
.wall-component-list-clients-video li {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 0;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
    padding-bottom: 68.5%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.wall-component-list-clients li {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 0;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
    padding-bottom: 68.5%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
}

@media (max-width:1024px) {
.container-main {
    margin-bottom: 35px
}
.wall-component-list-img-bg {
    height: 900px;
}
.wall-component-list-img-bg-clients {
    height: 95%;
}
.side-panel-mobile, .left-mobile, .right-mobile {
    display: none;
}
.container-full-header-clients {
    width: 75%;
}
.client-header-text {
    font-size: calc(6.2vw + 6.2vh + 0vmin);
    font-weight: bold;
    letter-spacing: -.05em;
    height: auto;
    line-height: 0.85em;
    margin-top: 30px;
}
.wall-component-list-clients-video li {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 0;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
    padding-bottom: 68.5%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.wall-component-list-clients li {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 0;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
    padding-bottom: 68.5%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
}

@media screen and (max-width:1200px) {
.wall-component-list-small-img-bg {
    height: 128px;
}
.side-panel-mobile, .left-mobile, .right-mobile {
    display: none;
}
.container-full-header-clients {
    width: 75%;
}
.wall-component-list li {
    width: 50%;
    padding-bottom: 25%;
}
.wall-component-list-img-bg {
    height: 250px;
}
}

@media screen and (min-width: 1200px) {
.wall-component-list li {
    width: 50%;
    padding-bottom: 25%;
}
.wall-component-list-small-img-bg {
    height: 208px;
}
.side-panel-mobile, .left-mobile, .right-mobile {
    display: none;
}
.container-full-header-clients {
    width: 75%;
}
.wall-component-list li {
    width: 50%;
    padding-bottom: 25%;
}
.wall-component-list-img-bg {
    height: 480px;
}
}

@media (max-width:735px) {
.client-header-text {
    font-size: calc(5vw + 5vh + 0vmin);
}
.butn {
    font-size: 11px;
    padding: 10px 9px;
    width: 96px;
}
.butn-digital {
    font-size: 11px;
    padding: 10px 9px;
    width: 150px;
}
.butn-branding {
    font-size: 11px;
    padding: 10px 9px;
    width: 110px;
}
.butn-video {
    font-size: 11px;
    padding: 10px 9px;
    width: 120px;
}
.butn-strategy {
    font-size: 11px;
    padding: 10px 9px;
    width: 90px;
}
.butn-margin {
    margin: 0 0 0 27px;
}
.client-sub-header-text {
/*		margin: 88px 0 0 0;*/
}
.wall-component-list-img-bg-clients {
    height: 95%;
}
.side-panel-mobile, .left-mobile, .right-mobile {
    display: none;
}
}

@media only screen and (max-width:880px) {
.wall-component-list-img-bg-clients {
    height: 95%;
}
.side-panel p {
    padding: 26px;
}
.container-full-header {
    width: 100vw;
    height: 100%
}
.container-main {
    margin-bottom: 35px
}
.header-image-one,  .header-image-three,  .header-image-two {
    background-size: cover;
    height: 100%;
    position: relative
}
.header-full-viewport {
    height: 700px;
    width: 100vw;
}
.side-panel-mobile, .left-mobile, .right-mobile {
    display: none;
}
.wall-component-list li {
    width: 50%;
    padding-bottom: 25%;
}
.wall-component-list-img-bg {
    height: 110px;
}
.wall-component-list-clients {
    display: block;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
    padding-top: 65px;
}
.wall-component-list-clients li {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 0;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
    padding-bottom: 68.5%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.wall-component-list-clients-video {
    display: block;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
    padding-top: 65px;
}
.wall-component-list-clients-video li {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 0;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
    padding-bottom: 68.5%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.client-header-text {
    font-size: calc(5vw + 5vh + 0vmin);
    font-weight: bold;
    letter-spacing: -.05em;
    height: auto;
    line-height: 0.85em;
    margin-top: 30px;
}	
}

/*TABLET-MOBILE*/
@media only screen and (max-width:700px) {
p {
    font-size: 1.15em
}
.container-main {
    margin-bottom: 40px;
    padding: 0 15px
}
.container-carousel,  .container-full {
    padding: 0;
    width: 100%
}
.container-full-header {
    width: 100%;
    height: auto
}
.font-size-mid {
    padding-top: 10px
}
.header-parallax {
    background-position: center 51px;
    height: 378px
}
.header-full-viewport {
    height: auto;
}
.header-height {
    margin-top: -18px
}
.header-image-one,  .header-image-three,  .header-image-two {
    background-position: 43% center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
    margin: 90px 0 0 0
}
.nav {
    font-size: .85em
}
#main-nav, #top-div {
    display: none;
}
.nav-mobile {
    display: block;
}
.sticky-nav {
    margin-top: -53px
}
.arrow-big {
    display: none;
}
#left-side, #right-side {
    display: none;
}
.side-panel-mobile, .left-mobile, .right-mobile {
    display: block;
}
.wall-component-list li {
    width: 100%;
    padding-bottom: 25%;
}
.wall-component-list-img-bg-clients {
    height: 95%;
}
.wall-component-list-img-bg {
    height: 476px;
}
.container-full-header-clients, .container-full-header {
    margin: 0;
    width: 100%;
}
}

/*MOBILE*/
@media only screen and (max-width:500px) {
.logo-text {
    padding: 5px 0
}
.calendar-box {
    height: 400px
}
.logo-mobile {
    top: 20px;
}
.side-panel p {
    padding: 7px;
}
.side-panel-mobile, .left-mobile, .right-mobile {
    display: block;
}
.wall-component-list-img-bg-clients {
    height: 95%;
}
.wall-component-list-clients-video li {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 0;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
    padding-bottom: 68.5%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.wall-component-list-clients li {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 0;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
    padding-bottom: 68.5%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}	
}