/*
Theme Name: WB Doors Theme
Theme URI: https://www.wbdoors.com
Author: Metter Digital Marketing
Author URI: https://www.metterdigitalmarketing.com
Description: A Wordpress theme.
Version: 5.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-menu, featured-images
Text Domain: wbdoors

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* ========================================================================================================================
													General Styles
======================================================================================================================== */

:focus {
	outline: none !important;
}

html,
body {
	height: 100%;
}

body {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 1.5;
	color: #000;
	background-color: #fff;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	display: block;
	height: auto;
	max-width: 100%;
}

/*
img[src*=svg] {
	width: 100%;
}
*/

a {
	color: #0072bc;
	text-decoration: none;
	-webkit-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}
a:hover,
a:active,
a:focus {
	color: #0060a1;
	text-decoration: underline;
}


h1,
.h1 {
	font-size: 44px;
	font-weight: 900;
	line-height: 1;
	color: #000;
	margin: 20px 0;
}

h2,
.h2 {
	font-size: 36px;
	font-weight: 900;
	line-height: 1.2;
	color: #000;
	margin: 20px 0;
}
h3,
.h3 {
	font-size: 28px;
	font-weight: 900;
	line-height: 1.3;
	color: #000;
	margin: 20px 0;
}
h4,
.h4 {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
	color: #000;
	margin: 20px 0;
}
h5,
.h5 {
	font-size: 22px;
	font-weight: 400;
	line-height: 1.4;
	color: #000;
	margin: 20px 0;
}
h6,
.h6 {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	color: #000;
	margin: 20px 0;
}

p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	margin: 20px 0;
}

.text-big {
	font-size: 18px;
}
.text-small {
	font-size: 14px;
}

ul {
	font-size: 16px;
	line-height: 1.5;
	margin: 20px 0;
}
	ul ul,
	ul ol {
		margin-top: 0;
	}

ol {
	font-size: 16px;
	line-height: 1.5;
	margin: 20px 0;
}
	ol ol,
	ol ul {
		margin-top: 0;
	}

blockquote {
	font-size: 16px;
	line-height: 1.5;
	margin: 20px 0;
	padding: 0 20px;
	border-left: 5px solid #CCC;
}

hr {
	background-color: #CCC;
	border: 0;
	height: 2px;
	margin: 20px 0;
}






/* Content Tight / Scrunch
---------------------------------------- */

.content-tight h1,
.content-tight h2,
.content-tight h3,
.content-tight h4,
.content-tight h5,
.content-tight h6,
.content-tight p,
.content-tight ul,
.content-tight ol,
.content-tight blockquote,
.content-tight hr {
	margin: 10px 0;
}

.content-scrunch h1,
.content-scrunch h2,
.content-scrunch h3,
.content-scrunch h4,
.content-scrunch h5,
.content-scrunch h6,
.content-scrunch p,
.content-scrunch ul,
.content-scrunch ol,
.content-scrunch blockquote,
.content-scrunch hr {
	margin: 0;
}

.scrunch {
	margin: 0 !important;
}
.scrunch-top {
	margin-top: 0 !important;
}
.scrunch-bottom {
	margin-bottom: 0 !important;
}
.scrunch-top-first-child :first-child {
	margin-top: 0 !important;
}




/* Content Inverse
---------------------------------------- */

.content-inverse h1,
.content-inverse h2,
.content-inverse h3,
.content-inverse h4,
.content-inverse h5,
.content-inverse h6,
.content-inverse p,
.content-inverse ul,
.content-inverse ol,
.content-inverse blockquote,
.content-inverse hr {
	color: #FFF;
}

/* Links Inverse
---------------------------------------- */

.links-inverse a {
	color: #FFF;
	text-decoration: none;
}
.links-inverse a:hover,
.links-inverse a:active,
.links-inverse a:focus {
	color: #FFF;
	text-decoration: none;
}



/* Text Colors
---------------------------------------- */

.text-fff {
	color: #FFF;
}
.text-blue {
	color: #0060a1;
}
.text-red {
	color: #ed1b32;
}
.text-grey {
	color: #999 !important;
}

/* Link Colors
---------------------------------------- */

a.black-link {
	color: #000;
	text-decoration: none;
}
a.black-link:hover,
a.black-link:active,
a.black-link:focus {
	color: #000;
	text-decoration: none;
}

a.white-link {
	color: #fff;
	text-decoration: none;
}
a.white-link:hover,
a.white-link:active,
a.white-link:focus {
	color: #fff;
	text-decoration: none;
}


/* Backgrounds
---------------------------------------- */

