body[data-page=landing] {}
body[data-page=landing] .header_wrap {display:none;}
body[data-page=landing] .footer_wrap {display:none;}
body[data-page=landing] .top-footer {display:none;}
body[data-page=landing] .byline-wrap {display:none;}



.landing_page {}
.landing_header_wrap {background: #1B75B9 url(../images/landing-banner.png) no-repeat center;}
.landing_header {display: flex; align-items: center; justify-content: flex-start; height:300px; }
.landing_title {font-size:42px; line-height:50px; color: #fff; font-weight: bold; text-align: left;}

.landing_main {display: flex; align-items: flex-start; gap:20px; padding: 20px 0;}
.landing_main_left {width: 50%;}
.landing_main_right {width: 50%;}

.landing_content_wrap {}
.landing_heading {display: flex; align-items: flex-start; justify-content: flex-start; gap:10px; padding: 10px 0; font-size:36px; line-height: 40px; color: #1668A7; font-weight: bold;}
.landing_heading::before {content:""; display: block; width:32px; height: 45px; background: url(../images/drop.svg) no-repeat center; background-size:contain; }
.landing_text {padding: 10px 0;}

.landing_fuel_wrap {padding: 20px; background: #F1F1F1; width:100%;}
.landing_fuel_heading {font-size:18px; line-height:24px; color: #1668A7; font-weight: bold; padding: 10px 0;}
.landing_fuel_text {font-size:16px; line-height:24px; color: #575757; padding: 10px 0}

.landing_cta {display: flex; align-items: center; justify-content: center;}
.landing_cta_left {width:40%;}
.landing_cta_right {width:60%;}

.landing_cta_phone_wrap {background: #1B75B9; padding: 30px 0; padding-left: 50vw; margin-left:-50vw; padding-right: 50px; margin-right: -50px; z-index:10; position: relative;}
.landing_cta_phone {padding: 20px;}
.landing_cta_phone_header {font-size:26px; line-height: 30px; color: #fff; font-weight: bold; padding: 10px 0;}
.landing_phone {display: flex; align-items: center; justify-content: center; gap:10px; width: 360px; height: 50px; border: 1px solid #fff; background: #1B75B9; font-size:20px; font-weight: bold; color: #fff !important; margin: 10px 0; transition: 0.2s ease-in-out all;}
.landing_phone::before {content:""; display: block; width:18px; height: 18px; background: url(../images/phone.png) no-repeat center; background-size:contain; }
.landing_phone:hover {background-color: #8DC646;}

.landing_enquire_wrap {background: #165E94; padding: 30px 0; padding-right: 50vw; margin-right:-50vw; padding-left: 100px; z-index:5; position: relative;}
.landing_enquire {}

.landing_enquire_title {font-size:26px; line-height: 30px; color: #fff; font-weight: bold; padding: 10px 0;}
.landing_enquire_form {}
.le_row {display: flex; align-items: flex-start; justify-content: space-between; gap:20px;}
.le_field {width:100%; padding: 5px 0;}
.le_field.half {width:50%;}
.le_label {display: block; font-size:16px; line-height: 20px; color: #fff; font-weight: bold; padding: 5px 0;}
.le_input {border: 1px solid #D3E0EA; background: #fff; width:100%; height: 40px; padding: 0 10px; box-sizing: border-box;}
textarea.le_input {height: 100px; resize:none;}

p.denotes {font-size:12px; line-height: 15px; color: #fff; font-weight: bold;}
.le_submit {display: flex; align-items: center; justify-content: center; padding: 15px 30px; border: 1px solid #fff; background: #8DC646; font-size:18px; color: #fff !important; text-transform: uppercase; font-weight: bold; transition: 0.2s ease-in-out all;}
.le_submit:hover {background: #1B75B9;}

.landing_footer {display: flex; align-items: center; justify-content: center; padding: 50px 0 100px;}



/*---------DESKTOP < 1199px---------*/
@media (min-width: 992px) and (max-width:1199px) {
	


}

/*---------Tablet & Mobile---------*/
@media (max-width:991px){

    
	

}



/*---------TABLET < 959px---------*/

@media (min-width: 768px) and (max-width:991px){

    .landing_header_wrap {background-image: url(../images/landing-banner-tablet.png);}
    .landing_header {justify-content: center;  height:320px;}
    .landing_title {text-align: center;}
    
    .landing_main {gap:10px;}
    .landing_fuel_wrap {padding: 10px; }
    .landing_fuel_heading {font-size:17px;}

    .landing_cta_phone {padding:0;}
    .landing_phone {width: 300px;}
	

}


/*---------MOBILE < 767px---------*/

@media (max-width: 767px) {
    .mobile-hidden {display:none !important;}
    .resp-full-width {width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;}

    .landing_header_wrap {background-image: url(../images/landing-banner-mobile.png);}
    .landing_header {justify-content: center; text-align: center; height:255px;}
    .landing_title {text-align: center; font-size: 32px; line-height:36px;}

    .landing_main_left {width:100%; padding: 10px;}
    .landing_heading {flex-direction:column; align-items: center; justify-content: center; font-size:30px; line-height: 34px;}

    .landing_cta {flex-wrap:wrap;}
    .landing_cta_left {width:100%; box-sizing: border-box;}
    .landing_cta_right {width:100%; box-sizing: border-box;}
    .landing_cta_phone_wrap {padding:10px; box-sizing: border-box;}
    .landing_cta_phone {display: flex; flex-direction:column; justify-content: center; align-items: center;}
    .landing_cta_header {text-align: center; font-size:24px;}
    .landing_phone {width:300px;}

    .landing_enquire_wrap {padding:10px;}
    .landing_enquire_title {text-align: center; font-size:24px;}
    .le_row {flex-wrap:wrap; justify-content: flex-start; align-items: flex-start; gap:0;}
    .le_field.half {width:100%;}
    .le_submit {width:100%;}

    .landing_main_right {width:100%;}
    .landing_fuel_wrap {padding: 10px;}




}