/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 8, 2020 */

@font-face {
    font-family: 'montheavy';
    src: url('fonts/fontfabric_-_mont_heavy-webfont.woff2') format('woff2'),
         url('fontfabric_-_mont_heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montextralight';
    src: url('fonts/fontfabric_-_mont_extralight-webfont.woff2') format('woff2'),
         url('fontfabric_-_mont_extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tradegothic-condeighteen';
    src: url('fonts/tradegothic-condeighteen.ttf');
}
@font-face {
    font-family: 'tradehothic';
    font-weight: 600;
    src: url('fonts/Trade Gothic LT Bold.ttf');
}
@font-face {
    font-family: 'tradehothic';
    font-weight: 300;
    src: url('fonts/Trade Gothic LT Light.ttf');
}
@font-face {
    font-family: 'tradehothic';
    src: url('fonts/Trade Gothic LT.ttf');
}
@font-face {
    font-family: 'saturated';
    src: url('fonts/saturated-regular.otf');
}

.MEL {
    font-family: 'montextralight';
    }

.MH {
	font-family: 'montheavy';
	}

	     .work-hovered-content h4 {font-family:"montheavy"}

.black-dog-header .top-menu-icon-test {
    float: left;
    margin-left: 24px;
    margin-top: 3px;
    position: relative;
    z-index: 224;
}

#menu-trigger-button .lineNew {
    height: 4px;
    background-color: #000000;
    float: left;
    width: 100%;
    position: relative;
    transition: all 0.4s;
    margin-bottom: 5px;
}

img.next {padding:5%; opacity: 0.4;
}

img.next:hover {
    opacity: 1.0;
}

#the-next-project:hover > img.next { opacity: 1.0; }

.darker:hover > img.next { opacity: 1.0; }

img.next-mobile {padding:5%;
}

#overlay_image{
    position: absolute;

   bottom:0.1px;
    width: 100%;
    height: 100%;
}



.the-image {background-color:#272427;}
.the-image-mobile {background-color:#272427;}

body {
    color: #222221;
    background-color: #efefef;
    font-family: 'montextralight', 'Oswald', sans-serif;
}
.black-dog-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 222;
    padding: 16px 16px;
    transition: all 0.5s;
    background:#FFF;
}
/*.black-dog-header.header-fixed{

    padding: 15px;
}*/
.menu-open .black-dog-header.header-fixed{
    background: transparent;
}
.top-banner-section {
    height: 100vh;
    /*background-image: url(images/top-banner.png);*/
    background-size: cover;
    background-position: top center;
    position: relative;
    min-height: 600px;
    overflow: hidden;
}
.top-banner-section .video-lower-content{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    bottom: 44px;
}
.top-banner-section .video-lower-content a{
    display: block;
    text-align: center;
}
.top-banner-section .video-lower-content a img{
    display: inline-block;
}
.top-banner-section .video-lower-content h2{
    font-size: 29px;
    letter-spacing: 0.4px;
}
.top-banner-section .video-lower-content .bottom-arrow a img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    -webkit-animation-name: the_animation; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-name: the_animation;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.case-study-top-banner-section  {
    height: 100vh;
    /*background-image: url(images/top-banner.png);*/
    background-size: cover;
    background-position: top center;
    position: relative;
    min-height: 600px;
    overflow: hidden;
}
.case-study-top-banner-section  .video-lower-content{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    bottom: 44px;
}
.case-study-top-banner-section .video-lower-content a{
    display: block;
    text-align: center;
}
.case-study-top-banner-section .video-lower-content a img{
    display: inline-block;
}
.case-study-top-banner-section .video-lower-content h2{
    font-size: 29px;
    letter-spacing: 0.4px;
}
.case-study-top-banner-section .video-lower-content .bottom-arrow a img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    -webkit-animation-name: the_animation; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-name: the_animation;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

  img.back {margin-top:8px;
    margin-left:25px;
    width:40px;
    height:40px;}

    img.forward {

        margin-top:-3px;}

 @media(max-width: 767px){
    img.back{
        width:25px;
        height: 25px;
        margin-left:15px;
        margin-top:3px;
    }

    img.forward {
        width:25px;
        height: 25px;
        margin-left:-15px;}

        #the-next-project .project-lower-content p img{
    margin-left: 5px !important;
}

						}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes the_animation {
    from {opacity: 1}
    to {opacity: 0;}
}

/* Standard syntax */
@keyframes the_animation {
    from {opacity: 1;}
    to {opacity: 0;}
}
.case-study-top-banner-section .video-lower-content .bottom-arrow .animation-arrow-1{
    opacity: 0.16;
    animation-delay: 0s;
}
.case-study-top-banner-section .video-lower-content .bottom-arrow .animation-arrow-2{
    opacity: 0.38;
    animation-delay: 0.6s;
}
.case-study-top-banner-section .video-lower-content .bottom-arrow .animation-arrow-3{
    opacity: 1;
    animation-delay: 1.2s;
}
.top-banner-section .video-lower-content .bottom-arrow .animation-arrow-1{
    opacity: 0.16;
    animation-delay: 0s;
}
.top-banner-section .video-lower-content .bottom-arrow .animation-arrow-2{
    opacity: 0.38;
    animation-delay: 0.6s;
}
.top-banner-section .video-lower-content .bottom-arrow .animation-arrow-3{
    opacity: 1;
    animation-delay: 1.2s;
}
.top-banner-section .banner-logo {
    position: absolute;
    left: 0;
    right: 0;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    padding-bottom: 55px;
}
.eead-top-banner-section {
    height: 100vh;
    /*background-image: url(images/top-banner.png);*/

    background-size: cover;
    background-position: top center;
    position: relative;
    min-height: 600px;
    overflow: hidden;
}
.lets-talk-top-banner-section {
    height: 100vh;
    /*background-image: url(images/top-banner.png);*/

    background-size: cover;
    background-position: top center;
    position: relative;
    min-height: 600px;
    overflow: hidden;
}
.eead-top-banner-section .banner-logo {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    padding-bottom: 55px;
}
.case-study-top-banner-section {
    height: 100vh;
    /*background-image: url(images/top-banner.png);*/

    background-size: cover;
    background-position: top center;
    position: relative;
    min-height: 600px;
    overflow: hidden;
}
.case-study-top-banner-section .banner-logo {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    padding-bottom: 55px;
}
.people-top-banner-section {
    height: 100vh;
    /*background-image: url(images/top-banner.png);*/

    background-size: cover;
    background-position: top center;
    position: relative;
    min-height: 600px;
    overflow: hidden;
}
.the-video-background {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}
.the-video-background > img{
    min-height: 100%;
    min-width: 100%;
    width: 2000px;
    max-width: inherit;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.top-banner-section .sub-title h2 {
    font-size: 40px;
    color: #fff;
    letter-spacing: 9px;
    margin-top: 26px;
    font-weight: 400;
  font-family: 'montheavy';
}
img {
    max-width: 100%;
}
.black-dog-header .logo-left {
    float: left;
    position: relative;
    z-index: 224;
}
.black-dog-header .logo-left .white {
    display: none;
    position: absolute;
    left: 0;
    top:0;
}
.black-dog-header .logo-left .site-logo{
    background: url('images/logo-sprite.png') no-repeat 0 -51px;
    display: inline-block;
    width: 108px;
    height: 44px;
}
.menu-open .black-dog-header .logo-left .site-logo{
    background-position: 0 0;
}
.black-dog-header .top-menu-icon {
    float: left;
    margin-left: 24px;
    margin-top: 16px;
        position: relative;
    z-index: 224;
}


#menu-trigger-button {
    width: 31px;
    cursor: pointer;
    margin-top:3px;
}



#menu-trigger-button .line {
    height: 4px;
    background-color: #fff;
    float: left;
    width: 100%;
    position: relative;
    transition: all 0.4s;
    margin-bottom: 5px;
}
.black-dog-header .top-right-section {
    float: right;
    text-align: right;
    padding-top: 22px;
    padding-right: 27px;
    font-size: 16.38px;
        position: relative;
    z-index: 224;
}
.black-dog-header .top-right-section ul {
    padding: 0;
    list-style: none;
}
.black-dog-header .top-right-section ul li {
    display: inline-block;
    margin-left: 15px;
    position: relative;
}
.black-dog-header .top-right-section ul li:before {
    content: '.';
    position: absolute;
    left: -13px;
    top: 1px;
    color: #fff;
    top: -6px;
    font-size: 20px;
    line-height: 1;
}
.black-dog-header .top-right-section ul li:first-child:before {
    content: none;
}
.black-dog-header .top-right-section ul li a {
    color: #fff;
}

.black-dog-header .top-right-section ul li a:hover {
    color: #fff;
    text-decoration:none;
}



