@font-face {
font-family: 'thwhite';
src: url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/fonts/FSElliotWeb-Regular.eot?qflefz);
src: url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/fonts/FSElliotWeb-Regular.eot?qflefz#iefix) format("embedded-opentype"), url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/fonts/FSElliotWeb-Regular.woff?qflefz) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'thwhite-bold';
src: url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/fonts/FSElliotWeb-Heavy.eot?qflefz);
src: url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/fonts/FSElliotWeb-Heavy.eot?qflefz#iefix) format("embedded-opentype"), url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/fonts/FSElliotWeb-Heavy.woff?qflefz) format("woff");
font-weight: normal;
font-style: normal; }
html {
margin: 0;
padding: 0; }
body {
color: #3C3C3B;
background: #FFFFFF;
font-family: "thwhite", Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 20px;
width: 100%;
overflow-x: hidden;
margin: 0;
padding: 0; }
h1, h2, h3, h4, h5, h6 {
margin: 8px 0; } .wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
.wpcf7 select{
background-color: #fff;
color: #000;
width: 90%;
}
.wpcf7 select option{
color: #000;
}
span.wpcf7-list-item { display: block; }
a {
color: #A3212B; }
a:hover {
text-decoration: none; }
a.highlight-color {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline; }
svg {
width: 100%;
height: 100%; }
img {
max-width: 100%;
height: auto;
display: block;
position: relative; }
.logo img{ width: 100%;} .gallery:after {content:"";display:table;clear:both;}
img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image {display:block; margin:1em auto;}
img.alignright, div.alignright, figure.alignright {float:right; margin:1em 0 1em 2em;}
img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {float:left; margin:1em 1em 2em 0;}
figure {max-width: 100%; height: auto; margin:1em 0;}
p img.alignright, p img.alignleft {margin-top:0;}
.gallery figure img {max-width:100%; height:auto; margin:0 auto; display:block;}
.gallery figure {float:left; margin:0 2% 1em 0;}
.gallery.gallery-columns-1 figure {width:100%; margin:0 0 1em 0; float:none;}
.gallery.gallery-columns-3 figure {width:32%;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+3) {margin-right:0;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+4) {clear:left;}
.gallery.gallery-columns-2 figure {width:49%;}
.gallery.gallery-columns-2 figure:nth-of-type(even) {margin-right:0;}
.gallery.gallery-columns-2 figure:nth-of-type(odd) {clear:left;}
.gallery.gallery-columns-4 figure {width:23.25%;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+4) {margin-right:0;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+5) {clear:left;}
.gallery.gallery-columns-5 figure {width:18%;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+5) {margin-right:0;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+6) {clear:left;}
.gallery.gallery-columns-6 figure {width:14.2%;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+6) {margin-right:0;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+7) {clear:left;}
.gallery.gallery-columns-7 figure {width:12%;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+7) {margin-right:0;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+8) {clear:left;}
.gallery.gallery-columns-8 figure {width:10.2%;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+8) {margin-right:0;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+9) {clear:left;}
.gallery.gallery-columns-9 figure {width:8.85%;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+9) {margin-right:0;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+10) {clear:left;}
@media (max-width:767px) {
img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {display:block; margin:1em auto; float:none;}
.gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure {width:100%; margin:0 0 1em 0; float:none;}
} strong {
font-family: "thwhite-bold", Helvetica, Arial, sans-serif;
font-weight: normal; }
section {
display: block;
position: relative;
width: 100%; }
.style-case-studies .post-content img{width:inherit;}
.container {
display: block;
position: relative;
padding: 0 16px;
z-index: 1;
width: 100%; }
.container .container-fluid {
padding: 0;
z-index: 1; }
@media (min-width: 992px) {
.container {
max-width: 750px; } }
@media (min-width: 992px) {
.container {
max-width: 970px; } }
@media (min-width: 1200px) {
.container {
max-width: 1170px; } }
.flex-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 16px;
margin-bottom: 16px;
margin-left: -16px;
margin-right: -16px; }
.flex-grid > .item {
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: 100%;
padding: 16px; }
@media (min-width: 600px) {
.flex-grid > .item {
width: 50%; } }
.item.flex-grid {
margin: 0; }
.item.flex-grid > .item {
padding: 0; }
body {
margin-top: 80px; }
@media (min-width: 1200px) {
body {
margin-top: 120px; } }
.site-header {
z-index: 900;
position: fixed;
top: 0;
left: 0;
right: 0;
background: #FFFFFF; }
.nav-wrapper {
height: 80px; }
.nav-wrapper > .container {
z-index: 1;
height: 100%;
overflow: visible; }
@media (max-width: 1199px) {
.nav-wrapper > .container {
padding: 0; } }
@media (min-width: 1200px) {
body:not(.enquiry-builder) .nav-wrapper {
height: 120px; } }
.enquiry-builder .nav-wrapper {
height: 100px; }
.navbar-default {
border: 0;
background: transparent;
border-radius: 0;
text-align: right;
margin: 0;
z-index: 1; }
@media (min-width: 1200px) {
body:not(.enquiry-builder) .navbar-default {
height: 120px; } }
.navbar-collapse {
border: 0;
font-size: 0;
line-height: 0;
position: absolute;
top: 80px;
left: 0;
right: 0;
margin: 0 !important;
overflow: hidden;
height: 10px !important;
min-height: 0;
max-height: 10px;
display: block;
background: #FFFFFF;
-ms-overflow-style: -ms-autohiding-scrollbar;
box-shadow: 0px 3px 10px 0px rgba(60, 60, 59, 0.3);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
z-index: 1; }
.navbar-collapse::-webkit-scrollbar {
display: none; }
.navbar-collapse.collapse {
overflow: hidden !important; }
.navbar-collapse.in {
height: auto;
min-height: 375px;
max-height: calc(100vh - 200px);
overflow-y: scroll !important;
position: relative;
padding-bottom: 32px; }
.enquiry-builder .navbar-collapse {
top: 100px;
transition: 0.3s; }
@media (min-width: 1200px) {
body:not(.enquiry-builder) .navbar-collapse {
-ms-transform: translateY(0);
transform: translateY(0);
box-shadow: none;
background: transparent;
margin-top: 36px;
top: 34px;
padding: 0;
margin-right: 42px !important;
margin-left: 198px !important;
position: relative;
overflow: visible !important; }
body:not(.enquiry-builder) .navbar-collapse.collapse {
overflow: visible !important;
min-height: 38px;
z-index: 2; } }
@media (min-width: 1800px) {
body:not(.enquiry-builder) .navbar-collapse {
margin-left: 252px !important; } }
@media (max-width: 1199px) {
.navbar-collapse {
transition: 0.3s; } }
.navbar-nav {
z-index: 1;
float: none !important;
text-align: center; }
.navbar-nav > li {
float: none !important; }
.navbar-nav > li a {
display: block;
position: relative;
font-size: 16px;
line-height: 16px;
font-family: "thwhite-bold", Helvetica, Arial, sans-serif;
text-transform: uppercase;
white-space: nowrap; }
.navbar-nav > li.active a,
.navbar-nav > li.current-menu-item a,
.navbar-nav > li:hover a,
.navbar-nav > li:focus a {
font-weight: normal;
background: #A3212B !important;
color: #FFFFFF !important; }
.navbar-nav > li a:focus {
font-weight: normal;
background: #A3212B !important;
color: #FFFFFF !important; }
.navbar-nav > li.menu-item-has-children {
background: #C77A81;
margin-bottom: 16px; }
.navbar-nav > li.menu-item-has-children a {
color: #FFFFFF; }
.navbar-nav > li.menu-item-has-children .sub-menu > li:hover a {
background: #C77A81 !important; }
@media (min-width: 1200px) {
body:not(.enquiry-builder) .navbar-nav {
float: none;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: start;
align-items: flex-start; }
body:not(.enquiry-builder) .navbar-nav > li {
float: none;
display: block;
position: relative;
background: transparent;
padding-right: 4px;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 1;
flex-shrink: 1; }
body:not(.enquiry-builder) .navbar-nav > li > a {
padding: 10.4px 8.8px;
color: #FFFFFF !important;
background: #3C3C3B;
font-size: 11.2px;
min-height: 38px; }
body:not(.enquiry-builder) .navbar-nav > li.menu-item-has-children {
background: transparent;
padding-bottom: 0; }
body:not(.enquiry-builder) .navbar-nav > li.menu-item-has-children > a {
padding-right: 32px;
z-index: 1; }
body:not(.enquiry-builder) .navbar-nav > li.menu-item-has-children > a:after {
content: "";
display: block;
position: absolute;
line-height: 0;
fill: #FFFFFF;
width: 12px;
height: 12px;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 8px;
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/svg/down-white.svg); } }
@media (min-width: 1200px) {
body:not(.enquiry-builder) .navbar-nav > li {
min-width: 104px; } }
.sub-menu {
margin: 0;
padding: 0 0 16px 0;
z-index: 10;
height: auto;
transition-property: max-height, padding;
transition-duration: 0.2s;
transition-delay: 0s;
overflow: visible; }
.sub-menu li {
display: block;
position: relative; }
.sub-menu li a {
display: block;
background: #A3212B;
text-transform: none;
font-size: 16px;
text-align: center;
font-family: "thwhite", Helvetica, Arial, sans-serif;
color: #FFFFFF;
padding: 8px 0; }
.sub-menu li a[target=_blank] {
padding-left: 38px; }
.sub-menu li a[target=_blank]:before {
content: "";
display: block;
position: absolute;
line-height: 0;
fill: #FFFFFF;
display: block;
position: absolute;
width: 16px;
height: 16px;
left: 12px;
background-size: contain;
background-position: center;
background-image: url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/images/external-link.svg); }
.sub-menu .sub-menu {
padding: 0;
width: 100%; }
.sub-menu .sub-menu li a {
background: #C77A81; }
@media (min-width: 1200px) {
.sub-menu {
background: #A3212B;
overflow: hidden;
max-height: 0;
padding: 0;
position: absolute; }
.sub-menu > li a {
text-align: left;
padding: 8px 12px; }
.sub-menu:hover {
overflow: visible; }
.sub-menu:hover .sub-menu {
overflow: hidden; }
.sub-menu .sub-menu {
position: absolute;
width: 0;
left: 100%;
top: 0;
transition-property: width;
transition-duration: 0.5s; }
.navbar-nav > li:hover .sub-menu,
.navbar-nav > li.hover .sub-menu {
max-height: 500px;
padding: 0;
transition-duration: 0.5s; }
.sub-menu > li:hover .sub-menu {
padding: 0;
width: 100%; }
.sub-menu > li:hover a {
background-color: #C77A81 !important; } }
.external-menu-link a {
padding-left: 38px; }
.external-menu-link a:before {
content: "";
display: block;
position: absolute;
line-height: 0;
fill: #FFFFFF;
display: block;
position: absolute;
width: 16px;
height: 16px;
left: 12px;
background-size: contain;
background-position: center;
background-image: url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/images/external-link.svg); }
.navbar-header {
z-index: 2;
pointer-events: none;
margin: 0 !important;
width: 100%;
position: absolute;
top: 0;
left: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
height: 120px;
padding-top: 34px; }
.navbar-header:after, .navbar-header:before {
content: none; }
@media (max-width: 1199px) {
.navbar-header {
background: #FFFFFF;
padding-top: 0;
z-index: 2;
-ms-flex-align: center;
align-items: center;
height: auto;
-ms-flex-pack: justify;
justify-content: space-between; } }
.enquiry-builder .navbar-header {
background: #FFFFFF;
padding-top: 0;
z-index: 2;
-ms-flex-align: center;
align-items: center;
height: auto;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100px;
padding-left: 64px; }
.navbar-brand {
-ms-flex-order: 1;
order: 1;
pointer-events: auto;
width: 350px;
height: auto;
padding: 0;
position: relative; }
@media (min-width: 1200px) {
.navbar-brand {
width: 450px;
height: auto; } }
@media (min-width: 1800px) {
.navbar-brand {
width: 450px;
height: auto; } }
@media (max-width: 479px) {
.navbar-brand {
margin-left: -32px;
width: 250px;
height: auto; } }
.navbar-brand .logo {
display: block;
position: relative;
width: 100%;
height: 100%; }
@media (max-width: 1199px) {
.navbar-default .navbar-header > .navbar-toggle {
-ms-flex-order: 3;
order: 3;
pointer-events: auto;
background: transparent;
border: 0;
margin: 0;
display: block;
height: 80px;
box-sizing: border-box;
padding: 16px;
font-size: 0;
line-height: 0; }
.navbar-default .navbar-header > .navbar-toggle:hover, .navbar-default .navbar-header > .navbar-toggle:focus {
background: transparent;
border: 0; } }
.enquiry-builder .navbar-default .navbar-header > .navbar-toggle {
-ms-flex-order: 3;
order: 3;
pointer-events: auto;
background: transparent;
border: 0;
margin: 0;
display: block;
height: 80px;
box-sizing: border-box;
padding: 16px;
font-size: 0;
line-height: 0; }
.enquiry-builder .navbar-default .navbar-header > .navbar-toggle:hover, .enquiry-builder .navbar-default .navbar-header > .navbar-toggle:focus {
background: transparent;
border: 0; }
.navbar-default .navbar-header > #history-button {
display: none; }
@media (max-width: 1199px) {
.navbar-default .navbar-header > #history-button {
pointer-events: auto;
position: relative;
display: block;
opacity: 0;
pointer-events: none;
-ms-flex-order: 0;
order: 0;
-ms-transform: translateY(0);
transform: translateY(0); }
.navbar-default .navbar-header > #history-button svg {
pointer-events: none; }
.home .navbar-default .navbar-header > #history-button {
pointer-events: none;
visibility: hidden; }
.home .navbar-default .navbar-header > #history-button svg {
visibility: hidden; } }
@media (max-width: 479px) {
.navbar-default .navbar-header > #history-button {
padding: 8px; }
.navbar-default .navbar-header > #history-button svg {
width: 24px;
height: 24px; } }
.banner-image {
margin-top: -64px;
margin-bottom: 48px;
padding-top: 24px;
display: block;
position: relative;
z-index: 1;
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
border-bottom: 2px dashed #A3212B;
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: end;
align-content: flex-end; }
.banner-image .banner-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
bottom: 0; }
.banner-image .banner-grid:before, .banner-image .banner-grid:after {
display: none; }
.banner-image .banner-grid > .item {
-ms-flex: 1 1 50%;
flex: 1 1 50%;
display: block; }
.banner-image .banner-grid > .item.text {
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
margin: auto 0; }
.banner-image .banner-grid > .item.image {
-ms-flex-item-align: end;
align-self: flex-end; }
.banner-image .banner-grid > .item img {
width: 100%;
height: auto; }
.banner-image .banner-grid h1, .banner-image .banner-grid h2 {
margin: 0 0 20px 0;
display: block; }
@media (min-width: 992px) {
.banner-image .banner-grid .button {
margin: 0; } }
@media (min-width: 992px) {
.banner-image .banner-grid h1, .banner-image .banner-grid h2 {
font-size: 36px;
margin: 0 0 20px 0; }
.banner-image .banner-grid .button {
margin-bottom: 20px; }
.banner-image .banner-grid > .item.text {
-ms-flex-preferred-size: 50%;
flex-basis: 50%; } }
@media (max-width: 991px) {
.banner-image .banner-grid {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.banner-image .banner-grid h1, .banner-image .banner-grid h2 {
font-size: 36px;
margin: 80px auto 40px auto;
max-width: 80%; }
.banner-image .banner-grid > .item {
text-align: center;
-ms-flex-preferred-size: 100%;
flex-basis: 100%; }
.banner-image .banner-grid > .item.text {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
display: block;
padding: 0 16px; } }
@media (max-width: 599px) {
.banner-image .banner-grid h1, .banner-image .banner-grid h2 {
font-size: 22px;
line-height: 1.2em; } }
.banner-image.home {
border-bottom: 0;
padding-top: 0; }
.banner-image.home .banner-grid {
min-height: 376px; }
.banner-image.home .banner-grid > .item {
color: #FFFFFF; }
@media (max-width: 991px) {
.banner-image.home .banner-grid {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.banner-image.home .banner-grid h1, .banner-image.home .banner-grid h2 {
margin: 40px auto; } }
.banner-image.support {
border-bottom: solid 8px #A3212B; }
@media (max-width: 991px) {
.banner-image.support {
margin-bottom: 120px; } }
#cookie-bar {
display: block;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #c4c4c4;
color: #A3212B;
z-index: 999; }
#cookie-bar .container {
padding: 8px 100px 8px 16px; }
#cookie-bar.hide {
display: none; }
@keyframes height {
0% {
height: auto; }
100% {
height: 0;
max-height: 0; } }
#history-button {
display: none;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 16px;
background: transparent;
border: 0;
color: #FFFFFF;
fill: #FFFFFF;
padding: 8px 0;
margin: 0;
font-weight: 600;
z-index: 2; }
#history-button svg {
height: 24px;
width: 24px;
display: inline-block;
vertical-align: middle;
transition: 0.2s;
padding-right: 4px; }
#history-button span {
display: inline-block;
vertical-align: middle; }
#history-button:hover svg {
padding-right: 5.3333333333px; }
@media (max-width: 991px) {
#history-button {
right: auto;
left: 0;
top: 0;
height: 80px;
padding: 8px 16px;
color: #3C3C3B;
fill: #3C3C3B;
z-index: 200; }
#history-button span {
display: none; }
#history-button svg {
width: 32px;
height: 32px; }
#history-button:hover svg {
-ms-transform: scale(1.2);
transform: scale(1.2); } }
.breadcrumb-wrapper {
display: block;
z-index: 1; }
#drp-breadcrumbs {
display: block;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 16px;
padding: 0;
color: #FFFFFF; }
#drp-breadcrumbs a {
color: #FFFFFF; }
#drp-breadcrumbs .item-current {
font-family: "thwhite-bold", Helvetica, Arial, sans-serif; }
@media (max-width: 991px) {
#drp-breadcrumbs {
display: none; } }
.breadcrumbs {
display: block;
position: relative;
height: 60px;
background: #A3212B;
color: #FFFFFF; }
.breadcrumbs .container {
display: block;
position: relative;
height: 60px; }
.breadcrumbs.department-crumbs {
margin-top: 32px;
}
.breadcrumbs.department-crumbs span,
.breadcrumbs.department-crumbs span a {
}
@media (max-width: 991px) {
.breadcrumbs {
height: 45px; }
.breadcrumbs #drp-breadcrumbs,
.breadcrumbs #history-button {
display: none; } }
.icon-menu-burger {
display: inline-block;
height: 2px;
width: 32px;
transition: 0.3s;
position: relative; }
.icon-menu-burger span {
display: inline-block;
height: 2px;
width: 100%;
border-radius: 2px;
background: #3C3C3B;
position: absolute;
top: 50%;
left: 0;
transition: inherit;
margin-top: -1px; }
.icon-menu-burger::before, .icon-menu-burger::after {
display: inline-block;
height: 2px;
width: 32px;
border-radius: 2px;
background: #3C3C3B;
content: '';
position: absolute;
left: 0;
transition: top .3s .6s ease, transform .3s ease; }
.icon-menu-burger::before {
top: 8px; }
.icon-menu-burger::after {
top: -8px; }
.navbar-toggle:hover .icon-menu-burger {
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1); }
.nav-visible .icon-menu-burger .middle {
background: #FFFFFF;
opacity: 0; }
.nav-visible .icon-menu-burger::before, .nav-visible .icon-menu-burger::after {
top: 0;
width: 32px;
transition: top .3s ease, transform .3s .5s ease; }
.nav-visible .icon-menu-burger::before {
transform: rotate3d(0, 0, 1, -45deg); }
.nav-visible .icon-menu-burger::after {
transform: rotate3d(0, 0, 1, 45deg); }
.icon.-arrowDown {
height: 20px;
position: relative;
width: 20px; }
.icon.-arrowDown::before, .icon.-arrowDown::after {
content: "";
border-radius: 1px;
display: block;
width: 60%;
height: 2px;
position: absolute;
top: 50%;
left: 0;
transition: 0.3s;
background: #A3212B;
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.icon.-arrowDown::after {
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
left: auto;
right: 0; }
.-open .-arrowDown._arrowUp::before {
-ms-transform: rotate(135deg);
transform: rotate(135deg); }
.-open .-arrowDown._arrowUp::after {
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.menu:hover .-arrowDown._arrowUp::before {
-ms-transform: rotate(135deg);
transform: rotate(135deg); }
.menu:hover .-arrowDown._arrowUp::after {
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.button,
input[type="submit"],
.search-results a.read-more {
display: inline-block;
position: relative;
font-weight: 300;
color: #FFFFFF;
background: #3C3C3B;
padding: 16px 24px;
text-align: center;
width: 200px;
transition: 0.3s;
cursor: pointer;
border: 0; }
.button:hover,
input[type="submit"]:hover,
.search-results a.read-more:hover {
text-decoration: none;
background: #C77A81;
color: #FFFFFF; }
.product-list .button,
._inverse .button, .product-list
input[type="submit"],
._inverse
input[type="submit"], .product-list
.search-results a.read-more,
._inverse
.search-results a.read-more {
background: #C77A81;
color: #FFFFFF; }
.product-list .button:hover,
._inverse .button:hover, .product-list
input[type="submit"]:hover,
._inverse
input[type="submit"]:hover, .product-list
.search-results a.read-more:hover,
._inverse
.search-results a.read-more:hover {
background: #3C3C3B; }
section#department-btns {
padding: 0; }
.-btn-group {
margin: 32px -4px 0 -4px; }
.-btn-group > .item {
padding: 4px;
width: 100%; }
@media (min-width: 600px) {
.-btn-group > .item {
width: 50%; } }
@media (min-width: 1200px) {
.-btn-group > .item {
width: 25%; } }
.dep-button {
display: block;
position: relative;
border: 2px solid #A3212B;
padding: 16px 32px 16px 16px;
background: #FFFFFF;
color: #A3212B;
text-transform: uppercase;
font-family: "thwhite-bold", Helvetica, Arial, sans-serif;
white-space: nowrap;
transition: all 0.3s ease; }
.dep-button .icon {
display: block;
position: absolute;
fill: #A3212B;
width: 16px;
height: 16px;
top: 50%;
right: 12px;
margin-top: -8px;
transition: fill 0.3s ease; }
.dep-button:hover {
background: #A3212B;
color: #FFFFFF; }
.dep-button:hover .icon {
fill: #FFFFFF; }
#emergency-box{
margin-top: 38px;
display: block;
position: relative;
}
#emergency-number{
padding-left:36px;
background-image: url(//www.thwhiteprojects.co.uk/wp-content/uploads/2019/11/phone-icon3.gif);
background-repeat:no-repeat;
}
#emergency-callout {
color: #FFFFFF;
border: none;
border-radius: 0;
background-color: #A3212B; }
#emergency-callout:hover, #emergency-callout:focus, #emergency-callout:active {
background-color: #8e1d25; }
@media (min-width: 992px) {
#emergency-box {
position: absolute;
right: 0;
top: 76px;
display: inline-block;
margin-top: 0; } }
.navbar-collapse.collapse.in + #emergency-callout {
z-index: 9999; }
.footer {
display: block;
position: relative;
border: 0;
color: #FFFFFF;
background: #3C3C3B;
min-height: 150px;
height: auto;
text-align: center;
color: #DDDDDD; }
.footer ul {
list-style-type: none;
margin: 0;
padding: 0;
color: #FFFFFF;
font-weight: 300; }
.footer ul li {
display: inline-block;
vertical-align: middle; }
.footer ul li a {
color: #3c3c3b;
display: block;
padding: 8px;
font-size: 16px; }
@media (max-width: 599px) {
.footer ul li {
display: block;
width: 100%;
text-align: center; } }
.footer .footer-navigation {
padding: 15px 0; }
.footer .copyright {
border-top: 1px solid #DDDDDD;
padding: 15px 0;
font-size: 14.4px;
line-height: 16px; }
.footer .copyright p {
margin: 0; }
.footer-hero {
height: 570px;
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
background-image: url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/images/hero.jpg); }
@media (max-width: 767px) {
.footer-hero {
height: 490px; } }
.footer-hero + .social {
margin-top: -100px; }
.footer-blocks-widget {
background: #A3212B;
color: #FFFFFF;
padding: 64px 0; }
.footer-blocks-widget .item {
color: white;
font-size: 16px;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
min-height: 220px; }
.footer-blocks-widget .item .title {
font-size: 24px;
text-transform: none;
margin-top: 0; }
.footer-blocks-widget .item p {
margin-bottom: 24px; }
.footer-blocks-widget .item .button {
background: #C77A81;
color: white;
width: auto;
margin-top: auto; }
.footer-blocks-widget .item .button:hover {
background: #3C3C3B; }
@media (max-width: 767px) {
.footer-blocks-widget {
padding-bottom: 0; }
.footer-blocks-widget .item {
text-align: center;
padding: 0 24px;
-ms-flex-align: center;
align-items: center; } }
.group-sites {
padding: 32px 0;
border-top: 1px solid #3C3C3B;
text-align: center; }
.group-sites .logo {
display: block;
position: relative;
max-width: 206px;
margin: 0 auto; }
.group-sites ul {
padding: 0;
margin: 35px auto 0 auto;
list-style-type: none;
max-width: 700px; }
.group-sites ul > li {
display: inline-block;
position: relative; }
.group-sites ul > li a {
min-width: 0;
display: block;
padding: 8px;
text-align: center;
white-space: nowrap;
text-transform: uppercase;
font-size: 19.2px;
font-family: "thwhite-bold", Helvetica, Arial, sans-serif;
transition: 0.3s; }
.group-sites ul > li a:hover {
color: #FFFFFF;
border-radius: 8px;
text-decoration: none; }
@media (max-width: 599px) {
.group-sites ul > li a {
width: 100%; } }
@media (max-width: 479px) {
.group-sites ul {
margin-top: 32px; }
.group-sites ul > li {
width: 100%; }
.group-sites ul > li a {
padding: 4px 8px; } }
.group-sites .agriculture {
color: #F9B100; }
.group-sites .agriculture:hover {
background-color: #F9B100; }
.group-sites .projects {
color: #A3212B; }
.group-sites .projects:hover {
background-color: #A3212B; }
.group-sites .groundcare {
color: #009546; }
.group-sites .groundcare:hover {
background-color: #009546; }
.group-sites .dairy {
color: #68BED8; }
.group-sites .dairy:hover {
background-color: #68BED8; }
.group-sites .countrystore {
color: #BCD25F; }
.group-sites .countrystore:hover {
background-color: #BCD25F; }
.group-sites .trailercentre {
color: #5F829A; }
.group-sites .trailercentre:hover {
background-color: #5F829A; }
.group-sites .lorrycranes {
color: #E1001A; }
.group-sites .lorrycranes:hover {
background-color: #E1001A; }
.group-sites .construction {
color: #0087C4; }
.group-sites .construction:hover {
background-color: #0087C4; }
.group-sites .motorgroup {
color: #526123; }
.group-sites .motorgroup:hover {
background-color: #526123; }
.group-sites .energyfiresecurity {
color: #FF8200; }
.group-sites .energyfiresecurity:hover {
background-color: #FF8200; }
.group-sites .onlinestore {
color: #004F56; }
.group-sites .onlinestore:hover {
background-color: #004F56; }
.group-sites .machineryimports {
color: #53312B; }
.group-sites .machineryimports:hover {
background-color: #53312B; } .footer {
display: block;
position: relative;
border: 0;
color: #fff;
min-height: 150px;
height: auto;
text-align: center;
background-color:#cacbdb;
}
.footer .copyright{background-color:#252d6c;}
.tsandcsbar {margin-top:40px;}
.tsandcsbar a:link,tsandcsbar a:active, tsandcsbar a:hover, tsandcsbar a:visited{font-family:thwhite; color:#3c3c3b;font-size:16px; font-weight:400; text-transform: uppercase; }
.footer .navigation {color:#3c3c3b;  padding: 24px 0;}
.footer .copyright {color:#ffff;}
.colors a{font-size:18px;font-family:thwhite-bold;margin-right:4px;padding:1px; border-radius:8px;}
.colors a.agriculture{color:#fab200;}
.colors a.projects{color:#a3212b;}
.colors a.groundcare{color:#009546;}
.colors a.dairy{color:#68c6e0;}
.colors a.lorrycranes{color:#d30014;}
.colors a.countrystore{color:#bcd25f;}
.colors a.construction{color:#0088c4;}
.colors a.efs{color:#ff8200;}
.colors a.machinery{color:#53312b;}
.colors a:hover{padding:1px; border-radius:8px;}
.colors a.agriculture:hover{background-color:#fab200; color:#fff;}
.colors a.projects:hover{background-color:#a3212b; color:#fff;}
.colors a.groundcare:hover{background-color:#009546; color:#fff;}
.colors a.dairy:hover{background-color:#68c6e0; color:#fff;}
.colors a.lorrycranes:hover{background-color:#d30014; color:#fff;}
.colors a.countrystore:hover{background-color:#bcd25f; color:#fff;}
.colors a.construction:hover{background-color:#0088c4; color:#fff;}
.colors a.efs:hover{background-color:#ff8200; color:#fff;}
.colors a.machinery:hover{background-color:#53312b; color:#fff;}
.low-content{ position:relative;}
.mental-health-roundel {position: absolute; right: 10px; }
.mental-health-roundel img.theroundel{position: relative; top:-60px; }
@media (max-width: 866px) {
.mental-health-roundel { }
.mental-health-roundel img.theroundel { width:50px;height:50px; top:-25px;}
} @-ms-viewport {
width: device-width; }
.pushin {
box-sizing: border-box;
display: block;
position: fixed;
height: 100vh;
width: 400px;
top: 0;
bottom: 0;
right: -400px;
z-index: 900;
overflow-x: visible;
transition: 0.3s;
background: #A3212B; }
.pushin .content {
overflow-y: auto;
background: #A3212B;
display: block;
position: relative;
width: 100%;
height: 100%;
color: #FFFFFF;
padding: 48px;
padding-top: 64px;
z-index: 2; }
.pushin a {
color: #FFFFFF;
fill: #FFFFFF; }
.pushin a.news-sign-up {
color: #3C3C3B;
text-decoration: underline; }
.pushin a.close-pushin {
display: block;
position: absolute;
width: 32px;
height: 32px;
padding: 4px;
top: 24px;
right: 24px;
pointer-events: none;
z-index: 999; }
.pushin a.close-pushin:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: auto;
z-index: 9999;
background: transparent; }
.pushin .tab {
display: block;
background: transparent;
width: 75px;
height: 225px;
position: fixed;
top: 250px;
right: 0;
padding-right: 0;
transition: right 0.3s;
-webkit-transform: translateZ(0);
z-index: 1; }
.pushin .tab .text {
display: block;
width: 50%;
height: 100%;
padding: 16px;
text-align: center;
pointer-events: none;
z-index: -2; }
.pushin .tab .after {
display: block;
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: auto;
z-index: 9999999;
width: 75px;
height: 225px;
background: transparent url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/images/click.png) center center repeat; }
@media (max-width: 767px) {
.pushin .tab {
top: calc(100vh - 45px);
overflow: hidden;
height: 45px;
width: 180px; }
.pushin .tab .text {
width: 100%; }
.pushin .tab .after {
height: 45px;
width: 180px; } }
.showMe {
right: 0; }
.showMe .tab,
.showMe .tab:hover {
right: 400px; }
.showMe .content {
box-shadow: -3px 0px 10px 0px rgba(0, 0, 0, 0.3); }
.overlay {
position: fixed;
display: block;
top: 0;
left: 100%;
right: 0;
bottom: 0;
width: 0;
height: 100vh;
background: #FFFFFF;
opacity: 0;
z-index: 900;
transition: opacity 0.3s; }
.overlay.showMe {
opacity: 0.8;
left: 0;
width: 100vw; } .slider {
position: relative;
display: block; }
.slider .frame { width: 100%;
position: relative;
font-size: 0;
line-height: 0;
overflow: hidden;
white-space: nowrap; }
.slider .slides {
display: inline-block;
width: 100%;
margin: 0;
padding: 0; }
.slider li {
position: relative;
display: inline-block;
background-color: transparent;
font-size: 16px;
color: #3C3C3B;
text-align: center;
padding: 8px;
line-height: 1em;
white-space: normal; width: 25%; }
.slider .prev, .slider .next {
position: absolute;
top: 50%;
margin-top: -25px;
height: 50px;
display: block;
cursor: pointer; }
@media (max-width: 599px) {
.slider .prev, .slider .next {
height: 40px;
margin-top: -20px; } }
.slider .next {
right: 0; }
.slider .prev {
left: 0; }
.slider .next svg, .slider .prev svg {
fill: #A3212B;
width: 25px;
height: 50px;
pointer-events: none; }
@media (max-width: 599px) {
.slider .next svg, .slider .prev svg {
height: 40px; } }
.slider .dots {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
height: 30px;
display: block;
width: 100%; }
.slider .dots > li {
display: inline-block;
border: 2px solid #A3212B;
width: 12px;
height: 12px;
border-radius: 50%;
padding: 0;
margin: 0 4px;
cursor: pointer;
background: transparent;
font-size: 0;
line-height: 0;
box-sizing: content-box;
background-clip: content-box; }
.slider .dots > li.active {
background: #A3212B; }
@media (max-width: 767px) {
.slider .dots > li {
border-width: 1px;
width: 8px;
height: 8px;
margin: 0 6px; } }
.lory-slider {
margin: 0 -8px; }
@media (max-width: 767px) {
.lory-slider {
margin: 0 -16px; } }
.lory-slider.no-controls .slide:first-of-type,
.lory-slider.no-controls .slide:last-of-type {
display: none; }
.lory-slider.no-controls .slide:nth-of-type(2) {
border: 0; }
.lory-slider .frame { width: 100%;
position: relative;
font-size: 0;
line-height: 0;
overflow: hidden;
white-space: nowrap; }
.lory-slider .slides {
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
font-size: inherit;
line-height: inherit; }
.lory-slider li {
position: relative;
display: inline-block;
vertical-align: top;
font-size: 16px;
text-align: center;
padding: 8px;
line-height: 1em; width: 50%; }
@media (max-width: 767px) {
.lory-slider li {
width: 100%;
padding: 8px 0; } }
@media (min-width: 768px) {
.lory-slider li {
width: 50%; } }
@media (min-width: 992px) {
.lory-slider li {
width: 50%; } }
@media (min-width: 1200px) {
.lory-slider li {
width: 50%; } }
@media (min-width: 1200px) {
.lory-slider.-quotes li {
width: 33.3333333333%; } }
.lory-slider.-quotes li blockquote:after {
display: none; }
.lory-slider .prev, .lory-slider .next {
position: absolute;
top: 50%;
margin-top: -55px;
display: none;
cursor: pointer; }
@media (max-width: 599px) {
.lory-slider .prev, .lory-slider .next {
width: 24px; } }
.lory-slider .dots {
display: none; }
.lory-slider .dots:before {
height: 45px; }
.lory-slider.controls .prev,
.lory-slider.controls .next,
.lory-slider.controls .dots {
display: block; }
.lory-slider .next {
right: -10px; }
.lory-slider .prev {
left: -10px; }
.lory-slider .next svg, .lory-slider .prev svg {
width: 17px;
margin: 0 4px; }
@media (max-width: 599px) {
.lory-slider .next svg, .lory-slider .prev svg {
height: 100%;
display: none; } }
.image-slider {
margin: 0; }
.image-slider.no-controls .slide:first-of-type,
.image-slider.no-controls .slide:last-of-type {
display: none; }
.image-slider.no-controls .slide:nth-of-type(2) {
border: 0; }
.image-slider li {
width: 100%;
padding: 0; }
.image-slider li .image-wrap {
height: 360px;
background-position: bottom center;
background-size: cover; }
.image-slider .navigation {
display: block;
position: absolute;
bottom: 0;
width: 100%;
background: rgba(0, 0, 0, 0.1); }
.image-slider .navigation .prev,
.image-slider .navigation .next {
top: 50%;
margin: 0;
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.image-slider .navigation .prev svg,
.image-slider .navigation .next svg {
fill: #FFFFFF; }
.image-slider .navigation .dots {
height: 40px; }
.image-slider .navigation .dots > li {
vertical-align: middle;
border-color: #FFFFFF; }
.image-slider .navigation .dots > li.active {
background: #FFFFFF; }
.image-slider .navigation .dots:before {
content: "";
width: 0;
height: 100%;
display: inline-block;
vertical-align: middle; }
@media (max-width: 767px) {
.image-slider .navigation {
height: 40px;
background: #3C3C3B; } }
.footer-slider {
margin: 0 -16px; }
.footer-slider .slides li {
padding: 0 16px;
width: 50%; }
@media (max-width: 767px) {
.footer-slider .slides li {
width: 100%; } }
.ats-widgets .footer-slider .slides li {
vertical-align: bottom; }
.footer-slider.no-controls .slide:first-of-type,
.footer-slider.no-controls .slide:last-of-type {
display: none; }
.footer-slider .navigation {
display: block;
position: relative;
border-top: 1px solid #FFFFFF;
height: 64px;
margin-top: 32px; }
.footer-slider .navigation .dots {
display: block;
height: 64px;
margin: 0 32px;
width: auto; }
.footer-slider .navigation .dots:before {
content: "";
width: 0;
height: 60px;
display: inline-block;
vertical-align: middle; }
.footer-slider .navigation .dots > li {
vertical-align: middle;
border-color: #FFFFFF; }
.footer-slider .navigation .dots > li.active {
background: #FFFFFF; }
.footer-slider .navigation .prev,
.footer-slider .navigation .next {
top: 50%;
margin: 0;
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.footer-slider .navigation .prev svg,
.footer-slider .navigation .next svg {
fill: #FFFFFF; }
@media (min-width: 768px) {
.footer-slider .navigation {
display: none; } }
.ats-widgets .footer-slider .navigation {
border-bottom: 1px solid #3C3C3B; }
.ats-widgets .footer-slider .navigation .dots > li {
border-color: #3C3C3B; }
.ats-widgets .footer-slider .navigation .dots > li.active {
background: #3C3C3B; }
.ats-widgets .footer-slider .navigation .prev svg,
.ats-widgets .footer-slider .navigation .next svg {
fill: #3C3C3B; }
.primary-slider {
height: auto;
position: relative;
width: 100%;
background: #FFFFFF;
margin: 0;
overflow: hidden;
padding-top:30px; }
.primary-slider .frame {
min-height: 480px; }
@media (min-width: 1200px) {
.primary-slider .frame {
min-height: 520px; } }
.primary-slider .slides {
min-height: auto; }
.primary-slider .slides li {
width: 100%;
padding: 0;
min-height: auto;
text-align: left;
vertical-align: bottom;
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover; }
.primary-slider .slides li > .slide-flex {
position: absolute;
width: 100%;
min-height: 480px;
height: 480px;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-pack: end;
justify-content: flex-end;
padding-top: 60px;
padding-bottom: 90px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
@media (min-width: 1200px) {
.primary-slider .slides li > .slide-flex {
min-height: 520px;
height: 520px; } }
.primary-slider .slides li > .slide-flex .image-wrap {
display: block;
position: relative;
width: calc(50% - 45px);
background-size: cover;
background-position: center left;
background-repeat: no-repeat;
overflow: hidden;
left: calc(50% + 45px); }
.primary-slider .slides li > .container {
width: 100%;
min-height: 480px;
height: 480px;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-pack: start;
justify-content: flex-start; }
@media (min-width: 1200px) {
.primary-slider .slides li > .container {
min-height: 520px;
height: 520px; } }
.primary-slider .slides li > .container .text {
width: 50%;
position: relative;
padding-right: 90px;
padding-bottom: 90px;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.primary-slider .slides li > .container .text h1,
.primary-slider .slides li > .container .text h2,
.primary-slider .slides li > .container .text h3,
.primary-slider .slides li > .container .text .logo {
display: block;
position: relative;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-bottom: 24px; }
.primary-slider .slides li > .container .text h1 {
padding-bottom: 16px;
margin-bottom: 16px;
font-family: "thwhite-bold", Helvetica, Arial, sans-serif; }
.primary-slider .slides li > .container .text h1.offer:after {
content: "";
display: block;
position: absolute;
line-height: 0;
fill: #FFFFFF;
right: 40%;
top: 100%;
border-bottom: 1px solid #3C3C3B; }
.primary-slider .navigation {
position: absolute;
bottom: 0;
left: 0;
width: 100%; }
.primary-slider .navigation > .container {
height: 90px;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start; }
.primary-slider .navigation > .container .left {
position: relative;
width: calc(50% - 90px); }
.primary-slider .dots {
display: block;
position: relative;
bottom: 0;
margin: 0 32px;
height: 100%;
width: auto; }
.primary-slider .dots:before {
content: "";
width: 0;
height: 90px;
display: inline-block;
vertical-align: middle; }
.primary-slider .dots li {
border-color: #FFFFFF;
vertical-align: middle; }
.primary-slider .dots li.active {
background-color: #FFFFFF; }
.primary-slider .next svg, .primary-slider .prev svg {
fill: #FFFFFF; }
.primary-slider .metal-fold {
position: absolute;
bottom: 0;
left: 50%;
-ms-transform: translateX(-135px);
transform: translateX(-135px); }
.primary-slider .metal-fold:before {
content: '';
display: block;
position: absolute;
bottom: 0;
height: 50%;
background: #A3212B;
width: 1500px;
right: 50%; }
.primary-slider .metal-fold.-top {
bottom: auto;
top: 0;
-ms-transform: translateX(-45px);
transform: translateX(-45px); }
.primary-slider .metal-fold.-top:before {
top: 0;
height: 50%;
left: 50%;
right: auto;
bottom: auto; }
.primary-slider .metal-fold.-top:after {
content: '';
display: block;
position: absolute;
width: 50%;
background-color: #A3212B;
left: 0;
top: 50%;
height: 290px; }
.primary-slider .metal-fold:not(.-top):after {
height: 250%;
width: 0;
display: block;
position: absolute;
content: "";
background: #FFFFFF;
right: 50%;
bottom: 50%;
opacity: 1;
transition-property: width, opacity;
transition-duration: 0.2s, 0.3s;
transition-delay: 0s, 0.3s; }
.primary-slider.mask .metal-fold:not(.-top):after {
width: 1500px;
opacity: 0; }
@media (max-width: 767px) {
.primary-slider .metal-fold {
display: none; }
.primary-slider .frame {
min-height: 200px; }
.primary-slider .slides li {
vertical-align: top; }
.primary-slider .slides li > .container {
min-height: 200px;
height: auto;
padding-top: 90px; }
.primary-slider .slides li > .container .text {
width: 100%;
padding: 0 0 32px 0;
margin-bottom: 32px;
border-bottom: 1px solid #3C3C3B; }
.primary-slider .slides li > .container .text h1 {
font-size: 19px; }
.primary-slider .slides li > .container .text .logo img {
max-height: 64px;
width: auto; }
.primary-slider .slides li > .slide-flex {
position: relative;
padding: 0;
min-height: 200px;
height: auto;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 0; }
.primary-slider .slides li > .slide-flex .image-wrap {
background-position: center center;
width: 100%;
height: 200px;
left: 0;
background-size: contain; }
.primary-slider .navigation {
bottom: auto;
top: 230px;
background-color: #A3212B; }
.primary-slider .navigation > .container {
height: 45px;
overflow: hidden; }
.primary-slider .navigation > .container .left {
width: 100%; }
.primary-slider .navigation > .container .left .dots {
margin: 0; }
.primary-slider .navigation > .container .left .dots:before {
height: 45px; } }
.banner_slider {
height: auto;
position: relative;
width: 100%;
background: #3A4757; }
.banner_slider .frame {
min-height: auto; }
.banner_slider .slides {
min-height: auto; }
.banner_slider .slides li {
width: 100%;
padding: 0;
min-height: auto;
text-align: left;
vertical-align: bottom;
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover; }
.banner_slider .slides li > .container {
width: 100%; }
.banner_slider .dots {
position: absolute;
bottom: 0; }
.accreditations-section,
#download-centre,
#download-centre-wrapper {
padding: 32px 0 64px 0; }
.accreditations-section .title,
#download-centre .title,
#download-centre-wrapper .title {
text-align: center; }
.acc-slider {
margin-left: -16px;
margin-right: -16px; }
.acc-slider .slides > li {
display: inline-block;
vertical-align: middle;
width: 100%;
padding: 0 16px;
margin: 0; }
@media (min-width: 600px) {
.acc-slider .slides > li {
width: 33.3333333333%; } }
@media (min-width: 992px) {
.acc-slider .slides > li {
width: 20%; } }
.acc-slider .acc-wrap {
display: -ms-flexbox;
display: flex;
position: relative;
height: 90px;
text-align: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center; }
.acc-slider .acc-wrap img {
display: block;
max-height: 100%;
width: auto;
margin: 0 auto; }
.acc-slider.no-controls .slide:nth-of-type(2) {
border: 0; }
.acc-slider .dots {
display: none; }
.acc-slider .dots:before {
height: 45px; }
.acc-slider.controls .dots {
display: block; }
@media (min-width: 600px) {
.acc-slider.controls .dots .dot:last-of-type,
.acc-slider.controls .dots .dot:nth-last-of-type(2) {
display: none; } }
.acc-slider .navigation {
position: absolute;
bottom: -48px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.checkbox-slider {
margin: 0;
border-right: 1px solid #65141B;
border-left: 1px solid #65141B; }
.checkbox-slider .slides {
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: stretch;
align-content: stretch;
height: 280px; }
.checkbox-slider .slides > li {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 50%;
padding: 0;
height: 100%; }
@media (min-width: 600px) {
.checkbox-slider .slides > li {
width: 25%; } }
@media (min-width: 992px) {
.checkbox-slider .slides > li {
width: 16.6666666667%; } }
.checkbox-slider .prev,
.checkbox-slider .next {
left: -32px; }
.checkbox-slider .next {
left: auto;
right: -32px; }
.checkbox-slider.controls .dots {
display: none; }
.checkbox-slider.controls .dots .dot {
border: 1px solid #FFFFFF; }
.checkbox-slider.controls .dots .dot.active {
background: #FFFFFF; }
.checkbox-slider .prev svg,
.checkbox-slider .next svg {
fill: #FFFFFF; }
.accordion-wrapper {
margin: 32px 0; }
.accordion-wrapper > .title {
font-family: "thwhite", Helvetica, Arial, sans-serif;
font-size: 16px;
text-transform: none;
border-bottom: 1px solid #3C3C3B;
padding: 0;
position: relative;
margin: 0 0 32px 0; }
.accordion-wrapper > .title h1, .accordion-wrapper > .title h2, .accordion-wrapper > .title h3, .accordion-wrapper > .title h4, .accordion-wrapper > .title h5, .accordion-wrapper > .title h6 {
line-height: 1em; }
.accordion-wrapper > .title p {
margin-bottom: 0; }
.accordion-wrapper > .title > .item {
width: 40%;
padding: 0;
display: block;
position: relative;
padding-bottom: 68px; }
.accordion-wrapper > .title > .item.map {
width: 60%;
height: 294px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/images/frome.png); }
@media (max-width: 767px) {
.accordion-wrapper > .title > .item {
width: 100% !important; }
.accordion-wrapper > .title > .item.map {
height: 200px; } }
.accordion-wrapper > .title .button {
position: absolute;
bottom: 0;
left: 0;
cursor: pointer; }
.accordion-wrapper > .title .button .hide {
display: none; }
.accordion-wrapper > .content {
display: block;
width: 100%;
position: relative;
overflow: hidden;
padding: 16px 0; }
.accordion-wrapper > .content .wrapper {
padding: 0 8px;
display: block;
position: relative;
white-space: normal; }
.accordion-wrapper > .title.Huntley > .item.map {
background-image: url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/images/huntley.png); }
.accordion-wrapper > .title.-open .button .hide {
display: block !important; }
.accordion-wrapper > .title.-open .button .show {
display: none !important; }
.home .testimonial-section .title {
text-align: center; }
.testimonials .item {
text-align: left;
padding: 16px;
padding-left: 90px;
padding-top: 90px;
font-weight: 300;
position: relative; }
.testimonials .item .metal-fold.-small {
top: 0;
left: 0; }
.testimonials .item .metal-fold.-smallest {
display: inline-block;
vertical-align: top;
position: relative; }
.testimonials .item .metal-fold.-smallest.-bottom.-right {
position: absolute;
top: auto;
left: auto;
bottom: 0;
right: 0; }
.testimonials .item .name {
display: inline-block;
vertical-align: top;
max-width: 85%; }
@media (max-width: 767px) {
.testimonials .item {
padding: 16px;
padding-bottom: 50px; }
.testimonials .item .metal-fold.-small {
display: none; }
.testimonials .item .metal-fold.-smallest {
display: block;
position: absolute;
bottom: 0;
right: 16px; }
.testimonials .item .metal-fold.-smallest.-bottom.-right {
top: auto;
left: auto;
bottom: 0;
right: 0; } }
.testimonials .content {
display: block;
position: relative; }
.testimonials .content:after {
content: '';
display: block;
position: relative;
width: 30%;
border-bottom: 1px solid #3C3C3B;
padding: 16px; }
@media (min-width: 768px) {
.testimonials .slide {
padding: 0 32px; }
.testimonials .slide + .slide {
border-left: 1px solid #3C3C3B; } }
.testimonials.single > .item {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 22.5px 0; }
.testimonials.single > .item .content:after {
border-color: #FFFFFF; }
.testimonials.single > .item .metal-fold.-smallest {
position: absolute;
top: -24px;
left: -1.5px; }
.testimonials.single > .item .metal-fold.-smallest.-bottom.-right {
top: auto;
left: auto;
bottom: -22.5px;
right: 0; }
.testimonials.single > .item .item {
padding: 0;
width: 60%;
-ms-flex-positive: 1;
flex-grow: 1; }
.testimonials.single > .item .item.-text {
padding: 0 22.5px 0 24px; }
.testimonials.single > .item .item.img-wrap {
padding-right: 32px;
width: 182px;
height: 150px;
max-width: 20%; }
@media (max-width: 991px) {
.testimonials.single > .item .item {
width: 50%; }
.testimonials.single > .item .item.img-wrap {
max-width: 25%; } }
@media (max-width: 479px) {
.testimonials.single > .item .item.img-wrap {
max-width: 50%;
height: auto;
padding-bottom: 32px;
padding-right: 8px; }
.testimonials.single > .item .item.img-wrap + .item.img-wrap {
padding-right: 0;
padding-left: 8px; } }
#intro .title {
text-align: center; }
.product-list {
margin: 0 0 32px;
position: relative; }
.product-list > .item {
padding: 0;
width: 100%;
-ms-flex-order: 1;
order: 1; }
.product-list > .item.text {
padding: 32px;
color: #FFFFFF;
background-color: #A3212B;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-align: start;
align-items: flex-start; }
.product-list > .item.text .product-title {
font-size: 24px;
line-height: 24px;
margin: 0 0 32px 0; }
.product-list > .item.text p {
margin: 0; }
.product-list > .item.text .button {
margin-top: 32px; }
.product-list > .item.image {
-ms-flex-order: 0;
order: 0;
min-height: 250px;
position: relative; }
.product-list > .item.image .image-wrap {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: top center;
background-size: cover; }
.product-list > .item.logo {
border: 1px solid #A3212B;
padding: 16px;
display: block;
position: absolute;
top: 0;
right: 0;
background: #FFFFFF;
max-width: 40%; }
.product-list > .item.logo img {
display: block;
width: 100%;
height: auto;
margin: auto; }
@media (min-width: 992px) {
.product-list {
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.product-list > .item {
max-width: 27%;
min-width: 27%; }
.product-list > .item.text {
min-width: 46%;
max-width: 100%; }
.product-list > .item.logo {
max-width: 27%; }
.product-list > .item.image {
-ms-flex-order: 1;
order: 1; }
.product-list > .item.logo {
padding: 32px;
display: -ms-flexbox;
display: flex;
position: relative;
-ms-flex-align: center;
align-items: center; } }
.product-detail {
margin-top: 0;
margin-bottom: 0; }
.product-detail > .item {
width: 100%;
-ms-flex-order: 1;
order: 1; }
.product-detail > .item.images {
-ms-flex-order: 0;
order: 0;
padding: 0; }
.product-detail > .item.cta {
padding: 16px 0; }
.product-detail > .item ._inverse {
text-align: center;
padding: 32px; }
.product-detail > .item ._inverse p {
font-size: 22.4px;
line-height: 24px;
margin: 0;
display: block;
position: relative; }
.product-detail > .item ._inverse p.cta-associated-text.white a {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline; }
.product-detail > .item ._inverse .button {
margin-top: 32px; }
@media (min-width: 768px) {
.product-detail {
margin-bottom: 16px;
display: block; }
.product-detail:after {
content: "";
display: table;
clear: both; }
.product-detail > .item {
float: left;
width: 50%; }
.product-detail > .item.images {
-ms-flex-order: 1;
order: 1;
padding: 16px;
float: right; }
.product-detail > .item.cta {
float: right;
clear: right;
padding: 16px; }
.product-detail > .item ._inverse {
text-align: left; } }
.gform_wrapper .gform_fields label.gfield_label {
display: none; }
.gform_wrapper .gform_fields .ginput_container_name label {
display: none !important; }
.form-control {
border-radius: 0; }
form#contact-form input:not(.button),
form#contact-form select,
form#contact-form textarea {
color: #3C3C3B;
border: 1px solid #3C3C3B; }
.pushin form#contact-form input:not(.button), .pushin
form#contact-form select, .pushin
form#contact-form textarea {
border: 0;
width: 100%; }
form#contact-form input,
form#contact-form textarea {
margin-top: 16px;
padding: 16px; }
form#contact-form textarea {
min-height: 128px; }
form#contact-form select {
border-radius: 0; }
form#contact-form input.button,
form#contact-form input[type=submit] {
min-width: 170px;
padding: 8px 32px;
background: #C77A81;
border-radius: 0;
color: #FFFFFF; }
form#contact-form input[type=checkbox],
form#contact-form input[type=radio] {
margin-top: 0;
width: auto;
display: inline-block;
width: 24px !important; }
form#contact-form input[type=checkbox] + label,
form#contact-form input[type=radio] + label {
margin-top: 0;
width: auto;
display: inline-block; }
form#contact-form .label {
display: block; }
form#contact-form input:not(.button).has-error,
form#contact-form select.has-error,
form#contact-form textarea.has-error,
form#contact-form .form-group.has-error,
form#contact-form label.has-error {
border: 1px solid red; }
.metal-fold {
width: 180px;
height: 180px;
display: block;
position: absolute; }
.metal-fold.-small {
width: 90px;
height: 90px; }
.metal-fold.-smallest {
width: 45px;
height: 45px; }
.metal-fold > .fold {
display: block;
position: absolute;
background-color: transparent;
width: 100%;
height: 50%;
bottom: 0;
left: 0;
overflow: hidden; }
.metal-fold > .fold:before {
content: '';
display: block;
position: absolute;
width: 50%;
height: 100%;
bottom: 0;
left: 0;
background-color: #A3212B; }
.metal-fold > .fold:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 200px 200px 0 0;
border-color: #A3212B transparent transparent transparent;
right: 0;
top: 0; }
.metal-fold > .shadow {
display: block;
position: absolute;
overflow: hidden;
background: #A3212B;
width: 50%;
height: 50%;
right: 0; }
.metal-fold > .shadow:after {
display: block;
position: absolute;
content: "";
width: 100%;
height: 100%;
-ms-transform: translateY(100%);
transform: translateY(100%);
box-shadow: 0px -5px 15px 0px rgba(60, 60, 59, 0.5); }
.metal-fold.-top > .fold {
height: 100%;
width: 50%; }
.metal-fold.-top > .fold:before {
width: 100%;
height: 50%;
bottom: 0;
left: 0; }
.metal-fold.-top > .fold:after {
left: 0;
right: auto;
border-width: 0 0 200px 200px;
border-color: transparent transparent #A3212B transparent;
top: auto;
bottom: 50%; }
.metal-fold.-top > .shadow {
right: auto;
left: 50%; }
.metal-fold.-top > .shadow:after {
-ms-transform: translateX(-100%);
transform: translateX(-100%);
box-shadow: 5px 0px 15px 0px rgba(60, 60, 59, 0.5); }
.metal-fold.-reverse > .fold {
right: 0;
left: auto; }
.metal-fold.-reverse > .fold:before {
bottom: auto;
left: auto;
right: 0;
top: 0; }
.metal-fold.-reverse > .fold:after {
left: 0;
right: auto;
top: 0;
border-width: 0 200px 200px 0;
border-color: transparent #A3212B transparent transparent; }
.metal-fold.-reverse > .shadow {
right: auto;
left: 0; }
.metal-fold.-reverse > .shadow:after {
-ms-transform: translateX(-100%);
transform: translateX(-100%);
box-shadow: none; }
.metal-fold.-top.-reverse > .fold:before {
bottom: 0;
left: 0;
right: auto;
top: auto; }
.metal-fold.-top.-reverse > .fold:after {
right: 0;
left: auto;
top: auto;
bottom: 50%;
border-width: 200px 0 0 200px;
border-color: transparent transparent transparent #A3212B; }
.metal-fold.-top.-reverse > .shadow {
right: auto;
left: 0;
bottom: auto;
top: 0; }
.metal-fold.-top.-reverse > .shadow:after {
-ms-transform: translateY(-100%);
transform: translateY(-100%);
box-shadow: none; }
.pushin .metal-fold {
width: 90px;
height: 90px;
z-index: 2; }
.pushin .metal-fold + .metal-fold {
bottom: 0;
right: 0;
z-index: 1; }
.pushin .metal-fold > .fold.-top {
height: 100%;
width: 50%; }
.pushin .metal-fold > .fold.-top:before {
display: none; }
.pushin .metal-fold > .fold.-top:after {
left: 0;
right: auto;
border-width: 0 0 200px 200px;
border-color: transparent transparent #2f2f2e transparent;
top: auto;
bottom: 50%; }
.pushin .metal-fold > .fold.-bottom {
height: 50%;
width: 100%;
bottom: 0;
right: 0; }
.pushin .metal-fold > .fold.-bottom:before {
height: 100%;
width: 200%;
right: 0;
background: #2f2f2e; }
.pushin .metal-fold > .fold.-bottom:after {
display: none; }
.pushin .metal-fold > .shadow {
right: auto;
top: auto;
left: 50%;
top: 0;
width: 150%;
background: #2f2f2e; }
.pushin .metal-fold > .shadow:after {
-ms-transform: translateY(0);
transform: translateY(0);
top: 0;
left: -100%;
box-shadow: 5px 0px 15px 0px rgba(0, 0, 0, 0.8); }
@media (min-width: 768px) {
.pushin .metal-fold {
width: 150px;
height: 150px; }
.pushin .metal-fold + .metal-fold {
right: auto; }
.pushin .metal-fold > .fold.-top {
height: 100%;
width: 50%; }
.pushin .metal-fold > .fold.-top:before {
display: none; }
.pushin .metal-fold > .fold.-top:after {
left: 0;
right: auto;
border-width: 0 0 200px 200px;
border-color: transparent transparent #2f2f2e transparent;
top: auto;
bottom: 50%; }
.pushin .metal-fold > .fold.-bottom {
height: 100%;
width: 50%;
bottom: 0;
left: 0;
right: auto; }
.pushin .metal-fold > .fold.-bottom:before {
display: none; }
.pushin .metal-fold > .fold.-bottom:after {
display: block;
left: 0;
right: auto;
border-width: 0 200px 200px 0;
border-color: transparent #2f2f2e transparent transparent;
top: 50%;
bottom: auto; }
.pushin .metal-fold > .shadow {
right: auto;
top: auto;
left: 0;
bottom: 0;
background: #2f2f2e;
width: 100%; }
.pushin .metal-fold > .shadow:after {
-ms-transform: translateY(0);
transform: translateY(0);
top: -100%;
left: 0;
width: 50%;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.8); } }
.home-widgets .title {
text-align: center; }
.-services {
margin-left: -8px;
margin-right: -8px; }
.-services > .item {
padding: 8px; }
@media (min-width: 768px) {
.-services > .item {
max-width: 50%; } }
.-services > .item:hover > .item {
text-decoration: none;
background-color: #C77A81; }
.-services > .item > .item {
background-color: #A3212B;
color: #FFFFFF;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
height: 170px;
transition: 0.3s;
position: relative;
-ms-flex-order: 1;
order: 1;
-ms-flex-direction: column;
flex-direction: column; }
.-services > .item > .item p {
margin: 0;
font-size: 18px;
line-height: 20px;
display: block;
max-width: 100%;
padding: 16px; }
.-services > .item > .item p span.case-category {
font-size: 16px; }
.-services > .item > .item .icon.-link {
display: block;
position: absolute;
bottom: 24px;
right: 24px;
width: 32px;
height: 32px;
fill: #FFFFFF; }
@media (min-width: 600px) {
.-services > .item > .item {
height: 200px; } }
@media (min-width: 992px) {
.-services > .item > .item {
height: 270px; }
.-services > .item > .item p {
font-size: 22px;
line-height: 28px;
padding: 0 24px 24px 24px; } }
@media (min-width: 600px) {
.-services > .item:nth-child(3n+3) > .img-wrap, .-services > .item:nth-child(4n+4) > .img-wrap {
-ms-flex-order: 2;
order: 2; } }
.-sections {
-ms-flex-align: start;
align-items: flex-start;
margin: -16px; }
.-sections > .item {
padding: 0 32px 0 16px; }
.-sections > .item + .item {
padding: 0 16px 0 32px; }
.-sections .title {
font-size: 19.2px;
margin-bottom: 16px; }
@media (max-width: 599px) {
.-sections {
margin: 0; }
.-sections > .item,
.-sections > .item + .item {
padding: 0; } }
.ats-widgets .item {
display: block;
position: relative;
background: #3C3C3B;
color: #FFFFFF; }
.ats-widgets .item svg {
fill: #FFFFFF; }
.ats-widgets .item .image-wrap {
width: 100%;
height: 150px;
background-repeat: no-repeat;
background-size: cover;
background-position: bottom center; }
.ats-widgets .item .content {
display: block;
position: relative;
height: 100px;
width: 100%;
text-align: left; }
.ats-widgets .item .content .title {
text-align: left;
font-size: 16px;
padding: 16px 16px 0 16px;
margin: 0; }
.ats-widgets .item .content .icon {
position: absolute;
bottom: 16px;
right: 24px;
width: 24px;
height: 24px; }
.-eod {
margin: 0; }
.-eod > .item {
width: 100%;
min-width: 100%;
display: block;
position: relative;
background: #A3212B;
padding: 0;
margin-bottom: 4px;
height: auto; }
.-eod > .item p {
color: #FFFFFF;
margin: 0;
text-transform: uppercase;
font-family: "thwhite-bold", Helvetica, Arial, sans-serif;
display: block;
padding: 20px 32px 19px 16px; }
.-eod > .item .icon.-link {
display: block;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 16px;
width: 24px;
height: 24px;
fill: #FFFFFF; }
.cta._full-width ._inverse {
padding: 48px 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
align-content: center;
-ms-flex-align: center;
align-items: center; }
.cta._full-width ._inverse .icon {
width: 90px;
height: 90px;
fill: #FFFFFF;
-ms-flex: 0 1 90px;
flex: 0 1 90px; }
.cta._full-width ._inverse .content {
max-width: 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
padding-right: 16px; }
.cta._full-width ._inverse .content h3 {
margin-top: 0; }
.cta._full-width ._inverse .content p {
font-size: 16px; }
.cta._full-width ._inverse .button {
margin: 0; }
@media (max-width: 991px) {
.cta._full-width ._inverse .icon {
display: none; } }
@media (max-width: 767px) {
.cta._full-width ._inverse {
-ms-flex-pack: center;
justify-content: center; }
.cta._full-width ._inverse .content {
max-width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-positive: 1;
flex-grow: 1; }
.cta._full-width ._inverse .button {
margin-top: 32px; } }
@media (max-width: 599px) {
table.-flow thead {
display: none; }
table.-flow tbody th {
text-align: center;
background: #A3212B;
position: relative;
color: #FFFFFF; }
table.-flow tbody tr {
margin-bottom: 8px; }
table.-flow tr,
table.-flow th,
table.-flow tbody td {
display: block;
width: 100%;
min-height: 25px; }
table.-flow tbody td,
table.-flow tbody td + td {
padding: 2px 0;
padding-left: 40%;
text-align: left; }
table.-flow tbody td:before,
table.-flow tbody td + td:before {
display: block;
position: absolute;
left: 8px;
top: auto;
content: attr(data-title); }
table.-flow.facts {
margin: 0; }
table.-flow.facts tbody tr {
padding: 8px 0;
border-bottom: 2px solid #3C3C3B;
margin-bottom: 0; }
table.-flow.facts tbody tr.showMe {
padding: 0;
border: 0; }
table.-flow.facts tbody th:after {
display: none; }
table.-flow.facts tbody td {
padding-top: 8px;
padding-bottom: 8px; }
table.-flow.facts tbody td div {
padding-top: 0; }
table.-flow.facts tbody td + td {
border-left: 0;
border-top: 1px solid #3C3C3B; }
table.-flow.facts tbody td:before {
text-transform: uppercase; }
table.-flow.facts tbody tr.showMe td,
table.-flow.facts tbody tr.showMe td + td {
border: 0;
padding: 0; }
table.-flow.facts tbody tr.showMe td:before,
table.-flow.facts tbody tr.showMe td + td:before {
display: none; } }
#begin {
background: #424242;
text-align: center; }
#begin a {
display: block;
position: relative;
text-transform: uppercase;
color: #FFFFFF;
padding: 24px;
font-size: 19.2px;
cursor: pointer; }
#begin a:hover {
text-decoration: underline; }
.home .title-block {
display: none; }
.enquiry-builder {
margin-top: 100px !important; }
.enquiry-builder .site-header .nav-wrapper {
height: 100px !important; }
.enquiry-builder .site-header .nav-wrapper .container {
text-align: center; }
.enquiry-builder .site-header .nav-wrapper .container .navbar-brand {
float: none;
display: block;
position: relative;
margin: 25px auto;
width: 180px;
height: 45px; }
.page-block {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
position: relative;
min-height: calc(100vh - 100px);
color: #FFFFFF;
padding-bottom: 84px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/images/enquiry/section-1.jpg); }
.page-block#section-2 {
background-image: url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/images/enquiry/section-3.jpg); }
.page-block#section-3 {
background-image: url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/images/enquiry/section-2.jpg); }
.page-block#section-4 {
background-image: url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/images/enquiry/section-4.jpg); }
.page-block#section-5 {
background-image: url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/images/enquiry/section-5.jpg); }
.page-block .title-block .title {
display: inline-block;
background-color: rgba(0, 0, 0, 0.7);
padding: 24px 48px;
margin: 0; } .navigation-buttons {
padding: 0;
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
bottom: 0;
left: 0;
right: 0; }
.navigation-buttons .flex-grid {
margin: 16px 0; }
.navigation-buttons .flex-grid > .item {
padding: 0;
width: 50% !important; }
.navigation-buttons a {
display: inline-block;
position: relative;
color: #FFFFFF;
text-transform: uppercase;
padding: 0;
cursor: pointer; }
.navigation-buttons a span {
display: inline-block;
padding: 16px 24px;
background: #A3212B;
transition: background 0.3s ease; }
.navigation-buttons a:hover span {
background: #C77A81; }
.navigation-buttons a.seb-back {
padding-left: 0; }
.navigation-buttons a.seb-next, .navigation-buttons a#seb-submit {
padding-right: 0;
float: right; }
.navigation-buttons a.seb-clear {
color: #EAEAEA; }
.navigation-buttons a.seb-clear span {
background: transparent;
padding: 12px 12px;
text-decoration: underline; }
.navigation-buttons a.seb-clear:hover span {
color: #FFFFFF; } .progress-tracker-wrap {
position: fixed;
top: 150px;
right: 0;
padding: 16px;
background-color: #FFFFFF;
z-index: 999; }
.progress-tracker-wrap .progress-tracker {
display: block;
width: 12px;
height: 12px;
margin-bottom: 7px;
border: 2px solid #3C3C3B;
border-radius: 50%; }
.progress-tracker-wrap .progress-tracker.complete {
background-color: #3C3C3B; }
.has-error {
color: #A3212B;
border: 1px solid #A3212B; }
.hideMe {
max-height: 0;
overflow: hidden; }
.hideMe.alert {
display: none; }
.hideMe.page-block {
min-height: 0;
padding: 0; }
.-industry {
margin: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-right: 1px solid #65141B; }
.-industry > .item {
width: 25%;
border-left: 1px solid #65141B;
margin: 0;
padding: 0; }
@media (max-width: 991px) {
.-industry > .item {
width: 50%;
border-bottom: 1px solid #65141B; } }
.checkbox {
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
color: #FFFFFF;
margin: 0;    }
.checkbox .icon {
display: block;
position: relative;
pointer-events: none;
width: 100px;
height: 100px;
margin: auto; }
.checkbox svg {
fill: #FFFFFF;
pointer-events: none; }
.checkbox .text {
text-transform: uppercase;
display: block;
margin-top: 16px;
max-width: 100%;
word-wrap: break-word; }
.checkbox .info-button {
width: 42px;
height: 42px;
top: 0;
right: 0;
position: absolute;
font-size: 0;
line-height: 0;
background-color: #6A151C;
z-index: 2; }
.checkbox .info-button .info {
width: 16px;
height: 16px;
display: block;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0.6;
transition: all .2s;
pointer-events: none; }
.checkbox .info-button:hover .info {
opacity: 1; }
.checkbox input[type="checkbox"]:not(:checked),
.checkbox input[type="checkbox"]:checked {
position: absolute;
left: -9999px; }
.checkbox input[type="checkbox"]:not(:checked) + label,
.checkbox input[type="checkbox"]:checked + label {
display: block;
position: relative;
padding: 48px;
padding-bottom: 56px;
cursor: pointer;
opacity: 0.8;
text-align: center;
width: 100%;
transition: all .2s; }
.checkbox input[type="checkbox"]:checked + label {
background-color: #861B23;
opacity: 1; }
.checkbox input[type="checkbox"]:not(:checked) + label .tick,
.checkbox input[type="checkbox"]:checked + label .tick {
display: block;
position: absolute;
bottom: 16px;
left: 50%;
color: #FFFFFF;
transition: all .2s;
width: 26px;
height: 26px;
margin-left: -13px; }
.checkbox input[type="checkbox"]:not(:checked) + label .tick {
opacity: 0;
-ms-transform: scale(0);
transform: scale(0); }
.checkbox input[type="checkbox"]:checked + label .tick {
opacity: 1;
-ms-transform: scale(1);
transform: scale(1); }
.checkbox input[type="checkbox"]:disabled:checked + label .tick {
color: #999; }
.checkbox input[type="checkbox"]:disabled + label {
color: #aaa; }
@media (max-width: 479px) {
.checkbox input[type="checkbox"]:not(:checked) + label,
.checkbox input[type="checkbox"]:checked + label {
padding-left: 16px;
padding-right: 16px; }
.checkbox .icon {
width: 70px; }
.checkbox .text {
font-size: 12.8px; } }
.slider-wrapper {
padding: 0 16px; }
.slider-wrapper .checkbox {
height: 100%; }
.slider-wrapper .checkbox .icon {
width: 70px;
height: 70px; }
.slider-wrapper .checkbox .text {
font-size: 12.8px; }
.slider-wrapper .checkbox input[type="checkbox"]:not(:checked) + label,
.slider-wrapper .checkbox input[type="checkbox"]:checked + label {
padding: 48px 24px;
border-left: 1px solid #65141B;
border-right: 1px solid #65141B; }
.slider-wrapper .checkbox input[type="checkbox"]:not(:checked) + label .tick,
.slider-wrapper .checkbox input[type="checkbox"]:checked + label .tick {
bottom: 16px;
width: 18px;
height: 18px;
margin-left: -9px; }
.industry-list ul {
list-style-type: none;
margin: 0;
padding: 0;
line-height: 0;
font-size: 0; }
@media (min-width: 768px) {
.industry-list ul {
padding-right: 95px; } }
.industry-list ul > li {
display: block; }
@media (min-width: 768px) {
.industry-list ul > li {
display: inline-block; } }
.industry-list ul > li.hideMe {
display: none; }
.industry-list ul > li h3 {
text-transform: uppercase;
font-size: 16px;
margin: 0;
display: block;
position: relative; }
.industry-list ul > li h3 a {
display: block;
color: #FFFFFF;
padding: 8px 24px;
font-weight: bold;
opacity: 0.7;
cursor: pointer; }
.industry-list ul > li h3 a.active {
opacity: 1;
background: #A3212B; }
.industry-list small {
display: block; }
.industry-list small a {
color: #FFFFFF;
padding: 8px 16px;
font-weight: bold;
display: block; }
@media (min-width: 768px) {
.industry-list small {
position: absolute;
right: 16px;
top: 0; } }
.form-wrapper {
display: block;
color: #FFFFFF;
padding: 24px 32px;
background-color: rgba(0, 0, 0, 0.7); }
.form-wrapper a {
color: #FFFFFF; }
.form-wrapper .form-group input[type="text"],
.form-wrapper .form-group input[type="email"] {
font-size: 14.4px;
line-height: 14.4px;
padding: 8px 16px;
min-width: 24%;
color: #3C3C3B; }
.form-wrapper.-half .form-group input[type="text"],
.form-wrapper.-half .form-group input[type="email"] {
min-width: 100%;
margin: 16px 0; }
@media (min-width: 768px) {
.form-wrapper.-half {
max-width: 50%; } }
.review-section-data {
margin: 0; }
.review-section-data > .item {
padding: 0;
-ms-flex-negative: 1;
flex-shrink: 1;
width: 33.3333333333%; }
.review-section-data > .item.tab-content {
width: 66.6666666667%; }
@media (max-width: 599px) {
.review-section-data > .item {
width: 100%; } }
.review-section-data .nav-tabs {
background: transparent;
z-index: 1;
border: 0;
padding: 8px 0;
width: 100%;
height: 100%; }
.review-section-data .nav-tabs > li {
position: relative; }
.review-section-data .nav-tabs > li a {
color: #FFFFFF;
text-transform: uppercase;
padding: 8px 16px;
margin: 0; }
.review-section-data .nav-tabs > li a h3 {
font-size: 16px;
margin: 5px 0; }
.review-section-data .nav-tabs > li a:hover {
background: #C77A81;
color: #FFFFFF; }
.review-section-data .nav-tabs > li.active a, .review-section-data .nav-tabs > li.active a:hover, .review-section-data .nav-tabs > li.active a:focus {
border: 0;
background: transparent;
color: #FFFFFF; }
@media (max-width: 599px) {
.review-section-data .nav-tabs > li.active a, .review-section-data .nav-tabs > li.active a:hover, .review-section-data .nav-tabs > li.active a:focus {
background: #861B23; } }
.review-section-data .nav-tabs > li.active:after {
content: "";
display: block;
position: absolute;
line-height: 0;
fill: #FFFFFF;
left: 100%;
top: 50%;
border: solid transparent;
height: 0;
width: 0;
pointer-events: none;
border-color: rgba(163, 33, 43, 0);
border-left-color: #A3212B;
border-width: 24px;
margin-top: -24px; }
@media (max-width: 599px) {
.review-section-data .nav-tabs > li.active:after {
display: none; } }
.review-section-data .nav-tabs > li + li {
border-top: 1px solid #861B23; }
@media (max-width: 599px) {
.review-section-data .nav-tabs {
padding-bottom: 0; } }
.review-section-data .tab-content {
background: #861B23;
padding: 8px 0; }
.review-section-data .tab-content ul {
list-style-type: none;
margin: 0;
padding: 0 80px; }
.review-section-data .tab-content ul li {
display: block;
position: relative;
padding: 12px 24px 12px 0; }
.review-section-data .tab-content ul li a {
display: block;
position: absolute;
color: #FFFFFF;
right: 0;
top: 50%;
margin-top: -12px;
width: 24px;
height: 24px;
text-align: right;
cursor: pointer; }
.review-section-data .tab-content ul li + li {
border-top: 1px solid #C77A81; }
.confirmation-section .icon {
position: absolute;
width: 16px;
height: 16px;
top: 50%;
left: 0;
margin-top: -8px;
transition: 0.2s;
fill: white; }
.confirmation-section .accordion-style .title {
position: relative;
border-bottom: 1px solid #FFFFFF;
text-transform: uppercase;
padding: 8px;
padding-right: 32px;
margin: 0;
font-size: 19.2px; }
.confirmation-section .accordion-style .title .icon {
left: auto;
right: 16px; }
.confirmation-section .accordion-style .title.-open .icon {
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.confirmation-section .phone,
.confirmation-section .email {
display: block;
position: relative;
padding: 8px;
padding-left: 48px; }
.confirmation-section .-back {
margin: 16px 0;
background: #A3212B; }
.confirmation-section .-back:hover {
background: #C77A81; }
.enquiry-builder .news-sign-up {
margin-top: 24px; }
.enquiry-builder .news-sign-up a {
text-decoration: underline; }
#department-modal {
padding-right: 0 !important; }
.modal-dialog {
margin: auto; }
@media (min-width: 768px) {
.modal-dialog {
width: 90%;
max-width: 1030px; } }
@media (min-width: 600px) {
.modal.in .modal-dialog {
top: 5%; } }
.modal-content {
border: 0;
border-radius: 0; }
.modal-content a.highlight-color {
color: #3C3C3B;
font-weight: bold;
text-decoration: underline; }
.modal-header {
color: #FFFFFF;
background-color: #A3212B;
padding: 32px; }
.modal-header svg {
fill: #FFFFFF; }
.modal-header .close-modal,
.modal-header .icon {
display: block;
width: 32px;
height: 32px; }
.modal-header .close-modal {
position: absolute;
top: 32px;
right: 32px; }
.modal-header .modal-icon {
width: 90px;
height: 90px;
display: inline-block;
margin-right: 50px; }
.modal-header .modal-title {
display: inline-block;
font-family: "thwhite", Helvetica, Arial, sans-serif; }
.modal-footer {
display: none; }
.modal-body {
padding: 0; }
.-modalGrid {
padding: 0;
margin: 0; }
.-modalGrid > .item {
padding: 32px; }
.-modalGrid > .item.-modalNav {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-line-pack: stretch;
align-content: stretch;
padding: 0;
max-width: 260px;
position: relative;
overflow: visible;
background: #FFFFFF;
border-right: 1px solid #EAEAEA; }
.-modalGrid > .item.-modalNav:before, .-modalGrid > .item.-modalNav:after {
z-index: 0;
position: absolute;
content: "";
right: 12px;
top: 24px;
height: 50%;
width: 30px;
background: rgba(0, 0, 0, 0.25);
box-shadow: 0 0 70px rgba(0, 0, 0, 0.4);
-ms-transform: rotate(-4deg);
transform: rotate(-4deg); }
@media (max-width: 599px) {
.-modalGrid > .item.-modalNav:before, .-modalGrid > .item.-modalNav:after {
width: 46%;
height: 90%;
top: 8px;
right: 24px;
left: auto;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.4); } }
.-modalGrid > .item.-modalNav:after {
-ms-transform: rotate(4deg);
transform: rotate(4deg);
bottom: 24px;
top: auto; }
@media (max-width: 599px) {
.-modalGrid > .item.-modalNav:after {
right: auto;
bottom: auto;
top: 8px;
left: 24px; } }
@media (max-width: 599px) {
.-modalGrid > .item.-modalNav {
max-width: 100%; } }
.-modalGrid ol.process-list {
text-align: center; }
.-modalGrid ol.process-list > li {
display: inline-block;
text-transform: uppercase;
font-family: "thwhite-bold", Helvetica, Arial, sans-serif; }
.-modalGrid ol.process-list > li:after {
display: inline-block;
content: ">";
margin: 0 16px; }
.-modalGrid ol.process-list > li:last-of-type:after {
margin: 0;
content: ""; }
.nav-tabs {
display: block;
position: relative;
background: #FFFFFF;
z-index: 1;
border: 0;
padding: 32px 0;
width: 100%;
min-height: 100%; }
.nav-tabs > li {
float: none;
margin: 0;
border: 0; }
.nav-tabs > li a {
border: 0;
border-radius: 0;
color: #3C3C3B;
font-family: "thwhite-bold", Helvetica, Arial, sans-serif;
text-transform: uppercase;
padding: 16px 32px;
margin: 0; }
.nav-tabs > li.active a, .nav-tabs > li.active a:hover, .nav-tabs > li.active a:focus {
border: 0;
background: #EAEAEA;
color: #3C3C3B; }
@media (max-width: 599px) {
.nav-tabs {
padding-bottom: 0;
text-align: center; } }
#download-tabs {
margin: 16px 0;
padding: 0; }
#download-tabs .-modalGrid {
padding: 0;
margin: 0; }
#download-tabs .-modalGrid > .item.-modalNav {
max-width: 30%;
background: #424242;
border: 0; }
#download-tabs .-modalGrid > .item.-modalNav:before, #download-tabs .-modalGrid > .item.-modalNav:after {
box-shadow: 0 0 70px rgba(0, 0, 0, 0.7); }
@media (max-width: 599px) {
#download-tabs .-modalGrid > .item.-modalNav:before, #download-tabs .-modalGrid > .item.-modalNav:after {
box-shadow: 0 0 50px rgba(0, 0, 0, 0.7); } }
@media (max-width: 767px) {
#download-tabs .-modalGrid > .item.-modalNav {
width: 100%;
max-width: 100%; } }
#download-tabs .nav-tabs {
background: #424242;
padding: 96px 0; }
#download-tabs .nav-tabs > li a {
color: #FFFFFF;
font-family: "thwhite", Helvetica, Arial, sans-serif;
padding: 8px 16px; }
#download-tabs .nav-tabs > li a:hover {
background: #5A5A5A; }
#download-tabs .nav-tabs > li.active a {
background: #5A5A5A; }
#download-tabs .tab-content {
padding: 96px 32px; }
#download-tabs .tab-content > .active {
position: relative; }
@media (max-width: 767px) {
#download-tabs .container {
padding: 0; }
#download-tabs .nav-tabs {
padding: 16px 0; }
#download-tabs .tab-content {
padding: 32px 16px; } }
.flex-grid.-download {
margin-top: -16px;
margin-bottom: -16px;
-ms-flex-align: start;
align-items: flex-start; }
.flex-grid.-download > .item {
color: #FFFFFF;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: start;
justify-content: flex-start; }
.flex-grid.-download > .item .image-wrap {
width: 70px;
height: 100px;
padding: 2px;
background: #A3212B;
text-align: center;
-ms-flex-preferred-size: 70px;
flex-basis: 70px; }
.flex-grid.-download > .item .image-wrap img {
height: 100%;
width: auto;
display: block;
position: relative;
margin: 0 auto; }
.flex-grid.-download > .item .content {
padding-left: 24px;
max-width: calc(100% - 112px);
-ms-flex-preferred-size: calc(100% - 112px);
flex-basis: calc(100% - 112px);
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-direction: column;
flex-direction: column;
justify-content: space-between;
-ms-flex-line-pack: start;
align-content: flex-start; }
.flex-grid.-download > .item .content p {
max-width: 100%; }
.flex-grid.-download > .item .content .link {
display: block;
position: relative;
line-height: 0; }
.flex-grid.-download > .item .content .link span.text {
text-indent: -9999px;
font-size: 0;
padding: 0;
margin: 0; }
.flex-grid.-download > .item .content .link .icon {
fill: white;
width: 16px;
height: 16px; }
.flex-grid.-download > .item:hover {
color: #C77A81; }
.flex-grid.-download > .item:hover .image-wrap {
background: #C77A81; }
.flex-grid.-download > .item:hover .content .link .icon {
fill: #C77A81; }
#department-case-studies .title {
text-align: center; }
#tabbed-section:after {
content: "";
display: block;
position: absolute;
line-height: 0;
fill: #FFFFFF;
top: -1px;
left: 0;
right: 0;
height: 1px;
width: 100%;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.8);
z-index: 999; }
.tab-style {
overflow: hidden;
margin-bottom: 48px; }
.tab-style .tabbed-background {
background-color: #3C3C3B;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/images/tabbed.jpg);
color: #FFFFFF;
padding: 80px 0;
text-align: center; }
.tab-style .tabbed-background .button {
margin: 16px 0; }
.tab-style .tabbed-background ul {
display: inline-block;
position: relative;
margin: 16px auto; }
.tab-style .tabbed-background ul > li {
text-transform: uppercase;
font-family: "thwhite-bold", Helvetica, Arial, sans-serif;
text-align: left; }
.tab-style .tabbed-background ol > li {
display: inline-block;
text-transform: uppercase;
font-family: "thwhite-bold", Helvetica, Arial, sans-serif; }
.tab-style .tabbed-background ol > li:after {
display: inline-block;
content: ">";
margin: 0 16px; }
.tab-style .tabbed-background ol > li:last-of-type:after {
margin: 0;
content: ""; }
.tab-style .nav-tabs {
text-align: center; }
@media (min-width: 768px) {
.tab-style .nav-tabs {
text-align: center;
padding: 16px 0; }
.tab-style .nav-tabs > li {
display: inline-block; } }
.accordion-wrapper.contact .icon {
position: absolute;
width: 16px;
height: 16px;
top: 50%;
left: 0;
margin-top: -8px;
transition: 0.2s;
fill: #3C3C3B; }
.accordion-wrapper.contact .icon #down path {
fill: #3C3C3B; }
.accordion-wrapper.contact .icon svg {
fill: #3C3C3B; }
.accordion-wrapper.contact .title {
border-bottom: 1px solid #EAEAEA;
padding: 8px;
padding-right: 32px; }
.accordion-wrapper.contact .title .icon {
left: auto;
right: 16px; }
.accordion-wrapper.contact .title.-open {
border-bottom: 0; }
.accordion-wrapper.contact .title.-open .icon {
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.accordion-wrapper.contact .content.-open {
padding: 0 0 32px 0 !important;
border-bottom: 1px solid #EAEAEA; }
.g-recaptcha {
margin-bottom: 16px; }
.google-map {
width: 100%;
height: 300px;
margin: 24px 0;
border: #ccc solid 1px; } .acf-map img {
max-width: inherit !important; }
#hero-image {
height: 150px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
margin-bottom: 32px; }
@media (min-width: 768px) {
#hero-image {
height: 420px; } }
#summary {
margin: 48px 0; }
.key-data > .-data.usp {
text-align: center; }
.key-data > .-data.usp .icon {
width: 260px;
height: 120px;
display: -ms-flexbox;
display: flex; }
.key-data > .-data.usp .icon .metal-fold {
width: 68px;
height: 68px; }
.key-data > .-data.usp .icon .metal-fold:after {
width: 235%; }
.key-data > .-data.usp .icon .metal-fold.-top:after {
right: -210%; }
.key-data > .-data.usp .icon .metal-fold.-reverse:after {
right: 50%;
width: 50%;
height: 60%;
top: -25%; }
.key-data > .-data.usp .icon .metal-fold.-top.-reverse:after {
top: 50%;
right: 0; }
.key-data > .-data.usp p {
margin: 12px 0 16px 0; }
.key-data > .-data.usp h2 {
display: block;
width: 210px;
height: 45px;
font-size: 36px;
overflow-wrap: break-word;
word-wrap: break-word; }
@media (min-width: 768px) {
.key-data > .-data.usp {
width: 25%; } }
.-image-sections {
margin: 16px 0; }
.-image-sections > .item {
padding: 0;
background: #EAEAEA; }
.-image-sections > .item.-text {
padding: 16px; }
@media (min-width: 600px) {
.-image-sections > .item.-text {
padding: 32px; } }
.-image-sections > .item:not(.-text) {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
position: relative; }
.tooltip {
text-align: center;
color: #3C3C3B;
background: #FFFFFF;
position: absolute;
z-index: 100;
padding: 15px;
max-width: 260px; }
.videos .slide .item {
padding: 0 16px; }
div.video {
position: relative;
text-align: center;
font-size: 0; }
div.video > div.thumb {
border-radius: 50%;
width: 160px !important;
height: 160px !important;
display: inline-block;
vertical-align: middle;
position: relative;
opacity: 1;
margin: auto;
cursor: pointer;
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
div.video > div.thumb:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/images/play.svg) center center no-repeat;
opacity: 1; }
@media (max-width: 991px) {
div.video > div.thumb {
width: 160px !important;
height: 160px !important; } }
div.video > div.info {
cursor: pointer;
background-image: none !important;
background: transparent !important;
display: inline-block;
vertical-align: middle;
opacity: 1;
width: calc(100% - 200px);
font-size: 16px; }
div.video > div.info p > strong {
display: block;
color: #3C3C3B;
font-family: "thwhite", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 600;
padding: 0 32px; }
@media (max-width: 991px) {
div.video > div.info {
width: calc(100% - 160px); }
div.video > div.info p > strong {
padding: 0 16px; } }
.video-intro-text {
color: #FFFFFF;
text-align: center;
text-transform: uppercase;
margin-top: 20px;
font-weight: bold; }
.modal-body .button {
fill: #FFFFFF;
background: #A3212B;
width: 40px;
height: 40px;
border-radius: 8px;
padding: 8px;
position: absolute;
right: 0;
top: -48px; }
.modal-body .button:hover {
background: #3C3C3B; }
.modal-body .button .icon {
width: 100%;
height: 100%;
padding: 0; }
.modal-body .button svg {
fill: inherit; }
#videoModal .modal-dialog {
top: 60px; }
@media (min-width: 600px) {
#videoModal .modal-dialog {
top: 50%;
-ms-transform: translate(0, -50%);
transform: translate(0, -50%); } } .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[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; }
.js-close-search {
top: 0;
right: 0;
left: 0;
bottom: 0;
position: absolute;
display: none; }
.show-search .js-close-search {
display: block;
z-index: 899;
background-color: transparent; }
.navbar-search {
-ms-flex-order: 2;
order: 2;
pointer-events: auto;
width: 42px;
overflow: hidden;
height: 38px;
transition: 0.3s;
z-index: 2;
position: absolute;
right: 64px;
top: 20px;
text-align: right; }
.enquiry-builder .navbar-search {
top: 32px; }
.navbar-search a {
display: block;
position: absolute;
top: 0;
right: 0;
width: 42px;
height: 38px;
padding: 12px 8px;
transition: 0.3s;
z-index: 2; }
.navbar-search svg {
pointer-events: none;
display: block;
width: 14px;
height: 14px;
position: absolute;
transition: all .4s ease-in-out;
z-index: 10;
right: 14px;
top: 12px; }
.show-search .navbar-search svg.search {
fill: #FFFFFF;
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
top: 55px;
width: 18px;
height: 18px; }
.navbar-search svg.close {
fill: #FFFFFF;
right: 12px;
opacity: 0;
width: 8px;
height: 8px; }
.show-search .navbar-search svg.close {
opacity: 1;
width: 18px;
height: 18px; }
@media (min-width: 1200px) {
body:not(.enquiry-builder) .navbar-search {
right: 0;
top: 34px; }
body:not(.enquiry-builder) .navbar-search a {
background: #3C3C3B; }
body:not(.enquiry-builder) .navbar-search a:hover {
background: #A3212B; }
body:not(.enquiry-builder) .navbar-search svg.search {
fill: #FFFFFF; } }
.navbar-search .search-form {
z-index: 1;
display: block;
position: relative;
height: 54px;
width: 100%;
overflow: hidden;
margin: 38px 0 0 0;
padding: 8px 0 8px 8px;
background: #A3212B;
text-align: left; }
.navbar-search .search-form label {
display: none; }
.navbar-search .search-form .form-group {
width: calc(100% - 48px);
height: 38px;
display: inline-block;
font-size: 16px; }
.navbar-search .search-form input {
height: 38px;
width: 100%; }
.navbar-search .search-form button.button {
display: inline-block;
padding: 0;
width: 42px;
height: 38px;
border-radius: 0;
background: transparent;
border: 0;
fill: #FFFFFF;
transition: 0.3s; }
.navbar-search .search-form button.button span.text {
height: 0;
width: 0;
visibility: hidden; }
.show-search .navbar-search {
width: 100%;
height: 92px; }
.show-search .navbar-search a {
background: #A3212B;
fill: #FFFFFF; }
.show-search .navbar-search .search-form {
box-shadow: 0px -5px 10px 0px rgba(60, 60, 59, 0.5); }
@media (max-width: 991px) {
.show-search .navbar-search {
width: calc(100% - 76px); } }
@media (max-width: 479px) {
.show-search .navbar-search {
width: calc(100% - 32px);
right: 16px; } }
button.search-submit {
border: 0; }
#searchorderselect {
margin-top: 24px;
background: #FFFFFF;
border-radius: 0 !important;
border: 1px solid #EAEAEA;
height: 34px;
min-width: 200px;
display: block;
position: relative; }
.search-results a.read-more {
display: block;
width: 200px;
padding: 8px;
margin-top: 16px;
margin-bottom: 24px; }
.search-results .blog-post-title a {
color: #3C3C3B; }
#department-btns {
padding: 32px 0 32px 0; }
#intro,
#difference,
#dsh-summary {
text-align: center;
padding: 32px 0 32px 0;
font-size: 19.2px;
line-height: 24px; }
#studies {
padding-top: 32px; }
#usp {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-image: url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/images/Dryer 5.jpg);
padding: 64px 0;
color: #FFFFFF; }
#usp:before {
content: "";
display: block;
position: absolute;
line-height: 0;
fill: #FFFFFF;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.65); }
#usp:after {
content: "";
display: block;
position: absolute;
line-height: 0;
fill: #FFFFFF;
top: 0;
left: 50%;
pointer-events: none;
border: solid transparent;
border-color: rgba(255, 255, 255, 0);
border-top-color: #FFFFFF;
border-width: 30px;
margin-left: -30px; }
@media (min-width: 768px) {
#usp {
min-height: 730px; } }
.usp {
-ms-flex-align: stretch;
align-items: stretch; }
.usp > .item {
padding: 0 16px; }
.usp > .item + .item {
border-top: 1px solid #FFFFFF;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column; }
@media (min-width: 768px) {
.usp > .item + .item {
border-top: 0;
border-left: 1px solid #FFFFFF; } }
.usp > .item + .item p {
font-size: 28px;
line-height: 38px;
text-align: center;
width: 75%; }
.usp .usp-content {
color: #FFFFFF;
text-align: center; }
.usp .usp-content strong {
display: block;
text-transform: uppercase;
margin-top: 24px; }
.usp .usp-content small {
display: block;
text-transform: capitalize;
margin-top: 12px; }
.usp .usp-content a {
color: #FFFFFF; }
.usp .icon {
display: block;
position: relative;
margin: auto;
width: 130px;
height: 130px;
fill: #FFFFFF;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center; }
.usp .icon svg {
display: block;
position: absolute;
width: 50px;
height: 50px;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px; }
.usp .text {
display: block;
margin-top: 12px; }
.usp .text .top {
font-weight: bold; }
.usp .text .bottom {
text-transform: lowercase; }
.usp .metal-fold {
position: absolute;
width: 54px;
height: 54px;
bottom: 0;
right: 0; }
.usp .metal-fold:after {
content: "";
display: block;
position: absolute;
line-height: 0;
fill: #FFFFFF;
background: #A3212B;
width: 100%;
height: 50%;
top: 50%;
right: 50%; }
.usp .metal-fold.-reverse:after {
right: 50%;
width: 50%;
height: 100%;
top: -50%; }
.usp .metal-fold.-top {
bottom: auto;
top: 0; }
.usp .metal-fold.-top:after {
top: 0;
right: -90%; }
.usp .metal-fold.-top.-reverse:after {
top: 50%;
right: 0; }
.usp .metal-fold.-left {
right: auto;
left: 0; }
@media (max-width: 767px) {
.usp > .item {
padding: 32px;
width: 100%; }
.usp > .item + .item {
padding: 64px 48px 0 48px; }
.usp .icon {
width: 170px;
height: 170px; }
.usp .metal-fold {
width: 68px;
height: 68px; } }
@media (max-width: 479px) {
.usp > .item {
padding: 16px; }
.usp > .item + .item {
padding: 48px 16px 0 16px; }
.usp > .item + .item p {
width: 90%;
font-size: 24px;
line-height: 30px; } }
.usp-slider .slides {
height: 560px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: stretch;
align-content: stretch; }
.usp-slider .slides > li {
width: 50%; }
.usp-slider.no-controls .slide:first-of-type,
.usp-slider.no-controls .slide:last-of-type {
display: none; }
.usp-slider .dots,
.usp-slider .prev,
.usp-slider .next {
display: none;
top: 25%; }
@media (max-width: 767px) {
.usp-slider {
margin-left: 16px;
margin-right: 16px; }
.usp-slider .slides {
display: block;
height: 330px; }
.usp-slider .slides > li {
display: inline-block;
vertical-align: middle;
width: 100%;
padding: 0 16px;
margin: 0; }
.usp-slider .acc-wrap {
display: -ms-flexbox;
display: flex;
position: relative;
height: 90px;
text-align: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center; }
.usp-slider .acc-wrap img {
display: block;
max-height: 100%;
width: auto;
margin: 0 auto; }
.usp-slider .dots {
display: block; }
.usp-slider .dots:before {
height: 45px; }
.usp-slider .dots > li {
border-color: #FFFFFF; }
.usp-slider .dots > li.active {
background-color: #FFFFFF; }
.usp-slider .navigation {
position: absolute;
bottom: -16px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.usp-slider .prev,
.usp-slider .next {
display: block; }
.usp-slider .prev svg,
.usp-slider .next svg {
fill: #FFFFFF; } }
@media (min-width: 768px) {
.usp-slider .slides {
-ms-transform: none !important;
transform: none !important; } }
.banner-image.contact {
height: 320px;
background-image: url(//www.thwhiteprojects.co.uk/wp-content/themes/unidocs-child/assets/images/contact.png);
border: 0; }
.banner-image.contact .container {
display: none; }
.grid.contact {
margin-bottom: 0; }
@media (max-width: 991px) {
.grid.contact > .item {
width: 100%; } }
.grid > .details {
margin: 0;
padding-bottom: 0;
-ms-flex-align: start;
align-items: flex-start; }
.grid > .details > .item {
width: 40%; }
.grid > .details > .item.talk {
width: 60%; }
.grid > .details > .item.image {
width: 100%;
padding-bottom: 0;
margin-top: auto; }
.grid > .details > .item.image img {
width: 100%;
height: auto; }
@media (max-width: 479px) {
.grid > .details > .item {
width: 100% !important; } }
.grid > .details p {
margin: 0;
display: block; }
.grid > .details p.title {
font-weight: normal;
font-family: "thwhite-bold", Helvetica, Arial, sans-serif;
font-size: 16px;
margin: 8px 0; }
.grid > .details p span {
font-weight: normal;
font-family: "thwhite-bold", Helvetica, Arial, sans-serif;
display: inline-block;
width: 30%; }
.grid > .details .icon {
display: block;
width: 32px;
height: 32px;
fill: #FFFFFF;
background: #A3212B;
border-radius: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center; }
.grid > .details .icon svg {
width: 60%;
height: 60%; }
.page-template-content-page-contact .faqs-block {
padding-bottom: 0; }
.page-template-content-page-contact .faqs-block:after {
content: "";
display: block;
position: relative;
width: 100%;
height: 64px;
background: #FFFFFF;
margin-top: 64px; }
.page-template-content-page-dsh .title-wrapper {
height: 0;
padding: 0;
overflow: hidden; }
.page-template-content-page-dsh .-button-group {
margin-top: 16px; }
#dsh-intro {
padding: 32px 0 32px 0;
font-size: 19.2px;
line-height: 24px; }
#dsh-intro .cta {
font-size: 16px; }
#dsh-intro .cta ._title-padding {
padding: 24px; }
#tabbed-section.how-it-works .nav-tabs {
padding: 0;
background: #424242; }
#tabbed-section.how-it-works .nav-tabs > li a {
color: #DDDDDD;
padding: 40px 64px; }
#tabbed-section.how-it-works .nav-tabs > li.active a,
#tabbed-section.how-it-works .nav-tabs > li.active a:hover,
#tabbed-section.how-it-works .nav-tabs > li.active a:focus {
background: #2f2f2e;
color: #FFFFFF; }
@media (min-width: 768px) {
#tabbed-section.how-it-works .nav-tabs > li.active a:after {
content: "";
display: block;
position: absolute;
line-height: 0;
fill: #FFFFFF;
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-top-color: #2f2f2e;
border-width: 25px;
margin-left: -25px; } }
#tabbed-section.how-it-works .tab-grid {
margin: 0; }
#tabbed-section.how-it-works .tab-grid > .item {
margin: 64px 0;
padding: 32px; }
@media (min-width: 768px) {
#tabbed-section.how-it-works .tab-grid > .item {
padding: 64px; } }
#tabbed-section.how-it-works .tab-grid > .item h1, #tabbed-section.how-it-works .tab-grid > .item h2, #tabbed-section.how-it-works .tab-grid > .item h3, #tabbed-section.how-it-works .tab-grid > .item h4, #tabbed-section.how-it-works .tab-grid > .item h5, #tabbed-section.how-it-works .tab-grid > .item h6 {
text-transform: uppercase;
font-family: "thwhite-bold", Helvetica, Arial, sans-serif;
font-size: 1.3em;
line-height: 1.4em;
margin-bottom: 24px; }
#tabbed-section.how-it-works .tab-grid > .item.-vid-thumb {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column; }
#tabbed-section.how-it-works .tab-pane {
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
#videoModal .modal-body,
#videoModal .modal-content {
background: transparent;
box-shadow: none; }
.flush-grid {
margin: 0; }
.flush-grid > .item {
-ms-flex-order: 2;
order: 2;
padding: 64px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
min-height: 530px;
background-size: cover;
background-position: center; }
.flush-grid > .item .title {
font-size: 1.4em;
text-align: left !important; }
.flush-grid > .item ul {
list-style: none;
border: 1px solid #c6636f;
border-left: 0;
border-right: 0;
margin: 32px 0;
padding: 16px 0; }
.flush-grid > .item ul li {
display: inline-block;
width: 48%;
margin: 4px 0;
font-family: "thwhite-bold", Helvetica, Arial, sans-serif; }
@media (min-width: 768px) {
.flush-grid > .item.-image {
-ms-flex-order: 3;
order: 3; } }
.flush-grid:nth-of-type(odd) > .item.-image {
-ms-flex-order: 1;
order: 1; }
.flush-grid._light > .item ul {
border-color: #B3B3B3; }
#product-table-title .title,
#uses-and-applications .title,
#best-materials .title {
text-align: center; }
#product-table .table-grid > .item {
width: 100%;
padding: 0 32px; }
@media (min-width: 768px) {
#product-table .table-grid > .item {
width: 30%; } }
#product-table .table-grid > .table-item {
overflow: auto; }
@media (min-width: 768px) {
#product-table .table-grid > .table-item {
width: 70%;
border-left: 1px solid #FFFFFF; } }
#product-table .product-table {
width: 100%; }
#product-table .product-table th {
vertical-align: top;
text-transform: uppercase;
font-family: "thwhite-bold", Helvetica, Arial, sans-serif;
height: 52px;
padding: 0 8px;
text-align: center; }
#product-table .product-table th span {
font-family: "thwhite", Helvetica, Arial, sans-serif; }
#product-table .product-table td {
height: 40px;
padding: 8px;
text-align: center; }
#product-table .product-table tbody tr + tr td {
border-top: 1px solid #5c5c5c; }
#product-table .info-alert {
position: relative;
padding: 16px 16px 16px 64px;
min-height: 68px; }
#product-table .info-alert .icon {
display: block;
position: absolute;
width: 36px;
height: 36px;
border: 2px solid #FFFFFF;
border-radius: 50%;
padding: 8px;
left: 16px;
top: 16px; }
#product-table .info-alert .icon svg {
fill: #FFFFFF; }
#dsh-quote .title {
font-size: 19.2px;
line-height: 1.4em;
margin-bottom: 1em; }
#dsh-quote p {
margin-bottom: 2em; }
#dsh-quote .flex-grid {
padding: 32px 0; }
#dsh-quote .flex-grid > .item {
padding: 32px 64px;
position: relative; }
#dsh-quote .flex-grid > .item.info:before {
content: '';
display: block;
position: absolute;
width: 1px;
background: white;
top: 32px;
right: auto;
bottom: 32px;
left: 0; }
@media (min-width: 768px) {
#dsh-quote .flex-grid > .item.info {
padding: 32px 80px; } }
#dsh-quote .flex-grid .flex-grid {
padding: 0; }
#dsh-quote .flex-grid .flex-grid > .item {
max-width: 50%;
padding: 16px 24px; }
#dsh-quote .flex-grid .flex-grid svg {
width: 60px;
height: 60px;
display: block;
margin: 0 auto; }
#dsh-quote .flex-grid .flex-grid .svg-text {
font-size: 0.9em;
display: block;
text-transform: uppercase;
margin: 16px auto 0 auto;
text-align: center;
padding: 0 16px; }
#dsh-quote .button-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: stretch;
align-items: stretch; }
#dsh-quote .button-grid .button {
width: 48%;
display: inline-block;
position: relative;
height: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.9em;
text-align: center; }
#dsh-quote .button-grid .button .text {
display: block;
position: relative;
width: 100%; }
#usp.dsh {
display: block;
background-image: url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/images/dsh.jpg);
min-height: 300px;
height: 400px;
margin: 64px 0; }
@media (min-width: 768px) {
#usp.dsh {
min-height: 300px; } }
#usp.dsh h2 {
text-transform: uppercase;
text-align: center; }
#usp.dsh:after {
display: none; }
.dsh-usp-slider {
height: auto; }
.dsh-usp-slider .slides {
height: auto;
display: inline-block; }
@media (min-width: 950px) {
.dsh-usp-slider .slides {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: stretch;
align-content: stretch; } }
.dsh-usp-slider .slides > li {
vertical-align: top;
width: 100%; }
@media (min-width: 400px) {
.dsh-usp-slider .slides > li {
width: 50%; } }
@media (min-width: 768px) {
.dsh-usp-slider .slides > li {
width: 25%; } }
@media (min-width: 950px) {
.dsh-usp-slider .slides > li {
width: 14%; } }
.dsh-usp-slider.no-controls .slide:first-of-type,
.dsh-usp-slider.no-controls .slide:last-of-type {
display: none; }
.dsh-usp-slider.no-controls .navigation {
display: none; }
.dsh-usp-slider .dots {
bottom: 32px; }
.dsh-usp-slider .prev,
.dsh-usp-slider .next {
display: none; }
.dsh-usp-slider .icon {
width: 110px;
height: 110px; }
.dsh-usp-slider .icon svg {
width: 40px;
height: 40px;
margin: -20px 0 0 -20px; }
.dsh-usp-slider .text {
display: block;
margin-top: 12px;
text-transform: uppercase; }
.dsh-usp-slider .metal-fold {
width: 45px;
height: 45px; }
.gallery-tabs .nav-tabs {
background: #EAEAEA;
padding: 0;
display: block; }
@media (min-width: 768px) {
.gallery-tabs .nav-tabs {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around; } }
.gallery-tabs .nav-tabs > li > a {
padding: 40px 64px;
text-transform: uppercase; }
.gallery-tabs .nav-tabs > li.active {
background: #B3B3B3; }
.gallery-tabs .nav-tabs > li.active > a {
background: transparent; }
.gallery-tabs .nav-tabs > li.active > a:after {
display: none; }
.gallery-tabs .tab-content > .tab-pane {
display: block;
height: 0;
overflow: hidden;
z-index: 10;
position: relative; }
@media (min-width: 768px) {
.gallery-tabs .tab-content > .tab-pane {
right: 16px;
left: 16px;
position: absolute; } }
.gallery-tabs .tab-content > .tab-pane button.close {
background: #B3B3B3;
position: absolute;
top: 16px;
right: 016px;
fill: white;
width: 48px;
height: 48px;
padding: 6px;
cursor: pointer; }
.gallery-tabs .tab-content > .tab-pane button.close .icon {
display: block;
position: relative;
width: 100%;
height: 100%; }
.gallery-tabs .tab-content > .active {
height: auto;
overflow: visible; }
.gallery-tabs .slider-for {
display: block;
list-style: none;
margin: 0;
padding: 0;
background: #3C3C3B;
z-index: -1; }
.gallery-tabs .slider-for .slide-content {
display: block;
position: relative; }
.gallery-tabs .slider-for .image {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 400px; }
@media (min-width: 768px) {
.gallery-tabs .slider-for .image {
height: 700px; } }
.gallery-tabs .slider-for .text {
background: rgba(0, 0, 0, 0.5);
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 16px 64px;
color: white;
text-align: center; }
.gallery-tabs .slider-for .text p {
color: inherit;
display: block; }
.gallery-tabs .slider-for button.slick-prev,
.gallery-tabs .slider-for button.slick-next {
border: 0;
background: transparent;
font-size: 0;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
width: 64px;
height: 64px;
z-index: 1;
background-image: url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/images/prev.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 32px; }
.gallery-tabs .slider-for button.slick-next {
left: auto;
right: 0;
background-image: url(//www.thwhiteprojects.co.uk/wp-content/themes/thwhite-child/assets/images/next.svg); }
.gallery-tabs .slider-nav {
position: relative;
width: 100%;
list-style: none;
margin: 0;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
background: #B3B3B3 !important;
height: auto;
padding: 64px 32px;
max-height: 670px;
overflow: auto;
padding-bottom: 32px; }
.gallery-tabs .slider-nav li {
float: none !important;
height: auto !important;
display: block !important;
position: relative !important;
width: 100% !important; }
@media (min-width: 480px) {
.gallery-tabs .slider-nav li {
width: 50% !important; } }
@media (min-width: 768px) {
.gallery-tabs .slider-nav li {
width: 33.3333333333% !important; } }
.gallery-tabs .slider-nav li .text {
padding: 16px;
cursor: pointer; }
.gallery-tabs .slider-nav li .text p {
margin-bottom: 0; }
.gallery-tabs .slider-nav li .text .media-type {
color: #A3212B; }
.image-caption {
margin: 16px 0 32px; } .screen-reader-text {
position: absolute !important;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
z-index: 100000; top: 5px;
left: 5px;
display: block;
clip: auto !important;
width: auto;
height: auto;
padding: 15px 23px 14px;
text-decoration: none;
color: #21759b;
border-radius: 3px;
background-color: #f1f1f1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
font-family: "thwhite-bold", Helvetica, Arial, sans-serif;
font-size: 14px;
font-size: 0.875rem;
font-weight: normal;
line-height: normal; }
.small-helper {
text-transform: none;
color: #FFFFFF;
font-size: 45%; }
._center {
display: block;
position: relative;
text-align: center; }
._underline {
border-bottom: 1px solid #3C3C3B; }
._underline-text-decoration {
text-decoration: underline; }
._unmargin {
margin: 0; }
._padding {
padding-bottom: 32px;
padding-top: 32px; }
._title-padding {
padding-top: 24px;
padding-bottom: 24px; }
._margin-bottom {
margin-bottom: 32px; }
._unpadding {
padding: 0 !important; }
._inverse {
background: #A3212B;
color: #FFFFFF; }
._dark {
background: #3C3C3B;
color: #FFFFFF;
padding-bottom: 64px;
padding-top: 64px; }
._light {
padding-bottom: 32px;
padding-top: 32px;
background: #EAEAEA; }
._dark-grey {
background: #424242;
color: #FFFFFF; }
._play .icon {
display: block;
fill: #FFFFFF;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 150px;
height: 150px;
transition: 0.3s; }
._play:hover .icon {
fill: #A3212B; }
._brand-colour {
color: #A3212B; }
._large-title {
font-size: 48px;
margin-bottom: 36px; }
.title {
font-size: 28px;
text-transform: uppercase;
font-family: "thwhite-bold", Helvetica, Arial, sans-serif; }
.title-wrapper {
padding-top: 48px;
padding-bottom: 16px; }
._full-width {
width: 100% !important; }  .slides-social-link {
text-align:right;	
display: block;
min-height:40px;
width: calc(100% + 40px);
padding-left:10px;
padding-right:10px;
padding-top: 10px;
position: relative;
left:-20px;
z-index: 1;
background-color: #A3212B;
color: #fff;
line-height: 1.5; 
}
.slides-social-link .slides-social-img {
width: 20px;
height: 20px;
float: right;
margin-left: 8px;
}
@media (min-width: 768px) {
.slides-social-link {
display: inline-block;
position:absolute;
float:right;
padding-top: 32px;
right: 10px;
z-index: 1;
color: #fff;
line-height: 1.5;
background-color: transparent;
}
}