.bg-cover {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg-fff {
	background-color: #FFF;
}
.bg-f2f2f2 {
	background-color: #f2f2f2;
}
.bg-e5e5e5 {
	background-color: #e5e5e5;
}
.bg-d9d9d9 {
	background-color: #d9d9d9;
}
.bg-ccc {
	background-color: #CCC;
}
.bg-b3b3b3 {
	background-color: #b3b3b3;
}
.bg-262626 {
	background-color: #262626;
}
.bg-333 {
	background-color: #333;
}
.bg-000 {
	background-color: #000;
}
.bg-0072bc {
	background-color: #0072bc;
}
.bg-0060a1 {
	background-color: #0060a1;
}


/* Borders
---------------------------------------- */

.border-top-grey {
	border-top: 1px solid #ccc;
}



/* Image Sizes
---------------------------------------- */

.image-center {
	margin: 0 auto;
}
.image-full {
	width: 100%;
}
.image-xs {
	max-width: 50px !important;
}
.image-sm {
	max-width: 100px !important;
}
.image-md {
	max-width: 150px !important;
}
.image-lg {
	max-width: 200px !important;
}

.image-inline {
	display: inline-block;
	max-width: auto !important;
}












/* ========================================================================================================================
														Forms
======================================================================================================================== */


.form-control {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

/* Change Bootstrap 4 input colors
---------------------------------------- */

.form-control:focus {
	border-color: #0072bc;
	box-shadow: 0 0 0 0.2rem rgba(0, 114, 188, .25);
}
.custom-select:focus {
	border-color: #0072bc;
	box-shadow: 0 0 0 0.2rem rgba(0, 114, 188, .25);
}
.custom-file-input:focus~.custom-file-label {
	border-color: #0072bc;
	box-shadow: 0 0 0 0.2rem rgba(0, 114, 188, .25);
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::before {
	background-color: #0072bc;
}


/* WooCommerce Inputs
---------------------------------------- */

.input-text {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 4px;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}
.input-text:focus {
	color: #495057;
	background-color: #fff;
	outline: 0;
	border-color: #0072bc;
	box-shadow: 0 0 0 0.2rem rgba(0, 114, 188, .25) !important;
}
.other-field {
	display: none;
	margin-top: 5px;
}




/* Gravity Forms Bootstrap Form Styles
---------------------------------------- */

#wbdoors .gform_wrapper form {
	margin-bottom: 0;
}
#wbdoors .gform_wrapper ul {
	padding-left: 0;
	list-style: none;
}
#wbdoors .gform_wrapper li.gfield {
	padding: 0;
}
#wbdoors .gform_wrapper .top_label div.ginput_container {
	margin-top: 0 !important;
}
#wbdoors .gform_wrapper input[type="email"],
#wbdoors .gform_wrapper input[type="date"],
#wbdoors .gform_wrapper input[type="datetime"],
#wbdoors .gform_wrapper input[type="datetime-local"],
#wbdoors .gform_wrapper input[type="month"],
#wbdoors .gform_wrapper input[type="number"],
#wbdoors .gform_wrapper input[type="password"],
#wbdoors .gform_wrapper input[type="search"],
#wbdoors .gform_wrapper input[type="tel"],
#wbdoors .gform_wrapper input[type="text"],
#wbdoors .gform_wrapper input[type="time"],
#wbdoors .gform_wrapper input[type="week"],
#wbdoors .gform_wrapper input[type="url"],
#wbdoors .gform_wrapper select,
#wbdoors .gform_wrapper textarea {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem !important;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#wbdoors .gform_wrapper input[type="email"]:focus,
#wbdoors .gform_wrapper input[type="date"]:focus,
#wbdoors .gform_wrapper input[type="datetime"]:focus,
#wbdoors .gform_wrapper input[type="datetime-local"]:focus,
#wbdoors .gform_wrapper input[type="month"]:focus,
#wbdoors .gform_wrapper input[type="number"]:focus,
#wbdoors .gform_wrapper input[type="password"]:focus,
#wbdoors .gform_wrapper input[type="search"]:focus,
#wbdoors .gform_wrapper input[type="tel"]:focus,
#wbdoors .gform_wrapper input[type="text"]:focus,
#wbdoors .gform_wrapper input[type="time"]:focus,
#wbdoors .gform_wrapper input[type="week"]:focus,
#wbdoors .gform_wrapper input[type="url"]:focus,
#wbdoors .gform_wrapper select:focus,
#wbdoors .gform_wrapper textarea:focus {
	color: #495057;
	background-color: #fff;
	outline: 0;
	border-color: #0072bc;
	box-shadow: 0 0 0 0.2rem rgba(0, 114, 188,.25) !important;
}
#wbdoors .gform_wrapper textarea {
	height: 100px;
}
#wbdoors .gform_wrapper .gfield_checkbox li input,
#wbdoors .gform_wrapper .gfield_checkbox li input[type=checkbox],
#wbdoors .gform_wrapper .gfield_radio li input,
#wbdoors .gform_wrapper .gfield_radio li input[type=radio] {
	display: inline-block;
	width: auto;
	margin-top: 4px;
	margin-left: 0;
	vertical-align: top;
}
#wbdoors .gform_wrapper .gfield_checkbox li label,
#wbdoors .gform_wrapper .gfield_radio li label {
	margin-top: 0;
}
#wbdoors .gform_wrapper .gfield_required {
	padding-left: 1px;
	color: #ed1b32 !important;
}
#wbdoors .gform_wrapper .gfield_error {
	background-color: transparent !important;
	margin-bottom: 0 !important;
	border: none !important;
	padding: 0 !important;
}
#wbdoors .gform_wrapper .gfield_error .gfield_label,
#wbdoors .gform_wrapper .gfield_error label {
	color: #000 !important;
}
#wbdoors .gform_wrapper .gfield_error input,
#wbdoors .gform_wrapper .gfield_error select,
#wbdoors .gform_wrapper .gfield_error textarea {
	color: #000 !important;
	border-color: #ed1b32 !important;
}
#wbdoors .gform_wrapper .gfield_error input:focus,
#wbdoors .gform_wrapper .gfield_error select:focus,
#wbdoors .gform_wrapper .gfield_error textarea:focus {
	color: #495057;
	background-color: #fff;
	outline: 0;
	border-color: #ed1b32;
	box-shadow: 0 0 0 0.2rem rgba(237, 27, 50, .25) !important;
}
#wbdoors .validation_error {
	display: none;
}
#wbdoors .validation_message {
	display: none;
}



/* Gravity Forms Request Quote Styles
---------------------------------------- */


#wbdoors .gform_wrapper li.gsection {
	background-color: #3f588c;
	color: #fff;
	padding: 10px !important;
	margin: 50px 0 20px 0 !important;
	border-bottom: none;
}
#wbdoors .gform_wrapper li.gsection .gsection_title {
	color: #fff;
}

