@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Roboto:400,500,700,900");
body {
font-family: 'Poppins', sans-serif;
}
h1 , .h1 {
font-size: 25px;
color: #343232;
letter-spacing: 3px;
margin-bottom: 15px;
font-weight: 400;
}
h1 strong , .h1 strong {
display: block;
}
h2 , .h2 {
color: #424242;
font-size: 20px;
letter-spacing: 3px;
margin-bottom: 15px;
font-weight: 400;
}
h3 {
}
h4 {
}
p , li {
color: #424242;
font-size: 14px;
margin-bottom: 23px;
margin-top: 0;
font-weight: 400;
}
li {
margin-bottom: 2px;
}
a {
color: #f17c2c;
font-weight: 500;
transition: opacity .3s;
text-decoration: none;
}
a:hover {
opacity: 0.7;
}
.alignleft {
float: left;
margin-right: 20px;
}
.alignright {
float: right;
margin-left: 20px;
}
.aligncenter {
margin: auto;
text-align: center;
}
img {
max-width: 100%;
height: auto;
}
div.wp-caption {
max-width: 100%;
display: inline-block;
}
p.wp-caption-text {
background-color: #f7f7f7;
color: #808080;
padding: 16px 25px;
font-size: 18px;
color: 595959;
font-style: italic;
}
.wp_content > :nth-child(1){
margin-top: 0;
}
.wp_content li {
position: relative;
}
.underline {
position: relative;
}
.underline::after {
display: block;
position: absolute;
bottom: 0;
height: 1px;
background-color: #c2c2c2;
transition: background-color 0.3s;
content: '';
width: 100%;
}
a.u-button {
background-color: #ff4a23;
border: none;
max-width: 100%;
height: 35px;
color: #fff;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
font-size: 15px;
letter-spacing: 1px;
border-radius: 100px;
cursor: pointer;
transition: opacity 0.3s;
padding: 0 50px;
display: inline-flex;
align-items: center;
transition: .3s background-color;
}
a.u-button:hover {
background-color: #555555;
opacity: 1;
}
body {
margin: 0;
box-sizing: border-box;
}
.error_404 {
text-align: center;
padding: 200px 0;
} #pagination {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 100px auto 50px;
justify-self:  center;
}
#pagination a, #pagination > span {
display: inline-block;
padding: 15px 25px;
font-size: 20px;
color: #fff;
background: #d3d3d3;
margin: 0 5px 5px 5px;
text-decoration: none;
font-weight: 400;
transition: background-color .3s;
}
#pagination > span , #pagination a:hover {
background-color: #f17c2c;
} .gallery {
column-count: 4;
column-gap: 20px;
}
.gallery .gallery-item {
display: inline;
margin: 0;
}
.gallery .gallery-item img {
display: block;
margin: 0 0 20px 0;
}
.gallery-caption {
display: none;
} .gfield_description.validation_message {
position: absolute;
right: -5px;
top: -14px;
background-color: red;
color: white;
padding: 5px 10px;
font-size: 12px;
text-align: center;
border-radius: 2px;
}
.validation_message::after {
content: '';
display: block;
position: absolute;
border: 5px solid rgba(0,0,0,0);
border-top-color: red;
width: 0;
height: 0;
bottom: -10px;
left: 10px;
}
.gform_body ul {
padding: 0;
list-style: none;
}
.gform_body ul li {
position: relative;
width: calc(50% - 10px);
margin-bottom:  20px;
}
.validation_error {
margin-bottom: 20px;
border: 1px solid red;
padding: 10px 20px;
font-size: 15px;
color: red;
}
.gform_confirmation_message {
color: #1ba21b;
}
.gfield_checkbox label {
display: inline;
}
.gform_body input[type=text], .gform_body input[type="email"] , .gform_body textarea , .gform_body select {
height: 35px;
color:  #404040;
padding-left: 15px;
width: 100%;
border: none;
background-color:  #efefef;
border-radius: 3px;
font-family: 'Poppins', sans-serif;
}
.gform_body input[type=checkbox] {
}
.gform_body textarea {
height: 140px;
padding-top: 20px;
}
.gfield_visibility_ {
display: none;
}
.gform_validation_container ,
.gform_wrapper .gform_validation_container ,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container ,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
display: none!important;
position: absolute!important;
left: -9000px;
}
::-webkit-input-placeholder { color: #818181;
}
::-moz-placeholder { color: #818181;
}
:-ms-input-placeholder { color: #818181;
}
:-moz-placeholder { color: #818181;
}
.site_width {
padding-left: calc(50% - (1375px / 2));
padding-right: calc(50% - (1375px / 2));
}
div#header {
display: flex;
justify-content: space-between;
padding-top: 25px;
align-items: flex-end;
margin-bottom: 5px;
position: relative;
z-index: 3;
}
a#logo {
width: 225px;
height: 84px;
background: url(//rfcservices.co.uk/wp-content/themes/wordpress-theme-rfc/includes/img/logo.jpg) center no-repeat;
background-size: contain;
max-width: 65%;
}
div#header div div:nth-child(1) a {
display: inline-flex;
align-items: center;
text-decoration:  none;
color: #424242;
margin-left:  35px;
transition: color .3s;
font-size: 13px;
letter-spacing: 2px;
font-weight: 400;
}
div#header div div:nth-child(1) a svg {
fill: #424242;
transition: fill .3s;
}
div#header div div:nth-child(1) a svg:nth-child(1) {
margin-right: 3px;
position:  relative;
top: 2px;
}
div#header div div:nth-child(1) a svg:nth-child(2) {
margin-left:  10px;
}
div#header div div:nth-child(1) a:hover {
color: #f17c2c;
}
div#header div div:nth-child(1) a:hover svg {
fill: #f17c2c;
}
div#header > div {
text-align: right;
}
ul#main_menu a {
text-transform:  uppercase;
text-decoration:  none;
font-size: 14px;
letter-spacing: 0.8px;
}
.page_banner {
height: 40vw;
max-height:  670px;
background-position:  center;
background-size:  cover;
background-repeat: no-repeat;
display: flex;
align-items: flex-end;
min-height: 250px;
position: relative;
width: calc(100% - 40px);
margin: auto;
}
.page_banner > div {
background-color:  #fff;
padding: 80px 100px 20px;
width: 100%;
max-width: 800px;
box-sizing: border-box;
height: 260px;
display: flex;
align-items: flex-start;
position: relative;
}
.breadcrumbs > span:last-child , .breadcrumbs h1 {
color: #353434;
font-size: 60px;
display: block;
text-transform: uppercase;
line-height: 55px;
font-family: 'Roboto', sans-serif;
font-weight: 900;
margin-top: 10px;
margin-left: -10px;
letter-spacing: 7px;
position: relative;
}
.breadcrumbs > span {
text-transform: uppercase;
}
.breadcrumbs h1::before {
position: absolute;
width: 20px;
height: 30px;
content: '';
background: url(//rfcservices.co.uk/wp-content/themes/wordpress-theme-rfc/includes/img/chevron-right.svg) center no-repeat;
background-size: 100%;
top: 13px;
left: -23px;
}
.breadcrumbs {
color: rgba(66, 66, 66, 0.8);
font-size: 17px;
}
.breadcrumbs a {
font-size: 17px;
text-transform: uppercase;
text-decoration: none;
transition: color .3s;
color: rgba(66, 66, 66, 0.8);
letter-spacing:  3px;
margin-right:  5px;
font-weight: 500;
margin-left: 5px;
}
.breadcrumbs span:nth-child(1) a {
margin-left: 0;
}
.main_container {
margin-top: 50px;
}
.single-post .main_container {
margin-left: 100px;
}
.main_container.flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.main_container.reverse.flex {
flex-direction:  row-reverse;
}
aside {
width: 500px;
box-sizing: border-box;
}
.main_container.reverse aside {
padding-left: 100px;
}
.main_container.flex main {
width: calc(100% - 500px);
padding-right:  100px;
box-sizing: border-box;
}
.left_block .h1 {
text-transform: uppercase;
}
ul#side_menu {
padding: 0;
list-style: none;
}
.left_block a , .left_block p {
text-decoration: none;
color: rgba(66, 66, 66, 0.84);
text-transform:  uppercase;
display: flex;
align-items: center;
position: relative;
transition: color , 0.3s;
font-size: 14px;
padding-bottom: 4px;
}
.left_block .h1 {
text-transform: uppercase;
font-size: 25px;
display: block;
}
.left_block .h1::after {
display: block;
content: '';
height: 1px;
background-color: #e2e2e2;
max-width: 220px;
margin-top: 5px;
width: 100%;
}
.left_block p {
text-transform: none;
}
.left_block {
margin-bottom: 50px;
}
.left_block a span {
position: relative;
margin-bottom: 4px;
}
.left_block a span::after {
display: block;
position: absolute;
bottom: 0;
height: 1px;
background-color: #c2c2c2;
transition: background-color 0.3s;
content: '';
width: 100%;
}
.svg_reference {
display: none;
}
ul#side_menu a svg {
margin-left: 20px;
transition: fill 0.3s;
fill: #c2c2c2;
margin-top: 3px;
transform: scale(2);
}
.left_block a:hover {
color:  #f17c2c;
}
.left_block:nth-child(2) a , .left_block:nth-child(3) a {
margin-bottom: 10px;
text-transform: none;
}
.left_block:nth-child(2) a:nth-child(2) {
align-items: flex-start;
}
.left_block:nth-child(2) svg:nth-child(3) {
margin-left: 5px;
fill: #c2c2c2;
}
.left_block:nth-child(2) svg:nth-child(1) , .left_block:nth-child(3) svg:nth-child(1)  {
margin-right: 10px;
}
.left_block a:hover svg {
fill:#f17c2c;
}
.left_block a:hover span::after {
background-color:  #f17c2c;
}
.left_block .h2 {
text-transform: uppercase;
font-size: 20px;
}
.left_block .left_block:nth-child(2) a {
text-transform: none;
margin-bottom: 5px;
font-size: 14px;
}
.left_block .left_block:nth-child(2) a:nth-child(2)  {
align-items: flex-start;
}
.left_block .left_block:nth-child(2) a svg {
margin-right: 10px;
}
.left_block .left_block:nth-child(2) a svg {
fill: #231f20;
transition: fill .3s;
}
.left_block .left_block:nth-child(2) a:hover svg {
fill: #f17c2c;
}
.left_block:nth-child(2) a:nth-child(3) ,  .left_block:nth-child(2) a:nth-child(4) {
letter-spacing: 2px;
}
a.site_email svg:nth-child(1) {
position:  relative;
top: 2px;
}
#header a , .left_block a:hover {
opacity: 1;
}
.cta_blocks {
padding: 0 20px;
max-width: 1700px;
width: 100%;
box-sizing: border-box;
text-align: center;
margin: 120px auto 0;
display: flex;
flex-direction: column;
}
.cta_blocks div {
display: flex;
justify-content: space-between;
}
.cta_blocks a {
width: calc(33% - 10px);
display: flex;
flex-direction:  column;
padding: 50px;
box-sizing: border-box;
background-color:  #fff;
}
.cta_blocks .underline.h1 {
display: inline;
margin-bottom: 25px;
align-self:  center;
padding: 0 20px 20px;
}
.cta_blocks .underline {
align-self:  center;
}
.cta_blocks .underline.h1::after {
left: 0;
}
.cta_blocks a .underline {
margin-top: 20px;
margin-bottom:  0;
width: auto;
position: relative;
}
.cta_blocks a .h1 {
line-height: 30px;
margin-bottom: 20px;
}
.cta_blocks .h1 {
text-transform:  uppercase;
}
.cta_blocks a p {
width: 85%;
margin: auto;
}
.cta_blocks a:hover {
background-color:  #f1f1f1;
opacity: 1;
}
.tns-inner {
overflow: hidden;
}
.slider  {
display: flex;
position: relative;
}
.tns-item {
display:flex;
align-items: center;
justify-content: center;
}
.brand_logos .tns-inner::before {
display: none;
}
.tns-controls button {
width: 90px;
height: 90px;
text-indent: -9999px;
overflow: hidden;
position: absolute;
top: 25%;
left: 0;
border:none;
background-image: url(//rfcservices.co.uk/wp-content/themes/wordpress-theme-rfc/includes/img/arrow-white.svg);
background-position: center;
background-repeat: no-repeat;
background-color: #555555;
cursor: pointer;
outline: none;
z-index: 3;
background-size:  30px;
}
.tns-controls button:hover {
background-color:  #f17c2c;
}
.tns-controls button:nth-child(2) {
left: auto;
right: 0;
}
.tns-controls button:nth-child(1) {
transform: rotate(180deg);
}
.site_width.brand_logos {
margin-top: 140px;
}
#footer {
width: 100%;
box-sizing: border-box;
max-width: 1200px;
margin: 50px auto 0;
padding: 30px 20px;
border-top: 1px solid #c2c2c2;
}
div#footer > img {
max-width: 260px;
margin: 0 auto 40px;
display: block;
}
ul#footer_menu {
padding: 0;
list-style:  none;
margin: 0;
}
div#footer > div {
display: flex;
justify-content: space-between;
}
div#footer > div > div:nth-child(1) {
width: 330px;
}
div#footer > div > div:nth-child(2) {
width: calc(100% - 400px);
display: flex;
justify-content: space-between;
}
#footer p , #footer a {
color: #4c4c4c;
line-height: 25px;
}
#footer .left_block:nth-child(2) p:not(.h2) ,
#footer .left_block:nth-child(2) a ,
#footer .left_block:nth-child(3) p:not(.h2) ,
#footer .left_block:nth-child(3) a
{
color: #b1b1b1;
font-weight: 400;
}
#footer .left_block a span::after {
display: none;
}
#footer p.h2 {
color: #424242;
}
#footer a , #footer p:not(.h2) {
text-transform: none;
}
#footer .left_block:nth-child(1) svg , #footer .left_block:nth-child(3) svg:nth-child(3)   {
margin-left: 5px;
fill:#b1b1b1;
}
#footer a:hover {
color: #f17c2c;
}
#footer a:hover svg ,
#footer .left_block:nth-child(1) a:hover svg ,
#footer .left_block:nth-child(3) a:hover svg:nth-child(3)
{
fill:#f17c2c;
}
#footer .left_block:nth-child(3) a:nth-child(2) {
align-items: flex-start;
}
div#footer > div > div:nth-child(1) a:nth-child(1) svg {
transform: scale(0.65);
}
div#footer > div > div:nth-child(1) a:nth-child(2) svg {
transform: scale(0.7);
}
div#footer > div > div:nth-child(1) a:nth-child(3) svg {
width: 100%;
position: relative;
top: -14px;
}
div#footer > div > div:nth-child(1) a {
width: 40px;
display: inline-flex;
align-items: center;
height: 40px;
margin-right: 10px;
}
div#footer > div > div:nth-child(1) a:nth-child(1) {
margin-left:  -10px;
}
#footer .left_block:nth-child(3) a:nth-child(3) , #footer .left_block:nth-child(3) a:nth-child(4) {
letter-spacing: 2px;
}
.end_of_page {
text-align: center;
background-color:  #eeeeee;
padding: 45px 0;
}
.end_of_page p ,.end_of_page a {
text-transform:  uppercase;
margin-bottom: 5px;
font-weight:  400;
color: #4c4c4c;
}
.end_of_page span {
color: #4c4c4c;
margin: 0 5px;
}
.end_of_page p:nth-child(3) a {
color: #ff0707;
}
.single .breadcrumbs h1 ::before {
display: none;
}
.single .breadcrumbs > span:last-child {
margin-left:  0;
}
.single-top {
background-color: #f1f1f1;
height: 40px;
margin-bottom: 50px;
}
.post_date {
background-color: #e67e38;
height: 45px;
display: flex;
align-items: center;
padding-left:  20px;
color: #fff;
margin-top:  35px;
position: relative;
margin-bottom: 40px;
}
.post_date div:nth-child(1) {
font-size: 38px;
letter-spacing:  10px;
margin-right:  10px;
}
.post_date::after {
background-color: #f1f1f1;
height: 15px;
content: '';
display: block;
position: absolute;
bottom: -20px;
width: 100%;
left: 0;
}
.post_meta ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
display: inline-flex;
}
.post_meta p {
margin-bottom:  0;
}
.post_meta ul li {
display: inline-block;
}
.post_meta {
display: flex;
margin-bottom:  40px;
align-items: center;
}
.post_meta span {
margin: 0 10px;
}
.post_meta a {
color: #424242;
}
.post_meta li {
margin-right: 3px;
}
.post_meta li a::after {
display: inline-block;
content: ',';
}
.post_meta li:last-child a::after {
display: none;
}
blockquote p {
color: #f17c2c;
font-size: 17px;
line-height: 28px;
}
blockquote {
position: relative;
margin: 40px 0px 30px 70px;
}
blockquote::before {
content: '\201C';
font-size: 160px;
color: #424242;
position: absolute;
left: -70px;
top: -25px;
width: 51px;
height: 50px;
line-height: 159px;
}
blockquote::after {
content: '\201D';
font-size: 160px;
color: #424242;
position: absolute;
right: -70px;
bottom: 25px;
width: 51px;
height: 50px;
line-height: 159px;
}
blockquote em {
display: block;
text-align: right;
font-style:  normal;
color: #424242;
margin-top: 10px;
}
blockquote em::before {
display: inline-block;
content: '-';
margin-right:  5px;
position:  relative;
top: 2px;
}
aside.right ul {
margin: 0;
padding: 0;
list-style: none;
}
aside.right ul svg {
margin-left: 20px;
transform: scale(2);
}
aside.right ul svg {
fill:#b1b1b1;
}
.site_width.page_banner.small {
max-height: 380px;
}
.site_width.page_banner.small > div {
height: 140px;
padding: 30px 100px 0;
}
.site_width.page_banner.small > div > div {
position: relative;
top: 30px;
}
.post_list a {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
.post_list a > div:nth-child(1) {
width: 110px;
height: 110px;
background-color: #f17c2c;
color: #fff;
}
.post_list a > div:nth-child(2) {
width: calc(100% - 130px);
border-bottom: 2px solid #f0f0f0;
padding-bottom: 15px;
color: #424242;
font-size: 14px;
margin-bottom: 23px;
margin-top: 0;
font-weight: 400;
}
.post_list a > div:nth-child(1) {
display: flex;
flex-direction:  column;
align-items: center;
justify-content: center;
padding: 10px;
box-sizing: border-box;
font-weight:  300;
text-align: center;
position:  relative;
}
.post_list a > div:nth-child(1) span:nth-child(1) {
font-size: 37px;
letter-spacing: 5px;
line-height: 35px;
font-weight:  400;
margin-right: -5px;
}
.post_list a p.h2 {
font-size: 27px;
}
.post_list a p {
font-weight: 400;
}
.post_list a p:nth-child(2) span {
margin: 0 10px;
}
.post_list a > div:nth-child(1)::after {
background-color: #f1f1f1;
height: 10px;
content: '';
display: block;
position: absolute;
bottom: -15px;
width: 100%;
left: 0;
}
.post_list a p.underline {
display: inline-block;
position:  relative;
}
.post_list a p.underline svg {
transform: scale(2);
fill: #b1b1b1;
position: absolute;
margin-left: 20px;
right: -40px;
top: 8px;
}
.gform_body ul {
display: flex;
flex-wrap:  wrap;
justify-content: space-between;
}
.gform_body ul li:nth-child(1), .gform_body ul li:nth-child(4), .gform_body ul li:nth-child(5) , .gform_body ul li:nth-child(1), .gform_body ul li:nth-child(6)
{
width: 100%;
}
.gform_body ul li:nth-child(1) div {
display: flex;
justify-content: space-between;
}
.gform_body ul li:nth-child(1) div span {
width: calc(50% - 10px);
}
.gform_body ul li:nth-child(6) > label {
display:  none;
}
.gform_body ul li:nth-child(1) div span label {
font-size: 12px;
}
label {
color: rgba(66, 66, 66, 0.84);
text-transform: uppercase;
font-weight: 500;
}
li.gdpr div ul li {
display: flex;
}
li.gdpr div ul li label {
margin-left:  10px;
text-transform: none;
}
.gform_wrapper {
width: 100%;
max-width: 530px;
}
.gform_footer.top_label {
margin-top: -40px;
}
button.gform_button {
background-color:  #ff4a23;
border:  none;
width: 350px;
max-width: 100%;
height: 35px;
color: #fff;
text-transform:  uppercase;
font-family: 'Poppins', sans-serif;
font-size: 15px;
letter-spacing:  1px;
border-radius: 100px;
cursor: pointer;
transition: background-color 0.3s;
}
button.gform_button:hover {
background-color: #555555;
}
.page_banner iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.banner_content > div {
padding: 0 100px 50px;
width: 100%;
max-width: 800px;
background-color: #fff;
box-sizing: border-box;
position: relative;
}
.banner_content .h1 {
padding-bottom: 15px;
margin-bottom: 20px;
}
.banner_content .h1::after {
max-width: 220px;
}
.banner_content {
min-height: 260px;
margin-top:  -260px;
background-color:  #fff;
width: 100%;
max-width: 800px;
position: relative;
margin-left: calc(50% - (1375px / 2));
margin-bottom: 130px;
z-index: 2;
}
.banner_content > div:nth-child(1) {
padding-top:  80px;
}
.banner_content> div:nth-child(2) {
padding-top: 20px;
}
.gallery {
display: flex;
flex-wrap: wrap;
min-height: 500px;
transition: 0.7s min-height;
position: relative;
}
.gallery a {
display: flex;
height: 35vw;
max-height: 470px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: calc(33.3% - 27px);
margin-bottom: 15px;
margin-right: 15px;
align-items: flex-end;
position: relative;
overflow: hidden;
}
.gallery a:hover {
opacity: 1;
}
.gallery a:nth-child(16n + 3) ,
.gallery a:nth-child(16n + 4) ,
.gallery a:nth-child(16n + 6) ,
.gallery a:nth-child(16n + 9) ,
.gallery a:nth-child(16n + 12) ,
.gallery a:nth-child(16n + 13) ,
.gallery a:nth-child(16n + 16) {
margin-right: 0;
}
.gallery a:nth-child(16n + 4),
.gallery a:nth-child(16n + 13)
{
width: 100%;
max-height: 700px;
height: 40vw;
}
.gallery a:nth-child(16n + 6) {
width: 66%;
}
.gallery a p {
width: 100%;
padding: 20px;
max-width: 500px;
background-color: rgba(58,58,58,0.89);
color: #fff;
margin-bottom: 0;
font-weight: 300;
position: absolute;
bottom: -100%;
transition: bottom 0.3s;
box-sizing: border-box;
}
.gallery a:hover p {
bottom: 0;
}
.gal_nav {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.gal_nav p {
margin-right:  10px;
cursor: pointer;
color: #f17c2c;
transition: opacity 0.3s;
}
.gal_nav p:last-child {
margin-right:  0;
}
.gal_nav p:hover {
opacity: 0.7;
}
.gallery::after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 100%;
opacity: 0;
transition: 0.7s opacity , max-height;
background-color: rgba(255,255,255,0.7);
max-height: 0;
}
.gallery.transition {
min-height: 200px;
}
.gallery.transition::after {
opacity: 1;
max-height: 10000px;
}
.container-50-50 main > div {
display:  flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
position: relative;
}
.container-50-50 main > div:nth-child(2n+2) {
flex-direction: row-reverse;
}
.gal_50 {
height: 40vw;
max-height:  820px;
display: flex;
}
.gal_50 > div {
width: calc(50% - 7.5px);
}
.gal_50 > div:nth-child(2) {
margin-left: 15px;
}
.gal_50 > div {
flex: 1 1 auto;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: flex-end;
position: relative;
}
.gal_50 > div p {
width: 100%;
padding: 20px;
max-width: 500px;
background-color: rgba(58,58,58,0.89);
color: #fff;
margin-bottom: 0;
font-weight: 300;
}
.main_container.container-50-50 {
margin-top:  0;
}
.container-50-50 main > div > div {
width: calc(50% - 70px );
}
.content_50 > div {
max-width: 700px;
}
.content_50 h1 {
color: #353434;
font-size: 60px;
display: block;
text-transform: uppercase;
line-height: 55px;
font-family: 'Roboto', sans-serif;
font-weight: 900;
margin-top: 10px;
letter-spacing: 7px;
position: relative;
line-height: 70px;
}
.content_50 h1::before {
position: absolute;
width: 20px;
height: 30px;
content: '';
background: url(//rfcservices.co.uk/wp-content/themes/wordpress-theme-rfc/includes/img/chevron-right.svg) center no-repeat;
background-size: 100%;
top: 13px;
left: -23px;
}
.content_50 h1 + p {
font-size: 25px;
font-weight: 300px;
letter-spacing: 5px;
}
.content_50 hr {
background-color: #f0f0f0;
height: 2px;
border: none;
max-width: 220px;
margin-left:  0;
margin-bottom:  25px;
}
.content_50.center > div {
max-width: 400px;
margin: auto;
text-align: center;
}
.content_50.center > div hr {
margin: 10px auto 25px;
}
.content_50 h2, .content_50 .h2 {
font-size: 25px;
position:  relative;
text-transform:  uppercase;
line-height: 30px;
font-weight:  300;
}
.content_50 .h2::before {
position: absolute;
width: 20px;
height: 30px;
content: '';
background: url(//rfcservices.co.uk/wp-content/themes/wordpress-theme-rfc/includes/img/chevron-right.svg) center no-repeat;
background-size: 100%;
top: 5px;
left: -29px;
}
a.checkatrade {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 310px;
height: 610px;
z-index: 3;
}
a.checkatrade:hover {
opacity: 1;
}
.gal_50.gal_360 iframe {
width: 100%;
height: 100%;
}
.content_50 h3 , .content_50 .h3 {
font-size: 18px;
font-weight: 400;
letter-spacing: 1px;
text-transform:  uppercase;
}
.content_50.content_360 {
position:  relative;
text-align:  right;
}
.content_50.content_360 > div {
width: 750px;
position: relative;
display: inline-block;
text-align: left;
margin-right: -170px;
background-color:  #fff;
}
.address_50 {
display: flex;
justify-content: flex-start;
}
.address_50 > div:nth-child(1) {
display:  none;
}
.address_50 .left_block:nth-child(2) {
margin-right:  60px;
}
ul.no_list_style {
list-style:  none;
}
.service_list a {
display: block;
border-bottom: 2px solid #f0f0f0;
padding-bottom: 15px;
margin-bottom: 30px;
}
.service_list a p.underline {
display:  inline-block;
position: relative;
}
.service_list a p.h1 {
color: #353434;
font-size: 25px;
display: block;
text-transform: uppercase;
line-height: 35px;
letter-spacing: 7px;
position: relative;
}
.service_list a p.h1::before {
position: absolute;
width: 20px;
height: 30px;
content: '';
background: url(//rfcservices.co.uk/wp-content/themes/wordpress-theme-rfc/includes/img/chevron-right.svg) center no-repeat;
background-size: 100%;
top: 5px;
left: -23px;
}
.services_gal.gallery {
break-inside: avoid-column;
column-count:  2;
display:  block;
column-gap:  10px;
}
.services_gal.gallery a {
width: 100%;
margin-bottom:  10px;
max-height: 300px;
break-inside: avoid-column;
}
.services_gal.gallery a:nth-child(1) , .services_gal.gallery a:nth-child(4) {
max-height: 200px;
}
.main_container.site_width.service_list.flex  main {
padding-right:  20px;
}
.service_list a:nth-child(1) {
padding-top:  15px;
border-top: 2px solid #f0f0f0;
}
.container-50-50 main > div .slant::after {
content: '';
display: block;          }
.container-50-50 main > div:nth-child(2n+2) .slant::after {
border-left-color: #fff;
right: auto;
left: 0;
border-right-color: rgba(0,0,0,0);
border-top-color:  #fff;
}
.service_50.container-50-50 main > div {
flex-direction: row-reverse;
}
.service_50.container-50-50 main > div:nth-child(2n+2) {
flex-direction: row;
}
.service_50 .site_width {
padding-left: calc(50% - (1180px / 2));
padding-right: calc(50% - (1180px / 2));
}
.container-50-50.service_50 main > div > div:nth-child(1) {
width: calc(58% - 35px);
}
.container-50-50.service_50 main > div > div:nth-child(2) {
width: calc(42% - 35px);
}
.container-50-50.service_50 main > div {
margin-bottom:  30px;
}
.main_container.container-50-50.service_50 {
margin-top:  -200px;
margin-top: -150px;
z-index: 5;
position: relative;
}
.container-50-50.service_50 main > div .slant::after{
height: 0px;
width: 0px;
border: 13vw solid #fff;
border-left-width: 30px;
border-right-width: 30px;
position: absolute;
border-bottom-color: rgba(0,0,0,0);
top: 0;
border-left-color: #fff;
right: auto;
left: 0;
border-right-color: rgba(0,0,0,0);
border-top-color: #fff;
}
.container-50-50.service_50 main > div:nth-child(2n+2) .slant::after {
border-left-width: 20px;
border-right-width: 20px;
border-left-color: transparent;
position: absolute;
border-bottom-color: transparent;
top: 0;
left: auto;
right: 0;
border-right-color: white;
border-left-width: 30px;
border-right-width: 30px;
}
.main_container.container-50-50.service_50 .h2::before {
display:  none;
}
.site_width.services_footer_title {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.site_width.services_footer_title .h2 {
font-family: 'Roboto', sans-serif;
font-size: 25px;
text-transform:  uppercase;
margin: 100px 0 50px;
padding-bottom:  30px;
}
.site_width.services_footer_title .h2::after {
max-width: 220px;
margin: auto;
right: 0;
left: 0;
}
.site_width.services_footer {
display: flex;
}
.site_width.services_footer .h2 {
text-transform:  uppercase;
font-size: 25px;
}
.site_width.services_footer > div {
width: calc(50% - 100px);
}
.site_width.services_footer > div:nth-child(2) {
width: 200px;
display: flex;
align-items:  center;
justify-content: center;
}
.site_width.services_footer label {
text-transform:  uppercase;
}
.site_width.services_footer .gform_body > ul li:nth-child(4) div ul {
display: flex;
justify-content: space-between;
margin-top:  10px;
}
.site_width.services_footer .gform_body > ul li:nth-child(4) div ul li {
width: auto;
margin-bottom:  0;
}
.address_50 .h3 {
font-size: 18px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
}
.slider > div {
height: 100%;
background-position:  center;
background-repeat:  no-repeat;
background-size:  cover;
}
.home_banner .tns-inner {
width: 100%;
height: 100%!important;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.home_banner .tns-gallery {
height: 100%;
}
.home_banner {
position: relative;
padding-top: 150px;
overflow: hidden;
}
.banner_text {
width: 100%;
max-width: 940px;
margin: auto;
padding: 70px 130px 25px;
box-sizing: border-box;
border: 4px solid #fff;
position:  relative;
z-index: 2;
text-align: center;
}
.home_banner .tns-nav {
position: relative;
z-index: 2;
text-align: center;
margin: 80px auto;
background-color: #555555;
width: 230px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
}
.home_banner .tns-nav button {
border: none;
width: 7px;
height: 7px;
background-color:  #fff;
margin-right:  15px;
border-radius: 7px;
padding: 0;
outline: none;
}
.home_banner .tns-nav button:last-child {
margin-right:  0;
}
.home_banner .tns-nav button.tns-nav-active {
transform: scale(1.1);
}
.banner_text p {
color: #fff;
}
.banner_text p.h1 {
font-family: 'Roboto', sans-serif;
text-transform:  uppercase;
font-size: 90px;
font-weight:  900;
letter-spacing: 15px;
margin-bottom: 0;
}
.banner_text p.h2 {
font-size: 25px;
letter-spacing: 5px;
}
.banner_text p.h2 em {
display:  block;
font-style:  normal;
font-size: 18px;
}
.banner_text h1.h1 {
font-family: 'Roboto', sans-serif;
text-transform:  uppercase;
font-size: 60px;
font-weight:  900;
letter-spacing: 15px;
margin-bottom: 0;
color: #fff;
}
.banner_text h2.h2 {
font-size: 25px;
letter-spacing: 5px;
color: #fff;
}
.banner_text h2.h2 em {
display:  block;
font-style:  normal;
font-size: 18px;
}
.banner_text .u-button {
margin: 0 5px 10px;
}
.banner_straplines {
position:  relative;
width: calc(100% - 40px);
margin: auto;
display: flex;
margin-top: -90px;
z-index: 3;
}
.banner_straplines div {
width: 33.3%;
background-color: #ededed;
padding: 3vw 6vw;
box-sizing: border-box;
text-align: center;
}
.banner_straplines div:nth-child(2) {
background-color:  #f3f3f3;
}
.banner_straplines p {
margin-bottom:  0;
}
.banner_straplines p.h3 {
margin-bottom:  10px;
letter-spacing:  3px;
font-size: 17px;
}
.banner_straplines svg {
position: absolute;
bottom: 15px;
fill: #424242;
right: 0;
left: 0;
margin: auto;
transform: rotate(90deg);
}
.banner_servies {
width: calc(100% - 40px);
display: flex;
justify-content:  space-between;
margin: auto;
margin-top: 10px;
position: relative;
z-index: 6;
}
.page_banner.small {
max-height:  380px;
}
.page_banner.small + .banner_content {
min-height:  160px;
margin-top: -160px;
margin-bottom:  100px;
}
.banner_servies a , .home_quote > div:nth-child(2) a {
width: calc(25% - 7px);
height: 20vw;
max-height: 220px;
min-height:  120px;
display: flex;
color: #fff;
font-size: 17px;
justify-content:  center;
align-items: center;
text-transform:  uppercase;
font-weight:  300;
letter-spacing:  2px;
position:  relative;
z-index: 1;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.banner_servies::after {
width: 100vw;
content: '';
display:  block;
position:  absolute;
background-color:  #fff;
height: 100px;
bottom: 0;
left: -20px;
}
.banner_servies a::after  , .home_quote > div:nth-child(2) a::after {
width: 100%;
height:  100%;
position: absolute;
content: '';
display:  block;
background-color: rgba(249,157,50,0.76);
opacity: 0;
transition: opacity 0.3s;
}
.banner_servies a span , .home_quote > div:nth-child(2) a span {
position: relative;
z-index: 2;
}
.banner_servies a:hover , .home_quote > div:nth-child(2) a:hover {
opacity: 1;
}
.banner_servies a:hover::after , .home_quote > div:nth-child(2) a:hover::after {
opacity: 1;
}
.main_container.home_page {
margin-top:  0;
}
.tns-inner {
overflow: hidden;
}
.slider_two  {
display: flex;
position: relative;
}
.brand_logos .tns-horizontal.tns-subpixel >div.tns-item {
display:flex;
align-items: center;
justify-content: center;
}
.brand_logos .tns-outer {
width: calc(100% - 150px);
margin: auto;
position: relative;
}
.brand_logos .tns-controls button {
width: 70px;
height: 70px;
text-indent: -9999px;
overflow: hidden;
position: absolute;
top: 41px;
left: -75px;
border:none;
background-image: url(//rfcservices.co.uk/wp-content/themes/wordpress-theme-rfc/includes/img/arrow-white.svg);
background-position: center;
background-repeat: no-repeat;
background-color: #b9b9b9;
cursor: pointer;
outline: none;
}
.brand_logos .tns-controls button:hover {
background-color: #f17c2c;
}
.brand_logos .tns-controls button:nth-child(2) {
left: auto;
right: -75px;
}
.brand_logos .tns-controls button:nth-child(1) {
transform: rotate(180deg);
}
.home_50_50 > div {
display: flex;
justify-content:  space-between;
position: relative;
align-items: center;
margin-bottom: 100px;
}
.home_50_50 > div > div:nth-child(1) {
width: 52%;
}
.home_50_50 > div > div:nth-child(2) {
width: 35%;
display: flex;
}
.home_50_50 > div:nth-child(2) > div:nth-child(2)  {
justify-content: flex-end;
}
.home_50_50 {
padding:  0 20px;
box-sizing: border-box;
margin-top:  70px;
}
.home_50_50 > div > div:nth-child(2) > div {
width: 100%;
max-width: 550px;
}
.home_50_50 .h1 {
font-size: 18px;
text-transform:  uppercase;
}
.home_50_50 .h2::before {
display:  none;
}
.home_50_50 div:nth-child(2) > div h3 a {
text-transform:  uppercase;
letter-spacing:  1px;
position: relative;
display: flex;
align-items: center;
}
.home_50_50 div:nth-child(2) > div h3 a:hover {
color: #f17c2c;
}
.home_50_50 > div > div:nth-child(2) h3 a::after {
background: url(//rfcservices.co.uk/wp-content/themes/wordpress-theme-rfc/includes/img/arrow-grey.svg) center no-repeat;
width: 22px;
height: 9px;
margin-left: 10px;
background-size: 20px;
content: '';
}
.home_50_50 > div:nth-child(2) {
flex-direction: row-reverse;
}
.gal_50.gallery a {
width: calc(33.3% - 3px);
margin: 0;
height: 20vw;
max-height: 280px;
margin-bottom: 5px;
position: relative;
}
.gal_50.gallery {
justify-content:  space-between;
column-count: unset;
column-gap: unset;
}
.gal_50.gallery a::after  {
width: 100%;
height:  100%;
position: absolute;
content: '';
display:  block;
background-color: rgba(249,157,50,0.76);
opacity: 0;
transition: opacity 0.3s;
background-image: url(//rfcservices.co.uk/wp-content/themes/wordpress-theme-rfc/includes/img/cover-arrow.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 30px;
}
.gal_50.gallery a:hover::after {
opacity: 1;
}
.home_quote {
display: flex;
justify-content:  space-between;
padding: 0 20px;
}
.home_quote > div:nth-child(1) {
width: calc(53% - 5px);
}
.home_quote > div:nth-child(2)  {
width: calc(47% - 5px);
display: flex;
flex-wrap: wrap;
align-self:  stretch;
justify-content: space-between;
}
.home_quote > div:nth-child(2) a {
width: calc(50% - 5px);
justify-content: center;
position: relative;
max-height: 500px;
align-items: center;
height: auto;
}
.home_quote > div:nth-child(1) {
padding: 60px 80px;
box-sizing: border-box;
}
.home_quote > div:nth-child(1) > div {
background-color: #fff;
width: 95%;
padding: 60px 100px;
box-sizing: border-box;
}
.home_quote .ginput_container.ginput_container_checkbox ul {
display: flex;
}
.home_quote .ginput_container.ginput_container_checkbox ul li:nth-child(1n) {
width: auto;
}
.home_quote .gform_body ul li:nth-child(5) .ginput_container.ginput_container_checkbox ul li {
width: 100%;
}
.home_quote label {
text-transform:  uppercase;
}
.home_quote .h2 {
font-size: 25px;
text-transform:  uppercase;
}
.home_quote > div:nth-child(2) a:nth-child(1) , .home_quote > div:nth-child(2) a:nth-child(2) {
margin-bottom: 5px;
}
.home_quote > div:nth-child(2) a:nth-child(3) , .home_quote > div:nth-child(2) a:nth-child(4) {
margin-top: 5px;
}
.home_news.site_width > .h1 {
font-family: 'Roboto', sans-serif;
font-size: 25px;
text-align: center;
font-weight:  900;
text-transform: uppercase;
margin:  170 0 100px;
}
.home_news.site_width > div {
display: flex;
justify-content:  space-between;
}
.home_news.site_width > div a {
width: calc(33.3% - 5px);
font-size: 12px;
color: #424242;
background-color:  #f3f3f3;
padding: 60px 30px 20px;
box-sizing: border-box;
font-weight:  400;
position:  relative;
}
.home_news.site_width > div a p {
color: #424242;
font-size: 12px;
}
.home_news.site_width > div a:hover {
opacity: 1;
}
.home_news.site_width > div a p.h2 {
margin-bottom:  5px;
font-size: 18px;
}
.home_news.site_width > div a > span:nth-child(1) {
position:  absolute;
width: 70px;
height: 70px;
border-radius: 70px;
background-color: #ff4a23;
color: #fff;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction:  column;
font-size: 18px;
line-height: 17px;
letter-spacing:  3px;
top: -35px;
left: 10px;
}
.home_news.site_width > div a > span:nth-child(1) span {
display: block;
}
.home_news.site_width > div a > span:nth-child(1) span {
font-size: 11px;
font-weight:  300;
text-transform:  uppercase;
line-height: 17px;
}
.home_news.site_width > div a > span:last-child {
background-color: #ff4a23;
border: none;
max-width: 100%;
height: 25px;
color: #fff;
text-transform: uppercase;
font-size: 12px;
border-radius: 100px;
padding: 0 20px;
display: inline-flex;
align-items: center;
transition: .3s background-color;
}
.home_news.site_width > div a:hover > span:last-child {
background-color: #555555;
}
.main_container.container-50-50 {
padding: 0 20px;
box-sizing: border-box;
}
.post_date div:nth-child(2) {
font-size: 13px;
letter-spacing:  1px;
}
.gallery[class*="gallery-columns"] {
display: block;
}
.gallery[class*="gallery-columns"] a {
display: inline;
}
.main_container.service_list {
margin-top: -100px;
}
.tns-inner::before {
position: absolute;
width: 100%;
height: 100%;
content: '';
background-color: rgba(0, 0, 0, 0.2);
z-index: 2;
}
.home_banner_content {
position:  relative;
z-index: 3;
}
.banner_servies a:before , .home_quote > div:nth-child(2) a:before {
position:  absolute;
content: '';
display:  block;
background-color:  rgba(0,0,0,0.2);
width: 100%;
height: 100%;
}
.cta_blocks a .underline::before  {
content: '';
display: inline-block;
position: absolute;
background: url(//rfcservices.co.uk/wp-content/themes/wordpress-theme-rfc/includes/img/arrow-grey.svg) no-repeat center;
right: -30px;
width: 20px;
height: 10px;
top: 8px;
transform: scale(1.3);
opacity: 0.5;
}
.banner_content p.h2 {
margin-top:  -50px;
text-transform:  uppercase;
font-size: 30px;
letter-spacing: 4px;
padding-bottom:  10px;
margin-bottom:  20px;
}
.banner_content p.h2::after {
max-width: 220px;
}
@media (max-width:1450px) {
a.checkatrade {
width: 290px;
}
.main_container.container-50-50.service_50 {
margin-top: -110px;
}
}
@media (max-width:1400px) {
.banner_content {
margin-top: -40px;
}
.site_width , ul.sub-menu {
padding-left: 20px;
padding-right: 20px;
}
.banner_content {
margin-left: 20px;
margin-right: 20px;
}
.content_50.center > div {
margin-right:  auto;
margin-left:  0;
}
.gal_50 {
flex-direction:  column;
}
.gal_50 > div {
width: 100%;
}
.gal_50 > div:nth-child(2) {
margin-left:  0;
margin-top:  15px;
}
.gal_50.gallery {
flex-direction: row;
}
.home_quote > div:nth-child(1) {
padding: 30px;
}
.home_quote > div:nth-child(1) > div {
padding: 30px;
}
.main_container.container-50-50.service_50 {
margin-top: -120px;
}
}
@media (max-width: 1200px) {
a.checkatrade {
display:  none;
}
.single-post .main_container {
margin-left: 0;
}
}
@media (min-width: 1025px) {
ul#main_menu {
list-style: none;
display: flex;
padding: 0;
margin: 10px 0 0 0;
justify-content:  flex-end;
}
ul#main_menu li {
margin-bottom:  0;
}
ul#main_menu > li {
margin-left: 35px;
}
ul#main_menu > li > a {
color: rgba(48, 48, 48, 0.8);
font-weight: 400;
transition: color .3s;
position:  relative;
opacity: 1;
}
ul#main_menu > li:hover > a , ul#main_menu > li.current-menu-item > a {
color: rgba(241, 124, 44, 0.8);
}
ul#main_menu li a::after {
height: 4px;
content: '';
width: 80%;
display: block;
background-color: #f17c2c;
opacity: 0;
transition: 0.3s opacity;
margin: 2px auto 4px;
}
ul#main_menu li:hover > a::after , ul#main_menu li.current-menu-item > a::after {
opacity: 1;
}
.menu-item-has-children {
display: flex;
align-items: flex-start;
}
.menu-item-has-children > span {
background: url(//rfcservices.co.uk/wp-content/themes/wordpress-theme-rfc/includes/img/menu-down.svg) center no-repeat;
background-size: contain;
width: 8px;
height: 8px;
margin-top:  5px;
margin-left:  5px;
}
ul.sub-menu {
position: absolute;
list-style: none;
display: flex;
width: 100vw;
left: 0;
margin-top: 36px;
justify-content: center;
padding-left: calc(50% - (1375px / 2));
padding-right: calc(50% - (1335px / 2));
box-sizing: border-box;
background-color: rgba(85,85,85,.91);
max-height: 0;
transition: .3s max-height;
overflow: hidden;
max-width: 100%;
}
ul#main_menu > li:hover ul.sub-menu {
max-height: 100px;
}
ul.sub-menu a {
color: #fff;
padding: 32px 25px 12px;
display: block;
}
ul.sub-menu a {
font-weight:  300;
transition: background-color .3s;
background-color:  transparent;
}
ul.sub-menu a:hover  , ul.sub-menu li.current-menu-item > a{
color: #fff;
background-color:  #767676;
}
ul.sub-menu li:last-child {
margin-right: -25px;
}
.menu-item-has-children:hover a::before {
opacity: 1;
}
ul#main_menu .menu-item-has-children a::before {
width: 1px;
height: 1px;
border: 10px  solid transparent;
content: '';
display: block;
border-bottom-color: rgba(85,85,85,.91);
position: absolute;
bottom: -9px;
left: 0;
right: 0;
margin: auto;
opacity: 0;
transition: opacity 0.3s;
}
}
@media (max-width: 1024px) {
#close_menu {
background-color: rgba(0, 0, 0, 0.01);
position: fixed;
top: 0;
right: 0;
z-index: 9;
width: 0;
height: 100vh;
display: block;
transition: background-color 0.3s ease, right 0.3s ease;
-webkit-transition: background-color 0.3s ease, right 0.3s ease;
}
div#header {
box-shadow: 0px 0px 5px 0px rgb(0,0,0,0.1);
padding-bottom: 10px;
}
body.menu_open #close_menu {
display: block;
background: rgba(0, 0, 0, 0.5);
right: 300px;
width: 100%;
}
body.menu_open.show_menu_close #close_menu {
background-color: rgba(0, 0, 0, 0.01);
width: 100%;
right: 0;
}
#wrap {
position: relative;
width: auto;
min-width: 320px;
overflow: hidden;
}
#shifter {
position: relative;
width: 100%;
left: 0px;
transition: left 0.3s ease;
-webkit-transition: left 0.3s ease;
background: #fff;
}
body {
background: #d8d8d8;
padding: 0;
}
body.menu_open #shifter {
left: -300px;
}
body.menu_open.show_menu_close #shifter {
left: 0;
}
#mobile_menu_button {
width: 26px;
display: block;
margin-bottom: 5px;
margin-left: 35px;
}
#mobile_menu_button > div {
width: 100%;
height: 3px;
background-color: #b2b2b2;
margin-bottom: 4px;
}
#main_menu {
display: block;
top: 0px;
left: 100%;
width: 300px;
z-index: 3;
position: absolute;
}
.menu , .menu ul {
padding: 0;
margin: 0;
list-style: none;
background: #b2b2b2;
}
.menu a {
display: block;
color: #fff;
padding: 20px;
font-size: 20px;
font-weight: 400;
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.menu ul a {
font-size: 16px;
padding: 15px 25px;
background: rgba(255, 255, 255, 0.05);
}
.gallery {
column-count: 3;
column-gap: 10px;
}
div#header > div {
display: flex;
justify-content: flex-end;
align-items: center;
}
#mobile_menu_button > div:last-child {
margin-bottom:  0;
}
ul#main_menu a {
font-size: 18px;
}
ul#main_menu li ul a {
font-size: 14px;
}
.site_width.page_banner > div {
height: auto;
padding: 40px;
width: 50%;
}
.main_container.reverse aside {
padding-left:  0;
}
aside {
width: 300px;
}
.main_container.flex main {
padding-right:  20px;
width: calc(100% - 320px);
}
.cta_blocks {
margin: 60px auto 0;
}
.cta_blocks a {
padding: 15px;
}
.site_width.brand_logos {
margin-top:  50px;
}
div#footer > div {
display: block;
}
div#footer > div > div:nth-child(1) {
margin-bottom:  10px;
width: 100%;
}
div#footer > div > div:nth-child(2) {
width: 100%;
}
.site_width.page_banner.small > div {
height: auto;
}
.banner_content.site_width > div {
padding: 0 40px;
margin-top:  10px;
}
.breadcrumbs > span:last-child {
margin-left:  0;
}
.banner_content {
min-height:  180px;
margin-top:  -180px;
max-width: calc(100% - 40px);
margin-bottom: 60px;
}
.gallery a {
width: calc(50% - 20px);
}
.gallery a:nth-child(16n + 4), .gallery a:nth-child(16n + 13) ,.gallery a:nth-child(16n + 6) {
width: calc(50% - 7.5px);
}
.gallery a:nth-child(16n + 3), .gallery a:nth-child(16n + 4), .gallery a:nth-child(16n + 6), .gallery a:nth-child(16n + 9), .gallery a:nth-child(16n + 12), .gallery a:nth-child(16n + 13), .gallery a:nth-child(16n + 16) {
margin-right: 15px;
}
.gallery a:nth-child(2n+2) {
margin-right:  0;
}
.gallery a:nth-child(16n + 4), .gallery a:nth-child(16n + 13) {
height: 35vw;
max-height:  470px;
}
.container-50-50 main > div , .home_50_50 > div {
flex-direction: column-reverse;
margin-bottom:  40px;
}
.container-50-50 main > div > div {
width: 100%;
}
.main_container.container-50-50 {
padding: 0 20px;
}
.content_50 h1 {
margin-left:  10px;
font-size: 30px;
line-height: 45px;
margin-top: 20px;
}
.content_50 > div {
max-width: 100%;
}
.gal_50 {
height: 80vw;
max-height: 600px;
}
.container-50-50 main > div:nth-child(2n+2) {
flex-direction:  column-reverse;
}
.content_50.center > div {
margin-left:  auto;
}
.content_50 h2, .content_50 .h2 {
margin-left:  0px;
}
.content_50.content_360 > div {
margin-right:  0;
}
.main_container.container-50-50 {
margin-top:  20px;
}
.services_gal.gallery {
column-count: 1;
}
.services_gal.gallery a:nth-child(16n + 4), .gallery a:nth-child(16n + 13) {
width: 100%;
}
.services_gal.gallery a:nth-child(2n+2) {
width: 100%;
}
.services_gal.gallery a:last-child , .services_gal.gallery a:nth-last-child(2) {
display: none;
}
.main_container.container-50-50.service_50 , .main_container.service_list {
margin-top:  -50px;
}
.service_50.container-50-50 main > div ,
.service_50.container-50-50 main > div:nth-child(2n+2)
{
flex-direction: column-reverse;
}
.container-50-50.service_50 main > div > div:nth-child(1) ,
.container-50-50.service_50 main > div > div:nth-child(2) {
width: 100%;
}
.site_width.services_footer {
display: block;
}
.site_width.services_footer > div {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.site_width.services_footer > div:nth-child(2) {
width: 100%;
justify-content: center;
margin: 20px 0;
}
.site_width.services_footer > div:nth-child(2) p {
margin-bottom:  0;
}
.banner_servies {
display: none;
}
.banner_content > div {
padding: 0 20px 0px;
width: 100%;
max-width: 800px;
background-color: #fff;
box-sizing: border-box;
position: relative;
}
.breadcrumbs > span:last-child , .breadcrumbs h1 {
font-size: 30px;
line-height: 38px;
}
.banner_straplines p:nth-child(2) {
display: none;
}
.banner_straplines div {
padding: 20px;
}
.banner_straplines p.h3 {
margin-bottom:  0;
}
.banner_straplines svg {
display: none;
}
.home_banner {
padding-top:  50px;
}
.banner_text {
width: calc(100% - 130px);
padding: 40px 20px;
}
.tns-controls button {
width: 50px;
height: 50px;
background-size: 20px;
top: -100px;
bottom: 0;
margin: auto;
}
.banner_text p.h1 {
font-size: 60px;
}
.home_50_50 > div > div:nth-child(2) > div {
max-width: 90%;
}
.home_50_50 > div > div:nth-child(2) {
width: 100%;
}
.home_50_50 > div > div:nth-child(1) {
width: 100%;
margin-top:  10px;
height: auto;
}
.home_50_50 .h2 {
margin-left:  0;
}
.home_50_50 > div:nth-child(2) {
flex-direction:  column-reverse;
}
.home_50_50 > div:nth-child(2) > div:nth-child(1) a:nth-child(1n) {
width: calc(33.3% - 3px);
margin: 0 0 5px 0;
height: 20vw;
max-height: 280px;
min-height:  200px;
}
.gal_50.gallery {
flex-direction:  row;
}
.home_50_50 > div:nth-child(1) > div:nth-child(1) {
height: 80vw;
}
.home_50_50 > div:nth-child(2) > div:nth-child(2) {
justify-content:  flex-start;
}
.home_quote {
display: block;
}
.home_quote > div:nth-child(1) {
width: 100%;
margin-bottom:  10px;
}
.home_quote > div:nth-child(2) {
width: 100%;
}
.home_quote > div:nth-child(2)  a {
height: 50vw;
max-height: 450px;
min-height: 200px;
}
.brand_logos .tns-controls button {
top: 0px;
}
.site_width.services_footer > div:nth-child(3) .h2 {
text-align: center;
}
.site_width.services_footer > div:nth-child(3), .site_width.services_footer > div:nth-child(1) {
max-width: 530px;
margin: auto;
}
.brand_logos .tns-horizontal.tns-subpixel >div.tns-item {
display: flex;
align-items: center;
padding: 0 20px;
}
div#header {
z-index: 10;
}
.banner_content p.h2 {
margin-top:  -20px;
font-size: 24px;
}
.banner_content > div {
padding: 0;
}
.breadcrumbs h1::before {
display: none;
}
}
@media (max-width: 768px) {
body {
padding: 0;
}
div#header > div {
flex-direction:  column;
align-items: flex-end;
}
div#header > div > div:nth-child(1) {
margin-bottom:  10px;
}
div#header div div:nth-child(1) a {
margin-left:  15px;
}
div#header div div:nth-child(1) a svg:nth-child(2) {
display: none;
}
.main_container.site_width.reverse.flex , .main_container.site_width.flex {
display: block;
}
.main_container.flex main {
width: 100%;
}
.site_width.page_banner {
margin-bottom:  30px;
}
aside {
width: 100%;
}
.main_container.reverse aside {
padding-left: 0;
display: none;
}
.site_width.page_banner > div {
width: 80%;
padding: 20px 50px;
}
.content_50 h1 {
font-size: 40px;
margin-top:  0;
line-height: 48px;
}
.cta_blocks div {
display: block;
}
.cta_blocks a {
width: 100%;
padding: 20px 0;
}
div#footer > div > div:nth-child(2) {
flex-wrap:  wrap;
}
div#footer > div > div:nth-child(2) > div:nth-child(3) {
width: 100%;
}
div#footer > div > div:nth-child(2) > div {
width: 50%;
}
blockquote {
max-width: 80%;
margin: 40px auto 30px auto;
}
.site_width.page_banner.small > div > div {
top: 0;
}
.blog .main_container.site_width.flex {
display: flex;
flex-direction:  column;
}
.blog aside.right {
order: 3;
}
div#pagination {
margin: 50px auto;
}
.banner_content {
min-height: 100px;
margin-top:  -100px;
}
.banner_content > div:nth-child(1) {
padding-top:  20px;
}
.gallery a p {
display: none;
}
.services_gal.gallery {
display: flex;
justify-content: space-between;
}
.services_gal.gallery a:nth-child(1), .services_gal.gallery a:nth-child(4) {
max-height:  300;
}
.services_gal.gallery a {
width: calc(50% - 5px);
margin-right:  0;
padding: 0;
}
.services_gal.gallery a:nth-child(2n+2) {
width: calc(50% - 10px);
}
.banner_text p.h1 {
font-size: 40px;
letter-spacing:  5px;
}
.banner_text p.h2 {
font-size:  18px;
letter-spacing:  3px;
}
.banner_straplines p.h3 {
font-size: 14px;
}
.tns-outer {
margin-top:  -50px;
}
.home_news.site_width > div {
flex-direction:  column;
}
.home_news.site_width > div a {
width: 100%;
margin-bottom:  60px;
}
.home_news.site_width > .h1 {
margin: 50px 0 50px;
}
.page_banner.small + .banner_content {
margin-top:  0;
}
.gform_wrapper {
width: 100%;
max-width: 100%;
}
.site_width.brand_logos {
margin-top: 0px;
}
div#mobile_menu_button {
margin-left: 10px;
}
div#mobile_menu_button {
margin-bottom:  0;
}
div#header {
align-items: flex-end;
}
div#header div div:nth-child(1) a {
text-indent: -10000px;
width: 35px;
height: 30px;
overflow: hidden;
display: inline-block;
position: relative;
text-align:  left;
margin-left: 10px;
}
div#header div div:nth-child(1) a svg {
display: none;
}
div#header div div:nth-child(1) a:nth-child(1) {
background: url(//rfcservices.co.uk/wp-content/themes/wordpress-theme-rfc/includes/img/email-grey.svg) no-repeat -5px -8px;
background-size: 50px;
}
div#header div div:nth-child(1) a:nth-child(2) {
background: url(//rfcservices.co.uk/wp-content/themes/wordpress-theme-rfc/includes/img/phone-grey.svg) no-repeat -5px -6px;
background-size: 46px;
}
div#header > div {
flex-direction: row;
margin-bottom: 11px;
}
div#header > div > div:nth-child(1) {
margin-bottom: -5px;
}
}
@media (max-width:668px) {
.home_quote .ginput_container.ginput_container_checkbox ul li:nth-child(1n) {
width: 100%;
}
.gform_body ul li {
margin-bottom: 10px;
}
}
@media (max-width:600px) {
.main_container.container-50-50.service_50 , .main_container.service_list {
margin-top: 0;
}
.brand_logos .tns-controls button {
width: 40px;
height: 40px;
}
.gallery {
column-count: 2;
}
.header-right {
display: flex;
justify-content: space-between;
}
div#header div div:nth-child(1) a:nth-child(1) {
margin-left: 0;
}
div#header div div:nth-child(1) a:nth-child(2) {
margin-left:  5px;
}
.home_quote > div:nth-child(1) > div {
width: 100%;
}
.breadcrumbs > span:last-child , .content_50 h1  , .breadcrumbs h1 {
font-size: 26px;
line-height: 31px;
margin-left:  0;
letter-spacing: 3px;
}
.breadcrumbs > span:last-child::before , .content_50 h1::before , .content_50 h2::before, .content_50 .h2::before , .breadcrumbs h1::before {
display: none;
}
.content_50 h2 , .content_50 .h2 {
margin-left: 0;
}
.breadcrumbs , .breadcrumbs a {
font-size: 14px;
}
.site_width.page_banner > div , .site_width.page_banner.small > div {
padding-right:  20px;
width: 100%;
padding-left:  30px;
}
blockquote {
max-width: 90%;
margin: 25px auto 30px auto;
}
blockquote::before {
width: 30px;
height: 30px;
font-size: 80px;
line-height: 80px;
left: -30px;
top: -8px;
}
blockquote::after {
width: 30px;
height: 30px;
font-size: 80px;
line-height: 80px;
right:  -30px;
bottom: 50px;
}
.post_list a > div:nth-child(1) {
display: none;
}
.post_list a > div:nth-child(2) {
width: 100%;
}
.post_list a p.h2 {
font-size: 21px;
}
.banner_content.site_width > div {
padding: 0px 30px;
}
h1, .h1 {
font-size: 21px;
}
.banner_content > div {
padding: 0 40px;
}
.address_50 {
display:  block;
width: 100%;
}
.address_50 .left_block:nth-child(2) {
margin-right:  0;
}
.gform_footer.top_label {
margin-top: 0;
}
.banner_text {
width: calc(100% - 70px);
padding: 30px 15px;
}
.banner_text p:nth-child(3) {
display:  none;
}
.banner_text p.h1 {
font-size: 26px;
letter-spacing:  3px;
}
.banner_text p.h2 {
font-size: 16px;
letter-spacing:  1px;
}
.banner_text p.h2 em {
font-size: 14px;
}
.tns-controls button {
top: 0;
}
.banner_straplines div {
padding: 20px 5px;
}
.banner_straplines p.h3 {
letter-spacing:  2px;
font-size: 11px;
}
.banner_text .u-button {
font-size: 12px;
}
.home_50_50 > div:nth-child(2) > div:nth-child(1) a:nth-child(1n) {
width: calc(50% - 2.5px);
}
.home_50_50 > div > div:nth-child(1) {
max-height:  10000px;
}
.home_50_50 > div:nth-child(2) > div:nth-child(1) a:last-child {
display:  none;
}
.home_quote > div:nth-child(2)  a {
width: 100%;
}
.home_quote > div:nth-child(2) a:nth-child(1n) {
margin-bottom: 10px;
margin-top: 0;
}
.banner_content {
margin-top: 0;
margin-bottom:  0;
}
.main_container {
margin-top: 0;
}
.banner_content > div {
padding: 0;
}
.page_banner.small + .banner_content {
min-height:  0;
margin-bottom:  30px;
}
.banner_text h1.h1 {
font-size: 34px;
}
.banner_straplines {
display: none;
}
.gallery.large_gal {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
.gallery.large_gal * {
min-width: 100%;
margin: 0;
}
}
@media (max-width:548px) {
.site_width.services_footer .gform_body > ul li:nth-child(4) div ul li {
width: 100%;
margin-bottom: 0;
}
}
@media (max-width:450px) {
div#footer > div > div:nth-child(2) > div {
width: 100%;
}
.gform_body ul {
display: block;
}
.gform_body ul li {
width: 100%;
}
.gform_body ul li:nth-child(1) div {
display: block;
}
.gform_body ul li:nth-child(1) div span:nth-child(1) {
margin-bottom:  20px;
display: block;
width: 100%;
}
.content_50 h1 + p {
font-size: 25px;
font-weight: 300;
letter-spacing: 2px;
line-height: 1.1em;
}
.h2 {
letter-spacing: 1px;
}
.left_block {
margin-bottom: 20px;
}
.site_width.services_footer_title .h2 {
margin: 50px 0 50px;
}
}  #baguetteBox-overlay {
display: none;
opacity: 0;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000000;
background-color: #222;
background-color: rgba(0, 0, 0, 0.8);
transition: opacity 0.5s ease;
}
#baguetteBox-overlay.visible {
opacity: 1;
}
#baguetteBox-overlay .full-image {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
text-align: center;
}
#baguetteBox-overlay .full-image figure {
display: inline;
margin: 0;
height: 100%;
}
#baguetteBox-overlay .full-image img {
display: inline-block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
#baguetteBox-overlay .full-image figcaption {
display: block;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
line-height: 1.8;
white-space: normal;
color: #ccc;
background-color: #000;
background-color: rgba(0, 0, 0, 0.6);
font-family: sans-serif;
}
#baguetteBox-overlay .full-image:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#baguetteBox-slider {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
white-space: nowrap;
transition: left 0.4s ease, transform 0.4s ease;
}
#baguetteBox-slider.bounce-from-right {
animation: bounceFromRight 0.4s ease-out;
}
#baguetteBox-slider.bounce-from-left {
animation: bounceFromLeft 0.4s ease-out;
}
@keyframes bounceFromRight {
0% {
margin-left: 0;
}
50% {
margin-left: -30px;
}
100% {
margin-left: 0;
}
}
@keyframes bounceFromLeft {
0% {
margin-left: 0;
}
50% {
margin-left: 30px;
}
100% {
margin-left: 0;
}
}
.baguetteBox-button#previous-button, .baguetteBox-button#next-button {
top: 50%;
top: calc(50% - 30px);
width: 44px;
height: 60px;
}
.baguetteBox-button {
position: absolute;
cursor: pointer;
outline: none;
padding: 0;
margin: 0;
border: 0;
border-radius: 15%;
background-color: #323232;
background-color: rgba(50, 50, 50, 0.5);
color: #ddd;
font: 1.6em sans-serif;
transition: background-color 0.4s ease;
}
.baguetteBox-button:focus, .baguetteBox-button:hover {
background-color: rgba(50, 50, 50, 0.9);
}
.baguetteBox-button#next-button {
right: 2%;
}
.baguetteBox-button#previous-button {
left: 2%;
}
.baguetteBox-button#close-button {
top: 20px;
right: 2%;
right: calc(2% + 6px);
width: 30px;
height: 30px;
}
.baguetteBox-button svg {
position: absolute;
left: 0;
top: 0;
} .baguetteBox-spinner {
width: 40px;
height: 40px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
}
.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: bounce 2s infinite ease-in-out;
}
.baguetteBox-double-bounce2 {
animation-delay: -1s;
}
@keyframes bounce {
0%, 100% {
transform: scale(0);
}
50% {
transform: scale(1);
}
} .tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.ms-touch{overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;-ms-scroll-chaining:none;-ms-scroll-snap-type:mandatory;-ms-scroll-snap-points-x:snapInterval(0%, 100%)}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>div,.tns-slider>li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>div,.tns-horizontal.tns-subpixel>li{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>div,.tns-horizontal.tns-no-subpixel>li{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>div,.tns-gallery>li{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-hdx{overflow-x:hidden}.tns-hdy{overflow-y:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{width:500px}.tns-t-subp2 .out{width:-webkit-calc(100% * 700);width:-moz-calc(100% * 700);width:calc(100% * 700)}.tns-t-subp2 .in{width:-webkit-calc(100% / 700);width:-moz-calc(100% / 700);width:calc(100% / 700);height:100px}
.tns-t-subp2 {
display: none;
}