html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
div, nav, header, footer, aside { display: block; } body {
background: #FFFFFF;
text-align: center;
font-family: "Poppins", Helvetica, Arial, 'Sans Serif';
font-size: 18px;
color: #72758D;
}
.container {
display: block;
margin: auto;
text-align: left;
width: 1183px;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
a { color: #9BCD66; text-decoration: none; 
-ms-transition: color .3s;
-moz-transition:color .3s;
-webkit-transition:color .3s;
transition:color .3s;
}
a:hover { color: #9BCD66; }
p a:hover { text-decoration: underline; }
.clearfix { display: block; clear: both; }
img { display: block; max-width: 100%; }
.button {
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
display: inline-block;
border-radius: 0px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: none;
margin: 0px;
cursor: pointer;
background: #9BCD66;
color: #FFF;
padding: 22px 32px;
font-size: 18px;
font-weight: 600;
line-height: 28px;
font-family: "Poppins";
}
.button:hover {
background: #6DA234;
color: #FFF;
}
.button-bordered {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background: transparent;
border: 2px solid #99CE65;
color: #9BCD66;
padding: 20px 26px 16px 26px;
}
.button-bordered:hover {
border: 2px solid #9BCD66;
background: #9BCD66;
color: #FFF;
}
p .button { text-decoration: none!important; } #site-header {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 10;
}
#site-header .container {
padding: 16px 48px 0 48px;
background: #FFF;
box-shadow: 0 3px 8px 0 rgba(112,120,135,0.24);
}
#site-header .logo {
float: left;
display: block;
margin: -2px 0 0 0;
}
#site-header .logo img { display: block; }
#site-header nav {
float: left;
display: block;
padding: 20px 0 0 240px; 
padding: 20px 0 0 216px; 
}
#site-header nav li {
display: block;
float: left;
position: relative;
}
#site-header nav li a {
display: block;
font-size: 16px;
line-height: 26px;
color: #333333;
font-weight: 600;
padding: 0 24px;
height: 60px;
position: relative;
}
#site-header nav li.has-dropdown a { padding-right: 46px; }
#site-header nav li.has-dropdown > a:after {
position: absolute;
right: 24px;
width: 11px;
height: 7px;
content: '';
display: block;
top: 9px;
margin: 0;
background: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-dropdown-arrow.svg) no-repeat;
}
#site-header nav li.has-dropdown.active > a:after {
background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-dropdown-arrow-up.svg);
}
#site-header .services-dropdown-holder { display: none; }
#site-header nav li.active > a,
#site-header nav li > a:hover { color: #9BCD66; }
#site-header nav li ul { display: none; }
#site-header nav li.services-dropdown.active > a:before {
height: 4px;
background: #9BCD66;
position: absolute;
left: 0px;
width: 100%;
top: 56px;
content: '';
display: block;
}
#site-header nav li.list-dropdown > ul {
position: absolute;
display: none;
top: 61px;
width: 209px;
left: -8px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background: #FFF;
padding: 26px 32px 10px 32px;
margin: 0px;
}
#site-header nav li.list-dropdown > ul > li > ul {
display: block!important;
position: static;
padding: 0 0 0 20px;
}
#site-header nav li.list-dropdown > ul > li a {
font-size: 16px;
line-height: 26px;
margin: 0 0 16px 0;
height: auto;
padding: 0px;
}
#site-header nav li.list-dropdown > ul > li > ul li {
}
#site-header nav li.list-dropdown > ul > li > ul > li > a {
font-size: 14px;
line-height: 26px;
margin: 0 0 16px 0;
padding: 0px;
}
#site-header nav li.services-dropdown { position: static; }
#site-header nav li.services-dropdown ul {
background: #FFF;
position: absolute;
top: 97px;
left: 0px;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: none;
padding: 44px 24px 13px 24px;
box-shadow: 0 40px 40px 10px rgba(0,0,0,0.15);
}
#site-header nav li.services-dropdown ul li {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: block;
float: left;
width: 33.33%;
position: relative;
padding: 0 0 0 25px;
}
#site-header nav li.services-dropdown ul li a {
display: block;
height: auto;
position: relative;
padding: 13px 25px 39px 68px;
}
#site-header nav li.services-dropdown ul li a span.icon {
display: block;
width: 48px;
height: 48px;
position: absolute;
top: 0px;
left: 0px;
background: none no-repeat center center #F3F4F9;
border-radius: 7px;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
#site-header nav li.services-dropdown ul li a:hover span.icon {
background-color: #F4FAEF;
box-shadow: 0 20px 40px 10px rgba(224,224,224,0.20);
}
#site-header nav li.services-dropdown ul li a span.icon-wireless { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-wireless-blue.png); background-size: 26px auto; }
#site-header nav li.services-dropdown ul li a span.icon-led { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-led-blue.png); background-size: 18px auto; }
#site-header nav li.services-dropdown ul li a span.icon-ip { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-ip-blue.png); background-size: 26px auto; }
#site-header nav li.services-dropdown ul li a span.icon-wired { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-wired-blue.png); background-size: 20px auto; }
#site-header nav li.services-dropdown ul li a span.icon-visual { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-visual-blue.png); background-size: 26px auto; }
#site-header nav li.services-dropdown ul li a span.icon-technician { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-technician-blue.png); background-size: 28px auto; }
#site-header nav li.services-dropdown ul li a:hover span.icon-wireless { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-wireless-green.png); }
#site-header nav li.services-dropdown ul li a:hover span.icon-led { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-led-green.png); }
#site-header nav li.services-dropdown ul li a:hover span.icon-ip { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-ip-green.png); }
#site-header nav li.services-dropdown ul li a:hover span.icon-wired { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-wired-green.png); }
#site-header nav li.services-dropdown ul li a:hover span.icon-visual { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-visual-green.png); }
#site-header nav li.services-dropdown ul li a:hover span.icon-technician { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-technician-green.png); }
#site-header nav li.services-dropdown ul li a h4 {
font-size: 16px;
color: #333333;
line-height: 28px;
font-weight: 600;
margin: 0 -20px 7px 0;
}
#site-header nav li.services-dropdown ul li a:hover h4 { 
color: #9BCD66; 
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
#site-header nav li.services-dropdown ul li a .service-text {
display: block;
color: #72758D;
font-size: 14px;
line-height: 24px;
font-weight: normal;
}
#site-header .toggle-search {
float: right;
background: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-search.svg) no-repeat center center;
width: 96px;
line-height: 64px;
display: block;
text-indent: -9999px;
}
#site-header .toggle-search.active {
background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-search-close.svg);
}
#site-header .contact-button {
float: right;
font-size: 16px;
padding: 18px 30px;
}
#site-header .nav-search-form {
display: none;
background: #FFF;
height: 327px;
position: absolute;
left: 0px;
width: 100%;
top: 97px;
box-shadow: 0 40px 40px 10px rgba(0,0,0,0.15);
}
#site-header .nav-search-form form {
position: relative;
margin: 136px 144px 0 144px;
height: 53px;
border-bottom: 2px solid #DDE0F4;
}
#site-header .nav-search-form form input[type="text"] {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border-radius: 0px;
box-shadow: none;
border: none;
margin: 0px;
height: 53px;
padding: 0 0 5px 0;
font-family: 'Poppins';
font-weight: 600;
font-size: 32px;
color: #4B4D5D;
background: transparent;
line-height: 48px;
}
#site-header .nav-search-form form :placeholder { color: #B4B9DF; }
#site-header .nav-search-form form ::placeholder { color: #B4B9DF; }
#site-header .nav-search-form form input[type="submit"] {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border-radius: 0px;
border: none;
margin: 0px;
width: 53px;
height: 53px;
position: absolute;
top: 0px;
right: 0px;
background: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-search.svg) no-repeat center center transparent;
padding: 0px;
text-indent: -9999px;
cursor: pointer;
display: block;
} body.mobile-nav-active {
overflow: hidden;
}
body.mobile-nav-active #site-wrapper {
height: 100vh;
overflow: hidden;
}
#mobile-header {
display: none;
background: #FFF;
padding: 20px 0;
height: 40px;
box-shadow: 0 3px 8px 0 rgba(112,120,135,0.24);
position: relative;
z-index: 11;
}
#mobile-header .logo {
display: block;
float: left;
margin: -4px 0;
}	
#mobile-header .logo img {
display: block;
height: 48px;
margin: 0px;
}
#mobile-header .toggle-nav {
line-height: 38px;
border: 1px solid #9BCD66;
padding: 0 14px;
display: block;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
float: right;
margin: 0 0 0 14px;
}
#mobile-header .toggle-search {
float: right;
background: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-search.svg) no-repeat center center;
width: 52px;
height: 38px;
background-size: 24px auto;
display: block;
text-indent: -9999px;
}
#mobile-header .toggle-search.active {
background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-search-close.svg);
}
.mobile-search-form {
background: #FFF;
box-shadow: 0 20px 40px 10px rgba(0,0,0,0.15);
padding: 100px 0;
position: absolute;
width: 100%;
display: none;
left: 0px;
z-index: 10;
}
body.search-active #mobile-header { box-shadow: none; }
.mobile-search-form form {
position: relative;
height: 46px;
border-bottom: 2px solid #DDE0F4;
}
.mobile-search-form form input[type="text"] {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: none;
margin: 0px;
border-radius: 0px;
box-shadow: none;
padding: 7px 50px 7px 0;
height: 46px;
font-family: 'Poppins';
font-weight: 600;
font-size: 18px;
color: #4B4D5D;
background: transparent;
line-height: 28px;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.mobile-search-form form :placeholder { color: #B4B9DF; }
.mobile-search-form form ::placeholder { color: #B4B9DF; }
.mobile-search-form form input[type="submit"] {
border-radius: 0px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: none;
margin: 0px;
width: 24px;
height: 24px;
position: absolute;
top: 7px;
right: 10px;
background: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-search.svg) no-repeat center center transparent;
background-size: 24px auto;
padding: 0px;
text-indent: -9999px;
cursor: pointer;
display: block;
}
#mobile-nav {
height: 100%;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
background: #FFF;
z-index: 11;
overflow-x: hidden;
overflow-y: auto;
display: none;
}
#mobile-nav .mobile-nav-close {
height: 60px;
padding: 20px 0 0 0;
}
#mobile-nav .mobile-nav-close a {
line-height: 38px;
background: #9BCD66;
border: 1px solid #9BCD66;
padding: 0 14px;
display: block;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
float: right;
color: #FFF;
margin: 0 0 0 14px;
}
#mobile-nav .mobile-nav-back {
display: none;
padding: 0 0 0 20px;
position: absolute;
font-size: 14px;
line-height: 22px;
font-weight: 600;
background: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-mobile-back.svg) no-repeat left center;
top: 28px;
left: 0px;
}
#mobile-nav .mobile-nav-holder {
position: relative;
width: 200%;
}
#mobile-nav .mobile-nav-holder .mobile-nav-parent {
float: left;
width: 50%;
}
.mobile-nav-services {
padding: 0 0 8px 0;
border-bottom: 1px solid #DDE0F4;
margin: 0 -20px 26px 0;
}
.mobile-nav-services h6 {
font-size: 12px;
line-height: 26px;
font-weight: 600;
margin: 0 0 10px 0;
}
.mobile-nav-services ul li {
margin: 0 0 23px 0;
}
.mobile-nav-services ul li a {
position: relative;
padding: 0 0 0 41px;
}
.mobile-nav-services ul li a span.icon {
display: block;
width: 24px;
height: 24px;
position: absolute;
top: 0px;
left: 0px;
background: none no-repeat center center #F3F4F9;
border-radius: 3.5px;
}
.mobile-nav-services ul li a :hover span.icon {
background-color: #F4FAEF;
}
.mobile-nav-services ul li a span.icon-wireless { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-wireless-blue.png); background-size: 13px auto; }
.mobile-nav-services ul li a span.icon-led { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-led-blue.png); background-size: 9px auto; }
.mobile-nav-services ul li a span.icon-ip { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-ip-blue.png); background-size: 13px auto; }
.mobile-nav-services ul li a span.icon-wired { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-wired-blue.png); background-size: 10px auto; }
.mobile-nav-services ul li a span.icon-visual { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-visual-blue.png); background-size: 13px auto; }
.mobile-nav-services ul li a span.icon-technician { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-technician-blue.png); background-size: 14px auto; }
.mobile-nav-services ul li a:hover span.icon-wireless { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-wireless-green.png); }
.mobile-nav-services ul li a:hover span.icon-led { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-led-green.png); }
.mobile-nav-services ul li a:hover span.icon-ip { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-ip-green.png); }
.mobile-nav-services ul li a:hover span.icon-wired { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-wired-green.png); }
.mobile-nav-services ul li a:hover span.icon-visual { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-visual-green.png); }
.mobile-nav-services ul li a:hover span.icon-technician { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-technician-green.png); }
.mobile-nav-services ul li a h4 {
color: #373E98;
line-height: 26px;
font-size: 14px;
font-weight: 600;
display: inline-block;
}
.mobile-nav-services ul li a span.service-text { display: none; }
.mobile-nav-parent-links ul li,
#mobile-nav .mobile-nav-holder .mobile-nav-child li {
display: block;
margin: 0 0 18px 0;
}
.mobile-nav-parent-links ul li a,
#mobile-nav .mobile-nav-holder .mobile-nav-child li a {
display: block;
color: #373E98;
font-size: 16px;
line-height: 26px;
font-weight: 600;
position: relative;
}
.mobile-nav-parent-links ul li.current-menu-item a, 
#mobile-nav .mobile-nav-holder .mobile-nav-child li.current-menu-item a { color: #9BCD66; }
.mobile-nav-parent-links ul li.has-dropdown a:before {
background: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-mobile-arrow-right.svg) no-repeat;
display: block;
position: absolute;
top: 50%;
right: 0px;
margin: -6px 0 0 0;
width: 8px;
height: 12px;
content: '';
}
.mobile-nav-parent-links ul li.has-dropdown ul { display: none; }
#mobile-nav .mobile-nav-holder .mobile-nav-child {
float: left;
width: 50%;
text-align: left;
padding: 27px 0 0 0;
}
#mobile-nav .mobile-nav-holder .mobile-nav-child ul li { margin: 0px; }
#mobile-nav .mobile-nav-holder .mobile-nav-child ul li a {
font-size: 16px;
line-height: 26px;
margin: 0 0 16px 0;
}
#mobile-nav .mobile-nav-holder .mobile-nav-child ul li li a {
padding: 0 0 0 20px;
font-size: 14px;
} #banner {
position: relative;
background: #363E99;
overflow: hidden;
}
#banner .banner-image {
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 50%;
background: none no-repeat center center;
background-size: cover;
z-index: 0;
box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}
#banner .banner-images {
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 50%;
background: none no-repeat center center;
background-size: cover;
z-index: 0;
box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}
#banner .banner-images .slick-arrow { display: none!important; }
#banner .banner-images .banner-image-slide {
float: left;
width: 100%;
height: 100%;
background: none no-repeat center center;
background-size: cover;
}
#banner .banner-arrows { 
position: absolute;
bottom: 0px;
right: 0px;
}
#banner .banner-arrows a,
#banner .banner-images .slick-arrow {
width: 64px;
height: 64px;
background: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-arrow-right.svg) no-repeat center center #9BCD66;
position: absolute;
z-index: 2;
cursor: pointer;
bottom: 0px;
right: 0px;
text-indent: -9999px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: none;
}
#banner .banner-arrows a.arrow-prev,
#banner .banner-images .slick-prev {
right: 64px;
background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-arrow-left.svg);
}
#banner .banner-arrows a:hover { background-color: #6DA234; }
#banner .container { z-index: 1; padding: 116px 0 0 0; }
#banner .banner-content {
height: 665px; height: 549px;
position: relative;
width: 50%;
}
#banner .banner-content .banner-text {
padding: 0 110px 0 0;
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
#banner .banner-content .banner-text h5 {
font-size: 20px;
line-height: 24px;
margin: 0 0 24px 0;
font-weight: 600;
color: #FFF;
text-transform: uppercase;
letter-spacing: 1.5px;
}
#banner .banner-content .banner-text h1,
#banner .banner-content .banner-text h2 {
font-size: 40px;
line-height: 56px;
font-weight: 600;
color: #FFF;
margin: 0 0 28px 0;
}
#banner .banner-content .banner-text p {
font-size: 20px;
line-height: 32px;
font-kerning: 500;
color: #FFF;
} #page-header {
background: #363E99;
}
#page-header .container {
height: 503px;
}
#page-header .header-text {
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
text-align-last: center;
}
#page-header .header-text h1 {
font-size: 40px;
font-weight: 600;
color: #FFFFFF;
text-align: center;
line-height: 60px;
}
#page-header .header-text p {
font-size: 20px;
line-height: 32px;
color: #FFF;
padding: 22px 0 0 0;
max-width: 660px;
margin: 0 auto;
} .page-block {  }
.page-block-no-padding-top { padding-top: 0px!important; }
.page-block-no-padding-bottom { padding-bottom: 0px!important; } .page-block-intro {
padding: 118px 0 118px 0;
}
.page-block-intro .container {
padding: 0 204px;
}
.page-block-intro p {
font-size: 24px;
line-height: 40px;
font-weight: 600;
color: #333;
margin: 0px;
text-align: center;
} .page-block-service-grid {
margin: -33px 0 0 0;
padding: 0 0 145px 0;	
}
.service-grid {
margin: 0 -16px;
}
.service-grid section {
float: left;
width: 33.3%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 0 16px 32px 16px;
}
.service-grid section:nth-child(3n+1) { clear: left; }
.service-grid section a {
display: block;
background: #FFF;
padding: 48px;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
.service-grid section a:hover {
box-shadow: 0 20px 40px 10px rgba(224,224,224,0.20);
}
.service-grid section a span.icon {
display: block;
width: 63px;
height: 63px;
background: none no-repeat center center #F3F4F9;
border-radius: 5.5px;
margin: 0 0 24px 0;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
.service-grid section a span.icon-hover-preload { position: absolute; left: -9999px; }
.service-grid section a:hover span.icon {
background-color: #F4FAEF;
box-shadow: 0 16px 32px 8px rgba(224,224,224,0.20);
}
.service-grid section a span.icon-wireless { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-wireless-blue.png); background-size: 34px auto; }
.service-grid section a span.icon-led { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-led-blue.png); background-size: 24px auto; }
.service-grid section a span.icon-ip { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-ip-blue.png); background-size: 34px auto; }
.service-grid section a span.icon-wired { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-wired-blue.png); background-size: 26px auto; }
.service-grid section a span.icon-visual { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-visual-blue.png); background-size: 34px auto; }
.service-grid section a span.icon-technician { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-technician-blue.png); background-size: 34px auto; }
.service-grid section a:hover span.icon-wireless { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-wireless-green.png); }
.service-grid section a:hover span.icon-led { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-led-green.png); }
.service-grid section a:hover span.icon-ip { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-ip-green.png); }
.service-grid section a:hover span.icon-wired { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-wired-green.png); }
.service-grid section a:hover span.icon-visual { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-visual-green.png); }
.service-grid section a:hover span.icon-technician { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-technician-green.png); }
.service-grid section a span.icon-hover-preload.icon-wireless { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-wireless-green.png); }
.service-grid section a span.icon-hover-preload.icon-led { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-led-green.png); }
.service-grid section a span.icon-hover-preload.icon-ip { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-ip-green.png); }
.service-grid section a span.icon-hover-preload.icon-wired { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-wired-green.png); }
.service-grid section a span.icon-hover-preload.icon-visual { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-visual-green.png); }
.service-grid section a span.icon-hover-preload.icon-technician { background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-service-technician-green.png); }
.service-grid section a h4 {
font-size: 24px;
color: #333333;
font-weight: 600;
line-height: 36px;
margin: 0 0 16px 0;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
.service-grid section a:hover h4 { color: #9BCD66; }
.service-grid section a span.service-text {
font-size: 16px;
line-height: 26px;
color: #72758D;
display: block;
} .page-block-case-study-cards {
position: relative;
padding: 103px 0 128px 0;
}
.page-block-news-cards {
position: relative;
padding: 118px 0 96px 0;
}
.page-block-case-study-cards:before {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 283px;
background: #F4FAEF;
content: '';
display: block;
}
.page-block-case-study-cards .container { z-index: 1; }
.page-block-cards header {
position: relative;
margin: 0 0 40px 0;
}
.page-block-cards header h2 {
font-size: 32px;
line-height: 48px;
color: #333333;
float: left;
font-weight: 600;
}
.page-block-cards header .view-all {
font-size: 18px;
line-height: 28px;
font-weight: 600;
position: relative;
margin: 11px 0 0 0;
float: right;
}
.page-block-cards header .view-all:hover {
border-bottom: 2px solid #9BCD66;
}
.cards {
margin: 0 -16px -32px -16px;
}
.cards section {
float: left;
width: 33.3%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 0 16px 32px 16px;
}
.cards section:nth-child(3n+1) { clear: left; }
.cards section a {
display: block;
}
.cards section a .card-image {
display: block;
overflow: hidden;
height: 230px;
position: relative;
}
.cards section a .card-image .card-image-inner {
background: none no-repeat center center;
background-size: cover;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
display: block;
position: absolute;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
.cards section a:hover .card-image .card-image-inner {   transform: scale(1.2);
}
.cards section a .card-content {
display: block;
background: #FFF;
margin: -32px 32px 0 0;
position: relative;
z-index: 1;
padding: 32px;
}
.cards section a:hover .card-content {
box-shadow: 0 20px 40px 10px rgba(224,224,224,0.20);
}
.cards section a .card-content h6 {
font-size: 14px;
line-height: 16px;
color: #373E98;
text-transform: uppercase;
font-weight: 600;
margin: 0 0 13px 0;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
.cards section a .card-content h5 {
font-size: 18px;
line-height: 28px;
color: #333333;
font-weight: 600;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
.cards section a:hover .card-content h5 { color: #9BCD66; }
.full-cards section a {
background: #FFFFFF;
box-shadow: 0 20px 40px 10px rgba(224,224,224,0.20);
padding: 48px 48px 96px 48px;
min-height: 322px;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.full-cards section a h5 {
font-size: 20px;
line-height: 32px;
font-weight: 600;
color: #333;
margin: 0 0 16px 0;
}
.full-cards section a:hover h5 { color: #9ACF60; }
.full-cards section a span.card-text {
font-size: 14px;
line-height: 24px;
display: block;
color: #72758D;
}
.full-cards section a span.card-learn-more {
position: absolute;
bottom: 48px;
left: 48px;
font-size: 18px;
line-height: 28px;
font-weight: 600;
} .page-block-testimonials {
background: none no-repeat center center #6DA234;
background-size: cover;
}
.page-block-testimonials .testimonial-slider {
}
.page-block-testimonials .testimonial-slider .slick-dots {
position: absolute;
bottom: 28px;
left: 0px;
width: 100%;
z-index: 1;
}
.page-block-testimonials .testimonial-slider .slick-dots li {
display: inline-block;
margin: 0 4px;
}
.page-block-testimonials .testimonial-slider .slick-dots li button {
display: inline-block;
width: 10px;
height: 10px;
border: 1.5px solid #FFF;
border-radius: 100%;
cursor: pointer;
background: transparent;
text-indent: -9999px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
padding: 0px;
}
.page-block-testimonials .testimonial-slider .slick-dots li.slick-active button {
background: #FFF;
}
.page-block-testimonials .testimonial-slider .slick-arrow {
width: 64px;
height: 64px;
background: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-arrow-right.svg) no-repeat center center #9BCD66;
position: absolute;
z-index: 2;
cursor: pointer;
bottom: 0px;
right: 0px;
text-indent: -9999px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: none;
}
.page-block-testimonials .testimonial-slider .slick-prev {
right: 64px;
background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-arrow-left.svg);
}
.page-block-testimonials .testimonial-slider .slick-arrow:hover { background-color: #6DA234; }
.page-block-testimonials .testimonial-slider .testimonial-slide {
background: none no-repeat center center #6DA234;
background-size: cover;
}
.page-block-testimonials .testimonial-slider .testimonial-slide .testimonial-slide-inner {
background: rgba(109, 162, 52, 0.9);
}
.page-block-testimonials .testimonial-slider .testimonial-slide .container {
height: 530px;
padding: 100px 0;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.page-block-testimonials .testimonial-slider .testimonial-slide blockquote {
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
text-align: center;
}
.page-block-testimonials .testimonial-slider .testimonial-slide blockquote p {
font-size: 22px;
line-height: 36px;
font-family: "PT Serif", serif;
font-style: italic;
color: #FFF;
margin: 0 0 48px 0;
padding: 0 230px;
}
.page-block-testimonials .testimonial-slider .testimonial-slide blockquote cite {
display: block;
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: #FFF;
} #blog-filter {
position: relative;
margin: -83px 0 0 0;
}
#blog-filter form {
margin: 0 102px;
background: #FFF;
box-shadow: 0 20px 40px 10px rgba(224,224,224,0.20);
padding: 34px 30px 40px 30px;
}
#blog-filter form .filter-field,
#blog-filter form .filter-submit {
padding: 0 10px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 43%;
}
#blog-filter form .filter-field-search { width: 86%; }
#blog-filter form .filter-field label {
display: block;
font-size: 14px;
line-height: 26px;
font-weight: 600;
color: #333333;
margin: 0 0 2px 0;
}
#blog-filter form .filter-field .select-field {
background: #F6F8FB;
height: 64px;
position: relative;
}
#blog-filter form .filter-field .select-field:before {
position: absolute;
width: 16px;
height: 10px;
background: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-select.svg) no-repeat center center;
margin: -5px 0 0 0;
top: 50%;
right: 24px;
content: '';
display: block;
}
#blog-filter form .filter-field-search input {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
width: 100%;
display: block;
background: #F6F8FB;
height: 64px;
color: #71738F;
font-size: 18px;
line-height: 28px;
padding: 18px 70px 18px 24px;
display: block;
border: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#blog-filter form .filter-field .select-field select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
width: 140%;
width: calc(100% + 30px);
height: 64px;
color: #71738F;
font-size: 18px;
line-height: 28px;
padding: 18px 70px 18px 24px;
position: absolute;
display: block;
border: none;
background: none transparent;
cursor: pointer;
}
#blog-filter form .filter-submit { width: 14%; padding-top: 28px; }
#blog-filter form .filter-submit .button {
padding: 0px;
line-height: 64px;
height: 64px;
text-align: center;
font-size: 16px;
width: 100%;
display: block;
}
#blog-archive {
padding: 96px 0 96px 0;
}
#blog-archive .cards section { padding-bottom: 64px; }
.pagination {
padding: 0 0 127px 0;
}
.pagination a,
.pagination span {
display: inline-block;
padding: 0 4px;
font-size: 18px;
line-height: 24px;
font-weight: 600;
}
.pagination span {
color: #9BCD66;
border-bottom: 2px solid #9BCD66;
}
.pagination a.pagination-prev { margin: 0 60px 0 0; padding: 0px; }
.pagination a.pagination-next { margin: 0 0 0 60px; padding: 0px; } .back-link {
padding: 0 0 0 30px;
position: relative;
font-size: 14px;
line-height: 22px;
font-weight: 600; background: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-back-link.svg) no-repeat left center;
}
.back-link-dont-capitalise { 
text-transform: none;
}
.page-block-content {
position: relative;
padding: 115px 0 110px 0;
}
.background-green { background: #F4FAEF; }
.page-block-content .back-link { position: absolute; top: 48px; margin-top: -115px; }
.page-block-content-padded article {
padding: 0 204px;
}
body .page-block-content article .first-heading { padding-top: 0px; }
.page-block-content article h1 {
font-size: 40px;
line-height: 60px;
font-weight: 600;
color: #333;
margin: 0 0 15px 0;
}
.page-block-content article h2 {
font-size: 32px;
line-height: 48px;
font-weight: 600;
color: #333;
margin: 0 0 20px 0;
padding: 30px 0 0 0;
}
.page-block-content article h3 {
font-size: 24px;
line-height: 36px;
font-weight: 600;
color: #333;
margin: 0 0 22px 0;
padding: 42px 0 0 0;
}
.page-block-content article h4 {
font-size: 20px;
line-height: 32px;
font-weight: 600;
color: #333;
margin: 0 0 22px 0;
padding: 39px 0 0 0;
}
.page-block-content article h5 {
font-size: 18px;
line-height: 28px;
font-weight: 600;
color: #333;
margin: 0 0 22px 0;
padding: 30px 0 0 0;
}
.page-block-content article h6 {
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: #333;
margin: 0 0 15px 0;
padding: 34px 0 0 0;
}
.page-block-content article p {
margin: 0 0 28px 0;
font-size: 18px;
line-height: 28px;
}
.page-block-content article p a { text-decoration: underline; }
.page-block-content article p:last-child { margin-bottom: 0px; }
.page-block-content article small {
margin: 0 0 28px 0;
font-size: 16px;
line-height: 26px;
display: block;
}
.page-block-content article ul li {
display: block;
position: relative;
padding: 0 0 0 37px;
margin: 0 0 25px 0;
font-size: 18px;
line-height: 28px;
}
.page-block-content article ul li:before {
position: absolute;
top: 0px;
line-height: 28px;
content: '•';
display: block;
left: 13px;
}
.page-block-content article ul.case-study-ul { margin-top: 40px; }
.page-block-content article ul.case-study-ul li {
color: #333;
margin: 0 0 30px 0;
padding: 0 0 0 53px;
position: relative;
line-height: 26px;
}
.page-block-content article ul.case-study-ul li:before {
content: '';
display: block;
box-shadow: 0 13px 27px 7px rgba(224,224,224,0.20);
border-radius: 4px;
width: 32px;
height: 32px;
left: 0px;
top: -3px;
background: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/bullet-tick.svg) no-repeat center center #F4FAEF;
}
.page-block-content article .callout {
background: #F4FAEF;
border-left: 6px solid #99CE65;
padding: 56px 44px 53px 58px;
margin: 36px 0;
margin: 64px 0 36px 0;
}
.page-block-content article .callout p {
font-size: 24px;
line-height: 36px;
color: #333;
margin: 0px;
font-weight: 600;
}
.page-block-content article .callout p a,
.page-block-content article .callout p strong {
color: #9BCD66;
text-decoration: none;
}
.page-block-content article .alignright {
float: right;
margin: 0 0 50px 50px;
display: block;
}
.page-block-content article .alignleft {
float: right;
margin: 0 50px 50px 0;
display: block;
}
.page-block-content article .aligncenter {
float: none;
margin: 0 auto 50px auto;
display: block;
}
.page-block-four-oh-four {
padding: 237px 0 104px 0;
}
.page-block-no-results { padding-top: 117px; }
.page-block-four-oh-four article { text-align: center; }
.page-block-four-oh-four article h2 { margin: 0 0 11px 0; }
.page-block-four-oh-four article p img { margin: 0 auto; } .page-block-two-columns {  }	
.page-block-two-columns .two-columns {
margin: 0 204px;
margin: 0 188px; }
.page-block-two-columns .two-columns article {
width: 50%;
padding: 0 16px;
margin: 0 0 -28px 0;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.page-block-two-columns .two-columns article:nth-child(1) {
float: right;
} .page-block-image-and-text {
padding: 124px 0;
}
.page-block-image-and-text .image-holder {
float: left;
width: 64.5%;
}
.page-block-image-and-text .content-holder {
float: left;
background: #FFF;
position: relative;
width: 38%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; margin: 0 0 0 -31px;
padding: 0 0 0 62px;
z-index: 1;
}
.page-block-image-and-text .content-holder article {
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.dont-transform.page-block-image-and-text .content-holder article {
top: auto;
transform: none;
-webkit-transform: none;
-ms-transform: none;
padding: 20px 0;
}
.page-block-image-and-text .content-holder article h2 {
font-size: 32px;
line-height: 48px;
font-weight: 600;
color: #333;
margin: 0 0 20px 0;
}
.page-block-image-and-text .content-holder article p {
font-size: 18px;
line-height: 28px;
margin: 0 0 28px 0;
font-size: 16px;
line-height: 26px;
margin: 0 0 26px 0;
}
.page-block-image-and-text .content-holder article p:last-child { margin: 0px; }
.page-block-image-and-text .content-holder article p .button { margin-top: 14px; }
.page-block-image-and-text .content-holder article ul li {
display: block;
position: relative;
padding: 0 0 0 27px;
margin: 0 0 10px 0;
font-size: 18px;
line-height: 28px;
}
.page-block-image-and-text .content-holder article ul li:before {
position: absolute;
top: 0px;
line-height: 28px;
content: '•';
display: block;
left: 0px;
}
.page-block-image-on-right .image-holder { float: right; }
.page-block-image-on-right .content-holder {
padding: 0 62px 0 0;
margin: 0 -31px 0 0;
} .page-block-image {
padding: 128px 0;
} .blog-footer {
padding: 0 0 125px 0;
}
.blog-footer .container {
border-top: 2px solid #F6F0F0;
padding: 17px 0 0 0;
}
.blog-footer .meta-date {
text-align: center;
line-height: 28px;
display: block;
}
.blog-footer .meta-author {
display: block;
position: absolute;
top: 17px;
left: 0px;
line-height: 28px;
}
.blog-footer .share-post {
position: absolute;
top: 0px;
right: 0px;
line-height: 28px;
top: 17px;
}
.blog-footer .share-post .share-label {
display: block;
float: left;
margin: 0 10px 0 0;
}
.blog-footer .share-post a {
margin: 0 0 0 20px;
float: left;
width: 22px;
height: 28px;
background: none no-repeat center center;
display: block;
text-indent: -9999px;
}
.blog-footer .share-post a.share-facebook {
background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-share-facebook.svg);
}
.blog-footer .share-post a.share-facebook:hover {
background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/facebook-green.svg);
}
.blog-footer .share-post a.share-twitter {
background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-share-twitter.svg);
}
.blog-footer .share-post a.share-twitter:hover {
background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/twitter-green.svg);
}
.blog-footer .share-post a.share-linkedin {
background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-share-linkedin.svg);
}
.blog-footer .share-post a.share-linkedin:hover {
background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/linkedin-green.svg);
} .page-block-related {
position: relative;
padding: 96px 0;
}
.page-block-related:before {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 243px;
background: #F4FAEF;
content: '';
display: block;
}
.page-block-related .container {
z-index: 1;
}
.page-block-related header {
float: left;
width: 33.33%;
display: block;
position: relative;
}
.page-block-related header h5 {
font-size: 24px;
line-height: 36px;
color: #333;
padding: 0 70px 0 0;
font-weight: 600;
}
.page-block-related header .back-link {
position: absolute;
top: 231px;
}
.page-block-related .cards {
float: right;
width: 66.66%;
margin: 0 -16px 0 0;
}
.page-block-related .cards section {
width: 50%;
}
.page-block-related .cards section:nth-child(2) { display: none; } .page-block-logos {
padding: 128px 0;
}
.page-block-logos header {
margin: 0 0 58px 0;
padding: 0 500px 0 0;
position: relative;
}
.page-block-logos header h2 {
font-weight: 600;
font-size: 32px;
color: #333333;
line-height: 48px;
margin: 0 0 19px 0;
}	
.page-block-logos header p {
font-size: 18px;
line-height: 28px;
}
.page-block-logos header .slider-arrows {
position: absolute;
bottom: 4px;
right: 0px;
}
.page-block-logos-count-1 header .slider-arrows,
.page-block-logos-count-2 header .slider-arrows,
.page-block-logos-count-3 header .slider-arrows,
.page-block-logos-count-4 header .slider-arrows { display: none; }
.page-block-logos header .slider-arrows a {
display: block;
float: left;
margin: 0 0 0 8px;
border: 2px solid #99CE65;
height: 60px;
width: 60px;
background: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-slider-left.svg) no-repeat center center;
}
.page-block-logos header .slider-arrows a.arrow-right {
background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-slider-right.svg);
}
.page-block-logos header .slider-arrows a:hover { background-color: #99CE65; }
.page-block-logos header .slider-arrows a.arrow-left:hover {
background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-slider-left-white.svg);
}
.page-block-logos header .slider-arrows a.arrow-right:hover {
background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-slider-right-white.svg);
}
.page-block-logos .logos-slider-wrapper {
margin: 0 0 0 -16px;
}
.page-block-logos .logos-slider .slick-arrow { display: none!important; }
.page-block-logos .logos-slider .logos-slide {
width: 25%;
float: left;
padding: 0 16px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.page-block-logos .logos-slider .logos-slide .logos-logo {
border: 2px solid #DDE0F4;
height: 172px;
line-height: 172px;
text-align: center;
display: block;
}
.page-block-logos .logos-slider .logos-slide .logos-logo img {
display: inline-block;
vertical-align: middle;
max-width: 80%;
max-height: 80%;
}
.page-block-logos .logos-slider .slick-dots { display: none!important; } .page-block-cta {
position: relative;
padding: 96px 0 0 0;
margin: 0 0 96px 0;
}
.page-block-contact-cta-under {
margin: 0 0 -89px 0;
padding-bottom: 185px;
z-index: 0;
}
.page-block-cta:before {
position: absolute;
left: 0px;
width: 100%;
bottom: -96px;
height: calc(100% - 96px);
background: #F4FAEF;
content: '';
display: block;
}
.page-block-cta .container {
background: #9BCD66;
height: 513px;
text-align: center;
}
.page-block-cta .cta-text {
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
margin: 0 290px;
}
.page-block-cta h2 {
font-weight: 600;
color: #FFF;
font-size: 32px;
line-height: 48px;
margin: 0 0 25px 0;
}
.page-block-cta p {
font-size: 20px;
line-height: 32px;
color: #FFF;
margin: 0 0 54px 0;
}
.page-block-cta .button {
background: #FFF;
color: #9BCD66;
padding: 18px 31px;
}
.page-block-cta .button:hover {
background: #6DA234;
color: #FFF;
} .page-block-content-and-logo { padding-top: 149px; }
.page-block-content-and-logo .back-link { margin-top: -149px; }
.page-block-content-and-logo article {
padding: 0 404px 0 0;
position: relative;
}
.page-block-content-and-logo article .case-study-logo {
border: 2px solid #DDE0F4;
width: 267px;
height: 172px;
line-height: 172px;
display: block;
position: absolute;
top: 67px;
right: 0px;
text-align: center;
}
.page-block-content-and-logo article .case-study-logo img {
max-width: 80%;
max-height: 80%;
display: inline-block;
vertical-align: middle;
} .page-block-text-with-image-above {
position: relative;
overflow: hidden;
padding: 120px 0 120px 0;
}
.page-block-text-with-image-above:before {
background: #F4FAEF;
content: '';
display: block;
top: 108px;
top: 228px;
left: 0px;
width: 100%;
height: 100%;
position: absolute;
}
.page-block-text-with-image-above.page-block-no-padding-top:before { top: 108px; }
.page-block-text-with-image-above .container {
z-index: 1;
}
.page-block-text-with-image-above .image-holder img { width: 100%; }
.page-block-text-with-image-above .content-holder {
padding: 86px 204px 0 204px;
} .page-block-image-slider {
position: relative;
padding: 120px 0;
}
.page-block-image-slider img { width: 100%; height: auto; display: block; margin: 0px; }
.page-block-image-slider .slick-arrow {
width: 64px;
height: 64px;
background: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-arrow-right.svg) no-repeat center center #9BCD66;
position: absolute;
z-index: 2;
cursor: pointer;
bottom: 0px;
right: 0px;
text-indent: -9999px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: none;
}
.page-block-image-slider .slick-prev {
right: 64px;
background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-arrow-left.svg);
}
.page-block-image-slider .slick-arrow:hover { background-color: #6DA234; } .page-block-download {
padding: 96px 0;
}
.page-block-download .container { text-align: center; }
.page-block-download .download-bar {
background: #FFFFFF;
box-shadow: 0 20px 40px 10px rgba(224,224,224,0.20);
padding: 60px 280px 56px 64px;
position: relative;
max-width: 777px;
margin: 0 auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: left;
}
.page-block-download .download-bar .button {
position: absolute;
top: 50%;
right: 64px;
margin: -34px 0 0 0;
}
.page-block-download .download-bar h5 {
font-size: 24px;
color: #333333;
line-height: 36px;
font-weight: 600; }
.page-block-download .download-bar p { line-height: 28px; } .page-block-stats {
padding: 128px 0;
}
.page-block-stats .stats-bar {
margin: 0 -16px;
}
.page-block-stats .stats-bar section {
display: inline-block;
padding: 34px 16px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 33.3%;
text-align: center;
}
.page-block-stats .stats-bar section .stats-stat {
display: block;
font-size: 56px;
color: #373E98;
line-height: 60px;
font-weight: bold;
font-style: italic;
font-family: "PT Serif";
margin: 0 0 24px 0;
}
.page-block-stats .stats-bar section .stats-label {
font-size: 20px;
color: #333333;
font-weight: 600;
display: block;
line-height: 32px;
} .page-block-contact-details {
padding: 98px 0 128px 0;
}
.page-block-contact-details .contact-details {
width: 50%;
padding: 23px 67px 23px 50px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
float: left;
}
.page-block-contact-details .contact-details p { margin: 0 0 36px 0; }
.page-block-contact-details .contact-detail {
margin: 0 0 53px 0;
}
.page-block-contact-details .contact-detail h5 {
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
padding: 0px;
margin: 0 0 10px 0;
}
.page-block-contact-details .contact-detail p {
font-size: 24px;
line-height: 36px;
font-weight: 600;
margin: 0px;
}
.page-block-contact-details .contact-detail p a { text-decoration: none; }
.page-block-contact-details .contact-detail-phone { width: 236px; float: left; margin-bottom: 0px; }
.page-block-contact-details .contact-detail-social { float: left; margin-bottom: 0px; }
.page-block-contact-details .contact-detail-social a {
display: inline-block;
width: 28px;
height: 24px;
margin: 0 20px 0 0;
text-indent: -9999px;
}
.page-block-contact-details .contact-detail-social a.social-facebook {
width: 11px;
background: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-social-facebook-green.svg) no-repeat center center;
}
.page-block-contact-details .contact-detail-social a.social-twitter {
width: 28px;
background: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-social-twitter-green.svg) no-repeat center center;
}
.page-block-contact-details .contact-detail-social a.social-linkedin {
width: 24px;
background: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-social-linkedin-green.svg) no-repeat center center;
}
.page-block-contact-details .contact-map {
float: left;
width: 50%;
}
.page-block-contact-details .contact-map iframe {
display: block;
height: 394px;
width: 100%;
} .page-block-contact-form {
position: relative;
overflow: hidden;
padding: 84px 0 126px 0;
}
.page-block-contact-form:before {
position: absolute;
content: '';
display: block;
width: 100%;
left: 0px;
top: -330px;
height: 100%;
background: #9BCD66;
}
.page-block-contact-form .container {
padding: 0 102px;
z-index: 1;
}
.page-block-contact-form h2 {
font-size: 32px;
color: #FFFFFF;
line-height: 48px;
margin: 0 0 33px 0;
font-weight: 600;
}
.page-block-contact-form .contact-form {
background: #FFFFFF;
box-shadow: 0 20px 40px 10px rgba(224,224,224,0.20);
padding: 92px;
}
.page-block-contact-form .contact-form form { position: relative; }
.gform_wrapper ul.gform_fields li.gfield {
padding: 0 0 40px 0;
position: relative;
margin: 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.gform_wrapper ul.gform_fields li.field-phone:before,
.gform_wrapper ul.gform_fields li.field-organisation:before {
position: absolute;
top: 0px;
right: 0px;
font-size: 12px;
line-height: 22px;
display: block;
content: 'Optional';
}
.gform_wrapper ul.gform_fields li.field-phone:before { right: 25px; } .gform_wrapper ul.gform_fields li.gfield label {
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: #333;
margin: 0 0 6px 0;
display: block;
}
.gform_wrapper ul.gform_fields li.gfield label .gfield_required { display: none; }
.gform_wrapper ul.gform_fields li.gfield input[type="text"],
.gform_wrapper ul.gform_fields li.gfield input[type="email"],
.gform_wrapper ul.gform_fields li.gfield input[type="tel"],
.gform_wrapper ul.gform_fields li.gfield textarea {
border-radius: 0px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
box-shadow: none;
font-family: "Poppins";
display: block;
background: #F6F8FB;
height: 64px;
padding: 19px 20px 17px 23px!important;
width: 100%;
border: 1px solid #F6F8FB;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font-size: 18px;
line-height: 28px;
color: #72758D;
}
.gform_wrapper ul.gform_fields li.gfield textarea { height: 200px; }
.gform_wrapper ul.gform_fields li.gfield input[type="text"]:focus,
.gform_wrapper ul.gform_fields li.gfield input[type="email"]:focus,
.gform_wrapper ul.gform_fields li.gfield input[type="tel"]:focus,
.gform_wrapper ul.gform_fields li.gfield textarea:focus {
border-color: #E2E9F2;
}
.gform_wrapper ul.gform_fields li.gfield.gfield_error input[type="text"],
.gform_wrapper ul.gform_fields li.gfield.gfield_error input[type="email"],
.gform_wrapper ul.gform_fields li.gfield.gfield_error input[type="tel"],
.gform_wrapper ul.gform_fields li.gfield.gfield_error textarea {
border-color: #EF3340!important;
}
.gform_wrapper li.field-message.gfield_error.gfield_contains_required div.gfield_description { left: 25px!important; }
.gform_wrapper li.gfield.gfield_error, 
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
padding: 0 0 40px 0!important;
margin: 0px!important;
border: none!important;
background: transparent!important;
}
.gform_wrapper ul.gform_fields li.gfield.gfield_error .validation_message {
position: absolute;
bottom: 14px;
left: 0px;
font-size: 12px;
line-height: 22px;
display: block;
color: #EF3340!important;
}
.gform_wrapper div.validation_error { color: #EF3340!important; border-color: #EF3340!important; }
.gform_wrapper ul.gform_fields li.field-privacy {
font-size: 12px;
line-height: 22px!important;
}
.gform_wrapper ul.gform_fields li.field-privacy a { text-decoration: underline; }
.page-block-contact-form .contact-form .gform_body {
padding: 0 50% 74px 0;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.page-block-contact-form .contact-form .gform_body ul {  }
.page-block-contact-form .contact-form .gform_body li { padding-right: 25px; }
.page-block-contact-form .contact-form .gform_body li.field-organisation {
position: absolute;
top: 0px;
right: 0px;
width: 50%;
padding-left: 25px;
padding-right: 0px;
}
.page-block-contact-form .contact-form .gform_body li.field-message {
position: absolute;
top: 136px;
right: 0px;
width: 50%;
padding-left: 25px;
padding-right: 0px;
}
.page-block-contact-form .contact-form .gform_body li.field-privacy {
position: absolute;
bottom: 0px;
left: 0px;
width: 30%;
padding: 0px;
line-height: 22px;
}
.page-block-contact-form .contact-form .gform_body li.field-captcha {
position: absolute;
width: 304px; height: 78px;
margin: 0 0 0 -140px!important;
bottom: 0px;
left: 50%;
padding: 0px;
}
.page-block-contact-form .contact-form .gform_body li.field-captcha .gfield_label { display: none; }
.page-block-contact-form .contact-form .gform_footer {
position: absolute;
bottom: 0px;
right: 0px;
width: auto;
padding: 0px;
margin: 0px;
text-align: right;
} .page-block-testimonials-grid {
padding: 128px 0;
}
.page-block-testimonials-grid .testimonial-grid {
margin: 0 -16px -32px -16px;
}
.page-block-testimonials-grid .testimonial-grid section {
float: left;
width: 50%;
padding: 0 16px 32px 16px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.page-block-testimonials-grid .testimonial-grid section .testimonial-holder {
background: none no-repeat center center #6DA234;
background-size: cover;
}
.page-block-testimonials-grid .testimonial-grid section .testimonial-text {
background: rgba(109,162,52,0.9);
height: 501px;
position: relative;
text-align: center;
padding: 0 57px;
}
.page-block-testimonials-grid .testimonial-grid section .testimonial-text blockquote {
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.page-block-testimonials-grid .testimonial-grid section .testimonial-text blockquote p {
font-size: 22px;
line-height: 36px;
font-style: italic;
color: #FFF;
font-family: "PT Serif";
margin: 0 0 53px 0;
}
.page-block-testimonials-grid .testimonial-grid section .testimonial-text blockquote cite {
display: block;
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: #FFF;
} .page-block-content article .accordion {  }
.page-block-content article .accordion-panel {
margin: 0 0 10px 0;
}
.page-block-content article .accordion-panel header {
position: relative;
border: 2px solid #99CE65;
cursor: pointer;
}
.page-block-content article .accordion-panel.active header { background: #99CE65; }
.page-block-content article .accordion-panel header:before {
position: absolute;
top: 0px;
right: 32px;
height: 24px;
width: 24px;
top: 50%;
content: '';
display: block;
margin: -12px 0 0 0;
background: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/accordion-plus.svg) no-repeat center center;
}
.page-block-content article .accordion-panel.active header:before {
background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/accordion-minus.svg);
}
.page-block-content article .accordion-panel header h4 {
padding: 16px 60px 14px 32px;
font-size: 20px;
line-height: 32px;
font-weight: 600;
color: #333333;
margin: 0px;
}
.page-block-content article .accordion-panel.active header h4 { color: #FFF; }
.page-block-content article .accordion-panel .accordion-content {
padding: 33px 32px 53px 32px;
border: 2px solid #DDE0F4;
border-top: none;
display: none;
} .contact-cta {
position: relative;
z-index: 3;
}
.contact-cta .contact-cta-back {
position: absolute;
top: 0px;
right: 0px;
width: 100%;
height: 100%;
content: '';
display: block;
background: #9692C4;
}
.contact-cta .container {
z-index: 4;
padding: 79px 412px 74px 0;
}
.contact-cta h5 {
font-size: 32px;
line-height: 48px;
color: #FFF;
font-weight: 600;
}
.contact-cta .button {
position: absolute;
top: 50%;
right: 88px;
margin: -36px 0 0 0;
}
.contact-cta .button:hover {
background: #373E98;
} #site-bottom {
background: #373E98;
position: relative;
}
#site-bottom.site-bottom-no-contact-cta {
padding: 90px 0 0 0;
margin: 0px;
}
#site-bottom .site-bottom-a {  }
#site-bottom .site-bottom-a aside {
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 0 0 56px 0;
}
#site-bottom aside h5 {
font-size: 20px;
line-height: 32px;
font-weight: 600;
color: #FFF;
}
#site-bottom .site-bottom-a aside.footer-logo {
width: 26%;
padding-right: 40px;
margin: -8px 0 0 0;
}
#site-bottom .site-bottom-a aside.footer-services {
width: 34%;
padding-right: 40px;
}
#site-bottom .site-bottom-a aside.footer-services h5 { margin: 0 0 16px 0; }
#site-bottom .site-bottom-a aside.footer-services ul {
margin: 0 0 -18px 0;
}
#site-bottom .site-bottom-a aside.footer-services ul li {
font-size: 16px;
line-height: 26px;
margin: 0 0 18px 0;
}
#site-bottom .site-bottom-a aside.footer-services ul li a {
color: #FFF;
}
#site-bottom .site-bottom-a aside.footer-services ul li a:hover {
border-bottom: 1px solid #FFF;
}
#site-bottom .site-bottom-a aside.footer-newsletter {
width: 40%;
}
#site-bottom .site-bottom-a aside.footer-newsletter h5 {
margin: 0 0 6px 0;
}
#site-bottom .site-bottom-a aside.footer-newsletter p {
font-size: 14px;
line-height: 22px;
margin: 0 0 25px 0;
color: #FFF;
}
#site-bottom .site-bottom-a aside.footer-newsletter form { margin: 0 0 24px 0;
position: relative;
}
#site-bottom .site-bottom-a aside.footer-newsletter form input[type="email"] {
padding: 22px 150px 20px 27px;
background: #FFF;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: none;
margin: 0px;
font-size: 16px;
line-height: 26px;
font-family: "Poppins";
color: #72758D;
display: block;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#site-bottom .site-bottom-a aside.footer-newsletter form input[type="submit"] {
background: #363E99;
height: 60px;
width: 131px;
text-align: center;
padding: 0px;
line-height: 60px;
position: absolute;
top: 4px;
right: 4px;
font-size: 16px;
}
#site-bottom .site-bottom-a aside.footer-newsletter form input[type="submit"]:hover { background: #050C64; }
#site-bottom .site-bottom-a aside.footer-newsletter .form-error-email { color: #FFF; padding: 10px 0 0 0; font-size: 14px; line-height: 18px; }
#site-bottom .site-bottom-a aside.footer-newsletter small {
display: block;
font-size: 12px;
line-height: 22px;
color: #FFF;
}
#site-bottom .site-bottom-a aside.footer-newsletter small a { text-decoration: underline; color: #FFF; }
#site-bottom .site-bottom-b .container {
border-top: 1px solid #9791C6;
}
#site-bottom .site-bottom-a aside {
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 66px 0 64px 0;
}
#site-bottom .site-bottom-a aside.footer-social {
width: 26%;
}
#site-bottom .site-bottom-a aside.footer-social h5 {
margin: 0 0 26px 0;
}
#site-bottom .site-bottom-a aside.footer-social .social-links a {
display: block;
padding: 0 0 0 39px;
position: relative;
margin: 0 0 20px 0;
line-height: 26px;
font-size: 16px;
color: #FFF;
background: none no-repeat left center;
}
#site-bottom .site-bottom-a aside.footer-social .social-links a.social-facebook {
background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-facebook.svg);
background-position: left 2px;
}
#site-bottom .site-bottom-a aside.footer-social .social-links a.social-twitter {
background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-x.svg);
}
#site-bottom .site-bottom-a aside.footer-social .social-links a.social-instagram {
background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-insta.svg);
}
#site-bottom .site-bottom-a aside.footer-social .social-links a.social-linkedin {
background-image: url(https://www.ncstechnology.co.uk/wp-content/themes/ncs/images/icon-linkedin.svg);
background-position: left 2px;
}
#site-bottom .site-bottom-a aside.footer-social .social-links a:hover { text-decoration: underline; }
#site-bottom .site-bottom-b aside.footer-tweets {
width: 74%;
}
#site-bottom .site-bottom-b aside.footer-tweets h5 { margin: 0 0 23px 0; }
#site-bottom .site-bottom-b aside.footer-tweets ul {
margin: 0 -16px;
}
#site-bottom .site-bottom-b aside.footer-tweets ul li {
float: left;
display: block;
width: 33.33%;
padding: 0 16px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#site-bottom .site-bottom-b aside.footer-tweets ul li h6 {
font-size: 14px;
line-height: 26px;
color: #FFF;
font-weight: 600;
margin: 0 0 9px 0;
}
#site-bottom .site-bottom-b aside.footer-tweets ul li h6 a { color: #9ACF60; }
#site-bottom .site-bottom-b aside.footer-tweets ul li h6 a:hover { color: #FFF; }
#site-bottom .site-bottom-b aside.footer-tweets ul li p {
font-size: 14px;
line-height: 22px;
color: #FFF;
}
#site-footer .container {
border-top: 1px solid #9791C6;
padding: 33px 0 38px 0;
}
#site-footer nav {
float: left;
}
#site-footer nav li {
display: inline-block;
margin: 0 24px 0 0;
font-size: 14px;
line-height: 22px;
}
#site-footer nav li a { color: #FFF; }
#site-footer nav li a:hover { text-decoration: underline; }
#site-footer p {
float: right;
font-size: 12px;
line-height: 22px;
color: #FFF;
}
@media all and (max-width: 1260px) and (min-width: 0px) {
.container { width: 1100px; }
#site-header nav { padding-left: 136px; }
.page-block-content-padded article,
.page-block-intro .container,
.page-block-testimonials .testimonial-slider .testimonial-slide blockquote p,
.page-block-text-with-image-above .content-holder,
.page-block-contact-form .container { padding-left: 120px; padding-right: 120px; }
.page-block-contact-form .container { padding-left: 60px; padding-right: 60px; }
.page-block-two-columns .two-columns,
.page-block-download .download-bar,
.page-block-cta .cta-text { margin-left: 104px; margin-right: 104px; }
.page-block-download .download-bar { max-width: none; }
.page-block-logos header { padding-right: 200px; }
}
@media all and (max-width: 1160px) and (min-width: 0px) {
.container {
width: 960px;
}
#site-header nav { padding-left: 50px; }
#banner .banner-content { height: 440px; }
#banner .banner-content .banner-text { padding-right: 50px; }
#banner .banner-content .banner-text h5 { font-size: 18px; line-height: 24px; }
#banner .banner-content .banner-text h2,
#banner .banner-content .banner-text h1 { font-size: 32px; line-height: 46px; }
#banner .banner-content .banner-text p { font-size: 18px; line-height: 28px; }
.service-grid section a { padding: 32px; }
.page-block-intro { padding: 60px 0; }
.page-block-service-grid { padding-bottom: 72px; }
.page-block-case-study-cards { padding: 50px 0 60px 0; }
.page-block-news-cards { padding: 60px 0 50px 0; }
#blog-archive { padding: 60px 0; }
.page-block-content { padding: 80px 0; }
.page-block-image-and-text { padding: 60px 0; }
.page-block-image { padding: 60px 0; }
.page-block-logos { padding: 60px 0; }
.page-block-related { padding: 60px 0; }
.page-block-download { padding: 60px 0; }
.page-block-stats { padding: 60px 0; }
.page-block-contact-form { padding: 60px 0; }
.page-block-testimonials-grid { padding: 60px 0; }
#blog-filter form { margin: 0px; }
.page-block-content .back-link { margin-top: -105px; }
.page-block-image-and-text .content-holder article h2 { font-size: 28px; line-height: 36px; }
.page-block-image-and-text .content-holder { padding-left: 32px; }
.page-block-image-on-right .content-holder { padding-right: 32px; padding-left: 0px; }
.page-block-image-and-text .content-holder article p { margin: 0 0 16px 0; }
.page-block-image-and-text .content-holder article ul li { margin: 0 0 8px 0; line-height: 24px; }
.page-block-stats .stats-bar section .stats-stat { font-size: 46px; }
.page-block-contact-details .contact-details { float: none; width: auto; padding: 0 0 64px 0; }
.page-block-contact-details .contact-map { float: none; width: auto; }
.page-block-contact-form .container { padding: 0px; }
.page-block-contact-form .contact-form { padding: 64px; }
}
@media all and (max-width: 1023px) and (min-width: 0px) {
.container { width: auto; margin: 0 20px; }
#site-header { display: none; }
#mobile-header { display: block; }
#banner .banner-image {
display: block;
position: relative;
top: auto;
right: auto;
width: 100%;
padding-top: 70%;
margin: 0 0 0 20px;
}
#banner .banner-images {
display: block;
position: relative;
top: auto;
right: auto;
width: 100%; height: 400px;
margin: 0 0 0 20px;
}
#banner .banner-arrows { display: none; }
#banner .banner-images .slick-arrow { display: block!important; margin-right: 20px; width: 48px; height: 48px; }
#banner .banner-images .slick-prev { right: 48px; }
#banner .container { padding: 0px; }
#banner .banner-content { height: auto; width: auto; }
#banner .banner-content .banner-text {
transform: none;
-webkit-transform: none;
-ms-transform: none;
top: auto;
padding: 25px 0 37px 0;
}
#banner .banner-content .banner-text h5 { font-size: 14px; line-height: 26px; margin: 0 0 8px 0; }
#banner .banner-content .banner-text h2,
#banner .banner-content .banner-text h1 { font-size: 28px; line-height: 42px; margin: 0 0 13px 0; }
#banner .banner-content .banner-text p { font-size: 16px; line-height: 26px; }
.page-block-intro { padding: 40px 0; }
.page-block-service-grid { padding-bottom: 72px; }
.page-block-case-study-cards { padding: 40px 0 40px 0; }
.page-block-news-cards { padding: 40px 0 40px 0; }
#blog-archive { padding: 40px 0; }
.page-block-content { padding: 40px 0; }
.page-block-image-and-text { padding: 40px 0; }
.page-block-image { padding: 40px 0; }
.page-block-logos { padding: 40px 0; }
.page-block-related { padding: 40px 0; }
.page-block-download { padding: 40px 0; }
.page-block-stats { padding: 40px 0; }
.page-block-contact-form { padding: 40px 0; }
.page-block-testimonials-grid { padding: 40px 0; }
.page-block-content-padded article,
.page-block-intro .container,
.page-block-testimonials .testimonial-slider .testimonial-slide blockquote p,
.page-block-text-with-image-above .content-holder,
.page-block-contact-form .container { padding-left: 0px; padding-right: 0px; }
.page-block-two-columns .two-columns,
.page-block-download .download-bar,
.page-block-cta .cta-text { margin-left: 0px; margin-right: 0px; }
.page-block-intro p { font-size: 18px; line-height: 28px; }
.page-block-service-grid { margin: 0px; padding: 0 0 50px 0; }
.service-grid { margin: 0px; }
.service-grid section { width: auto; float: none; margin: 0 0 20px 0; padding: 0px; }
.service-grid section a {
box-shadow: 0 20px 40px 10px rgba(224,224,224,0.20);
padding: 32px 20px;
}
.service-grid section a span.icon {
width: 48px;
height: 48px;
margin: 0 0 28px 0;
background-size: auto 20px;
}
.service-grid section a h4 {
font-size: 20px;
line-height: 26px;
margin: 0 0 12px 0;
}
.service-grid section a span.service-text {
font-size: 14px;
line-height: 24px;
}
.page-block-case-study-cards:before { height: 203px; }
.page-block-card-slider { padding: 55px 0; }
.page-block-card-slider .container { margin: 0px; }
.page-block-card-slider .container header { margin: 0 20px 0 20px; }
.page-block-card-slider .container header h2 {
font-size: 24px;
line-height: 29px;
margin: 0 0 33px 0;
}
.page-block-cards header .view-all { top: 0px; font-size: 16px; line-height: 18px; }
.page-block-cards header .view-all span { display: none; }
.cards { margin: 0 -8px; }
.page-block-card-slider .cards { margin: 0px; }
.cards section:nth-child(2n+1) { clear: left; }
.cards section:nth-child(3n+1) { clear: none; }
.page-block-card-slider .cards section:nth-child(2n+1) { clear: none; }
.cards section { padding: 0 8px; }
.cards section { width: 50%; }
#blog-archive .cards section { padding-bottom: 16px; }
.cards section a { position: relative; }
.cards section a .card-image { 
position: relative;
width: 100%;
height: auto;
padding-top: 62%;
}
.cards section a .card-image .card-image-inner {
position: absolute;
}
.cards section a .card-content { padding: 16px; margin-right: 16px; }
.cards section a .card-content h6 { font-size: 12px; line-height: 16px; margin: 0 0 8px 0; }
.cards section a .card-content h5 { font-size: 14px; line-height: 22px; }
.page-block-testimonials .testimonial-slider .testimonial-slide .container { 
height: auto;
padding: 70px 0 112px 0;
}
.page-block-testimonials .testimonial-slider-count-1 .testimonial-slide .container { padding: 64px 0; }
.page-block-testimonials .testimonial-slider .testimonial-slide blockquote {
top: auto;
transform: none;
-webkit-transform: none;
-ms-transform: none;
}
.page-block-testimonials .testimonial-slider .testimonial-slide blockquote p {
font-size: 18px;
line-height: 32px;
margin: 0 0 43px 0;
}
.page-block-testimonials .testimonial-slider .testimonial-slide blockquote cite {
font-size: 14px;
line-height: 26px;
}
.page-block-testimonials .testimonial-slider .slick-arrow { height: 48px; width: 48px; }
.page-block-testimonials .testimonial-slider .slick-prev { right: 48px; }
.page-block-testimonials .testimonial-slider .slick-dots { bottom: 20px; }
#page-header .container { height: 320px; }
#page-header .header-text h1 { font-size: 28px; line-height: 42px; }
#page-header .header-text p { font-size: 14px; line-height: 22px; padding: 10px 0 0 0; text-align: center; }
#blog-filter { margin-top: -68px; }
#blog-filter form { margin: 0 -10px; padding: 20px; }
#blog-filter form .filter-field, #blog-filter form .filter-submit { float: none; width: auto; padding: 0px; margin: 0 0 20px 0; }
#blog-filter form .filter-field label { font-size: 12px; line-height: 22px; margin: 0 0 3px 0; }
#blog-filter form .filter-field .select-field { height: 48px; }
#blog-filter form .filter-field .select-field select {
padding: 11px 40px 11px 19px;
font-size: 14px;
line-height: 26px;
height: 48px;
}
#blog-filter form .filter-submit { padding: 6px 0 0 0; margin: 0px; }
#blog-filter form .filter-submit .button { height: 48px; font-size: 16px; line-height: normal; }
.pagination .container { text-align: center; }
.pagination a.pagination-prev { position: absolute; left: 0px; }
.pagination a.pagination-next { position: absolute; right: 0px; }
.page-block-content { padding: 60px 0; }
.page-block-content .back-link { position: static; margin: 0 0 40px 0; }
.page-block-content article h1 { font-size: 28px; line-height: 42px; margin: 0 0 13px 0; }
.page-block-content article h2 { font-size: 24px; line-height: 36px; margin: 0 0 15px 0; padding-top: 25px; }
.page-block-content article h3 { font-size: 22px; line-height: 34px; margin: 0 0 15px 0; padding-top: 25px; }
.page-block-content article h4 { font-size: 20px; line-height: 32px; margin: 0 0 15px 0; padding-top: 25px; }
.page-block-content article h5 { font-size: 18px; line-height: 28px; margin: 0 0 17px 0; padding-top: 25px; }
.page-block-content article h6 { font-size: 16px; line-height: 26px; margin: 0 0 17px 0; padding-top: 25px; }
.page-block-content article p { font-size: 16px; line-height: 26px; margin: 0 0 26px 0; }
.page-block-content article small { font-size: 14px; line-height: 24px; margin: 0 0 26px 0; }
.page-block-content article ul li { font-size: 16px; line-height: 26px; margin: 0 0 18px 0; padding-left: 27px; }
.page-block-content article ul li:before { line-height: 26px; left: 0px; }
.page-block-two-columns .two-columns article,
.page-block-two-columns .two-columns article:nth-child(1) { float: none; width: auto; margin: 0 0 28px 0; padding: 0px; }
.page-block-image-and-text .container { margin: 0px; }
.page-block-image-and-text .image-holder { float: none; width: auto; }
.page-block-image-and-text .content-holder { 
float: none; 
width: auto;
margin: -20px 20px 0 0;
padding: 26px 20px 20px;
}
.page-block-image-and-text .content-holder article {
top: auto;
transform: none;
-webkit-transform: none;
-ms-transform: none;
padding: 0px;
}
.page-block-image-and-text .content-holder article h2 { font-size: 22px; line-height: 34px; margin: 0 0 16px 0; }
.page-block-image-and-text .content-holder article p { font-size: 16px; line-height: 26px; }
.page-block-image { padding: 48px 0; }
.page-block-image .container { margin: 0px; }
.blog-footer { padding-bottom: 80px; }
.blog-footer .meta-author { font-size: 14px; line-height: 24px; }
.blog-footer .meta-date { text-align: left; padding: 30px 0 0 0; font-size: 14px; line-height: 24px; }
.blog-footer .share-post .share-label { float: none; margin: 0 0 4px 0; text-align: right; font-size: 14px; line-height: 24px; }
.page-block-related { padding: 84px 0 40px 0; }
.page-block-related header { width: auto; float: none; }
.page-block-related header .back-link { top: -41px; }
.page-block-related header h5 { line-height: 29px; margin: 0 0 23px 0; }
.page-block-content article .accordion-panel header h4 { font-size: 18px; line-height: 28px; padding: 14px 60px 14px 17px; }
.page-block-content article .accordion-panel header:before { right: 20px; }
.page-block-content article .accordion-panel .accordion-content { padding: 16px; }
.page-block-contact-form { padding: 55px 0 0 0; overflow: visible; }
.page-block-contact-form h2 { font-size: 24px; line-height: 29px; margin: 0 0 33px 0; }
.page-block-contact-form .contact-form { margin: 0 -10px; padding: 42px 20px; }
.page-block-contact-form .contact-form .gform_body { padding: 0px; }
.page-block-contact-form .contact-form .gform_body li.gfield { padding-right: 0px; }
.gform_wrapper ul.gform_fields li.field-phone:before { right: 0px; }
.page-block-contact-form .contact-form .gform_body li.field-organisation,
.page-block-contact-form .contact-form .gform_body li.field-message { position: relative; right: auto; top: auto; width: auto; padding-left: 0px; }
ul li.gfield { padding: 0 0 33px 0; }
ul li.gfield label { font-size: 14px; }
ul li.gfield input[type="text"], ul li.gfield input[type="email"], ul li.gfield input[type="tel"], ul li.gfield textarea { padding: 16px 20px 14px 20px; line-height: 26px; font-size: 16px; height: 56px; }
ul li.gfield textarea { height: 94px; }
ul li.gfield.gfield_error .validation_message { bottom: 8px; }
.page-block-contact-form .contact-form .gform_body li.field-privacy { position: static; width: auto; margin: 0 0 28px 0; }
.page-block-contact-form .contact-form .gform_body li.field-captcha { position: static; margin: 0 0 30px 0!important; transform:scale(0.8);-webkit-transform:scale(0.8);transform-origin:0 0;-webkit-transform-origin:0 0;}
.page-block-contact-form .contact-form .gform_footer { position: relative; bottom: auto; right: auto; }
.page-block-contact-form .contact-form .gform_footer .button { display: block; width: 100%; height: 56px; padding: 0px; text-align: center; line-height: normal; }
.page-block-logos header { padding: 0px; margin: 0 0 24px 0; }
.page-block-logos header h2 { font-size: 24px; line-height: 36px; margin: 0 0 10px 0; }
.page-block-logos header p { font-size: 16px; line-height: 26px; }
.page-block-logos header .slider-arrows { display: none; }
.page-block-logos .logos-slider { margin: 0 -8px 0 -8px; padding-left: 4px; }
.page-block-logos .logos-slider .logos-slide { padding: 0 0 0 16px; width: 50%; } .page-block-logos .logos-slider .slick-dots {
display: block!important;
position: relative;
text-align: center;
z-index: 1;
padding: 22px 0 0 0;
}
.page-block-logos .logos-slider .slick-dots li {
display: inline-block;
margin: 0 4px;
}
.page-block-logos .logos-slider .slick-dots li button {
display: inline-block;
width: 10px;
height: 10px;
border: 1.5px solid #9BCD66;
border-radius: 100%;
cursor: pointer;
background: transparent;
text-indent: -9999px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
padding: 0px;
}
.page-block-logos .logos-slider .slick-dots li.slick-active button {
background: #9BCD66;
}
.page-block-content article .callout { margin: 40px -20px 40px -6px; padding: 31px 20px 27px 22px; }
.page-block-content article .callout p { font-size: 18px; line-height: 32px; }
.page-block-cta { padding: 0px; margin: 0px; }
.page-block-contact-cta-under { padding: 0 0 33px 0; margin: 0 0 -33px 0; }
.page-block-contact-cta-under:before { display: none; }
.page-block-cta .container { margin: 0px; height: auto; padding: 72px 30px 120px 30px; }
.page-block-cta .cta-text { top: auto; transform: none; -webkit-transform: none; -ms-transform: none; }
.page-block-cta h2 { font-size: 24px; line-height: 36px; margin: 0 0 16px 0; }
.page-block-cta p { font-size: 16px; line-height: 26px; margin: 0 0 60px 0; }
.page-block-cta .button { padding: 15px 31px; }
.page-block-content-and-logo article { padding: 0px; }
.page-block-content-and-logo article .case-study-logo { position: static; margin: 0 0 40px 0; }
.page-block-content .back-link { margin: 0 0 24px 0; }
.page-block-text-with-image-above { }
.page-block-text-with-image-above .image-holder { margin: 0 -20px; }
.page-block-text-with-image-above:before { display: none; }
.page-block-text-with-image-above .content-holder { padding: 38px 20px 52px 20px; background: #F4FAEF; margin: 0 -20px; }
.page-block-content article ul.case-study-ul li { font-size: 18px; }
.page-block-image-and-text .content-holder article ul li { font-size: 16px; }
.page-block-image-and-text .content-holder article ul li:before { font-size: 16px; line-height: 22px; }
.page-block-image-slider .slick-arrow { width: 48px; height: 48px; }
.page-block-image-slider .slick-prev { right: 48px; }
.page-block-download { padding: 60px 0; }
.page-block-download .download-bar { padding: 32px; }
.page-block-download .download-bar h5 { font-size: 18px; line-height: 28px; margin: 0 0 8px 0; }
.page-block-download .download-bar p { margin: 0 0 0 0; font-size: 16px; line-height: 26px; }
.page-block-download .download-bar .button-bordered { right: 32px; }
.button-bordered { padding: 14px 26px 12px 26px; }
.page-block-stats .stats-bar section { display: block; width: auto; padding: 0px; margin: 0 0 55px 0; }
.page-block-stats .stats-bar { margin: 0 0 -55px 0; }
.page-block-stats .stats-bar section .stats-stat { font-size: 48px; line-height: 60px; margin: 0 0 13px 0; }
.page-block-contact-details { padding: 52px 0 0 0; }
.page-block-contact-details .contact-details { padding: 0 0 38px 0; }
.page-block-contact-details .contact-detail { margin: 0 0 22px 0; }
.page-block-contact-details .contact-detail-phone,
.page-block-contact-details .contact-detail-social { float: none; width: auto; }
.page-block-contact-details .contact-detail h5 { font-size: 16px; line-height: 22px; }
.page-block-contact-details .contact-detail p { font-size: 18px; line-height: 28px; }
.page-block-contact-form:before { height: 497px; top: 0px; }
.page-block-contact-details .contact-map { margin: 0 -20px; height: 0px; padding-top: 70%; position: relative; }
.page-block-contact-details .contact-map iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.page-block-testimonials-grid .testimonial-grid { margin: 0 -20px; }
.page-block-testimonials-grid .testimonial-grid section { float: none; width: auto; padding: 0px; margin: 0 0 16px 0; }
.page-block-testimonials-grid .testimonial-grid section .testimonial-text { height: auto; padding: 64px 20px; }
.page-block-testimonials-grid .testimonial-grid section .testimonial-text blockquote { top: auto; transform: none; -webkit-transform: none; -ms-transform: none; }
.page-block-testimonials-grid .testimonial-grid section .testimonial-text blockquote p { font-size: 18px; line-height: 32px; margin: 0 0 42px 0; }
.page-block-testimonials-grid .testimonial-grid section .testimonial-text blockquote cite { font-size: 14px; line-height: 26px; }
.page-block-related .cards section:nth-child(2) { display: block; }
.contact-cta { position: relative; }
.contact-cta:before { 
position: absolute;
background: #363E99;
content: '';
display: block;
top: 33px;
left: 0px;
width: 100%;
height: 100%;
z-index: 0;
}
.contact-cta .container { padding: 33px 0 40px 0; z-index: 1; }
.contact-cta h5 { font-size: 20px; line-height: 32px; margin: 0 30px 30px 0; width: auto; }
.contact-cta .button { position: static; padding: 14px 26px; margin: 0px; }
.page-block-related .cards { margin: 0 0 0 -16px; float: none; width: auto; }
#site-bottom { padding: 314px 0 0 0; margin-top: -255px; padding: 62px 0 0 0; margin-top: -2px; }
#site-bottom .site-bottom-a aside.footer-logo { float: none; width: auto; padding: 0px; margin: 0 0 55px 0; }
#site-bottom .site-bottom-a aside.footer-logo img { width: 148px; }
#site-bottom .site-bottom-a aside.footer-services { float: none; width: auto; padding: 0px; margin: 0 0 48px 0; }
#site-bottom .site-bottom-a aside.footer-services ul { margin: 0px; }
#site-bottom .site-bottom-a aside.footer-services ul li { margin: 0 0 18px 0; }
#site-bottom .site-bottom-a aside.footer-services ul li a { font-size: 14px; line-height: 22px; }
#site-bottom .site-bottom-a aside.footer-newsletter { float: none; width: auto; padding: 0px; margin: 0 0 53px 0; }
#site-bottom .site-bottom-a aside.footer-newsletter form { margin: 0 0 14px 0; }
#site-bottom .site-bottom-a aside.footer-newsletter form input[type="email"] { height: 52px; padding: 13px 120px 13px 17px; font-size: 14px; line-height: 26px; }
#site-bottom .site-bottom-a aside.footer-newsletter form input[type="submit"] { height: 48px; top: 2px; right: 2px; font-size: 14px; line-height: 26px; padding: 0 18px; width: auto; }
#site-bottom .site-bottom-b aside.footer-social { padding: 45px 0 53px 0; float: none; width: auto; }
#site-bottom .site-bottom-b aside.footer-tweets { padding: 0 0 8px 0; float: none; width: auto; }
#site-bottom .site-bottom-b aside.footer-tweets ul { margin: 0px; }
#site-bottom .site-bottom-b aside.footer-tweets ul li { float: none; width: auto; padding: 0 0 26px 0; margin: 0px; }
#site-bottom .site-bottom-b aside.footer-tweets ul li p { font-size: 12px; line-height: 22px; }
#site-footer .container { padding: 25px 0; }
#site-footer nav { }
#site-footer nav li { display: block; margin: 0 0 15px 0; }
}
@media all and (max-width: 640px) and (min-width: 0px) {
.page-block { overflow: hidden; }
.page-block-content article .alignright,
.page-block-content article .alignleft { float: none; margin: 0 0 12px 0; }
.page-block-download .download-bar p { margin: 0 0 21px 0; }
.page-block-download .download-bar .button-bordered { position: static; margin: 0px; }
.cards { margin: 0px; }
.cards section { width: 100%; }
#blog-archive .cards section { padding: 0 0 32px 0; }
.page-block-logos .logos-slider .logos-slide { padding: 0 0 0 16px; width: auto; }
#banner .banner-images { height: 300px; }
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}