.who-we-are hr {
    display: block;
    margin-top: 35px;
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}
.who-we-are{
    text-align: center;
}
.who-we-are h1{
    font-size: 65.37px;
    color: #222221;
}
section {
    padding: 113px 0 125px;
    font-size: 17.5px;
}
section h2 {
    font-size: 50px;
    text-align: center;
    letter-spacing: -0.8px;
    margin-bottom: 23px;
     font-family: 'montheavy';
}
.margin-bottom {
    margin-bottom: 45px!important;
}
.eead-banner {
    max-width: 532px;
    max-height: 175px;
    margin: 94px auto;
}
.eead-help {
    max-width: 866px;
    max-height: 253px;
    margin: 120px auto 110px auto;
}
#menu-trigger-button .custmized .line {
    background-color: #282523;
}
.black-dog-header .top-right-section .custmized ul li a {
    color: #282523;
}
.curser-holder {
    max-width: 40px;
}
.carousel-inner {
    position: relative;
}
/*.left-text {
    position: absolute;
    top: 9%;
    left: 21%;
    line-height: 21px;
}
.center-text {
    position: absolute;
    top: 20%;
    left: 45%;
    line-height: 34px;
}
.right-text {
    position: absolute;
    top: 14%;
    right: 18%;
    line-height: 21px;
}

.left-text-1 {
    position: absolute;
    top: 12%;
    left: 6%;
    line-height: 34px;
}
.center-text-1 {
    position: absolute;
    top: 22%;
    left: 33%;
    line-height: 21px;
}
.right-text-1 {
    position: absolute;
    top: 16%;
    right: 29%;
    line-height: 21px;
}
.left-text-2 {
    position: absolute;
    top: 15%;
    left: 7%;
    line-height: 22px;
}
.center-text-2 {
    position: absolute;
    top: 1%;
    left: 27%;
    line-height: 34px;
}
.right-text-2 {
    position: absolute;
    top: 14%;
    right: 16%;
    line-height: 21px;
}
.left-text-3 {
    position: absolute;
    top: 23%;
    left: 8%;
    line-height: 22px;
}
.center-text-3 {
    position: absolute;
    top: 19%;
    left: 45%;
    line-height: 20px;
}
.right-text-3 {
    position: absolute;
    top: 15%;
    right: 13%;
    line-height: 21px;
}
.left-text-4 {
    position: absolute;
    top: 20%;
    left: 10%;
    line-height: 22px;
}
.center-text-4 {
    position: absolute;
    top: 20%;
    left: 34%;
    line-height: 33px;
}
.right-text-4 {
    position: absolute;
    top: 25%;
    right: 24%;
    line-height: 21px;
}
.left-text-5 {
    position: absolute;
    top: 13%;
    left: 10%;
    line-height: 32px;
}
.center-text-5 {
    position: absolute;
    top: 30%;
    left: 54%;
    line-height: 24px;
}
.right-text-5 {
    position: absolute;
    top: 18%;
    right: 25%;
    line-height: 21px;
}
.left-text-6 {
    position: absolute;
    top: 23%;
    left: 6%;
    line-height: 21px;
}
.center-text-6 {
    position: absolute;
    top: 12%;
    left: 56%;
    line-height: 21px;
}
.right-text-6 {
    position: absolute;
    top: 23%;
    right: 25%;
    line-height: 20px;
}
.left-text-7 {
    position: absolute;
    top: 19%;
    left: 27%;
    line-height: 20px;
}
.center-text-7 {
    position: absolute;
    top: 15%;
    left: 51%;
    line-height: 34px;
}
.right-text-7 {
    position: absolute;
    top: 19%;
    right: 21%;
    line-height: 34px;
}
.left-text-8 {
    position: absolute;
    top: 11%;
    left: 13%;
    line-height: 20px;
}
.center-text-8 {
    position: absolute;
    top: 11%;
    left: 40%;
    line-height: 20px;
}
.right-text-8 {
    position: absolute;
    top: 17%;
    right: 23%;
    line-height: 20px;
}
.left-text-9 {
    position: absolute;
    top: 20%;
    left: 21%;
    line-height: 20px;
}
.center-text-9 {
    position: absolute;
    top: 24%;
    left: 56%;
    line-height: 20px;
}
.right-text-9 {
    position: absolute;
    top: 18%;
    right: 16%;
    line-height: 15px;
}
.left-text-10 {
    position: absolute;
    top: 20%;
    left: 29%;
    line-height: 20px;
}
.center-text-10 {
    position: absolute;
    top: 19%;
    left: 52%;
    line-height: 18px;
}
.right-text-10 {
    position: absolute;
    top: 30%;
    right: 14%;
    line-height: 33px;
}
.left-text-11 {
    position: absolute;
    top: 21%;
    left: 15%;
    line-height: 20px;
}
.center-text-11 {
    position: absolute;
    top: 27%;
    left: 54%;
    line-height: 18px;
}
.right-text-11 {
    position: absolute;
    top: 21%;
    right: 21%;
    line-height: 19px;
}
.left-text-12 {
    position: absolute;
    top: 17%;
    left: 22%;
    line-height: 20px;
}
.right-text-12 {
    position: absolute;
    top: 25%;
    right: 25%;
    line-height: 19px;
}
*/.slide .item p {
    font-size: 17px;
    color: #878787;
}
.resize-font h2 {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.0px;
    text-align: left;
}
.resize-font p {
    font-size: 16px;
    padding-left: 2px;
    margin-top: 29px;
    letter-spacing: 0px;
    padding-right: 12%;

}
.what-we-did {
    /*padding-bottom: 270px;*/
}
.fuse-container {
    padding: 0;
    height:100vh;
    background-color: #efeff0;
    padding-top: 20vh;

    margin-left: 1px;
    margin-right: 1px;
}



.fuse-work {
    padding: 0;
}
@media (min-width: 1200px) {
    .container {
        width: 1075px;
    }
}
section p {
    padding-left: 0px;
    letter-spacing: -0.0px;
    padding-right: 10px;
}
.parallax-slider {
    padding-top: 0;
    padding-bottom: 0;
}
.what-we-do {
    padding-top: 141px;
    background-color: #eeeded;
    padding-bottom: 166px;
}
.blog-posts {
    margin-top: 76px;
}
.blog-post {
    margin-bottom: 55px;
}
.blog-post .post-image {} .blog-post .post-content {
    font-size: 12px;
    font-weight: 300;
    padding-left: 5px;
    max-width: 379px;
    line-height: 1.4;
}
.blog-post .post-content h3 {
    font-size: 24px;
    font-weight: bold;
    margin-top: 22px;
    letter-spacing: -0.3px;
}
.blog-post .post-content p {
    padding: 0;
}
.who-we-do-for-it {
    background-color: #272428;
    color: #fff;
    padding-bottom: 21px;
    padding-top: 116px;
}
.client-logos {
    margin-top: 152px;
}
.client-logos .logo-inner {
    text-align: left;
    clear: both;
}
.client-logos .logo-inner .client-logo {
    margin-right: 0;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 87px;
    text-align: left;
    display: inline-block;
    width: 24%;
}
.client-logos .logo-inner .client-logo:last-child,
.client-logos .logo-inner .client-logo:nth-child(5n) {
    margin-right: 0;
}



.icon-logo {
    background: url('images/spriteSheet.png') no-repeat 0 -10px;
    width: 202px;
    height: 59px;
    display: inline-block;
}

/*.icon-logo.dreams	        { background: url('imgs/spriteSheet.png') no-repeat -66px -41px; width: 479px; height: 144px; }

.icon-logo.dhl 			{ background: url('imgs/spriteSheet.png') no-repeat -910px -77px; width: 502px; height: 74px; }
.icon-logo.tesco 		{ background-position: -1727px -56px; width: 376px; height: 102px; }
.icon-logo.cocacola 	{ background-position: -2493px -35px; width: 390px; height: 127px; }
.icon-logo.jacks	        { background: position: -65px -302px; width: 368px; height: 260px; }
.icon-logo.iet			 { background: position: -934px -368px; width: 413px; height: 152px; }
.icon-logo.nero 		 { background: position: -1720px -335px; width: 426px; height: 154px; }
.icon-logo.baq 		 { background: position:-1720px -335px; width: 426px; height: 154px; }
.icon-logo.acuitis	         { background: position: 0 -665px; width: 710px; height: 352px; }
.icon-logo.woolworths     { background: position: -945px -631px; width: 360px; height: 346px; }
.icon-logo.bws 	        { background: position:  -945px -631px; width: 360px; height: 346px; }
.icon-logo.countdown 	 { background: position: -2440px -709px; width: 438px; height: 241px; }
.icon-logo.jollyes 		 { background: position: -58px -1122px; width: 468px; height: 225px; }
.icon-logo.argos 		 { background: position: -937px -1187px; width: 345px; height: 174px; }
.icon-logo.wickes 		 { background: position: -1740px -1167px; width: 368px; height: 201px; }
.icon-logo.pep			 { background: position: -2456px -1208px; width: 421px; height: 123px; } */

