/*
Theme Name: Landing Page
Author:Markadept
Author URI:https://www.markadept.com
Description:A custom theme for lead gen landing pages
Version:1.0.0
Text Domain:landing
*/

@font-face {
    font-family: 'Azo Sans';
    src: url('assets/fonts/AzoSans-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AzoSans Black';
    src: url('assets/fonts/AzoSans-Black.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

::-moz-selection { background:#888;color:white; }
::selection { background:#888;color:white; }

/*--------------------------------------------------------------
## Default elements
--------------------------------------------------------------*/
body {font:400 14px/24px "Azo Sans",sans-serif;background:#FFF;color:#333;text-align:left;-webkit-font-smoothing:antialiased!important;-moz-font-smoothing:antialiased!important;-ms-font-smoothing:antialiased!important;-o-font-smoothing:antialiased!important;font-smoothing:antialiased!important;}
section {overflow:hidden;position:relative;}
a {cursor:pointer;color:#000;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;-o-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
a:visited {color:#000;}
a:hover,a:focus,a:active {color:#888;text-decoration:none;}
a:focus {outline:thin dotted;}
a:hover,a:active {outline:0;}
/* Headings */
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {color:#000;font-family:"AzoSans Black",sans-serif;letter-spacing:1px;}
h1,.h1 {font-size:34px;line-height:40px;}
h2,.h2 {font-size:30px;line-height:36px;}
h3,.h3 {font-size:25px;line-height:31px;}
h4,.h4 {font-size:22px;line-height:27px;}
h5,.h5 {font-size:19px;line-height:24px;}
h6,.h6 {font-size:16px;line-height:22px;}
h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a,h6 a,.h6 a,h1 a:visited,.h1 a:visited,h2 a:visited,.h2 a:visited,h3 a:visited,.h3 a:visited,h4 a:visited,.h4 a:visited,h5 a:visited,.h5 a:visited,h6 a:visited,.h6 a:visited {color:#555;font-weight:inherit;}
/* Typograghy */
h1 a:hover,.h1 a:hover,h2 a:hover,.h2 a:hover,h3 a:hover,.h3 a:hover,h4 a:hover,.h4 a:hover,h5 a:hover,.h5 a:hover,h6 a:hover,.h6 a:hover {color:#aaa;font-weight:inherit;}
p {margin:0 0 20px;}
ol,ul {margin:0 0 30px;}
strong {font-weight:700;}
blockquote {margin: 0 0 1rem;border-left: 4px solid #EAEAEA;padding-left: 1rem;}
img {max-width:100%;height:auto;}
summary{cursor:text;}
/*--------------------------------------------------------------
# Style Classes
--------------------------------------------------------------*/
.txt-heading {font-size:4.5em;line-height:1.25em;}
.txt-subheading {font-size:2em;line-height:1.25em;}

.bg-light {background-color:#eaeaea !important;}
.bg-dark {background-color:#000 !important;}
.bg-white {background-color:white !important;}

.text-light {color:#eaeaea !important;}
.text-dark {color:#000 !important;}
.txt-white {color:white !important;}

.txt-300 { font-weight:300 !important; }
.txt-400 { font-weight:400 !important; }
.txt-700 { font-weight:700 !important; }

.full-width {width:100%;}

.flt-lt {float:left !important;}
.flt-rt {float:right !important;}

.align-center {text-align:center !important;}

.rounded {
	-webkit-border-radius: 1rem!important;
	-moz-border-radius: 1rem!important;
	border-radius: 1rem!important;
}
.rounded-sm {
	-webkit-border-radius: .5rem!important;
	-moz-border-radius: .5rem!important;
	border-radius: .5rem!important;

}
.rounded-lg {
	-webkit-border-radius: 1.5rem!important;
	-moz-border-radius: 1.5rem!important;
	border-radius: 1.5rem!important;
}
.box-heading {
    border: 1px solid #f0f0f0;
    padding: 40px 10px;
    -webkit-box-shadow: 0 3px 10px 0 rgb(142 154 173 / 60%);
    -moz-box-shadow: 0 3px 10px 0 rgb(142 154 173 / 60%);
    box-shadow: 0 3px 10px 0 rgb(142 154 173 / 60%);
}
.content ul {
  padding: 0;
  list-style: none;
  margin: 0 0 20px;
}
.content ul > li {
  padding: 0 0 0 20px;
  margin: 0 0 10px;
  list-style: none;
  line-height: 1;
  position: relative;
}
.content ul > li:before {
  content: "•";
  font-size: 2.2em;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 0.4em;
}
/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.btn {
    padding: 16px 24px;
    font-size: 14px;
	text-align: center;
    line-height: 1;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 700;
	color: white;
	max-width:100%!important;
}
.btn-group-lg > .btn, .btn-lg {
    padding:25px 30px;
    font-size:21px;
	margin-bottom:10px;
}
.btn-primary, .btn-primary:focus, .btn-primary:active  {
    background: #aaa;
    border-color: #aaa;
}
.btn-primary:hover  {
    background: #ccc;
    border-color: #ccc;
}
.btn-secondary, .btn-secondary:focus, .btn-secondary:active  {
    background: #333;
    border-color: #333;
}
.btn-secondary:hover  {
    background: #777;
    border-color: #777;
}
.btn-light {
    background-color:#eaeaea !important;
    border-color:#eaeaea !important;
	color:#666;
}
.btn-enquiryForm{
	background-color:#d2f801 !important;
	border: 1px solid #000 !important;
	color:#000 !important;
	font-family: "AzoSans Black";
	letter-spacing: 1px;
}
.btn-enquiryForm svg {
	margin-top: -4px;
    margin-left: 3px;
}
.btn-enquiryForm.frm_button_submit {
	font-size:16px;
}
.btn span.btn-subtitle {
    width: 100%;
    display: block;
    font-size: 0.7em;
    margin: 6px 0 0 0;
    color: rgba(255,255,255,0.5);
    text-transform: none;
}

.btn-check:focus+.btn, .btn:focus {
	box-shadow:none;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header .navbar {}
.header .navbar-brand img.logo {max-height: 80px;max-width: 260px;object-fit: contain;}
.header .navbar-brand, .header .navbar-brand:hover, .header .navbar-brand:focus,.header .navbar-nav > li > a:focus, .header .navbar-nav > li > a:hover {color:#000;}
.header .navbar-nav > li a,.header .navbar-nav > li.active a,.header .navbar-nav > li > a:hover {border-bottom:none !important;}
.header .navbar-nav li.phone a {font-weight: 700;color: #0066ff;font-size:21px;}
.header .navbar-nav li a:hover,.header .navbar-nav > li.phone > a:hover {border-bottom:unset !important;}
.header .navbar-nav li.phone a::before {font-family: "Font Awesome 5 Free";content: "\f879";color: #0066ff;margin-right: 10px;	}
.header .navbar li a .caret {color:#000;}
.header .navbar-nav > li > .dropdown-menu {margin-top: 0;border: unset;-webkit-box-shadow: 0px 5px 6px rgba(0,0,0,.175);-moz-box-shadow: 0px 5px 6px rgba(0,0,0,.175);box-shadow: 0px 5px 6px rgba(0,0,0,.175);}
/*--------------------------------------------------------------
# Page Title
--------------------------------------------------------------*/
.page-title {background-color:#F0F0F0;color:#555;position:relative;padding:60px 0;z-index:10;}
.page-title h1 {font-size:46px;font-weight:700;margin:0 0 10px;text-transform:uppercase;}
.page-title h2 {font-size:28px;font-weight:700;margin:15px 0 0;}
.page-title.background {background-size:cover;background-position:center;background-color:#F0F0F0;background-repeat:no-repeat;padding:150px 0;}
.page-title.background h1 {color:white;}
.page-title.background h2 {color:white;}
.page-title.background .overlay {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.25);z-index:11;}
.page-title.background .container {position:relative;z-index:12;}
/*--------------------------------------------------------------
# Page Content
--------------------------------------------------------------*/
section.page.padded {padding: 60px 0;}
/*--------------------------------------------------------------
# Modal Boxes
--------------------------------------------------------------*/
.modal-open .modal {background-color:rgba(0,0,0,0.4);}
.modal.in .modal-dialog {top:5vh;position:relative;z-index:998;}
.modal .button.close {font-size:4em;padding:2px 12px;line-height:1;position:relative;z-index:999;}
.modal .modal-content {background:#e0e1e2;box-shadow:unset;border:unset;}
.modal .modal-body {padding:30px;text-align:center;}
.modal .icon-header i.fas {font-size:5em;margin-bottom:30px;color:#333;}
.modal fieldset {width:100%;}
/*--------------------------------------------------------------
# Formidable Forms Styles
--------------------------------------------------------------*/
.frm_forms .form-control {background-color: white;border:1px solid #aaa;color:#000;font-weight:normal;font-size:14px;padding:22px 14px;margin:0 0 10px;-webkit-border-radius:6px;border-radius:6px;-webkit-box-shadow:unset;box-shadow:unset;}
.frm_forms select.form-control {padding-top: 12px;padding-bottom:12px;height:auto;color:#000;}
.frm_forms .frm_form_field {position:relative;margin-bottom:20px;}
.frm_forms .frm_form_field label {text-align: left;}
.frm_forms .frm_form_field .frm_description {margin-bottom:20px;}
/* Horizontal Radio */
.frm_forms .frm_form_field.horizontal_radio .frm_radio {padding:0;width:19.5%;margin:0 auto;}
.frm_forms .frm_form_field.horizontal_radio .frm_radio:last-child {margin-right:0 !important;}
.frm_forms .frm_form_field.horizontal_radio .frm_radio input[type=radio] {padding:0;text-align:center;display:inline-block;margin-bottom:10px;margin-right:auto;margin-left:auto;width: fit-content;}
.frm_forms .frm_form_field.horizontal_radio .frm_radio label {background-color:white;border:1px solid #ddd;font-weight:400;padding:20px 6px;height:100px;width:90%;vertical-align:text-top;-webkit-border-radius:6px;border-radius:6px;cursor:pointer;line-height:1;display:grid;text-align:center;align-items:center;justify-content:center;margin-left:9px;}
/* Error Handling */
.frm_forms .frm_form_field .frm_required {color:#a94442;}
.frm_forms .frm_form_field.frm_blank_field input, .frm_forms .frm_form_field.frm_blank_field select, 
.frm_forms .frm_form_field.frm_blank_field .frm_radio label {border-color:#a94442;color:#a94442;}
.frm_forms .horizontal_radio .frm_error {padding:12px 20px;position:static;margin:10px 0;width:100%;}
.frm_forms .frm_error {color:#a94442;font-size:12px;font-weight:700;padding:0;position:relative;}
/* Progress Bar */
.frm_forms .frm_progress_line.frm_show_lines input.frm_page_back,
.frm_forms .frm_progress_line li:first-of-type input {border-top-color:#000;border-bottom-color:#000;border-left-color:#000;background-color:#000;}
/* Sectio Headings */
.frm_forms .frm_section_heading {margin-bottom:40px;}
.frm_forms .frm_section_heading.divider {padding-bottom:40px;margin-bottom:30px;border-bottom:1px solid #ddd;}
.frm_forms .frm_section_heading h3 {margin-bottom:20px;}
/*.frm_forms .frm_primary_label {display: none;visibility: hidden;}*/
.frm_forms .form-control:hover,.frm_forms .form-control:focus,.frm_forms .form-control:active,
.frm_forms .frm_form_field.horizontal_radio .frm_radio label:hover, 
.frm_forms .frm_form_field.horizontal_radio .frm_radio label:checked {border-color:darkblue;}
/* Alt Style */
.frm_forms .style-alt .form-control {font-size: 1em;padding: 20px 10px;line-height: 1;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.frm_forms .style-alt select.form-control {padding-top: 10px;padding-bottom: 10px;}
@media (max-width: 768px) {
	.frm_forms .frm_form_field.horizontal_radio .frm_radio {
		width: 49.5%;
	}
}
.frm_forms .frm_primary_label {
	font-weight: 600;
    font-size: 16px;
	margin-bottom: 1rem;
}
/*--------------------------------------------------------------
# WB Bakery Styles
--------------------------------------------------------------*/
.wpb_single_image.featured-image {position: relative;z-index: 1;}
.wpb_single_image.featured-image .wpb_singleimage_heading {margin: 0;line-height: 1;display: block;padding: 16px 0;font-size: 1.25em;text-align: center;}
@media (max-width: 992px) {
	.content .vc_row-fluid {
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer .footer-wrap {background-color:#333;padding:30px 0 10px;color:#ddd;line-height:14px;font-size:12px;}
.footer-contactinfo {font-size:14px;}
.copyright {font-size:14px;line-height: 1.5;}
/*--------------------------------------------------------------
# FIXES!!
--------------------------------------------------------------*/
.partners-logo img {
	max-height: 80px;
	width: auto;
}
strong {
    font-weight: 400;
    font-family: 'AzoSans Black';
}
@media (max-width: 992px) {
	.upb_video-bg.enable-on-viewport {
	  display: block !important;
	}
}

@media (max-width: 767.98px) {
	.hero-header h1, .hero-header h2 {
		font-size: 38px !important;
	}
	.hero-header h1 br {
		display: block;
	}
	.hero-header h2 br, br {
		display: none;
	}
	.hero-header p {
		width: 80%;
	}
}

@media (max-width: 575.98px) { 

}