/**
* Theme Name: Goya Child Theme
* Description: This is a child theme of Goya, automatically generated.
* Author: <a href="https://themeforest.net/user/everthemess">Everthemes</a>
* Template: goya
* Version: 1.0.8.8
*/
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600&family=Inter:wght@300;400;500;600;700&display=swap');

@font-face {
    font-family: 'gilroy-bold';
    src: url('fonts/gilroy-bold-webfont.woff2') format('woff2'),
        url('fonts/gilroy-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gilroy-light';
    src: url('fonts/gilroy-light-webfont.woff2') format('woff2'),
        url('fonts/gilroy-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gilroy-medium';
    src: url('fonts/gilroy-medium-webfont.woff2') format('woff2'),
        url('fonts/gilroy-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'gilroy-regular';
    src: url('fonts/gilroy-regular-webfont.woff2') format('woff2'),
         url('fonts/gilroy-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/********** Fixes **********/
.et-video-lightbox.lightbox-image .et-video-icon {
cursor:pointer;
}
@media only screen and (max-width: 991px) {
.swap-on-tablet {
display: flex !important;
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 767px) {
.swap-on-mobile {
display: flex !important;
flex-direction: column-reverse;
}
}
/********** Fixes End **********/

/********** Typography **********/
h1, h2, h3, h4,
.h1, .h2, .h3, .h4{
font-family: 'gilroy-bold', sans-serif;
letter-spacing:0!important;
font-weight: normal;
}

body {
font-family: 'inter', sans-serif;
font-weight: 400;
}

h1, .h1 {
font-size: 4vw;
font-size: clamp(2rem,3.8vw,4.375rem);
line-height: 1.2;
margin: 0;
}
h2, .h2 {
font-size: 3vw;
font-size: clamp(2rem,3.5vw,2.5rem);
line-height: 1.2
}
h3, .h3 {
font-size: 4.5vw;
font-size: clamp(1.5rem,4.5vw,2rem);
line-height: 1.2
}
h4, .h4 {
font-size: 4vw;
font-size: clamp(1.45rem,4vw,1.7rem);
line-height: 1.5
}
.lead{
font-size: 1.3rem;
font-family: 'inter', sans-serif;
font-weight: 400;
}
.lead h1{
font-size: 1.3rem;
font-family: 'inter', sans-serif;
font-weight: 400;
line-height: 1.7;
}
.blue-text{
color:#00426C;
}
.small-caps{
text-transform:uppercase;
font-size:13px;
font-family: 'Inter', sans-serif;
font-weight:700;
letter-spacing:0.5px
}
@media all and (max-width: 767px) {
.lead{
font-size: 1.15rem
}
.lead h1{
font-size: 1.15rem
}
}
.wpb_column.et-light-column,
.et-light-column .wpb_text_column,
.wpb-js-composer .wpb_column.et-light-column .vc_tta.vc_general.vc_tta-tabs .vc_tta-tab > a {
color: rgba(255,255,255,0.85);
}
/********** Typography End **********/

/********** Buttons & Links **********/
p a{
font-weight: 600;
}
.et_btn.solid {
background-color: #004fa4;
}
.button{
font-size:12px;
text-transform:uppercase;
font-weight:700;
letter-spacing:0.5px;
min-width:200px;
border-radius:4px!important;
}
/********** Buttons & Links End **********/

/********** Header **********/
@media (min-width: 1280px) {
.header-full-width:not(.checkout-distraction-free) .top-bar .container,
.header-full-width:not(.checkout-distraction-free) .site-header .container,
.header-full-width .et-header-menu > li.menu-item-mega-parent > .sub-menu {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1366px) {
.header-full-width:not(.checkout-distraction-free) .top-bar .container,
.header-full-width:not(.checkout-distraction-free) .site-header .container,
.header-full-width .et-header-menu > li.menu-item-mega-parent > .sub-menu {
padding-right: 50px;
padding-left: 50px;
}
}
.header .et-header-menu > li> a{
text-transform:uppercase;
font-size:13px;
font-family: 'Inter', sans-serif;
font-weight:700;
letter-spacing:0.5px
}
.et-header-text.text-1{
width: 360px;
max-width: 360px;
padding: 10px 30px 0 10px;
}
.bars svg{
width:36px;
height:36px;
stroke-width: 1.5px;
stroke-linecap:square;
}
.side-panel .et-close {
width: 50px;
height: 50px;
}
.side-panel .et-close:before, .side-panel .et-close:after {
background-color: #ccc;
}
.menu-sliding > li,
.sliding-menu .sliding-menu-panel-root,
.sliding-menu .sliding-menu-top {
letter-spacing:1px;
font-weight: 500;
font-size: 1em;
}
.et-mobile-header-text.text-1 a{
color:#333333;
font-size:48px;
transition: all .3s ease-in-out;
}
.et-mobile-header-text.text-1 .et-icon{
line-height:1.7;
}
.click-capture {
background: rgba(0,0,0,0.7);
}
@media only screen and (max-width: 1366px) {
.et-header-text.text-1{
width: 320px;
max-width: 320px;
padding: 10px 0 0 0;
}
}
@media only screen and (max-width: 1279px) {
.header-mobile {
    display: block;
}
.header-main{
display: none!important;
}
#mobile-menu:not(.desktop-active) {
visibility: visible;
opacity: 1;
}
}
@media only screen and (min-width: 1280px) {
#mobile-menu:not(.desktop-active) {
    visibility: hidden;
    opacity: 0;
}
}
/********** Header End **********/

/********** Responsive Paddings and Sizing **********/
.section-wide{
padding-left: 150px;
padding-right: 150px;
}
.section-wide.mcs-section {
padding-left: 300px;
padding-right: 150px;
}
.big-padding{
	padding-top:120px;
	padding-bottom:120px;
}
.big-padding-bottom{
	padding-bottom:120px;
}
.big-padding-top{
	padding-top:120px;
}
.md-padding-top{
	padding-top:90px;
}
.md-padding-bottom{
	padding-bottom:90px;
}
.small-padding{
	padding-top:60px;
	padding-bottom:60px;
}
.small-padding-bottom{
	padding-bottom:60px;
}
.small-padding-top{
	padding-top:60px;
}
@media all and (max-width: 1700px) {
.section-wide{
padding-left:100px;
padding-right:100px;
}
}
@media all and (max-width: 1600px) {
.section-wide{
padding-left:60px;
padding-right:60px;
}
.section-wide.mcs-section {
padding-left: 250px;
padding-right: 60px;
}
}
@media all and (max-width: 1199px) {
.section-wide{
padding-left:30px;
padding-right:30px;
}
.section-wide.mcs-section {
padding-left: 130px;
padding-right: 130px;
}
}
@media only screen and (max-width: 991px) {
.section-wide.no-padding-1{
padding-left:0;
padding-right:0;
}
.big-padding{
	padding-top:80px;
	padding-bottom:80px;
}
.big-padding-bottom{
	padding-bottom:80px;
}
.big-padding-top{
	padding-top:80px;
}
.md-padding-top{
	padding-top:60px;
}
.md-padding-bottom{
	padding-bottom:60px;
}
.md-padding{
	padding-top:60px;
	padding-bottom:60px;
}
.small-padding{
	padding-top:30px;
	padding-bottom:30px;
}
.small-padding-bottom{
	padding-bottom:30px;
}
.small-padding-top{
	padding-top:30px;
}
.section-wide.mcs-section {
padding-left: 80px;
padding-right: 80px;
}
}
@media only screen and (max-width: 767px) {
.big-padding{
	padding-top:60px;
	padding-bottom:60px;
}
.big-padding-bottom{
	padding-bottom:60px;
}
.big-padding-top{
	padding-top:60px;
}
.md-padding-top{
	padding-top:30px;
}
.md-padding-bottom{
	padding-bottom:30px;
}
.section-wide.no-padding-2{
padding-left:15px;
padding-right:15px;
}
.section-wide.mcs-section {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (max-width: 575px) {
.section-wide{
padding-left:15px;
padding-right:15px;
}
.section-wide.mcs-section {
padding-left: 15px;
padding-right: 15px;
}
.section-wide.no-padding-2{
padding-left:0;
padding-right:0;
}
}
/********** Responsive Paddings and Sizing End **********/

/********** Footer **********/
.footer-widgets.footer-toggle-widgets::before {
content: "";
top: 0;
left: 50%;
margin-left:-114px;
background: url(assets/img/logo-light.png);
position: relative;
background-size: 227px 76px;
background-repeat: no-repeat;
z-index:2;
display: inline-block;
width: 227px; 
height: 76px;
}
.footer-widgets .textwidget p{
color:#ffffff;
line-height:2
}
.footer-widgets .widgettitle{
font-size:15px;
font-family: 'inter', sans-serif;
letter-spacing:1.5px !important;
font-weight:500 !important;
color: #cccccc!important;
}
.footer-widgets .container{
padding-top:50px;
}
.footer-widgets.footer-toggle-widgets {
padding-top:60px;
padding-bottom: 30px;
}
.footer-widgets .container {
padding-top: 60px;
}
.footer-bar .container {
padding-top: 40px;
padding-bottom: 40px;
}
.footer-bar .container a{
transition: all .3s ease-in-out;
}
.footer-bar .container a:hover{
color:#ffffff;
}
#scroll_to_top {
right: 45px;
z-index: 1000;
}
#scroll_to_top.active {
bottom: 25px;
right: 45px;
}
#nav_menu-4{
margin-bottom: 20px!important;
}
.footer-middle.footer-widgets .container{
padding-top:60px;
border-top:dashed 1px #444;
}

.footer-middle.footer-widgets h3{
margin-bottom:10px;
}
.footer-middle.footer-widgets .mc4wp-form{
margin-top:10px;
color:#ffffff
}
.site-footer.dark .footer-widgets, .site-footer.dark .footer-middle
.site-footer.dark{
color:rgba(255,255,255,0.75)
} 

.mc4wp-form-fields input[type=submit] {
font-size:12px!important;
text-transform:uppercase;
font-weight:700;
letter-spacing:0.5px;
border-radius:4px!important;
}
.footer-middle.footer-widgets .mc4wp-form-fields input[type=submit] {
font-size:12px!important;
text-transform:uppercase;
font-weight:700;
letter-spacing:0.5px;
border-radius:4px!important;
background:#ffffff;
color:#1c1c1c;
}
@media all and (min-width: 768px) {
.footer-widgets .widget:last-child {
margin-bottom: 40px;
}
}
@media all and (max-width: 767px) {
.footer-toggle-widgets.footer-widgets .widget {
margin-bottom: 30px;
}
}
/********** Footer End **********/

/********** Social **********/
.round-socials{
height:50px;
width:120px;
}
.round-socials.top{
height:50px;
width:120px;
float: Left;
}
.round-socials .social-link{
height:50px;
width:50px;
margin-right: 10px;
float:left;
transition: all .3s ease-in-out;
opacity:0.6;
}
.round-socials .social-link:hover{
opacity:1;
}
.round-socials .social-link.top{
height:50px;
width:50px;
margin-right: 10px;
float:left;
transition: all .3s ease-in-out;
opacity:1;
}
.round-socials .social-link.top:hover{
opacity:0.4;
}
/********** Social End **********/

/********** Blog **********/
.post-featured.title-wrap .post-title {
width: 100%;
z-index: 2;
padding-top: 5vh;
padding-bottom: 0;
margin-bottom: 0;}

.page-title, .page-header .page-title{
font-size: 4.5vw;
font-size: clamp(2.5rem,4.5vw,4.5rem)!important;
line-height: 1.2;
margin: 0;
}
h1.entry-title{
font-size: 5vw;
font-size: clamp(2rem,4vw,2.7rem)!important;
line-height: 1.2;
margin: 0;	
}
@media all and (max-width: 991px) {
.hero-header .regular-title {
	padding: 2vh 0;
}
}
/********** Blog End **********/

/********** Sticky Phone **********/
.sticky-phone {
  position: fixed;
  width: auto;
  height: 80px;
  padding-left:25px;
  bottom: 0;
  z-index: 999;
  visibility: hidden;
  transition: all 500ms cubic-bezier(.265,.365,.26,.865);
  -webkit-transition-timing-function: cubic-bezier(.265,.365,.26,.865);
  -moz-transition-timing-function: cubic-bezier(0.265,.365,.26,.865);
  -o-transition-timing-function: cubic-bezier(0.265,.365,.26,.865);
  transition-timing-function: cubic-bezier(0.265,.365,.26,.865);
}
.sticky-phone--bottom {
	bottom: -80px;
}

.sticky-phone--show {
	visibility: visible;
}
.sticky-phone--bottom.sticky-phone--show {
	bottom: 0;
}
.big-button {
  display: inline-block;
}
.big-button .btn {
  display: inline-block;
  text-transform:uppercase;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 0px 1px 5px rgb(0 0 0 / 25%);
  background-color: transparent;
  padding: 0 30px;
  font-family: 'Inter', sans-serif;
  letter-spacing: 3px;
  font-weight: 600;
  font-size: 16px;
  height: 60px;
  min-width:220px;
  line-height: 60px;
  border-radius: 40px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn.btn-color-1 {
  color: #fff;
  background-color: #72ab1d;
  border-radius: 40px;
}
.btn.btn-color-1:hover {
  color: #fff;
  background-color: #65981a;
  border-radius: 40px;
}
.mob-phone-round{
max-width:62px;
display:none;
}
@media only screen and (max-width: 599px) {
.mob-phone-round{
display:block;
}
.sticky-phone .big-button{
display:none;
}
}
/********** Sticky Phone End **********/


/********** Homepage Header Section **********/
.header-text-1{
padding:0 0 0 60px!important;
background: rgb(247,247,247);
background: linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);
position: relative;
}
.header-text-2{
padding:0 60px 0 0!important;
}
.header-pic-1{
height:65vh;
}
.header-pic-2{
height:60vh;
}
.header-text-1 .h1{
margin-bottom:20px;
}
.header-text-1 .lead{
margin-bottom:50px;
}
.header-text-1 .et_btn_align_left{
display:inline;
margin-right:10px;
}
.header-tel{
width:300px;
height: 50px;
float:left;
line-height: 50px;
padding-left: 15px;
}
.header-social-tel{
position:absolute;
 bottom:0
}
.header-social-tel-fo{
position:relative;
display:block;
width:430px;
margin:0 0 0 auto;
}
.header-social-tel-fo .header-tel{
width:280px;
}
.header-social-tel .lead{
margin-bottom:0!important;
}
.header-social-tel-fo .lead{
margin-bottom:0!important;
}
.header-tel a{
transition: all .3s ease-in-out;
}
.header-tel a:hover{
opacity:0.5
}
.header-social-tel.mob{
position:relative;
float:right;
margin:25px 30px
}
.header-social-tel.mob .header-tel {
width: auto;
float: right;
}
@media only screen and (max-width: 1400px) {
.header-pic-2{
height:auto;
}
}
@media only screen and (max-width: 991px) {
.header-pic-1 .vc_parallax-inner{
background-image: url(https://pblackhall-co-uk.dev3.vooba.co.uk/wp-content/uploads/2023/08/mobile-header.jpg)!important;
}
.header-text-1{
padding:60px 30px 0 30px!important;
}
.header-text-2{
padding:60px 30px 0 30px!important;
}
.header-text-1 .lead{
margin-bottom:30px;
}
.header-pic-1{
height:500px;
}
.header-pic-2{
height:400px;
}
.header-social-tel.dt{
display: none;
}
}
@media only screen and (max-width: 767px) {
.header-pic-1{
height:400px;
}
}
@media only screen and (max-width: 575px) {
.header-quote{
display: none;
}
.header-pic-1{
height:310px;
}
.header-pic-2{
height:310px;
}
}
/********** Homepage Header Section End **********/

/********** Which Logo Header Section End **********/
.which-logo{
position:absolute;
max-width: 160px;
bottom:30px;
left:30px;
}
@media only screen and (max-width: 991px) {
.which-logo{
max-width: 150px;
top:40px;
left:20px;
}
}
@media only screen and (max-width: 767px) {
.which-logo{
max-width: 140px;
}
}
@media only screen and (max-width: 575px) {
.which-logo{
max-width: 120px;
top:15px;
left:15px;
}
}
/********** Which Logo Header Section End **********/

/********** Mobile Header WB Logos **********/
.mobile-header-icons::before {
content: "";
top: 50%;
right: 30px;
margin-top: -20px;
background: url(https://pblackhall-co-uk.dev3.vooba.co.uk/wp-content/uploads/2023/08/wb-logo.png);
position: absolute;
background-size: 280px 48px;
background-repeat: no-repeat;
z-index:2;
display: inline-block;
width: 280px; 
height: 48px;
}
.mobile-header-icons .text-1{
display:none;
}
.bottom-extras .et-mobile-text a{
margin-right: 10px;
opacity:0.5;
transition: all .3s ease-in-out;
}
.bottom-extras .et-mobile-text a:hover{
opacity:1;
}
.mobile-wb-logos{
width:100%;
height:100px;
background:#ffffff;
position: absolute;
top:-80px;
left:0;
display:none;
}
.mobile-wb-logos .mob-logos img{
max-width:320px;
margin-left:30px;
margin-top:25px
}
.mob-logos{
display:inline;
}
@media only screen and (max-width: 1279px) {
.side-mobile-menu .bottom-extras .et-mobile-text{
display:inherit;
text-align: right;
}
}
@media only screen and (max-width: 991px) {
.mobile-header-icons::before{
display:none;
}
.mobile-header-icons .text-1{
display:inherit;
}
.mobile-wb-logos{
display:inherit;
}
}
@media only screen and (max-width: 810px) {
.header-social-tel.mob .header-tel {
display:none;
}
}
@media only screen and (max-width: 575px) {
.header-social-tel.mob{
position:relative;
float:right;
margin:15px 15px 0 0;
}
.mobile-wb-logos .mob-logos img{
max-width:230px;
margin-left:10px;
margin-top:20px
}
.mobile-wb-logos{
height:70px;
top:-70px;
}
.header-text-1{
padding:40px 15px 0 15px!important;
}
.header-text-2{
padding:40px 15px 0 15px!important;
}
.header-text-1 .h1{
margin-bottom:10px;
}
.header-text-1 .lead{
margin-bottom:20px;
}
.round-socials .social-link.top{
height:40px;
width:40px;
margin-right: 10px;
float:right;
transition: all .3s ease-in-out;
opacity:1;
}
}
@media only screen and (max-width: 380px) {
.header-social-tel.mob{
position:relative;
float:right;
margin:15px 0 0 0;
}
.mobile-wb-logos .mob-logos img{
max-width:230px;
margin-left:5px;
margin-top:20px
}
}
/********** Mobile Header WB Logos End **********/

/********** service Boxes **********/
.service-boxes .vc_column-inner{
-webkit-box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, 0.015);
-moz-box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, 0.015);
box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, 0.015);
padding:30px!important;
}

.service-boxes .vc_column-inner img{
width:144px;
margin-bottom:15px;
margin-top:15px;
}
.service-boxes .vc_column-inner h3{
margin-bottom:15px
}
.service-boxes.solar .vc_column-inner img{
width:100%;
margin-bottom:15px;
margin-top:0;
}
.service-boxes.solar  .vc_column-inner{
padding:0 0 0 0!important;
}
.service-boxes.solar .wpb_wrapper .solar-text{
padding:0 30px
}
.service-boxes.solar .et_btn_align_left{
margin-left:30px;
padding-bottom:30px;
}
@media only screen and (max-width: 767px) {
.service-boxes .vc_column-inner{
padding:20px!important;
}
.service-boxes.solar .wpb_wrapper .solar-text{
padding:0 20px
}
.service-boxes.solar .et_btn_align_left{
margin-left:20px;
padding-bottom:30px;
}
}
/********** service Boxes End **********/


/********** Collage Blocks **********/
.collage-outer{
position:relative;
}
.collage-block{
position:relative;
max-width: 780px;
z-index: 2;
}
.collage-pic-1{
position: absolute;
max-width: 360px;
z-index: 2;
left:0;
bottom:40px;
}
.collage-pic-2{
max-width: 460px;
z-index: 1;
display:block;
margin:0 0 0 auto;
}
.collage-pic-3{
position: relative;
max-width: 460px;
left: 120px;
margin-top: -45px;
}
.padded-text-1{
padding:0 80px 0 0!important;
}
@media only screen and (max-width: 1400px) {
.collage-pic-1{
max-width: 275px;
left:0;
bottom:30px;
}
.collage-pic-2{
max-width: 350px;
}
.collage-pic-3{
position: relative;
max-width: 350px;
left: 100px;
margin-top: -35px;
}
.collage-block{
position:relative;
max-width: 595px;
z-index: 2;
}
.padded-text-1{
padding:0 0 0 0!important;
}
}
@media only screen and (max-width: 1199px) {
.collage-pic-1{
max-width: 257px;
}
.collage-pic-2{
max-width: 328px;
}
.collage-pic-3{
position: relative;
max-width: 328px;
}
.collage-block{
max-width: 557px;
}
}

@media only screen and (max-width: 991px) {
.collage-outer{
max-width: 557px;
display:block;
margin:0 auto;
}
}
@media only screen and (max-width: 575px) {
.collage-pic-2{
display: none;
}
.collage-pic-1{
position: relative;
max-width: 360px;
left:0;
bottom:0;
}
.collage-pic-3{
position: relative;
max-width: 360px;
left: 0;
margin-top:20px;
}
.collage-outer{
max-width: 360px;
}
}
/********** Collage Blocks End **********/

/********** MCS Section **********/
.vc_row.mcs-section {
background-position: left !important;
}
.big-padding.section-wide.mcs-section{
position:relative!important;
}

.mcs-logo-1{
position:absolute;
width:150px;
left:-200px;
top:10px
}
@media all and (max-width: 1199px) {
.mcs-logo-1{
position:relative;
width:150px;
left:0;
top:0;
display:block;
margin:0 auto 50px
}
.vc_row.mcs-section:before {
content: " ";
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: rgba(0, 79, 162, 0.75);
z-index:1
}
}
@media all and (max-width: 991px) {
.mcs-logo-1{
width:120px;
}
}
@media all and (max-width: 767px) {
.mcs-logo-1{
width:100px;
}
}
/********** MCS Section End **********/

/********** Testimonials **********/
.et-testimonials-slider blockquote p {
font-family: 'gilroy-light', sans-serif;
font-weight: normal;
font-style: oblique;
font-size: 3.5vw;
font-size: clamp(1.15rem,3.5vw,1.25rem);
line-height: 1.5;
}
.et-testimonials-slider blockquote {
padding: 30px 30px;
margin: 0 0 15px;
text-align: center;
}
.star-rating > span:before, .comment-form-rating .stars > span:before {
color:#72ab1d!important
}
.slick .slick-dots {
padding: 6px 0 0;
}

.quote-mks{
position:absolute;
width:951px;
height:444px;
top:50%;
left:50%;
transform: translate(-50%, -50%);
opacity:0.5;
}
@media only screen and (max-width: 1199px) {
.quote-mks{
width:800px;
height:373px;
}
}
@media only screen and (max-width: 840px) {
.quote-mks{
display:none;
}
}
@media only screen and (min-width: 992px) {
.container-fluid .vc_row .vc_row.max_width.testimonial-fade {
max-width: 900px;
}
}
@media only screen and (min-width: 1200px) {
.container-fluid .vc_row .vc_row.max_width.testimonial-fade {
max-width: 900px;
}
}
@media only screen and (min-width: 1490px) {
.container-fluid .vc_row .vc_row.max_width.testimonial-fade {
max-width: 900px;
}
}
@media only screen and (max-width: 767px) {
.et-testimonials-slider blockquote {
padding: 15px 0;
}
}

/********** Testimonials End **********/


/********** Custom Animations **********/
.animated{
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  animation-duration: 0.8s; 
  animation-timing-function: ease;
}

@-webkit-keyframes fadeInUpSlow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpSlow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s; 
  }
}

.fadeInUpSlow {
  -webkit-animation-name: fadeInUpSlow;
  animation-name: fadeInUpSlow;
  animation-duration: 1.2s; 
  animation-timing-function: ease;
}

@-webkit-keyframes fadeInRightSlow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightSlow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightSlow {
  -webkit-animation-name: fadeInRightSlow;
  animation-name: fadeInRightSlow;
  animation-duration: 1.2s; 
  animation-timing-function: ease;
}

@-webkit-keyframes fadeInLeftSlow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftSlow  {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftSlow {
  -webkit-animation-name: fadeInLeftSlow;
  animation-name: fadeInLeftSlow;
  animation-duration: 1.2s; 
  animation-timing-function: ease;
}
/********** Custom Animations End **********/

/********** Animation Delays **********/
.delay-sm {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	-webkit-backface-visibility: hidden;
   -webkit-perspective: 1000;
}
.delay1 {
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
	-webkit-backface-visibility: hidden;
   -webkit-perspective: 1000;
}

.delay2 {
	animation-delay: 1.4s;
	-webkit-animation-delay: 1.4s;
	-webkit-backface-visibility: hidden;
   -webkit-perspective: 1000;
}

.delay3 {
	animation-delay: 1.8s;
	-webkit-animation-delay: 1.8s;
	-webkit-backface-visibility: hidden;
   -webkit-perspective: 1000;
}

.delay4 {
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
	-webkit-backface-visibility: hidden;
   -webkit-perspective: 1000;
}

.delay5 {
	animation-delay: 2.2s;
	-webkit-animation-delay: 2.2s;
	-webkit-backface-visibility: hidden;
   -webkit-perspective: 1000;
}
/********** Animation Delays End **********/

/********** Nest Section **********/

.et_image_slider-wrapper{
max-width:180px;
margin:0 auto;
}
.acc-carousel{
padding:30px 0;
}
.mcs-buttons .et_btn_align_left{
display:inline;
margin-right:10px;
}
@media only screen and (max-width: 991px) {
.nest-image{
max-width:700px;
margin:40px auto;
}
.acc-carousel{
padding:0 0 30px 0;
}
.acc-carousel.solar-acc{
padding:30px 0 30px 0;
}
}
@media only screen and (max-width: 767px) {
.et_image_slider-wrapper{
max-width:240px;
}
}
/********** Nest Section End **********/

/********** Page Headers **********/
.page-header-padding{
padding-top:100px;
padding-bottom:100px;
}
.mobile-wb-logos.fo{
position:relative;
top:0;
margin-top:10px
}
.mobile-wb-logos.fo .mob-logos img{
max-width:320px;
margin-left:0;
margin-top:25px;
float:left;
}
.mobile-wb-logos.fo .header-social-tel.mob{
position:relative;
float:left;
margin:25px 20px
}
@media only screen and (max-width: 991px) {
.page-header-padding{
padding-top:60px;
padding-bottom:30px;
}
.header-social-tel-fo{
display:none
}
}
@media only screen and (max-width: 767px) {
.page-header-padding{
padding-top:50px;
padding-bottom:20px;
}
}
@media only screen and (max-width: 575px) {
.mobile-wb-logos.fo .header-social-tel.mob{
position:relative;
float:right;
margin:15px 15px 0 0;
}
.mobile-wb-logos.fo .mob-logos img{
max-width:230px;
margin-left:10px;
margin-top:20px
}
.mobile-wb-logos{
height:70px;
}
 .mobile-logos-follow-on .vc_column-inner{
padding-left:10px!important;
padding-right:0!important;
}
}
/********** Page Headers End **********/

/********** Renewables Page **********/
.which-mcs-logo{
position:absolute;
width: 350px;
top:50px;
left:50px;
}
.which-logo-1{
max-width: 200px;
float: left;
}
.mcs-logo-2{
max-width: 130px;
margin-right: 20px;
float: left
}
.ren-header-pic-1{
height:550px;
}
.ren-header-text-1{
padding:0 150px 0 80px!important;
}
.ren-header-text-2{
padding:0 80px 0 150px!important;
}
.ren-header-text-1 .et_btn_align_left, .ren-header-text-2 .et_btn_align_left {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
}
@media only screen and (max-width: 1650px) {
.ren-header-text-1{
padding:0 80px 0 80px!important;
}
.ren-header-text-2{
padding:0 80px 0 80px!important;
}
}
@media only screen and (max-width: 1400px) {
.ren-header-text-1{
padding:0 50px 0 50px!important;
}
.ren-header-text-2{
padding:0 50px 0 50px!important;
}
}
@media only screen and (max-width: 991px) {
.ren-header-text-1{
padding:80px 30px 0 30px!important;
}
.ren-header-text-2{
padding:80px 30px 0 30px!important;
}
.ren-header-pic-1{
height:400px;
}
.which-mcs-logo{
position:absolute;
width: 285px;
top:50%;
left:20px;
transform: translateY(-50%);
}
.which-logo-1{
max-width: 160px;
}
.mcs-logo-2{
max-width: 105px;
}
}
@media only screen and (max-width: 767px) {
.ren-header-text-1{
padding:60px 30px 0 30px!important;
}
.ren-header-text-2{
padding:60px 30px 0 30px!important;
}
.ren-header-pic-1{
height:350px;
}
.which-mcs-logo{
width: 250px;
}
.which-logo-1{
max-width: 140px;
}
.mcs-logo-2{
max-width: 90px;
}
}
@media only screen and (max-width: 575px) {
.ren-header-text-1{
padding:60px 20px 0 20px!important;
}
.ren-header-text-2{
padding:60px 20px 020px!important;
}
.which-logo-1{
max-width: 120px;
}
.mcs-logo-2{
max-width: 78px;
}
}
/********** Renewables Page End **********/


/********** Renewables CTA **********/
.big-parallax{
height:600px;
}
.ren-cta{
width:600px
}
.vc_row.big-parallax:before {
content: " ";
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.2) 45%, rgba(0,0,0,0) 100%);
z-index:1
}
@media only screen and (max-width: 1399px) {
.big-parallax{
height:400px;
}
}
@media only screen and (max-width: 767px) {
.ren-cta{
width:auto
}
}
@media only screen and (max-width: 575px) {
.big-parallax{
height:auto;
}
}
/********** Renewables CTA End **********/