.icon-logo {
    background: url('images/spriteSheet.png') no-repeat 0 -10px;
    width: 202px;
    height: 59px;
    display: inline-block;
}
.icon-logo.logo-1 {
    background: url('images/spriteSheet.png') no-repeat -29px -18px;
    width: 230px;
    height: 71px;
}

.icon-logo.logo-2 {
    background-position: -429px -35px;
    width: 240px;
    height: 38px;
}
.icon-logo.logo-3 {
    background-position:  -815px -25px;
	width: 181px;
	height: 51px;
}
.icon-logo.logo-4 {
    background-position: -1177px -15px;
	width: 187px;
	height: 63px;
}

.icon-logo.logo-5 {
    background-position: -29px -141px;
	width: 177px;
	height: 126px;
}

.icon-logo.logo-6 {
    background-position: -440px -172px;
	width: 198px;
	height: 76px;
}

.icon-logo.logo-7 {
    background-position: -811px -157px;
	width: 205px;
	height: 76px;
}

.icon-logo.logo-8 {
    background-position: -1207px -174px;
	width: 155px;
	height: 60px;
}

/* ACUITIS !!!!!!!   */
.icon-logo.logo-9 {
    background-position:-29px -340px;
	width: 224px;
	height: 110px;
}

.icon-logo.logo-10 {
    background-position:  -445px -297px;
	width: 174px;
	height: 167px;
}
.icon-logo.logo-11 {
 background-position: -797px -348px;
	width: 230px;
	height: 93px;

}
.icon-logo.logo-12 {
    background-position: -1152px -334px;
	width: 210px;
	height: 117px;
}
.icon-logo.logo-13 {
    background-position: -26px -529px;
	width: 224px;
	height: 110px;
}
.icon-logo.logo-14 {
    background-position: -441px -560px;
	width: 167px;
	height: 85px;
}
.icon-logo.logo-15 {
    background-position: -821px -550px;
	width: 177px;
	height: 98px;
}
.icon-logo.logo-16 {
    background-position: -1159px -570px;
	width: 202px;
	height: 61px;
}


.our-latest-works {
    background-color: #eeeded;
}
.our-latest-works {
    padding-bottom: 148px;
    padding-top: 112px;
}
.latest-work-gallery {
    margin-top: 137px;
}
.latest-work-gallery .row {
    margin-left: 0;
    margin-right: 0;
}
.latest-work-gallery .row [class*=col-] {
    padding-left: 0;
    padding-right: 0;
}
.latest-work-gallery .work-image img {
    width: 100%;
}
.latest-work-gallery {
    padding: 0 6px;
}
.contact-us-section {
    background-color: #fff;
    padding-top: 89px;
    padding-bottom: 20px;
    padding-left:10%;
    padding-right:10%;
}
.the-table-display {
    display: table;
    width: 100%;
    border-collapse: collapse;
}
.the-table-display .display-table-cell {
    display: table-cell;
    vertical-align: top;
    padding-bottom: 17px;
    padding-top: 30px;
    min-width: 123px;
    border-bottom: 1px solid #b4b4b4;
    padding-left: 18px;
    padding-right: 18px;
}
.the-table-display .display-table-cell h3 {
    color: #ff0000;
    font-size: 24pxpx;
    font-weight: bold;
    letter-spacing: -0.0px;
    padding-top: 6px;
}
.the-table-display .display-table-cell h4 {
    color: #222221;
    font-size: 24px;
    font-weight: bold;
    margin-top: 26px;
    margin-bottom: 16px;
    letter-spacing: 0px;
}
.the-table-display p {
    margin-top: 12px;
}
.the-table-display .location-left-info {
    margin-bottom: 21px;
}
.the-table-display .the-table-row {
    display: table-row;
}
.the-table-display .location-info {
    min-width: 459px;
}
.the-table-display .location-left-info {
    float: left;
    font-size: 17.56px;
    line-height: 1.3;
}
.the-table-display .locatoin-button {
    float: right;
}
.the-table-display .location-info:after {
    content: "";
    display: table;
    clear: both;
}
.the-table-display {
    padding: 0 4px;
}
.contact-icons {
    padding: 0;
    list-style: none;
    margin-top: 13px;
    letter-spacing: 0.2px;
}
.contact-icons li {
    margin-bottom: 12px;
}
.the-table-display a {
    color: #222221;
    text-decoration: none;
}
.icon {
    display: inline-block;
    vertical-align: middle;
    /*vertical-align: baseline;*/
    height: 28px;width: 27px;
}
.icon.icon-phone {
    background-size: 27px 28px;
   background-image: url(images/icon-phonel.png);
   margin-bottom:5px;
}

.icon.icon-envelop {
    background-size: 27px 28px;
   background-image: url(images/icon-mail.png);
   margin-bottom:5px;
   }

.the-table-display .locatoin-button {
    float: right;
    min-width: 161px;
    margin-top: 26px;
}
.btn {
    border-radius: 0;
    padding: 10px 13px 11px;
}

.btn.btn-primary:hover {
background-color: #000;
}

.btn.btn-primary {
    color: #fff;
    border-radius: 0;
    padding: 16px 19px 15px;
    background-color: #ff0000;
    border: none;
    font-size: 17px;
}
.the-table-display .display-table-cell .locatoin-button h4 {
    margin-top: 0;
}
.social-icons {
    padding: 0;
    list-style: none;
    margin-top: 41px;
}
.social-icons li {
    margin-right: 37px;
    display: inline-block;
}
.social-icon {
    background: url('images/social-icons.png') no-repeat 0 -3px;
    width: 24px;
    vertical-align: middle;
    height: 19px;
    display: inline-block;
}
.icons-white .social-icon {
    background-image: url(images/social-icons-white.png);
}
.social-icon.icon-twitter {
    background-position: 0 -3px;
    width: 24px;
    height: 20px;

}
.social-icon.icon-linkedin {
    background-position: -61px 0;
    width: 24px;
    height: 22px;

}
.social-icon.icon-instagram {
    background-position: -122px 0;
    width: 23px;
    height: 23px;

}
.social-icon.icon-facebook {
    background-position: -194px 0;
    width: 23px;
    height: 23px;

}
.icons-white .social-icon.icon-twitter,
.icons-white .social-icon.icon-twiiter {
    background-position: 0 -3px;
    width: 31px;
    height: 26px;
    zoom:0.8;
}
.icons-white .social-icon.icon-linkedin {
    background-position: -53px 0;
    width: 31px;
    height: 29px;
    zoom:0.8;
}
.icons-white .social-icon.icon-instagram {
    background-position: -107px 0;
    width: 30px;
    height: 29px;
    zoom:0.8;
}
.icons-white .social-icon.icon-facebook {
    background-position: -162px 0;
    width: 29px;
    height: 29px;
    zoom:0.8;
}
.the-table-display .the-table-row:last-child .display-table-cell h3 {
    margin-top: 36px;
}
.the-table-display .the-table-row:last-child .display-table-cell {
    border-bottom: none;
}
.the-video-background .bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translate(-50%, -50%);
}
@media(max-width: 1199px) {
    .client-logos .logo-inner .client-logo {
        margin-right: 70px;
    }
}


@media(max-width: 1440px) {

   section h2 {
    font-size: 50px;
    text-align: center;
    letter-spacing: -0.8px;
    margin-bottom: 23px;
}

}