#wbdoors .gform_wrapper .image-choices-field .image-choices-choice {
	max-width: 200px;
	padding: 1px !important;
	border: 1px solid #d9dce4;
	border-radius: 4px;
}
#wbdoors .gform_wrapper .image-choices-field .image-choices-choice:hover {
	border: 1px solid #666;
}
#wbdoors .gform_wrapper .image-choices-field .image-choices-choice-selected,
#wbdoors .gform_wrapper .image-choices-field .image-choices-choice-selected:hover,
#wbdoors .gform_wrapper .image-choices-field .image-choices-choice-selected:active,
#wbdoors .gform_wrapper .image-choices-field .image-choices-choice-selected:focus {
	padding: 0px !important;
	border: 2px solid #0072bc;
}

#wbdoors .gform_wrapper .gform_button {
	min-width: 200px;
}






/* ========================================================================================================================
														Buttons
======================================================================================================================== */


.btn {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	padding: 10px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn:active:hover,
.btn:active:focus {
	box-shadow: none;
}



/* Button Styles
---------------------------------------- */

.btn-blue {
	color: #fff !important;
	background-color: #0072bc;
	border-color: #0072bc;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue:active:hover,
.btn-blue:active:focus {
	background-color: #0060a1;
	border-color: #0060a1;
	text-decoration: none;
}
.btn-blue::after {
	display: inline-block;
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f061";
	margin-left: 5px;
}


.btn-white-outline {
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	padding: 15px;
	color: #fff !important;
	background-color: transparent;
	border: 2px solid #fff;
	text-transform: uppercase;
	border-radius: 0;
}
.btn-white-outline:hover,
.btn-white-outline:focus,
.btn-white-outline:active,
.btn-white-outline:active:hover,
.btn-white-outline:active:focus {
	color: #0072bc !important;
	background-color: #fff;
	border: 2px solid #fff;
	text-decoration: none;
}
.btn-white-outline::after {
	display: inline-block;
	font-family: "Font Awesome 5 Pro";
	font-weight: 700;
	content: "\f061";
	margin-left: 5px;
}


.btn-category-bucket {
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	padding: 5px 10px;
	margin-top: 10px;
	color: #fff !important;
	text-transform: uppercase;
	background-color: #0072bc;
	border-color: #0072bc;
	min-width: 100%;
}
.btn-category-bucket:hover,
.btn-category-bucket:focus,
.btn-category-bucket:active,
.btn-category-bucket:active:hover,
.btn-category-bucket:active:focus {
	background-color: #0060a1;
	border-color: #0060a1;
	text-decoration: none;
}






/* Button Link
---------------------------------------- */

.btn-link {
	color: #0072bc;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link:active:hover,
.btn-link:active:focus {
	color: #0060a1;
	text-decoration: none;
}







/* WooCommerce Buttons
---------------------------------------- */

.woocommerce button.button,
.woocommerce a.button {
	display: inline-block;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/*
	background-color: transparent;
	border: 1px solid transparent;
	*/
	padding: 10px 15px;
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce button.button:active,
.woocommerce button.button:active:hover,
.woocommerce button.button:active:focus,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce a.button:active,
.woocommerce a.button:active:hover,
.woocommerce a.button:active:focus {
	box-shadow: none;
	text-decoration: none;
}


.woocommerce button.button.alt {
	color: #fff !important;
	background-color: #0072bc !important;
	border-color: #0072bc !important;
}
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt:active,
.woocommerce button.button.alt:active:hover,
.woocommerce button.button.alt:active:focus {
	background-color: #0060a1 !important;
	border-color: #0060a1 !important;
	text-decoration: none;
}


.woocommerce button.single_add_to_cart_button {
	color: #fff !important;
	background-color: #0072bc !important;
	border-color: #0072bc !important;
}
.woocommerce button.single_add_to_cart_button:hover,
.woocommerce button.single_add_to_cart_button:focus,
.woocommerce button.single_add_to_cart_button:active,
.woocommerce button.single_add_to_cart_button:active:hover,
.woocommerce button.single_add_to_cart_button:active:focus {
	background-color: #0060a1 !important;
	border-color: #0060a1 !important;
	text-decoration: none;
}

.woocommerce button.single_add_to_cart_button::after {
	display: inline-block;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f067";
	margin-left: 5px;
}


.woocommerce a.add_to_cart_button {
	color: #fff !important;
	background-color: #0072bc !important;
	border-color: #0072bc !important;
}
.woocommerce a.add_to_cart_button:hover,
.woocommerce a.add_to_cart_button:focus,
.woocommerce a.add_to_cart_button:active,
.woocommerce a.add_to_cart_button:active:hover,
.woocommerce a.add_to_cart_button:active:focus {
	background-color: #0060a1 !important;
	border-color: #0060a1 !important;
	text-decoration: none;
}



.woocommerce a.checkout-button {
	color: #fff !important;
	background-color: #0072bc !important;
	border-color: #0072bc !important;
}
.woocommerce a.checkout-button:hover,
.woocommerce a.checkout-button:focus,
.woocommerce a.checkout-button:active,
.woocommerce a.checkout-button:active:hover,
.woocommerce a.checkout-button:active:focus {
	background-color: #0060a1 !important;
	border-color: #0060a1 !important;
	text-decoration: none;
}



/* Gravity Forms Buttons
---------------------------------------- */

.gform_wrapper .button {
	display: inline-block;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fff !important;
	background-color: #0072bc !important;
	border: 2px solid #0072bc !important;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.gform_wrapper .button:hover,
.gform_wrapper .button:focus,
.gform_wrapper .button:active,
.gform_wrapper .button:active:hover,
.gform_wrapper .button:active:focus {
	background-color: #0060a1 !important;
	border-color: #0060a1 !important;
	box-shadow: none;
	text-decoration: none;
}







/* Text Links
---------------------------------------- */

.arrow-link {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}
.arrow-link:hover,
.arrow-link:active,
.arrow-link:focus {
	text-decoration: none;
}
.arrow-link::after {
	content: " ";
	display: inline-block;
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f061";
	margin-left: 7px;
}


.external-link {
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase;
}
.external-link:hover,
.external-link:active,
.external-link:focus {
	text-decoration: none;
}
.external-link::after {
	content: " ";
	display: inline-block;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f35d";
	margin-left: 7px;
}




/* Download Links
---------------------------------------- */

.download-pdf {
	white-space: nowrap;
}
.download-pdf:hover,
.download-pdf:active,
.download-pdf:focus {
	color: #000;
	text-decoration: none;
}
.download-pdf::before {
	content: " ";
	display: inline-block;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f1c1";
	margin-right: 7px;
}


.download-word {
	white-space: nowrap;
}
.download-word:hover,
.download-word:active,
.download-word:focus {
	color: #000;
	text-decoration: none;
}
.download-word::before {
	content: " ";
	display: inline-block;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f1c2";
	margin-right: 7px;
}






/* ========================================================================================================================
													Content Layout
======================================================================================================================== */

.container,
.container-fluid {
	padding-left: 20px;
	padding-right: 20px;
}
.row {
    margin-left: -20px;
    margin-right: -20px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto  {
	padding-left: 20px;
	padding-right: 20px;
}

.content-container {
	padding-top: 50px;
	padding-bottom: 50px;
}
.content-section {
	margin-bottom: 50px;
}
.content-padding-xs {
	padding: 10px;
}
.content-padding-sm {
	padding: 20px;
}
.content-padding-md {
	padding: 30px;
}
.content-padding-lg {
	padding: 40px;
}
.content-padding-xl {
	padding: 50px;
}


.tight-gutters {
	margin-right: -10px;
	margin-left: -10px;
}
.tight-gutters > .col,
.tight-gutters > [class*="col-"] {
	padding-right: 10px;
	padding-left: 10px;
}
.content-container-tight {
	padding-top: 30px;
	padding-bottom: 30px;
}
.content-section-tight {
	margin-bottom: 30px;
}


@media (min-width: 992px) {

	.wide-gutters {
		margin-right: -50px;
		margin-left: -50px;
	}
	.wide-gutters > .col,
	.wide-gutters > [class*="col-"] {
		padding-right: 50px;
		padding-left: 50px;
	}

}




/* Wordpress Alignment
---------------------------------------- */

.alignleft {
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.alignright {
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
} 
.aligncenter {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.alignnone {
	margin-bottom: 20px;
}
.wp-caption {
	max-width: 100% !important;
}
.wp-caption-text {
	font-size: 14px;
	font-weight: 300;
	padding: 10px 0;
}

@media (min-width: 768px) {

	.alignleft {
		float: left;
		margin-right: 20px;
	}
	.alignright {
		float: right;
		margin-left: 20px;
	}

}


/* Vertical Align Middle
---------------------------------------- */

.vmiddle-table {
	display: table;
	width: 100%;
	height: 100%;
}
.vmiddle-cell {
	display: table-cell;
	vertical-align: middle;
}


/* Height Sizer
---------------------------------------- */

@media (max-width: 575px) {
	[class*="height-sizer-sm"] {
		height: auto !important;
	}
}

@media (max-width: 767px) {
	[class*="height-sizer-md"] {
		height: auto !important;
	}
}

@media (max-width: 991px) {
	[class*="height-sizer-lg"] {
		height: auto !important;
	}
}

@media (max-width: 1199px) {
	[class*="height-sizer-xl"] {
		height: auto !important;
	}
}


/* Hidden classes
---------------------------------------- */

@media (max-width: 575px) {
	.hidden-xs {
		display: none !important;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	.hidden-sm {
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-md {
		display: none !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-lg {
		display: none !important;
	}
}
@media (min-width: 1200px) {
	.hidden-xl {
		display: none !important;
	}
}





/* ========================================================================================================================
														5 Columns
======================================================================================================================== */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xl-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.col-xs-15 {
	flex: 0 0 20%;
	max-width: 20%;
	float: left;
}
@media (min-width: 576px) {
	.col-sm-15 {
		flex: 0 0 20%;
		max-width: 20%;
		float: left;
	}
}
@media (min-width: 768px) {
	.col-md-15 {
		flex: 0 0 20%;
		max-width: 20%;
		float: left;
	}
}
@media (min-width: 992px) {
	.col-lg-15 {
		flex: 0 0 20%;
		max-width: 20%;
		float: left;
	}
}
@media (min-width: 1200px) {
	.col-xl-15 {
		flex: 0 0 20%;
		max-width: 20%;
		float: left;
	}
}




/* ========================================================================================================================
														Tables
======================================================================================================================== */

/* Add to tables with responsive images
---------------------------------------- */

.table-layout-fixed {
	table-layout: fixed;
	width: 100%;
}



/* ========================================================================================================================
														Carousels
======================================================================================================================== */

/* Fix nav dropdown going behind carousel
---------------------------------------- */
.carousel-fade .carousel-item.active {
	z-index: 0;
}












/* ========================================================================================================================
													Mobile Collapse
======================================================================================================================== */

/* Prevents menu from jumping when expanding */
/*
#mobile-collapse.collapsing ul.sub-menu,
#mobile-collapse.collapsing div.mega-dropdown-wrapper {
	display: none;
}
#mobile-collapse.collapsing li.menu-item-has-children.active > ul.sub-menu,
#mobile-collapse.collapsing li.menu-item-has-children.active > div.mega-dropdown-wrapper {
	display: block;
}
*/

/* ========================================================================================================================
													submenu-js
======================================================================================================================== */

.submenu-js ul.sub-menu,
.submenu-js div.mega-dropdown-wrapper {
	display: none;
}
.submenu-js li.menu-item-has-children.active > ul.sub-menu,
.submenu-js li.menu-item-has-children.active > div.mega-dropdown-wrapper {
	display: block;
}

@media (min-width: 992px) {

	.submenu-js ul.sub-menu,
	.submenu-js div.mega-dropdown-wrapper {
		display: block;
		visibility: hidden;
		opacity: 0;
		max-height: 0;
	}
	.submenu-js li.menu-item-has-children.active > ul.sub-menu,
	.submenu-js li.menu-item-has-children.active > div.mega-dropdown-wrapper {
		visibility: visible;
		opacity: 1;
		max-height: 1000px;
	}

}




/* ========================================================================================================================
													Mobile Header
======================================================================================================================== */

.mobile-header {
	
}

	/* Mobile Navbar Toggler
	---------------------------------------- */

	.navbar-toggler {
		position: absolute;
		top: 50px;
		right: 20px;
		z-index: 2;
		background-color: transparent;
		background-image: none;
		border: none;
		border-radius: 0;
		margin: 0;
		padding: 0;
		width: 30px;
		height: 30px;
	}

	.navbar-toggler .icon-bar {
		display: block;
		width: 30px;
		height: 3px;
		margin: 3px 0;
		background: #000;
		/*
		-webkit-transition: all 0.1s ease;
		-moz-transition: all 0.1s ease;
		-o-transition: all 0.1s ease;
		-ms-transition: all 0.1s ease;
		transition: all 0.1s ease;
		*/
	}

		.navbar-toggler[aria-expanded="true"] {
			padding-left: 8px;
		}
		.navbar-toggler[aria-expanded="true"] .icon-bar {
			width: 20px;
		}
		.navbar-toggler[aria-expanded="true"] .icon-bar:nth-of-type(1) {
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
			position: absolute;
			top: 10px;
			left: 4px;
		}
		.navbar-toggler[aria-expanded="true"] .icon-bar:nth-of-type(2) {
			-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
			position: absolute;
			top: 10px;
			left: 4px;
		}
		.navbar-toggler[aria-expanded="true"] .icon-bar:nth-of-type(3) {
			opacity: 0;
		}
		.navbar-toggler[aria-expanded="true"] .icon-bar:nth-of-type(4) {
			opacity: 0;
		}




	/* Mobile Menus
	---------------------------------------- */

	.mobile-logo {
		width: 215px;
		padding: 10px 0;
	}
	.mobile-tagline {
		float: left;
		font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
		font-weight: 400;
		font-style: italic;
		font-size: 13px;
		color: #555555;
		padding: 10px 0;
	}

		.mobile-menu {
			background-color: #fff;
		}


		.mobile-cta {
			display: block;
			padding: 15px 20px;
			font-size: 14px;
			font-weight: 900;
			line-height: 20px;
			color: #fff;
			background-color: #0072bc;
			text-transform: uppercase;
			text-align: center;
			white-space: nowrap;
			border-radius: 0;
		}
		.mobile-cta:hover,
		.mobile-cta:active,
		.mobile-cta:focus {
			color: #fff;
			background-color: #0072bc;
			text-decoration: none;
		}

		.mobile-phone {
			display: block;
			padding: 20px 10px 0 10px;
			font-size: 20px;
			font-weight: 700;
			line-height: 20px;
			color: #000;
			text-align: center;
		}
		.mobile-phone:hover,
		.mobile-phone:active,
		.mobile-phone:focus {
			color: #000;
			text-decoration: none;
		}

		.mobile-search-wrapper {
			padding: 20px;
		}
			.mobile-search-form {
				position: relative;
				padding: 0;
			}
				.mobile-search-form .form-control {
					font-size: 16px;
					line-height: 20px;
					color: #000;
					padding: 10px 40px 10px 10px;
				}
				.mobile-search-form .button-search {
					position: absolute;
					top: 1px;
					right: 1px;
					font-size: 20px;
					line-height: 20px;
					color: #000;
					padding: 10px;
					margin: 0;
					background-color: transparent;
					border: none;
				}
				.mobile-search-form  .button-search:hover,
				.mobile-search-form  .button-search:active,
				.mobile-search-form  .button-search:focus {
					background-color: transparent;
					border: none;
					text-decoration: none;
					cursor: pointer;
				}



		ul.mobile-utility-menu {
			list-style: none;
			padding: 0;
			margin: 0;
			border-bottom: 1px solid #e6e6e6;
		}
			ul.mobile-utility-menu > li {
				background-image: none;
				padding: 0;
				margin: 0;
			}
				ul.mobile-utility-menu > li > a {
					display: block;
					padding: 15px 20px;
					font-size: 14px;
					font-weight: 400;
					line-height: 20px;
					color: #000;
					border-top: 1px solid #e6e6e6;
				}
				ul.mobile-utility-menu > li > a:hover,
				ul.mobile-utility-menu > li > a:active,
				ul.mobile-utility-menu > li > a:focus {
					text-decoration: none;
				}

		ul.mobile-navbar-menu {
			list-style: none;
			padding: 0;
			margin: 0;
		}
			ul.mobile-navbar-menu > li {
				background-image: none;
				padding: 0;
				margin: 0;
			}
			ul.mobile-navbar-menu > li.menu-item-has-children {
				position: relative;
			}
				ul.mobile-navbar-menu > li > a {
					display: block;
					padding: 15px 20px;
					font-size: 16px;
					font-weight: 900;
					line-height: 20px;
					color: #000;
					border-top: 1px solid #e6e6e6;
					text-transform: uppercase;
				}
				ul.mobile-navbar-menu > li > a:hover,
				ul.mobile-navbar-menu > li > a:active,
				ul.mobile-navbar-menu > li > a:focus {
					text-decoration: none;
				}
				ul.mobile-navbar-menu > li.menu-item-has-children.active > a {
					
				}
					ul.mobile-navbar-menu > li.menu-item-has-children > a > .sub-menu-toggle {
						float: right;
						padding: 10px 20px 10px 40px;
						margin: -10px -20px;
						line-height: 1.4;
					}
					ul.mobile-navbar-menu > li.menu-item-has-children > a > .sub-menu-toggle::after {
						font-family: "Font Awesome 5 Pro";
						font-weight: 900;
						content: "\f078";
					}
					ul.mobile-navbar-menu > li.menu-item-has-children.active > a > .sub-menu-toggle::after {
						font-family: "Font Awesome 5 Pro";
						font-weight: 900;
						content: "\f077";
					}

					/* Mobile Dropdown
					---------------------------------------- */

					ul.mobile-navbar-menu > li > ul.sub-menu {
						list-style: none;
						padding: 0 0 20px 0;
						margin: 0;
						overflow: hidden;
						background-color: #fff;
					}
						ul.mobile-navbar-menu > li > ul.sub-menu > li {
							background-image: none;
							padding: 0;
							margin: 0;
						}
							ul.mobile-navbar-menu > li > ul.sub-menu > li > a {
								display: block;
								padding: 10px 20px;
								font-size: 16px;
								line-height: 20px;
								color: #0072bc;
							}
							ul.mobile-navbar-menu > li > ul.sub-menu > li > a:hover,
							ul.mobile-navbar-menu > li > ul.sub-menu > li > a:active,
							ul.mobile-navbar-menu > li > ul.sub-menu > li > a:focus {
								text-decoration: none;
							}
							ul.mobile-navbar-menu > li > ul.sub-menu > li.menu-item-has-children.active > a {
								
							}

							ul.mobile-navbar-menu > li > ul.sub-menu > li.menu-item-has-children > a > .sub-menu-toggle {
								float: right;
								padding: 10px 20px 10px 40px;
								margin: -10px -20px;
								line-height: 1.4;
							}
							ul.mobile-navbar-menu > li > ul.sub-menu > li.menu-item-has-children > a > .sub-menu-toggle::after {
								font-family: "Font Awesome 5 Pro";
								font-weight: 900;
								content: "\f067";
							}
							ul.mobile-navbar-menu > li > ul.sub-menu > li.menu-item-has-children.active > a > .sub-menu-toggle::after {
								font-family: "Font Awesome 5 Pro";
								font-weight: 900;
								content: "\f068";
							}

								ul.mobile-navbar-menu > li > ul.sub-menu > li > ul.sub-menu {
									list-style: none;
									padding: 0 0 10px 0;
									margin: 0;
								}
									ul.mobile-navbar-menu > li > ul.sub-menu > li > ul.sub-menu > li {
										background-image: none;
										padding: 0;
										margin: 0;
									}
										ul.mobile-navbar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
											display: block;
											padding: 10px 20px 10px 40px;
											font-size: 14px;
											line-height: 20px;
											color: #0072bc;
										}
										ul.mobile-navbar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover,
										ul.mobile-navbar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:active,
										ul.mobile-navbar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:focus {
											text-decoration: none;
										}


					/* Mobile MEGA MENU
					---------------------------------------- */

					ul.mobile-navbar-menu > li div.mega-dropdown-wrapper {
						background-color: #fff;
					}

						ul.mobile-navbar-menu > li div.mega-dropdown-container {
							padding: 10px 0;
						}
							ul.mobile-navbar-menu > li .mega-dropdown-heading {
								font-weight: 700;
								padding: 0 20px;
								margin: 10px 0;
							}
							ul.mobile-navbar-menu > li .mega-dropdown-heading a {
								color: #000;
							}
							ul.mobile-navbar-menu > li .mega-dropdown-sub-heading {
								font-size: 14px;
								font-weight: 700;
								text-transform: uppercase;
								padding: 0 20px;
							}
							ul.mobile-navbar-menu > li ul.mega-dropdown-menu {
								list-style: none;
								padding: 0;
								margin: 0 0 20px 0;
							}
								ul.mobile-navbar-menu > li ul.mega-dropdown-menu > li {
									background-image: none;
									padding: 0;
									margin: 0;
								}
									ul.mobile-navbar-menu > li ul.mega-dropdown-menu > li > a {
										clear: both;
										display: block;
										padding: 5px 20px;
										font-size: 16px;
										color: #0072bc;
										white-space: nowrap;
									}
									ul.mobile-navbar-menu > li ul.mega-dropdown-menu > li > a:hover,
									ul.mobile-navbar-menu > li ul.mega-dropdown-menu > li > a:active,
									ul.mobile-navbar-menu > li ul.mega-dropdown-menu > li > a:focus {
										text-decoration: none;
									}











/* ========================================================================================================================
													Desktop Header
======================================================================================================================== */


	/* Desktop Navbar
	---------------------------------------- */

	@media (min-width: 992px) {

		.desktop-header {
			position: relative;
			z-index: 10;
		}

			.desktop-logo {
				float: left;
				width: 215px;
				padding: 17px 0 17px 10px;
			}
			.desktop-tagline {
				float: left;
				font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
				font-weight: 400;
				font-style: italic;
				font-size: 13px;
				color: #555555;
				padding-top: 10px;
			}

			.desktop-utility-wrapper {
				float: right;
				position: relative;
				margin-top: 20px;
			}

				.desktop-phone {
					display: none;
					float: left;
					padding: 10px 10px;
					margin-right: 20px;
					font-size: 20px;
					font-weight: 700;
					line-height: 20px;
					color: #000;
				}
				.desktop-phone:hover,
				.desktop-phone:active,
				.desktop-phone:focus {
					color: #000;
					text-decoration: none;
				}

				ul.desktop-utility-menu {
					float: left;
					list-style: none;
					padding: 0;
					margin: 0;
				}
					ul.desktop-utility-menu > li {
						display: inline-block;
						background-image: none;
						padding: 0;
						margin: 0;
					}
						ul.desktop-utility-menu > li > a {
							display: inline-block;
							padding: 10px 10px;
							font-size: 14px;
							font-weight: 400;
							line-height: 20px;
							color: #000;
							text-align: center;
						}
						ul.desktop-utility-menu > li > a:hover,
						ul.desktop-utility-menu > li > a:active,
						ul.desktop-utility-menu > li > a:focus {
							color: #0072bc;
							text-decoration: none;
						}


				.desktop-search {
					float: left;
					position: relative;
					margin: 3px 0 0 20px;
				}
					.desktop-search-input {
						border: 1px #b3b3b3 solid;
						padding: 6px 35px 6px 10px;
						font-size: 13px;
						line-height: 20px;
						color: #cdcdcd;
						height: 34px;
						width: 200px;
						-webkit-transition: all 0.3s ease;
						-moz-transition: all 0.3s ease;
						-o-transition: all 0.3s ease;
						-ms-transition: all 0.3s ease;
						transition: all 0.3s ease;
					}
					.desktop-search-input:focus,
					.desktop-search-input.active {
						border-color: 1px #0072bc solid;
						box-shadow: 0 0 0 0.2rem rgba(0, 114, 188,.25);
						/* width: 270px; */
					}
					.desktop-search-button {
						position: absolute;
						top: 0;
						right: 0;
						background-color: transparent;
						font-size: 16px;
						line-height: 20px;
						color: #000;
						padding: 7px 10px;
						border: none;
					}
					.desktop-search-button:hover,
					.desktop-search-button:focus {
						color: #000;
						cursor: pointer;
					}
					.desktop-search-button:active {
						color: #000;
						cursor: pointer;
					}


			.desktop-navbar-wrapper {
				float: right;
				clear: right;
			}

				.desktop-cta {
					display: block;
					float: right;
					padding: 7px 15px;
					font-size: 16px;
					font-weight: 700;
					line-height: 20px;
					color: #fff;
					background-color: #0072bc;
					text-align: center;
					white-space: nowrap;
					border-radius: 3px;
					margin-top: 23px;
					margin-left: 10px;
				}
				.desktop-cta:hover,
				.desktop-cta:active,
				.desktop-cta:focus {
					color: #fff;
					background-color: #0060a1;
					text-decoration: none;
				}

				.desktop-navbar {
					float: left;
				}

					ul.desktop-navbar-menu {
						list-style: none;
						padding: 0;
						margin: 0;
						float: left;
						border-bottom: transparent;
					}
						ul.desktop-navbar-menu > li {
							background-image: none;
							padding: 0;
							margin: 0;
							float: left;			
						}
						ul.desktop-navbar-menu > li.menu-item-has-children {
							position: relative;
						}
						/* Remove position: relative on the li so that MEGAMENU can position relative to the column */
						ul.desktop-navbar-menu > li.menu-item-has-children.mega-dropdown {
							position: static;
						}
							ul.desktop-navbar-menu > li > a {
								display: block;
								padding: 30px 10px 20px 10px;
								font-size: 16px;
								font-weight: 700;
								line-height: 20px;
								color: #000;
								white-space: nowrap;
							}
							ul.desktop-navbar-menu > li > a:hover,
							ul.desktop-navbar-menu > li > a:active,
							ul.desktop-navbar-menu > li > a:focus {
								text-decoration: none;
								color: #0072bc;
							}
							ul.desktop-navbar-menu > li > a::after {
								display: block;
								width: 100%;
								height: 5px;
								margin-top: 5px;
								background-color: transparent;
								content: "";
							}
							ul.desktop-navbar-menu > li > a:hover::after,
							ul.desktop-navbar-menu > li > a:active::after,
							ul.desktop-navbar-menu > li > a:focus::after {
								background-color: #0072bc;
							}
							ul.desktop-navbar-menu > li.menu-item-has-children.active > a {
								color: #0072bc;
							}
							ul.desktop-navbar-menu > li.menu-item-has-children.active > a::after {
								background-color: #0072bc;
							}
								ul.desktop-navbar-menu > li.menu-item-has-children > a > .sub-menu-toggle {
									margin-left: 5px;
									line-height: 1;
								}
								ul.desktop-navbar-menu > li.menu-item-has-children > a > .sub-menu-toggle::after {
									font-family: "Font Awesome 5 Pro";
									font-weight: 400;
									content: "\f13a";
								}
								ul.desktop-navbar-menu > li.menu-item-has-children.active > a > .sub-menu-toggle::after {
									font-family: "Font Awesome 5 Pro";
									font-weight: 400;
									content: "\f13a";
								}

								/* Desktop Dropdown
								---------------------------------------- */

								ul.desktop-navbar-menu > li > ul.sub-menu {
									list-style: none;
									padding: 0;
									margin: 0;
									float: left;
									position: absolute;
									top: 100%;
									left: 0;
									z-index: 3;
									background-color: #0072bc;
									-webkit-transition: all 0.3s ease;
									-moz-transition: all 0.3s ease;
									-o-transition: all 0.3s ease;
									-ms-transition: all 0.3s ease;
									transition: all 0.3s ease;
									min-width: 100%;
								}
									ul.desktop-navbar-menu > li > ul.sub-menu > li {
										background-image: none;
										padding: 0;
										margin: 0;
									}
									ul.desktop-navbar-menu > li > ul.sub-menu > li.menu-item-has-children {
										position: relative;
									}

										ul.desktop-navbar-menu > li > ul.sub-menu > li > a {
											display: block;
											padding: 10px 40px 10px 20px;
											font-size: 15px;
											color: #fff;
											white-space: nowrap;
											-webkit-transition: all 0.3s ease;
											-moz-transition: all 0.3s ease;
											-o-transition: all 0.3s ease;
											-ms-transition: all 0.3s ease;
											transition: all 0.3s ease;
										}
										ul.desktop-navbar-menu > li > ul.sub-menu > li > a:hover,
										ul.desktop-navbar-menu > li > ul.sub-menu > li > a:active,
										ul.desktop-navbar-menu > li > ul.sub-menu > li > a:focus {
											text-decoration: none;
											background-color: #0068ad;
										}
										ul.desktop-navbar-menu > li > ul.sub-menu > li.menu-item-has-children.active > a {
											background-color: #0068ad;
										}
										ul.desktop-navbar-menu > li > ul.sub-menu > li.menu-item-has-children > a > .sub-menu-toggle {
											position: absolute;
											top: 14px;
											right: 20px;
											padding: 0;
											margin: 0;
											line-height: 1;
										}
										ul.desktop-navbar-menu > li > ul.sub-menu > li.menu-item-has-children > a > .sub-menu-toggle::after {
											font-family: "Font Awesome 5 Pro";
											font-weight: 900;
											content: "\f105";
										}
										ul.desktop-navbar-menu > li > ul.sub-menu > li.menu-item-has-children.active > a > .sub-menu-toggle::after {
											font-family: "Font Awesome 5 Pro";
											font-weight: 900;
											content: "\f105";
										}

											ul.desktop-navbar-menu > li > ul.sub-menu > li > ul.sub-menu {
												list-style: none;
												padding: 0;
												margin: 0;
												float: left;
												position: absolute;
												top: 0;
												left: 100%;
												z-index: 1;
												background-color: #0072bc;
												-webkit-transition: all 0.3s ease;
												-moz-transition: all 0.3s ease;
												-o-transition: all 0.3s ease;
												-ms-transition: all 0.3s ease;
												transition: all 0.3s ease;
												min-width: 100%;
											}
												ul.desktop-navbar-menu > li > ul.sub-menu > li > ul.sub-menu > li {
													background-image: none;
													padding: 0;
													margin: 0;
												}

													ul.desktop-navbar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
														display: block;
														padding: 10px 20px;
														font-size: 14px;
														color: #fff;
														white-space: nowrap;
														-webkit-transition: all 0.3s ease;
														-moz-transition: all 0.3s ease;
														-o-transition: all 0.3s ease;
														-ms-transition: all 0.3s ease;
														transition: all 0.3s ease;
													}
													ul.desktop-navbar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover,
													ul.desktop-navbar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:active,
													ul.desktop-navbar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:focus {
														text-decoration: none;
														background-color: #0068ad;
													}



								/* Desktop MEGA MENU
								---------------------------------------- */

								ul.desktop-navbar-menu > li div.mega-dropdown-wrapper {
									position: absolute;
									top: 100%;
									left: 0;
									z-index: 3;
									width: 100%;
									background-color: #0072bc;
									-webkit-transition: all 0.3s ease;
									-moz-transition: all 0.3s ease;
									-o-transition: all 0.3s ease;
									-ms-transition: all 0.3s ease;
									transition: all 0.3s ease;
								}

									ul.desktop-navbar-menu > li div.mega-dropdown-container {
										padding: 25px;
									}
										ul.desktop-navbar-menu > li .mega-dropdown-heading {
											font-weight: 700;
											line-height: 31px;
											padding: 0 20px;
											margin: 0 0 10px 0;
										}
										ul.desktop-navbar-menu > li .mega-dropdown-heading a {
											color: #fff;
										}
										ul.desktop-navbar-menu > li .mega-dropdown-sub-heading {
											font-size: 15px;
											font-weight: 700;
											text-transform: uppercase;
											padding: 0 20px;
											margin-top: 0;
										}
										ul.desktop-navbar-menu > li ul.mega-dropdown-menu {
											list-style: none;
											padding: 0;
											margin: 0 0 20px 0;
											border-top: 1px solid #1a80c3;
										}
											ul.desktop-navbar-menu > li ul.mega-dropdown-menu > li {
												background-image: none;
												padding: 0;
												margin: 0;
											}
												ul.desktop-navbar-menu > li ul.mega-dropdown-menu > li > a {
													clear: both;
													display: block;
													padding: 5px 20px;
													font-size: 15px;
													color: #fff;
													border-bottom: 1px solid #1a80c3;
												}
												ul.desktop-navbar-menu > li ul.mega-dropdown-menu > li > a:hover,
												ul.desktop-navbar-menu > li ul.mega-dropdown-menu > li > a:active,
												ul.desktop-navbar-menu > li ul.mega-dropdown-menu > li > a:focus {
													text-decoration: none;
													background-color: #0068ad;
												}


	}




	@media (min-width: 1200px) {

		.desktop-phone {
			display: block;
		}
		ul.desktop-navbar-menu > li > a {
			padding: 30px 20px 20px 20px;
		}

	}







/* ========================================================================================================================
														Aspots
======================================================================================================================== */

.header-border {
	border-top: 1px solid #ccc;
}

#aspot-carousel .carousel-indicators {
	z-index: 5;
}

.homepage-aspot {
	position: relative;
	min-height: 500px;
}
.inner-aspot {
	position: relative;
	min-height: 400px;
}

.aspot-overlay-angle {
	display: none;
}

.aspot-content-wrapper {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: rgba(0, 114, 188, 0.9);
}
.aspot-image-wrapper {
	padding-top: 30px;
	padding-bottom: 30px;
}
.aspot-content {
	padding: 20px 0;
	text-align: center;
}
.aspot-image {
	padding: 20px 0;
}

@media (max-width: 767px) {

	.homepage-aspot .container,
	.inner-aspot .container {
		max-width: 100%;
	}

}

@media (min-width: 768px) {

	.aspot-overlay-angle {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 50%;
		bottom: 0;
		background-color: rgba(0, 114, 188, 0.9);
		margin-right: -50px;
		transform-origin: top left;
		-webkit-transform: skew(-12deg);
		-moz-transform: skew(-12deg);
		-o-transform: skew(-12deg);
	}
	.aspot-content-wrapper {
		background-color: transparent;
	}
	.aspot-content {
		padding-right: 50px;
		text-align: left;
	}
	.aspot-content h1 {
		font-size: 60px;
	}
	.aspot-image {
		padding-left: 50px;
	}

}