/********** Contact Page **********/
.location-header{
border-top:dashed #ccc;
margin:0 30px ;
}
.strapline-break{
max-width:600px
}
.gform_button.button{
font-size:12px;
text-transform:uppercase;
font-weight:700;
letter-spacing:0.5px;
min-width:200px;
border-radius:4px!important;
}
.gform_wrapper.gravity-theme .gfield_label {
display: inline-block;
font-size: 12px;
text-transform:uppercase;
font-weight: 700;
margin-bottom: 20px;
padding: 0
}
.gform_wrapper.gravity-theme .gfield_required .gfield_required_custom,.gform_wrapper.gravity-theme .gfield_required .gfield_required_text {
font-style: italic;
text-transform:none;
font-weight: 400
}
.address-line{
max-width:480px;
}
@media only screen and (max-width: 575px) {
.contact-pg-socials .round-socials .social-link.top{
float:left;
}
}
/********** Contact Page End **********/


/********** Van Header **********/
.header-pic-1 .vc_column-inner {
background-size: 120% !important;
}

@media only screen and (max-width: 1279px) {
.header-pic-1 .vc_column-inner {
background-size: 150% !important;
}
}
@media only screen and (max-width: 991px) {
.header-pic-1 .vc_column-inner {
background-size: 110% !important;
}
}
@media only screen and (max-width: 767px) {
.header-pic-1 .vc_column-inner {
background-size: 140% !important;
}
}
/********** Van Header End **********/