.latest-work-gallery a {
    text-decoration: none;
    color: #fff;
}
@media(min-width: 992px) {
    .latest-work-gallery .work-hovered-content {
        position: absolute;
        color: #fff;
        padding: 20px;
        text-align: center;
        font-size: 16px;
        background-color: rgba(0, 0, 0, 0.61);
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
        transition: all 0.4s;
    }
    .latest-work-gallery .latest-work:hover .work-hovered-content{
        opacity: 1;
    }
    .latest-work-gallery .work-hovered-content h4 {
        font-weight: bold;
        font-size: 21px;
        letter-spacing: -0.0px;
        margin-top: -5px;
        margin-bottom: 3px;
        position: relative;
    }
    .latest-work-gallery .work-hovered-content h4:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -3px;
        margin: auto;
        width: 14px;
        height: 2px;
        background-color: #fff;
    }
    .latest-work-gallery .work-hovered-content p {
        padding: 0;
    }
    .latest-work-gallery .work-hovered-inner {
        position: absolute;
        left: 20px;
        right: 20px;
        text-align: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .latest-work-gallery .work-hovered-content:before {
        content: "";
        left: 13px;
        right: 13px;
        top: 13px;
        bottom: 13px;
        border-top: 3px solid #fff;
        border-bottom: 3px solid #fff;
        position: absolute;
        /*width: 0;*/

        margin: auto;
        transition: all 0.5s;
    }
    .latest-work-gallery .work-hovered-content:after {
        content: "";
        left: 13px;
        right: 13px;
        top: 13px;
        bottom: 13px;
        border-left: 3px solid #fff;
        border-right: 3px solid #fff;
        position: absolute;
        /*height: 0;*/

        margin: auto;
        transition: all 0.5s;
    }
}
@media(max-width: 991px) {
    .work-hovered-content {
        position: absolute;
        bottom: 0;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 13px;
        width: 100%;
       /* box-shadow: 0px -131px 120px -91px #000 inset; */
        padding-top: 400px;
       background: linear-gradient(to bottom, rgba(255, 153, 57, 0) 60%, rgba(0, 0, 0, 0.75) 100%) !important;
}





    }
    .fuse-container #carousel-example-generic .item{
        height: 600px;
    }

    .fuse-container.small-on-mobile #carousel-example-generic .item{
        height: 400px;
    }
    .fuse-container #carousel-example-generic .item > img{
        position: absolute;
        max-height: 100%;
        max-width: 80%;
        width: auto;
        height: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .fuse-container #carousel-example-generic{
        margin-left: -25px;
        margin-right: -25px;
    }
    .fuse-container #carousel-example-generic .custom-carousel .left{
        left: 5%;
    }
    .fuse-container #carousel-example-generic .custom-carousel .right{
        right: 5%;
    }



     .fuse-container-2 #carousel-example-generic .item{
        height: 1000px;
    }
    .fuse-container-2.small-on-mobile #carousel-example-generic .item{
        height: 400px;
    }
    .fuse-container-2 #carousel-example-generic .item > img{
        position: absolute;
        max-height: 100%;
        max-width: 80%;
        width: auto;
        height: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .fuse-container-2 #carousel-example-generic{
        margin-left: -25px;
        margin-right: -25px;
    }
    .fuse-container-2 #carousel-example-generic .custom-carousel .left{
        left: 5%;
    }
    .fuse-container-2 #carousel-example-generic .custom-carousel .right{
        right: 5%;
    }






    .work-hovered-content h4 {
        font-weight: bold;
        font-size: 17px;
        margin-bottom: 23px;
        letter-spacing: -0.41px;
        margin-top: -5px;
    }
    .work-hovered-content p {
        padding-left: 0;
        margin-right: 0;
    }
    .the-video-background {
        display: none;
    }
    .case-study-top-banner-section .the-video-background{
        display: block;
    }
    .top-banner-section {
       /* background-image: url(images/top-banner.png); */
        background-position: 42.3% top;
        background-repeat: no-repeat;
        min-height: 500px;
    }
    .eead-top-banner-section {
        background-image: url(images/eead.jpg);
        background-position: 42.3% top;
        background-repeat: no-repeat;
        min-height: 500px;
    }
    .people-top-banner-section {
        background-image: url(images/people.jpg);
        background-position: 42.3% top;
        background-repeat: no-repeat;
        min-height: 500px;
    }
    .case-study-top-banner-section {
        /*background-image: url(images/case-study.jpg);*/
        background-position: 42.3% top;
        background-repeat: no-repeat;
        min-height: 500px;
    }
    .lets-talk-top-banner-section {
        background-image: url(images/contact-us.jpg);
        background-position: 42.3% top;
        background-repeat: no-repeat;
        min-height: 500px;
    }

    .looking-for {
        padding-top: 50px;
    }

}
@media(max-width: 991px) {
    .blog-post .post-image img {
        width: 100%;
    }
    .client-logos .logo-inner .client-logo:nth-child(5n) {
        margin-right: 70px;
    }
    .client-logos .logo-inner .client-logo:last-child {
        margin-right: 0;
    }
    .margin-bottom {
        margin-bottom: 20px!important;
    }
    .eead-banner {
        margin: 35px auto;
    }
    .eead-help {
        margin: 80px auto 70px auto;
    }
    /*.left-text {
        top: 10%;
        left: 21%;
        line-height: 14px;
    }
    .center-text {
        top: 18%;
        left: 40%;
        line-height: 21px;
    }
    .right-text {
        position: absolute;
        top: 17%;
        right: 19%;
        line-height: 13px;
    }
    .left-text-1 {
        top: 14%;
        left: 6%;
        line-height: 23px;
    }
    .center-text-1 {
        top: 20%;
        left: 35%;
        line-height: 10px;
    }
    .right-text-1 {
        top: 16%;
        right: 27%;
        line-height: 12px;
    }
    .left-text-2 {
        line-height: 14px;
    }
    .center-text-2 {
        top: 2%;
        left: 27%;
        line-height: 24px;
    }
    .right-text-2 {
        top: 15%;
        right: 16%;
        line-height: 15px;
    }
    .left-text-3 {
        line-height: 13px;
    }
    .center-text-3 {
        left: 44%;
        line-height: 12px;
    }
    .right-text-3 {
        top: 17%;
        line-height: 14px;
    }
    .left-text-4 {
        left: 12%;
        line-height: 15px;
    }
    .center-text-4 {
        top: 19%;
        left: 35%;
        line-height: 24px;
    }
    .right-text-4 {
        line-height: 13px;
    }
    .left-text-5 {
        line-height: 24px;
    }
    .center-text-5 {
        top: 31%;
        left: 53%;
        line-height: 14px;
    }
    .right-text-5 {
        top: 19%;
        line-height: 13px;
    }
    .left-text-6 {
        top: 25%;
        left: 7%;
        line-height: 14px;
    }
    .center-text-6 {
        top: 13%;
        line-height: 14px;
    }
    .right-text-6 {
        line-height: 12px;
    }

    .left-text-7 {
        line-height: 12px;
    }
    .center-text-7 {
        line-height: 23px;
    }
    .right-text-7 {
        top: 20%;
        right: 21%;
        line-height: 23px;
    }
    .left-text-8 {
        line-height: 14px;
    }
    .center-text-8 {
        top: 12%;
        line-height: 13px;
    }
    .right-text-8 {
        top: 17%;
        line-height: 14px;
    }
    .left-text-9 {
        top: 22%;
        line-height: 14px;
    }
    .center-text-9 {
        top: 27%;
        line-height: 11px;
    }
    .right-text-9 {
        top: 18%;
        right: 15%;
        line-height: 10px;
    }
    .left-text-10 {
        top: 21%;
        left: 28%;
        line-height: 13px;
    }
    .center-text-10 {
        top: 19%;
        left: 52%;
        line-height: 12px;
    }
    .right-text-10 {
        top: 31%;
        right: 13%;
        line-height: 23px;
    }
    .left-text-11 {
        top: 22%;
        left: 15%;
        line-height: 14px;
    }
    .center-text-11 {
        top: 28%;
        line-height: 11px;
    }
    .right-text-11 {
        top: 21%;
        line-height: 12px;
    }
    .left-text-12 {
        line-height: 15px;
    }
    .right-text-12 {
        line-height: 13px;
    }
    .red-text {
        font-size: 44px;
    }
    .slide .item p {
        font-size: 8px;
    }*/
}
@media (max-width: 767px) {

    .eead-help {
        margin: 50px auto 40px auto;
    }
    .black-dog-header .top-right-section {
        display: none;
    }
    .top-banner-section .banner-logo {
        padding-left: 20px;
        padding-right: 20px;
    }
    .top-banner-section .sub-title h2 {
        font-size: 21.7px;
        letter-spacing: 5px;
        margin-top: 14px;
        margin-bottom: -7px;
    }
    .top-banner-section .banner-logo {
        padding-bottom: 15px;
    }
    /*.red-text {
        font-size: 30px;
    }
    .slide .item p {
        font-size: 6px;
    }*/
    section h2 {
        font-size: 37.6px;
        margin-bottom: 34px;
        letter-spacing: -0.6px;
    }
    section {
        padding: 38px 14px 56px;
        font-size: 20px;
    }
    section {
        font-size: 16px;
    }
    section p {
        padding-left: 2px;
        letter-spacing: -0.34px;
        padding-right: 2px;
    }
    .parallax-slider {
        min-height: 263px;
    }
    .what-we-do {
        padding-top: 28px;
        padding-bottom: 11px;
    }
    .blog-post .post-image {
        margin-left: -29px;
        margin-right: -29px;
    }
    .blog-posts {
        margin-top: 31px;
    }
    .blog-post .post-content h3 {
        font-size: 18px;
        font-weight: bold;
        margin-top: 40px;
        letter-spacing: 0;
    }
    .blog-post {
        margin-bottom: 31px;
    }
    .who-we-do-for-it {
        padding-top: 28px;
        text-align: center;
    }
    .client-logos .logo-inner .client-logo {
        margin-right: 0;
        display: block;
        width: auto;
        text-align: center;
    }
    .client-logos .logo-inner .client-logo:nth-child(5n) {
        margin-right: 0;
    }
    .client-logos {
        margin-top: 44px;
    }
    .client-logos .logo-inner .client-logo {
        margin-bottom: 24px;
    }
    .our-latest-works {
        padding-top: 0px;
        padding-bottom: 0;
        margin-top:30px;
    }
    .latest-work-gallery {
        margin-top: 35px;
    }
    .latest-work-gallery {
        padding-left: 0;
        padding-right: 0;
        margin-left: -25px;
        margin-right: -25px;
    }
    .display-table-cell.table-left-field {
        display: none;
    }
    .contact-us-section {
        padding-top: 0;
        text-align: center;
    }
    .the-table-display .location-left-info {
        width: 100%;
    }
    .the-table-display .display-table-cell h4 {
        margin-top: 22px;
        font-size: 19px;
        letter-spacing: -0.7px;
        margin-bottom: 0px;
    }
    .the-table-display .location-left-info{
        font-size: 15px;
    }
    .contact-icons {
        margin-top: 23px;
    }
    .the-table-display .locatoin-button {
        width: 100%;
        text-align: center;
        margin-top: 12px;
        margin-bottom: 22px;
    }
    .btn .btn-primary {
        font-size: 12px;
    }
    .contact-us-section {
        padding-bottom: 0;
    }
    .the-table-display .location-left-info {
        text-align: center;
    }
    .contact-us-section .icon{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .the-table-display .social-icons li {
        margin: 0 8px;
    }
    .black-dog-header {
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .margin-bottom {
        margin-bottom: 15px!important;
    }
    .eead-banner {
        margin: 20px auto;
    }
    .btn.btn-primary{
        padding: 10px 18px 12px
    }
    .the-table-display .the-table-row:nth-child(2) .location-left-info{
        margin-left: -20px;
        margin-right: -20px;
        border-bottom: 1px solid #b4b4b4;
        margin-bottom: 34px;
        padding-bottom: 44px;
        width: auto;
        float: none;
    }
    .the-table-display .display-table-cell{
        padding-bottom: 30px;
    }
}
/*.latest-work-gallery .latest-work:hover .work-hovered-content:before{
	width: 100%;
	width: calc(100% - 26px);
}
.latest-work-gallery .latest-work:hover .work-hovered-content:after{
	height: 100%;
	height: calc(100% - 26px);
}*/

.dh-container {
    position: relative;
    overflow: hidden
}
.dh-overlay {
    position: absolute;
    top: -100%
}
/*menu overlay effect*/

#trigger-overlay {
    cursor: pointer;
}
/* Overlay style */

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 221;
    background: #de1520;
}
/* Overlay closing cross */

