*{outline:none;}
html {
scroll-behavior: smooth;
}
html,
body{
padding:0;
margin:0;
height:100%;
width:100%;
min-height:100%; font-family: 'Poppins', sans-serif; font-weight: 300; background-color: #181A1A
}
body {
color: #ffffff;
font-size: 15px;
line-height: 22px;
}
a {
color: #859d8a;
text-decoration: none;  transition: 0.4s; 
}
a:visited {
color: #859d8a;
text-decoration: none;  transition: 0.4s;
}
a:hover {
text-decoration: none; 	color: #4c4c4c;
outline: none;
}
a img ,img{
border: none;
}	
a:focus, a:hover, a:active {
outline: none;
}
a.more-link{display:none;}
img,fieldset{border:none;}
img{max-width: 100%;}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.sticky{}
.screen-reader-text{}
.gallery-caption{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{} h1,h2,h3,h4{
padding-top: 0;
padding-right: 0;
padding-left: 0;
padding-bottom: 15px;
margin: 0;
color: #ffffff; font-weight: 300
}
h1{font-size: 53px; line-height:51px; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; padding-top: 15px}
h2{font-size: 33px; line-height:36px; padding-bottom: 16px; letter-spacing: 0.5px}
h3{font-size: 27px; line-height:33px;letter-spacing: 0.5px}
h4{
font-size: 26px;
line-height: 30px; letter-spacing: 1px
}
p{
padding: 0;
margin: 0px; padding-bottom: 12px; 
}
li{
padding: 0;
margin-top: 0;
margin-right: 0;
margin-left: 0;
margin-bottom: 7px;
}
ul,ol{padding-left: 25px; margin-top: 0px}
ul.widget{
list-style:none;
padding:0;
margin:0;
}
b,strong{
font-weight: 600;
}
blockquote{
background-color: #FBFBFB;
padding: 25px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 30px;
border-bottom-color: #08344C;
border-bottom-width: 5px;
border-bottom-style: solid
} .wrap{	 
max-width: 1260px;     margin: 0 auto; padding-left: 20px; padding-right: 20px
}
.wrap:after{display: table; clear:both; content:'';}
#wrapper{
background:none;
padding:0;
margin:0;
width:100%;
box-shadow:none;
}
#mainbody{ max-width:100%; margin-left: auto; margin-right: auto;  } #headerwrap{
width: 100%;max-width: 100%;
display: block; position: fixed; left: 0px; right: 0px; top: 0px; z-index: 99999; background-image: url(//www.engage-marketing.co.uk/wp-content/themes/engage-2022/images/header-gradient-one.png); background-repeat: repeat-x; background-position: bottom center; height: 70px; padding-top: 20px
}
#headerwrap .wrap{
position: relative; max-width: 100%
}
#centredlogo{
float: left;   animation: fadeIn 5s;
-webkit-animation: fadeIn 5s;
-moz-animation: fadeIn 5s;
-o-animation: fadeIn 5s;
-ms-animation: fadeIn 5s; z-index: 99999; padding-top: 25px
}
#centredlogo img{
height: 40px; width: auto
}
#header-contact{float: right; margin-top: 25px}
#header-contact li{list-style: none}
#header-contact li a{
font-size: 14px;
color: #ffffff;
padding: 0px; margin-left: 20px;
display: block;  border-bottom-color: #F8F8F8; border-bottom-width: 1px; border-bottom-style: solid; 
} #main-nav{
margin: 0 auto; display:inline-block; float:right;  text-align: right;  transition: 0.3s; padding-top: 25px
}
#main-nav ul{
list-style:none;
padding:0;
margin:0;
}
#main-nav ul li{
display:inline-block;
margin-left: 3px; margin-right: 3px; margin-bottom: 0px!important
}
body.home #main-nav ul li{border:none;}
#main-nav ul li a{
font-size: 14px;
color: #ffffff;
padding: 0px; margin-left: 20px;
display: block;  border-bottom-color: #F8F8F8; border-bottom-width: 4px; border-bottom-style: solid; text-transform: uppercase; letter-spacing: 2px
}
#main-nav ul li a:hover{
text-decoration:none;  border-bottom-color: #4C4C4C; border-bottom-width: 4px; border-bottom-style: solid
}
#main-nav ul li.current-menu-item a{
text-decoration:none;   border-bottom-color: #4C4C4C; border-bottom-width: 4px; border-bottom-style: solid
}
#main-nav ul li.current_page_ancestor a{
text-decoration:none;  border-bottom-color: #4C4C4C; border-bottom-width: 4px; border-bottom-style: solid
} #main-nav li ul{position: absolute;width: 200px;
z-index: 9999;
background-color: #ffffff;
visibility: hidden;
opacity: 0;  margin-top: -1px; margin-left: 1px; padding-top: 7px; padding-bottom:7px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px}
#main-nav li ul li{    float: none; text-align: left; 	margin-left: 0px; margin-right: 0px; display: block;}
#main-nav li ul li.current-menu-item{ border-radius: 0px}
#main-nav li ul li a{
font-size: 15px;
padding-top: 5px;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 5px;
margin: 0px;
border: none!important;
color: #000000; letter-spacing: 0px; line-height: 19px
}
#main-nav li ul li a:hover {border-radius:0!important;color: #157EFB;  border: none!important; }
#main-nav li ul li:hover{border-radius:0!important; border: none!important;}
#main-nav li ul li.current-menu-item a{color: #000000; border: none!important;}
#main-nav li ul li.current-menu-item a:hover{color: #157EFB!important; border: none!important;}
#main-nav li:hover ul{visibility:visible; opacity:1;}
.mobile-nav{display:none;} #banner{
position: relative;
width: 100%; height: auto
}
#banner img{
width: 100%; height: auto; min-width: 100%
}
#banner-home{position:relative;}
#banner-home img{width:100%; display:block;}
.flexslider .slides > li{ height: 850px;}
#banner-home .flex-control-nav{right:20px; bottom:30px;z-index:55;text-align: right;}
#banner-home .flex-control-nav li{margin:0 5px;}
#banner-home .flex-control-paging li a{font-size:0;}
#banner-home .flex-control-paging li a{border:1px solid #fff; background:transparent;    width: 12px; height: 12px;}
#banner-home .flex-control-paging li a.flex-active{background:#FFF;}
.show-mob,.close-mob{display:none;}
#new-sub-banner {
height: 580px; position: relative; z-index: 9; 
}
#new-sub-banner .wrap{
position: relative; min-height: 580px
}
.sub-banner-inner{ text-align: left;max-width: 550px; position: absolute; left:8px; bottom: 60px }
.sub-banner-inner h1{}
.sub-banner-inner a{}
.sub-banner-inner p{color: #ffffff;    font-size: 26px;
line-height: 30px; letter-spacing: 1px; text-shadow: 0px 0px 10px #333333}
.flex-direction-nav{display:none;} #bottomwrap{
background-color: #181A1A; padding-top: 20px; padding-bottom: 15px; left:0px; right:0px; bottom: 0px; z-index: 999999; border-top-color: #878787; border-top-width: 1px; border-top-style: solid}
.home #bottomwrap{
position: relative}
.page-template-page-our-work #bottomwrap{
position: absolute}
#bottomwrap li, #copyright li{list-style: none; }
#bottomwrap p, #bottomwrap a{color: #ffffff; padding-bottom: 0px!important; margin-bottom: 0px!important; font-size: 14px; line-height: 28px}
#footer-nav{float: left; text-align: left; }
#footer-socials{float: right; text-align: right; }
#footer-socials img{width: 20px; height: auto;}
#footer-socials li {display: inline-block; padding-left: 15px}
#footer-nav a{margin-left: 20px }
#home-footer-logos {margin-top: 60px; margin-bottom: 120px; text-align: center; display: block; height: 200px}
#home-footer-logos li{list-style: none} .wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap input[type=email] {
border-radius: 0px;
margin-top: 0;
margin-right: 0;
margin-left: 0;
margin-bottom: 10px;
max-width: 96%;
width: 96%;
color: #666666;
font-size: 17px;
line-height: 22px;
border: 1px solid #C4C4C4;
padding-top:0px;
padding-bottom: 0px;
padding-left: 2%;
padding-right: 2%;
background-color: #ffffff;;
margin-top: 0px; line-height: 46px; 
}
textarea.wpcf7-form-control.wpcf7-textarea {
border-radius: 0px;
margin: 0 0 15px 0;
max-width: 96%;
width: 96%;
color: #666666;
font-size: 17px;
border: 1px solid #C4C4C4;
padding-top: 20px;
padding-right: 2%;
padding-left: 2%;
padding-bottom: 20px;
background-color: #ffffff;
}
.wpcf7-form input[type=submit] {
background-color: #ffffff;
border-color: #859D8A;
border-style: solid;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 4px;
border-top-width: 1px;
padding-top: 8px;
padding-right: 14px;
padding-left: 14px;
padding-bottom: 8px;
color: #859D8A;
font-size: 14px;
margin-top: 20px;
display: inline-block;
text-transform: uppercase;
letter-spacing: 2px; 
}
.wpcf7-form input[type=checkbox] {
border: 1px solid #C4C4C4;
}
.wpcf7-form p {
font-size: 14px; line-height: 19px
}
.wpcf7-list-item-label{    font-size: 21px;
line-height: 26px;}
span.wpcf7-list-item {
margin: 0 0 0 0px;
}
.wpcf7-list-item-label{    font-size: 16px;
line-height: 22px;}
.wpcf7-list-item-label{    font-size: 21px;
line-height: 26px;}
span.wpcf7-list-item {
margin: 0 0 0 0px;
}
.wpcf7-list-item-label{    font-size: 16px;
line-height: 22px;} #home-portfolio{padding: 30px; margin-bottom: 60px; overflow: hidden}
.home-portfolio-item-image img{width: 100%; height: auto}
li.home-portfolio-item{width: 50%; margin-right: 0%; list-style: none; float: left; margin-bottom: 0}
#home-portfolio li:nth-child(2n+2) {
margin-right: 0%;
}
.home-portfolio-item-image{
cursor: pointer;
position: relative;
height: 100%;
vertical-align: middle;
border: 0;
overflow: hidden;
}
.front-end{ }
.front-end img{
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
-o-transition: transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease;
-webkit-transform: scale(1);
-ms-transform: scale(1);width: 100%;
transform: scale(1);    display: block;
}
.back-end{
color: white;
-webkit-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
opacity: 0;
position: absolute;
width: 100%;
top: 0;
display: flex;
justify-content: left;
align-items: center;
height:100%;
left: 12%;
text-align: left;
}
.port-link{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 900;
}
.home-portfolio-item-image:hover .front-end img{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
-o-transition: transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease;
}
.home-portfolio-item-image:hover .back-end{
opacity: 1;
-webkit-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
cursor: pointer;
}
.bg-overlay {
border-radius: inherit;
position: absolute;
width: 100%;
height: 100%;
top: 0;
transition: opacity 0.2s;
background-color: #000;
opacity:0;
}
.home-portfolio-item-image:hover .bg-overlay{opacity:0.7;}
body.page-template-page-our-work #wrapper{    z-index: 9;
display: flex;
align-items: center;
justify-content: center; height: 100vh}
body.page-template-page-our-work #headerwrap {
background-color: #181A1A
}
.portfolio-item{position: relative;position: relative;
display: table;
width: 100%;}
.portfolio-item:after{    content: '';
display: block;
clear: both;
width: 4px;
height: 100%;
background: #fff;
position: absolute;
left: 55%;
top: 0;}
.item-left{float: left; width: 52%;}
.item-left img,.item-left iframe{display:block;margin: 0 0 20px 0;width:100%; max-width:100%;}
.item-left h2{ text-transform:uppercase;}
.item-right h2{margin-top: -3px;}
.item-right h3{    font-size: 37px;
line-height: 43px;
letter-spacing: 1px; padding-right: 10%; padding-top: 13%}
.item-right{float: right; width: 42%;}
.slick-prev{background: url(//www.engage-marketing.co.uk/wp-content/themes/engage-2022/images/left.png) no-repeat center center /cover!important;
display: block!important;     width: 35px!important;
height: 35px!important;     left: -5.5%!important;}
.slick-prev:hover{background: url(//www.engage-marketing.co.uk/wp-content/themes/engage-2022/images/left-hover.png) no-repeat center center /cover!important; transition: 0.4s;}
.slick-next{background: url(//www.engage-marketing.co.uk/wp-content/themes/engage-2022/images/right.png) no-repeat center center /cover!important;
display: block!important;width: 35px!important;
height: 35px!important;     right: -7%!important;}
.slick-next:hover{background: url(//www.engage-marketing.co.uk/wp-content/themes/engage-2022/images/right-hover.png) no-repeat center center /cover!important; transition: 0.4s;}
.slick-prev:before{
content: "\f0a8"!important; font-family:FontAwesome!important; display:none;
}
.slick-next:before{
content: "\f0a9"!important;font-family:FontAwesome!important;display:none;
}
.slider-container {
overflow: hidden;
}
.portfolio-item:nth-child(n+1) {
display: none;
}
.slick-initialized,
.slick-slide:first-child {
display: block!important;
}
.portfolio-item-inner{ } .single-portfolio #headerwrap .wrap {
max-width: 1240px;
margin: 0 auto;
padding-left: 30px;
padding-right: 30px;
}
.single-portfolio #headerwrap {
position: relative
}
.single-portfolio h1 {
text-transform: none; font-weight: 700; letter-spacing: -1px;     font-size: 63px;
line-height: 55px; margin-top: -15px; padding-bottom: 25px
}
.single-portfolio h2 {
font-weight: 700; letter-spacing: -0.5px; font-size: 43px;
line-height: 45px;
}
#single-portfolio-the-brief{margin-bottom: 80px}
.single-portfolio-the-brief-inner{overflow: hidden; display: block}
.single-portfolio-the-brief-inner-left{float: left; width: 33%; padding-right: 4%;}
.single-portfolio-the-brief-inner-right{float: right; width: 58%; padding-left: 4%; border-left-color: #A6A6A6; border-left-width: 1px; border-left-style: solid }
.single-portfolio-the-brief-inner-right img{width: 100%; height: auto}
.single-portfolio-cats{margin-bottom: 7vw}
.single-portfolio-cats{letter-spacing: 1px; font-size: 13px; text-transform: uppercase}
.related-portfolio-cats{letter-spacing: 1px; font-size: 13px; text-transform: uppercase}
#single-portfolio-video{margin-bottom: 80px}
#single-portfolio-the-work{margin-bottom: 80px}
.single-portfolio-the-work-inner{overflow: hidden; display: block}
.single-portfolio-the-work-inner-left{float: left; width: 33%; padding-right: 4%;}
.single-portfolio-the-work-inner-right{float: right; width: 58%; padding-left: 4%; border-left-color: #A6A6A6; border-left-width: 1px; border-left-style: solid }
#single-portfolio-the-outcome{margin-bottom: 120px}
.single-portfolio-the-outcome-inner{overflow: hidden; display: block}
.single-portfolio-the-outcome-inner-left{float: left; width: 33%; padding-right: 4%;}
.single-portfolio-the-outcome-inner-right{float: right; width: 58%; padding-left: 4%; border-left-color: #A6A6A6; border-left-width: 1px; border-left-style: solid }
.single-portfolio-related-inner{    display: flex;
flex-wrap: wrap }
.single-portfolio-related-inner li{;float: left;
width: 31%;
margin-right: 3.5%;
list-style: none;
margin-bottom: 50px;  position: relative}
.single-portfolio-related-inner li:nth-child(3n+3) {
margin-right: 0%;
}
.related-item-inner-text{position: absolute; bottom: 25px }
.related-item-inner-text{    padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 0px;}
.related-title-item-inner{
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 0px;
position: absolute;
bottom: 25px
}
.related-item-inner img{width: 100%; height: auto}
.related-item-inner h3{    font-weight: 700;
letter-spacing: -0.5px;
font-size: 33px;
line-height: 35px; max-width: 70%}
.related-item-inner h3 a{color: #ffffff}
.portfolio-category-single{padding-right: 20px; background-image: url(//www.engage-marketing.co.uk/wp-content/themes/engage-2022/images/cat-dividers.svg); background-repeat: no-repeat; background-position: right; background-size: contain}
.portfolio-category-single a{color: #ffffff}
.portfolio-category-single a:hover{color: #93C01F}
.portfolio-template-default #mainbody{background-image: url(//www.engage-marketing.co.uk/wp-content/themes/engage-2022/images/single-portfolio-background.png); background-repeat: no-repeat; background-position: left top;}
#single-portfolio-related{background-image: url(//www.engage-marketing.co.uk/wp-content/themes/engage-2022/images/related-portfolio-background.png); background-repeat: no-repeat; background-position: left top;} @keyframes fadeInUp {
from {
transform: scale(0.95) translateY(100px); opacity: 0;
}
to {
transform: scale(1) translateY(0); opacity: 1;
}
}
.fade-in-up {
animation: fadeInUp 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.5) both; } .insight-item{background-color: #2E3034; overflow: hidden; display: flex; margin-bottom: 40px }
.insight-left{width: 60%; float: left}
.insight-right{width: 40%; float: left; position: relative}
.insight-right-inner{position: absolute;bottom: 0px; left: 0px; right: 0px}
.insight-right-title{
padding-top: 25px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 0px
}
.insight-right-desc{	padding-top: 20px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 0px; background-color: #404246}
.page-template-page-insights #mainbody{margin-top: 120px; margin-bottom: 80px}
.page-template-page-insights #headerwrap {
background-color: #181A1A
}
.insight-right-category{
position: absolute;
top: 15px;
right: 15px;
padding-top: 7px;
padding-right: 12px;
padding-left: 12px;
padding-bottom: 7px;
background-color: #3A3C40;
font-size: 12px
} .about-inner{ padding: 0 6%;}
.about-divider{border-left-color: #ffffff; border-left-width: 5px; border-left-style: solid}
.downarrow{position: absolute; left:50%; bottom:-70px;}
.paddingtop{padding-top: 80px}
.paddingbottom{padding-bottom: 80px}
.desktop-hide{display: none}
.mobile-hide{}
.vidbg-frontend-buttons.bottom-right{z-index: 999999!important; bottom:20px!important; right: 20px!important; width: 30px!important; height: 30px!important}
.vidbg-frontend-buttons a.vidbg-frontend-button{width: 30px!important; height: 30px!important}
.bluebackground{background-color: #03A3E0}
.whitetext p, .whitetext h1, .whitetext h2, .whitetext h3{color: #ffffff} #main-portfolio-category{background-image: url(//www.engage-marketing.co.uk/wp-content/themes/engage-2022/images/related-portfolio-background.png); background-repeat: no-repeat; background-position: left bottom;}
.tax-portfolio_category #headerwrap .wrap {
max-width: 1240px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
.tax-portfolio_category #headerwrap {
position: relative
}
.custom-post-category-page h1 {
text-transform: none;
font-weight: 700;
letter-spacing: -1px;
font-size: 63px;
line-height: 55px;
margin-top: -15px;
padding-bottom: 25px;
}
.custom-post-category-page {
display: flex;
gap: 20px;
}
.left-column {
flex: 1;
max-width: 33.333%;
}
.left-column .category-list {
list-style: none;
padding: 0;
}
.left-column .category-list li {
margin-bottom: 5px;
}
.left-column .category-list a {
text-decoration: none;
color: #ffffff;     letter-spacing: 1px;
font-size: 13px;
text-transform: uppercase;     padding-right: 20px;
background-image: url(//www.engage-marketing.co.uk/wp-content/themes/engage-2022/images/cat-dividers.svg);
background-repeat: no-repeat;
background-position: right;
background-size: contain; 
}
.left-column .category-list a:hover {
color: #93C01F
}
.left-column .intro{max-width: 80%; padding-bottom: 35px}
.left-column .category-list li{border-bottom-color: #9C9C9C; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 6px; margin-right: 60px}
.left-column .category-list a.active {
font-weight: bold;
color: #ffffff;
}
.right-column {
flex: 2;
}
.right-column .post-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
}
.right-column .post-item {
background: #fff;
border: 1px solid #ddd;
padding: 10px;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.right-column .post-item:hover {
transform: translateY(-5px);
}
.right-column .post-thumbnail img {
width: 100%;
height: auto;
}
.pagination {
margin-top: 20px;
text-align: center;
}
.post-item {
opacity: 0;
transform: translateY(20px);
animation: fadeInUp 0.5s ease forwards;
}
.post-grid li {
float: left;
margin-right: 2%;
list-style: none;
margin-bottom: 5px;
position: relative;
}
.post-grid li:nth-child(2n+2) {
margin-right: 0%;
}
.related-image-wrapper {
position: relative;
overflow: hidden; }
.related-image-wrapper img {
transition: transform 0.4s ease; display: block;
width: 100%; } .related-item:hover .related-image-wrapper img {
transform: scale(1.3); }
.related-item-inner-overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
transition: background-color 0.3s ease, transform 0.4s ease; } .related-item:hover .related-item-inner-overlay {
background-color: rgba(0, 0, 0, 0.4);
}
.related-item-inner-text {
opacity: 0; transform: translateY(10px); transition: opacity 0.3s ease, transform 0.3s ease; } .related-item:hover .related-item-inner-text {
opacity: 1;
transform: translateY(0); }
.related-item {
opacity: 0; animation: fadeInUp 0.8s ease forwards; animation-delay: var(--animation-delay, 0s); } .arrowrwrap {
position: relative; height: 100vh
}
.arrow {
text-align: center;    z-index: 55;
margin: 2% 0; position: absolute; left:49%; bottom: 30px; 
}
.arrow a{
color: #ffffff
}
.bounce {
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite; 
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}