.overlay .overlay-close {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    text-indent: 200%;
    color: transparent;
    outline: none;
    z-index: 100;
}
/* Menu style */

.overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
}
.overlay ul li {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    line-height: 1;
    margin-bottom: 16px;
}
.overlay ul li a {
    font-size: 54px;
    font-weight: 600;
    display: block;
    color: #fff;
    font-size: 45px;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    font-family: 'montheavy';
}
.overlay ul li a:hover,
.overlay ul li a:focus a {
    color: #ff0d1b;
    text-decoration: none;
}




body.menu-open {
    overflow: hidden;
}
/* Effects */

.overlay-genie {
    background: transparent;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s 0.2s, visibility 0s 0.6s;
    transition: opacity 0.3s 0.2s, visibility 0s 0.6s;
}
.overlay-genie.open {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.overlay-genie svg {
    position: absolute;
    top: 0;
    left: 0;
}
.overlay-genie .overlay-path {
    fill: #000;
}
.overlay-genie nav {
    opacity: 0;
    -webkit-transform: scale(0.8) translateY(-48%);
    transform: scale(0.8) translateY(-48%);
    -webkit-transition: opacity 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
    transition: opacity 0.3s 0.3s, transform 0.3s 0.3s;
}
.overlay-genie .overlay-close {
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.overlay-genie.open nav,
.overlay-genie.open .overlay-close {
    opacity: 1;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.overlay-genie.open nav {
    -webkit-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
}
.overlay-genie.close nav,
.overlay-genie.close .overlay-close {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.social-icons.icons-white {
    margin-top: 17px;
}
.social-icons.icons-white a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px;
}
.menu-open #menu-trigger-button .line:nth-child(2),.menu-open #menu-trigger-button .lineNew:nth-child(2) {
    transform: rotate(45deg);
    top: 7px;
}
#menu-trigger-button:after{
    content: "";
    display: table;
    clear: both;
}
.menu-open #menu-trigger-button .line:nth-child(3),.menu-open #menu-trigger-button .lineNew:nth-child(3) {
    opacity: 0;
}
.menu-open #menu-trigger-button .line:nth-child(4),.menu-open #menu-trigger-button .lineNew:nth-child(4) {
    transform: rotate(-45deg);
    top: -11px;
}
.latest-work {
    overflow: hidden;
    position: relative;
}
.no-padding{
    padding: 0;
    margin-top: -1px;
}
.margin-add{
    margin-bottom: 70px;
}
.carousel-inner ul li{
    display: inline-block;
    max-width: 30%;
    margin: 0 auto;
}
.background-change{
    background-color: white;
}
.lets-talk-margin-bottom{
    padding-top: 120px;
}
.members {
    position: relative;
}
.member-catriona {
    padding-top: 64px;
    padding-left: 0px;
    position: relative;
    right: 39px;
    bottom: 8px;
}
.left-text {
    position: absolute;
    top: 16.5%;
    right: -40px;
    line-height: 30px;
}
.member-andy{
    top: 131px;
    right: 107px;
    padding-right: 25px;
}
.center-text {
    position: absolute;
    top: 1%;
    left: 41%;
    line-height: 47px;
}
.right-text {
    position: absolute;
    top: -27px;
    right: 26.5%;
    line-height: 30px;
}
.red-text {
    color: #ca161f;
    font-size: 92px;
    font-family: 'saturated';
}
.member-judith{
    top: 20px;
    right: 109px;
}
.custom-carousel .right {
    background-image: none;
    opacity: 1!important;
    margin-bottom: auto;
    margin-top: auto;
    max-width: 2.5%;
    height: 2%;
    margin: auto;
    position: absolute;
    right:  3.6%;
    bottom: 66px;
}
.custom-carousel .left {
    background-image: none;
    opacity: 1!important;
    margin-bottom: auto;
    margin-top: auto;
    max-width: 2.5%;
    height: 2%;
    margin: auto;
    bottom: 67px;
    left:  3.6%;
}
.carousel-inner .item{
    margin-bottom: 0;
    backface-visibility:visible;
}
.carousel-inner .item div{
    position: absolute;
}
.align-center{
    margin: 0 auto;
}
.member-stephonie{
    top: -146px;
    left: 112px;
    padding-bottom: 59px;
}
.member-jackie{
    padding-right: 30px;
    padding-left: 30px;
    top: 41px;
    left: 41px;
}
.member-stuart{
    padding: 0 58px 0 58px;
    left: 90px;
    top: 45px;
}
.member-stephen{
    left: 100px;
    top: 55px;
}
.left-text-2{
    top: 17px;
    line-height: 19px;
    left: -44px;
}
.center-text-2
{
    top: -27px;
    line-height: 28px;
    left: -105px;
}
.right-text-2{
    top: -27px;
    right: 83px;
    line-height: 17px;
}
@media (max-width: 1440px){
    .red-text {
        color: #ca161f;
        font-size: 75px;
        font-family: 'saturated';
    }
    .member-judith{
        top: 20px;
        right: 0px;
    }
    .left-text {
    position: absolute;
    top: 21%;
    right: -67px;
    line-height: 20px;
    }
    .slide .item p {
    font-size: 15px;
    }
    .center-text {
    top: 6%;
    left: 47%;
    line-height: 39px;
    }
    .member-andy {
    top: 28px;
    right: 0px;
    padding-right: 0;
    padding: 37px;
    }
    .right-text {
    position: absolute;
    top: -20px;
    right: 13%;
    line-height: 23px;
    }
    .carousel-inner{
        margin-bottom: 0;
    }
    .member-catriona{
        right: 0;
    }
    .custom-carousel .left{
        left: 0;
    }
    .custom-carousel .right{
        right: 0;
    }
    .center-text {
        top: 5%;
        right: -16px;
        line-height: 30px;
    }
    .right-text {
        position: absolute;
        top: -10px;
        right: 5%;
        line-height: 17px;
    }
    .left-text-1{
        top: -45px;
        left: -43px;
        line-height: 27px;
    }
        .center-text-1{
        top: 8px;
        left: -74px;
        line-height: 13px;
    }
    .right-text-1{
        top: 38px;
        left: -76px;
        line-height: 15px;
    }
    .member-stephonie{
        top: 57px;
        left: 0px;
        padding-bottom: 59px;
    }
    .member-lucie{
        padding-right: 59px;
        padding-left: 36px;
        left: 72px;
        bottom: 0px;
    }
    .member-phil {
        padding-left: 20px;
        padding-right: 20px;
        left: 55px;
        bottom: -26px;
    }
}
@media(max-width: 1366px){
    .red-text{
        font-size: 52px;
    }
    .slide .item p{
        font-size: 10px;
    }


}
@media(max-width: 991px){
    .red-text{
        font-size: 36px;
    }
    .slide .item p{
        font-size: 7px;
    }
    .left-text {
    position: absolute;
    top: 24%;
    line-height: 15px;
    left: 119px;
    }
    .center-text {
    top: 8%;
    right: -5px;
    line-height: 22px;
    }
    .right-text {
    position: absolute;
    top: -5px;
    right: 5%;
    line-height: 11px;
    }
    .left-text-1 {
    top: -23px;
    left: -22px;
    line-height: 22px;
    }
    .center-text-1 {
    top: 10px;
    left: -20px;
    line-height: 10px;
    }
    .right-text-1 {
    top: 20px;
    left: -26px;
    line-height: 11px;
    }
    .member-lucie {
    padding-right: 35px;
    padding-left: 35px;
    left: 48px;
    bottom: 0px;
    }
    .member-jackie {
    padding-right: 20px;
    padding-left: 20px;
    top: 20px;
    left: 20px;
    }
    .member-stuart {
    padding: 0 40px 0 40px;
    left: 15px;
    top: 30px;
    }
    .member-stephen {
    left: 42px;
    top: 42px;
    }
    .left-text-2 {
    top: 15px;
    line-height: 12px;
    left: -21px;
    }
    .center-text-2 {
    top: -21px;
    line-height: 19px;
    left: -68px;
    }
    .right-text-2 {
    top: -19px;
    right: 60px;
    line-height: 13px;
    }
}
@media(max-width: 767px){
    .red-text{
        font-size: 35px;
    }
    .slide .item p{
        font-size: 6px;
    }
}
@media(max-width: 667px) {
    .people-top-banner-section {
        background-size: cover;
        min-height: 301px;
    }
    .people-top-banner-section{
        height: auto;
        height: 100vh;
    }
    .parallax-slider{
        min-height: 100px;
    }
    .what-we-did{
        /*padding-bottom: 25px;*/
    }
    .case-study-top-banner-section{
        /*min-height: 301px;*/
        /*height: auto;*/
        padding-left: 15px;
        padding-right: 15px;
    }
    .red-text{
        font-size: 32px;
    }
    .slide .item p{
        font-size: 5px;
    }
    .case-study-top-banner-section .banner-logo{
        left: 15px;
        right: 15px;
    }
    .case-study-top-banner-section h2{
        color: #fff;
    }

}
@media(max-width: 667px){
    .overlay ul li a{
        font-size: 24px;
    }
    .overlay ul li{
        margin-bottom: 8px;
    }

}

/*styling for banner*/



section.who-we-are.background-change{
    padding-bottom: 0;
    padding-top: 0;
}
.carousel .item{
    text-align: center;
}
.carousel .item img{
    margin-left: auto;
    margin-right: auto;
}
.who-we-are.background-change .container-fluid{
    background-color: #efefef;
}
#people-banner-for-mobile .item{
    height: 100vh;
    min-height: 500px;

}
#people-banner-for-desktop .item{
}
#people-banner-for-desktop .item img{
    mix-blend-mode: multiply;
}
#people-banner-for-mobile .item img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    mix-blend-mode: multiply;
    right: 0;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: auto;
}


@media(max-width: 766px){
    section.who-we-are.background-change{
        padding-left: 0;
        padding-right: 0;
    }
    #people-banner-for-desktop{
        display: none;
    }

    #people-banner-for-mid{
        display: none;
    }

    #people-banner-for-mobile{
        display: block;
    }
}


@media(min-width: 767px){
    section.who-we-are.background-change{
        padding-left: 0;
        padding-right: 0;
    }
    #people-banner-for-desktop{
        display: none;
    }

    #people-banner-for-mid{
        display: block;
    }

    #people-banner-for-mobile{
        display: none;
    }
}

@media(min-width: 1199px){
    section.who-we-are.background-change{
        padding-left: 0;
        padding-right: 0;
    }
    #people-banner-for-desktop{
        display: block;
    }

    #people-banner-for-mid{
        display: none;
    }

    #people-banner-for-mobile{
        display: none;
    }
}



/*new styles for articles and new pages*/

section.news-content-inner{
    background-color: #eeeded;
    padding-bottom: 137px;
    padding-top: 206px;
}
.news-content-inner .news-header{
    padding-top: 79px;
}
.news-content-inner .news-header p{
    padding-left: 6px;
    letter-spacing: 0.2px;
}
.news-header h1{
    font-size: 50px;
    margin-top: 23px;
    letter-spacing: -1.1px;
}
.news-content-inner .news-content {
    margin-top: 81px;
    padding: 0 8px;
}
.news-content-inner .news-content .featured-image{
    float: left;
    width: 48%;
    margin-top: 6px;
}
.news-content-inner .news-content .featured-image img {
    height: auto;
    max-width: 100%;
}
.news-content-inner .news-content .featured-image +  .news-content-inner {
    margin-left: 50%;
}
.news-content-inner .news-content .news-content-inner p{
    padding-right: 0;
    letter-spacing: 0px;
    line-height: 1.4;
    margin-bottom: 20px;
    padding-left: 3px;
}
.news-content-inner .social-icons{
    margin-top: 40px;
    margin-left: 5px;
}
.news-content-inner .social-icons span{
    margin-right: 16px;
    mix-blend-mode: multiply;
    display: inline-block;
    font-size: 16px;
    vertical-align: baseline;
    margin-bottom:-3px;
}
.news-content-inner .social-icons a{
    margin-right: 13px;
    vertical-align: bottom;
}
@media(max-width: 991px){
    .news-content-inner .news-content .featured-image{
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    .news-content-inner .news-content .news-content-inner{
        margin-left: 0 !important;
        padding-bottom: 0;
    }
    .news-content-inner .news-content{
        margin-top: 30px;
    }
}
@media(max-width: 667px){
    .news-header h1{
        font-size: 28px;
    }
    .news-content-inner .news-content{
        padding-left: 2px;
        padding-right: 2px;
    }
}
.black-dog-header .back-button{
    display: inline-block;
    margin-left: 26px;
    margin-top: 4px;
}
/*end article pages*/

/*news section pages*/
.news-section-container{
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.news-section-container .news-section{
    position: relative;
    overflow: hidden;
}
.news-section-container .news-featured-image{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 22;
}
.news-section-container .new-title-content {
    position: relative;
    z-index: 24;
    padding-top: 128px;
    padding-bottom: 128px;
    color: #000;
    min-height: 437px;
}
.news-section-container .news-featured-image .image{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background-blend-mode: multiply;
    background-position: right center;
    background-size: auto 100%;
}
.news-section-container .news-featured-image .image img{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: 1920px;
}
.news-section-container .news-featured-image .white-color-overlay{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background-color: #fff;
}
.news-section-container .news-featured-image .color-overlay{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0.75;
    z-index: 23;
}
.news-section-container .container{
    width: 1313px;
    max-width: 100%;
}
.news-section-container .new-title-content .title{
    max-width: 458px;
}
.news-section-container .new-title-content h1{
    font-size: 65.37px;
    margin-top: 23px;
    margin-left: 3px;
    letter-spacing: -1.7px;
    line-height: 1.05;
    margin-bottom: 23px;
}
.news-section-container .new-title-content a{
    color: #000;
    font-weight: bold;
    font-size: 25px;
    margin-left: 5px;
}
.news-section-container .news-featured-image:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.75);
    z-index: -1;
}
@media(max-width: 991px){
    .news-section-container .news-featured-image .image{
        width: 100%;
    }
    .news-section-container .news-featured-image .white-color-overlay{
        display: none;
    }
    .news-section-container .new-title-content .title{
        max-width: 100%;
    }
    .news-section-container .new-title-content{
        min-height: 0;
    }
    .news-section-container .news-featured-image .image{
        background-position: center;
        background-size: cover;
    }
}
@media(max-width: 450px){
    .news-section-container .new-title-content h1{
        font-size: 38px;
    }
}
.container{
    padding-left: 24px;
    padding-right: 24px;
    max-width: 100%;
    width: 1442px;
}
.who-we-are .container{
    width: 1250px;
}
.who-we-are h1 {
    font-size: 47px;
    color: #222221;
    line-height: 1.2;
    margin-bottom: 44px;
    letter-spacing: -1px;
     font-family: 'montheavy';
}
.who-we-are p{
    max-width: 1075px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0px;
    font-size: 24px;
    font-weight:300;
    font-family: 'montextralight';

}
.who-we-do-for-it h2{
    font-weight: normal;
     font-family: 'montheavy';
}
.who-we-do-for-it{
    text-align: center;
}
.who-we-do-for-it .container{
    width: 1458px;
}
/*end new section page*/


/*new styling for homepage*/
.the-gray0section{
    padding-bottom: 145px;
}
.the-inner-content{
    text-align: center;
}
.the-gray0section .the-inner-content h2{
    margin-top: 23px;
    margin-bottom: 40px;
}
.the-gray0section .the-inner-content a{
    color: #222221;
    text-decoration: none;
}
.the-gray0section .recent-posts {
    margin-top: 46px;
    margin-left: 15px;
    margin-right: 15px;
}
.the-gray0section .recent-posts [class*=col-]{
    padding-left: 0;
    padding-right: 0;
}
.recent-posts .recent-post {
    background-blend-mode: multiply;
    padding: 54px 59px;
    text-align: left;
    background-size: cover;
    position: relative;
}
.recent-posts .recent-post .color-overlay:after{
    content: '';
    background-color: rgba(0,0,0,0.39);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: all 0.4s;
}
.recent-posts .recent-post:hover .color-overlay:after{
    opacity: 1;
}
.recent-posts a{
    color: #fff;
    text-decoration: none;
}
.recent-posts .recent-post h2{
    text-align: left;
    line-height: 1.04;
    margin-top: 25px;
    margin-left: 4px;
    margin-bottom: 17px;
}
.recent-posts .recent-post .color-overlay{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.49;
}
.the-table-display .location-left-info h5{
    font-weight: bold;
    margin-top: 18px;
    font-size: 17.56px;
    margin-bottom: 0;
    letter-spacing: 0px;
}
.recent-posts .post-content {
    position: relative;
    z-index: 1;
}
/*end new styling for homepabnge*/
@media(max-width: 991px){
    .the-table-display .location-info{
        min-width: 0;
    }
}
.client-logos.logos-desktop{

}
.client-logos.logos-desktop .client-logo:nth-child(2){
    text-align: center;
}
.client-logos.logos-desktop .client-logo:nth-child(3){
    text-align: center;
    padding-left: 6%;
}
.client-logos.logos-desktop .client-logo:nth-child(4){
    text-align: right;
}
.client-logos.logos-mobile{
    display: none;
}
.btn.btn-black{
    color: #2b292c;
    font-weight: bold;
    background-color: #666567;
    margin-top: 24px;
    font-size: 17px;
    padding: 3px 20px;
    font-weight: bold;
    min-width: 138px;
}

@media(max-width: 1100px){
    .recent-posts .recent-post h2{
        font-size: 42px;
    }
}
@media(max-width: 767px){
    .black-dog-header{
        padding-left: 16px;
        padding-right: 16px;
    }
    .black-dog-header.header-fixed{
        padding-left: 16px;
        padding-right: 16px;
    }
    .client-logos.logos-desktop{
        display: none;
    }
    .client-logos.logos-mobile{
        display: block;
    }
    .black-dog-header .logo-left{
        /*max-width: 75px;*/
    }
    .black-dog-header .top-menu-icon {
        margin-left: 10px;
        margin-top: 5px;
    }
    #menu-trigger-button{
        width: 19px;
    }
    .menu-open #menu-trigger-button .line:nth-child(2) {
        top: 6px;
    }
    #menu-trigger-button .line {
        height: 3px;
        margin-bottom: 3px;
    }
    .menu-open #menu-trigger-button .line:nth-child(4) {
        top: -6px;
    }
    .overlay ul li {
        margin-bottom: 11px;
    }
    .who-we-are h1{
        font-size: 29px;
        letter-spacing: -0.6px;
        margin-bottom: 17px;
    }
    .who-we-are p,
    section p{
        padding-left: 7px;
        letter-spacing: -0.34px;
        padding-right: 7px;
        line-height: 1.56;
        letter-spacing: 0;
        font-size: 15px;
    }
    section h2{
        font-size: 29px;
        letter-spacing: -0.6px;
        margin-bottom: 54px;
    }

    indexsection h2 {
    font-size: 29px;
        letter-spacing: 0px;
        margin-bottom: 0px;
        }

    .top-banner-section .video-lower-content{
        display: none;
    }
    .top-banner-section .banner-logo {
        padding-left: 24px;
        padding-right: 24px;
        top: 51%;
    }
    section{
        padding: 38px 14px 40px;
        padding-left: 0;
        padding-right: 0;
    }
    .container{
        padding-left: 25px;
        padding-right: 25px;
    }
    .client-logos.logos-mobile .icon-logo{
        background-image: url(images/client-logos-mobile.png);
    }
    .logos-mobile .icon-logo.logo-1{
        background-position: 0 0;
        width: 108px;
        height: 17px;
    }
    .logos-mobile .icon-logo.logo-2{
        background-position: -2px -54px;
        width: 104px;
        height: 29px;
    }
    .logos-mobile .icon-logo.logo-3{
        background-position: -2px -115px;
        width: 104px;
        height: 30px;
    }
    .logos-mobile .icon-logo.logo-4{
        background-position: -10px -182px;
        width: 78px;
        height: 39px;
    }
    .who-we-do-for-it h2{
        margin-bottom: 58px;
    }
    .client-logos.logos-mobile .client-logo {
        margin-bottom: 29px;
    }
    .who-we-do-for-it{
        padding-bottom: 58px;
    }
    .the-gray0section{
        padding-top: 26px;
        padding-bottom: 17px;
    }
    .the-gray0section .the-inner-content h2{
        margin-bottom: 25px;
    }
    .the-gray0section .recent-posts {
        margin-top: 12px;
        margin-left: 4px;
        margin-right: 4px;
    }
    .recent-posts .recent-post{
        padding: 24px 18px;
        min-height: 250px;
    }
    .recent-posts .post-content p{
        font-size: 11.22px;
    }
    .recent-posts .recent-post h2{
        margin-top: -1px;
        margin-left: 7px;
        margin-right: 7px;
        margin-bottom: 6px;
        font-size: 27.55px;
    }
    .recent-posts .post-content{
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 20px;
        right: 20px;
    }
    .case-study-top-banner-section .video-lower-content{
        display: none;
    }
}

/*the contact us page*/
.the-banner-content.white {
    position: absolute;
    z-index: 1;
    bottom: 109px;
    left: 0;
    right: 0;
    color: #fff;
}
/* .the-banner-content.white b,
.the-banner-content.white span{
    border-bottom: 10px solid #fff;
} */
.the-banner-content.white.black b,
.the-banner-content.white.black span{
    border-bottom-color: #000;
}


.lets-talk-top-banner-section .the-video-background{
    background-size: cover;
    background-position: center;
}
.lets-talk-top-banner-section .the-video-background img{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    max-width: 2000%;
    width: auto;
    height: auto;
}
.lets-talk-top-banner-section .the-video-background{
    display: block;
}
#people-banner-for-desktop {
    padding-top: 20px;
}
.the-people-section {
    padding-bottom: 94px;
}
@media(max-width: 991px){

    .the-banner-content.white{
        bottom: 50px;
    }
 /*   .the-banner-content.white b,
    .the-banner-content.white span{
        border-bottom: 5px solid #fff;
    } */
}
@media(max-width: 991px){
    section.news-content-inner{
        padding-top: 38px ;
    }
    .case-study-top-banner-section .the-video-background video{
        display: none;
    }
    .case-study-top-banner-section .the-video-background .mobile-banner{
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        background-position: center;
        background-size: cover;
        bottom: 0;
    }
}
@media(max-width: 767px){
    .lets-talk-margin-bottom{
        padding-top: 38px;
        padding-bottom: 0;
    }
    .black-dog-header .back-button {
        display: inline-block;
        margin-left: 12px;
        max-width: 24px;
    }
}
@media(max-width: 1400px){
    .the-banner-content.white{
        bottom: 50px;
    }
}
@media(max-width: 767px){
    section.the-people-section{
        padding-top: 0;
        padding-bottom: 0;
    }
}
.case-study-top-banner-section .the-video-background{
    background-size: cover;
    background-position: center;
}
.case-study-top-banner-section .the-video-background.background-right{
    background-position: right;
}
section.the-first-carousel-section{
    padding-top: 0;
    padding-bottom: 0;
}
/*end contact us apge*/
section.case-study-section{
    padding-top: 52px;
    padding-bottom: 62px;
}
.the-first-carousel-section .custom-carousel .left {
    left: 3.6%;
    width: 43px;
    top: 16px;
}
.the-first-carousel-section .custom-carousel .right{
    right: 3.6%;
    width: 43px;
    top: 16px;
}
section.the-grids-section{

}
section.the-grids-section [class*=col-]{
    padding-left: 0;
    padding-right: 0;
}
section.the-grids-section [class*=col-] img{
    width: 100%;
}
@media(max-width: 767px){
    .resize-font h2{
        margin-bottom: 20px;
    }
    .resize-font p{
        margin-top: 0;
        font-size: 15px;
        /*text-align: justify;*/
    }
    .carousel-indicators li{
        width: 7px;
        height: 7px;
    }
    .carousel-indicators li.active{
        width: 9px;
        height: 9px;
    }
}
.video-section video{
    width: 100%;
    /*height: 840px;*/
    display: block;
    object-fit: cover;
}
.video-section{
    position: relative;
}
#the-next-project{
    background-size: cover;
    background-position: center;
    background-image: url();/*
    height: 100vh;
    min-height: 600px;*/
    position: relative;
    text-align: left;
}
#the-next-project .project-lower-content{
    position: absolute;
    left: 50px;
    right: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 54px;
}
#the-next-project .project-lower-content p img{
    margin-left: 20px;
}




#the-next-project a{
    text-decoration: none;
    color: #000;
}
#play-icon{
    background: url('images/play-icon.png') no-repeat 0 -104px;
    width: 240px;
    height: 240px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
     transform: scale(0.5, 0.5);


}
@media(max-width: 767px){
    #play-icon{
        width:40%;
    }
}

@media(max-width: 560px){
    #play-icon{
        width:70%;
        transform: scale(0.3, 0.3);
    }
}


#play-icon.paused{
    opacity: 0;
    background-position: 0 -412px;;
}
#the-next-project  h2{
    font-size: 99px;
    font-weight: bold;
    text-align: left;
    text-decoration: underline;
}
@media(max-width: 767px){
    #the-next-project .project-lower-content{
        left: 0;
        right: 0;
    }
    #the-next-project  h2{
        font-size: 47px;
    }
    #the-next-project .the-image img{
        min-height: 210px;
    }
    #the-next-project h2{
        margin-bottom: 0;
        margin-top: -10px;
    }
}


@media(min-width: 574px){
#the-next-project .the-image-mobile img{
display:none;}
}

@media(max-width: 573px){
#the-next-project .the-image img{
display:none;
    }
    }


.the-banner-content.white.black h1{
    color: #000;
}
.the-banner-content.white.black{
    color: #000;
}
.case-study-section .video-section{
    margin-top: 52px;
}
/*body,
.black-dog-header{
    width: 2560px;
}*/
@media(max-width: 1600px){
    .client-logos .logo-inner{
        clear: none;
    }
    .client-logos .logo-inner .client-logo{
        width: 48%;
        margin-right: 0;
        text-align: center;
    }
    .client-logos.logos-desktop .client-logo:nth-child(4){
        text-align: center;
    }
    .client-logos.logos-desktop .client-logo:nth-child(3){
        padding-left: 0;
    }
    .client-logos.logos-desktop{
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }
}



.eead-section{
    background-color: #2b292c;
    color: #79aeb1;
    font-size: 39px;
}
.eead-inner-content p{
    margin-top: 52px;
}
.eead-inner-content .the-first-image{
    margin-top: 54px;
    margin-bottom: 54px;
}
.eead-inner-content .the-second-image{
    margin-top: 64px;
    margin-left: 11px;
    margin-bottom: 24px;
}
@media(max-width: 767px){
    .eead-inner-content .the-first-image{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .eead-inner-content p{
        margin-top: 20px;
    }
}

.the-banner-content.white h1{font-size:30px; line-height:44px;  font-family: 'montheavy';}

h1.whiteIfSmall {color:#ffffff;}
@media (min-width:775px){h1.whiteIfSmall {color:#000000;}}
@media (min-width:775px){.the-banner-content.white h1{font-size:65px;line-height:79px; margin-left:12%}}
@media (min-width:1025px){.the-banner-content.white h1{font-size:75px;line-height:89px;}}
@media (min-width:1200px){.the-banner-content.white h1{font-size:85px;line-height:99px;}}

@media (min-width:1920px){.the-banner-content.white h1{font-size:85px;line-height:99px; margin-left:0px;}}



  .what-we-did { margin-left:0%;}
@media (min-width:775px)    {.what-we-did { margin-left:12%;}}
@media (min-width:1025px)   {.what-we-did { margin-left:12%;}}
@media (min-width:1200px)   {.what-we-did { margin-left:12%;}}
@media (min-width:1920px)   {.what-we-did { margin-left:0;}}



@media (max-width:774px)    {
.fuse-container-2 {
    padding: 0;
    background-color: #efeff0;
    padding-top: 0px;
    padding-bottom:40px;

    margin-left: 1px;
    margin-right: 1px; }
    }


@media (min-width:775px)    {

.fuse-container-2 {
    padding: 0;
    background-color: #efeff0;
    padding-top: 134px;
    padding-bottom:134px;

    margin-left: 1px;
    margin-right: 1px;
}
}

/* .what-we-did .row {margin-right:0px; !important}
@media (min-width:775px)
@media (min-width:1025px)
@media (min-width:1200px)
  .what-we-did .row {margin-right:0px; !important} */





/*body{
    width: 2560px;
}*/

@media(max-width: 757px){
    .location-info .social-icon {
        background-size: cover;
        width: 22px;
        height: 18px;
    }
    .social-icon.icon-twitter {
        background-position: 0 -1px;
    }
    .social-icon.icon-linkedin {

        background-position: -47px 0px;
    }
    .social-icon.icon-instagram {

        background-position: -94px 1px;
    }
    .location-info  .social-icon.icon-facebook {

        background-position: -151px 0;
    }
}
@media(max-width: 991px){
    .top-banner-section {
        background-image: url(images/top-banner.png);
        background-position: 42.3% top;
        background-repeat: no-repeat;
        min-height: 500px;
    }
}
.show-for-mobile-only{
    display: none;
}
@media(max-width: 774px){
    .show-for-mobile-only {
        display: block;
    }
    .show-for-mobile-only .more-logos .client-logo {
        margin-bottom: 0;
        transform: scale(0.6);
        transform-origin: center;
        margin-bottom: 10px;
    }
    .show-for-mobile-only .more-logos{
        display: none;
    }
    .who-we-do-for-it .show-for-mobile-only .btn.btn-black{
        margin-top: 0;
    }

    .parallax-slider{
        min-height: 100px;
    }

    .fuse-container-2 {
        padding: 70px 0px;

    }

    .fuse-container-2 #carousel-example-generic .item
    {
        height: auto;
        padding-top: 60%;
        width: 100%;
    }
    .fuse-container-2 #carousel-example-generic .item > img{
        max-height: 100%;
        max-width: 100%;
    }
    .fuse-container-2 #carousel-example-generic .carousel-indicators {
        bottom: -50px !important;
    }
}
@media(max-width: 360px)
{
}

.the-table-display .display-table-cell a.roll:hover {color:#ff0000;
}

#menu-trigger-button .lineNew{
    transition: all 0.3s ease;
}
.home #menu-trigger-button .lineNew, .menu-open #menu-trigger-button .lineNew, .home.menu-open.video-scrolled #menu-trigger-button .lineNew{
    background-color: #FFF;
}
.home .logo-left img{
    transition: all 0.3s ease;
}
.home .logo-left .black,.menu-open .logo-left .black, .home.menu-open.video-scrolled .logo-left .black{
    opacity: 0;
}
.home .logo-left .white, .menu-open .logo-left .white, .home.menu-open.video-scrolled .logo-left .white{
    display: block;
    opacity: 1;
}

.home.video-scrolled .black-dog-header{
    background: #FFF;
}
.home.video-scrolled .logo-left .black{
    opacity: 1;
}
.home.video-scrolled .logo-left .white{
    opacity: 0;
}
.home.video-scrolled #menu-trigger-button .lineNew{
    background-color: #000;
}
#the-next-project .the-image{
    position: relative;
}
#the-next-project .the-image a{
    display: block;
}
.the-image-overlay{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 12px;
    font-weight: bold;
}
.the-image-overlay.mobile{
    display: none;
}

.the-image-overlay.mobile p{
    font-size: 16px;
}

.the-image-overlay p{
    color: #FFF;
    font-size: 2em;
}
.the-image-overlay p span{
    display: inline-block;
    /*transform: scaleY(1.5);*/
    letter-spacing: 1.1px;
}
.the-image-overlay .pre-slogan{
    font-family: 'montextralight', sans-serif;
    margin-top: 2em;
}
.the-image-overlay .pre-slogan span,.the-image-overlay .pre-slogan img{
    vertical-align: middle;
}
.the-image-overlay .pre-slogan > img{
    max-height: 1.5em !important;
    min-height: auto !important;
}
.the-image-overlay .slogan{
    font-family: 'montheavy', sans-serif;
    font-size: 3em;
}
.the-image-overlay .sub-slogan{
    font-family: 'montextralight',sans-serif;
}

@media (min-width: 1400px)
{
    .the-image-overlay{
        font-size: 0.8vw;
    }
    .the-image-overlay p span{
        letter-spacing: 0.16vw;
    }
}
@media (max-width: 575px)
{
    .the-image-overlay{
        display: none;
    }
    .the-image-overlay.mobile{
        display: flex;
        /* visibility: hidden; */
    }

}
@media (max-width: 500px)
{
    .the-image-overlay {
        font-size: 10px;
    }
}
@media (max-width: 400px)
{
    .the-image-overlay {
        font-size: 8px;
    }
}