/*
Theme Name: Redsson Theme
Theme URI: https://www.redsson.com
Author: SmartAcre, Inc.
Author URI: https://www.getsmartacre.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: redsson

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.
*/

/*
font-family: 'Rubik', sans-serif;
font-family: 'Work Sans', sans-serif;

Colors
Redsson Red - #FA3059
Cerulean - #3DABDC
Azure - #157FFD
Slate Blue - #595CD3
Byzantine - #BB439F
Indigo Dye - #00487C
*/

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

:focus {
	outline: none !important;
}

html,
body {
	height: 100%;
}

body {
	font-family: 'Rubik', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 1.6;
	color: #8085A2;
	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: #FA3059;
	font-weight: 500;
	text-decoration: none;
	-webkit-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}
a:hover,
a:active,
a:focus {
	color: #D0002A;
	text-decoration: none;
}
strong a {
	font-weight: 500;
}

/* Link colors */

.text-inverse a {
	/*color: #ffffff;*/
}

a.redsson-red {
	color: #FA3059;
}
a.redsson-red:hover,
a.redsson-red:active,
a.redsson-red:focus {
	color: #D0002A;
}

a.cerulean {
	color: #3DABDC;
}
a.cerulean:hover,
a.cerulean:active,
a.cerulean:focus {
	color: #1174A0;
}

a.azure {
	color: #157FFD;
}
a.azure:hover,
a.azure:active,
a.azure:focus {
	color: #004495;
}

a.slate-blue {
	color: #595CD3;
}
a.slate-blue:hover,
a.slate-blue:active,
a.slate-blue:focus {
	color: #2C2F90;
}

a.byzantine {
	color: #BB439F;
}
a.byzantine:hover,
a.byzantine:active,
a.byzantine:focus {
	color: #701F5D;
}

/* Arrow Link */

a.arrow-link:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f178";
	margin-left: 8px;
}



h1,
.h1 {
	font-family: 'Work Sans', Helvetica, Arial, sans-serif;
	font-size: 50px;
	font-weight: 700;
	line-height: 1.2;
	color: #000;
	margin: 20px 0;
}
h2,
.h2 {
	font-family: 'Work Sans', Helvetica, Arial, sans-serif;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
	color: #000;
	margin: 20px 0;
}
h3,
.h3 {
	font-family: 'Work Sans', Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.3;
	color: #000;
	margin: 20px 0;
}
h4,
.h4 {
	font-family: 'Work Sans', Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	color: #000;
	margin: 20px 0;
}
h5,
.h5 {
	font-family: 'Work Sans', Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	color: #000;
	margin: 20px 0;
}
h6,
.h6 {
	font-family: 'Work Sans', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	color: #000;
	margin: 20px 0;
}

p,
.p {
	font-family: 'Rubik', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	margin: 20px 0;
}


@media (min-width: 768px) {

h1,
.h1 {
	font-size: 56px;
}
h2,
.h2 {
	font-size: 49px;
}
h3,
.h3 {
	font-size: 39px;
}
h4,
.h4 {
	font-size: 31px;
}
h5,
.h5 {
	font-size: 25px;
}
h6,
.h6 {
	font-size: 22px;
}

}

big,
.text-big {
	font-size: 22px;
}
.text-small {
	font-size: 15px;
}

strong,
b {
	font-weight: 500;
}

ul {
	font-size: 17px;
	line-height: 1.6;
	margin: 20px 0;
	list-style: none;
	padding: 0;
}
	ul li {
		padding-left: 20px;
		background-image: url('images/ul-checkmark.png');
		background-size: 12px 12px;
		background-repeat: no-repeat;
		background-position: left 7px;
		margin-bottom: 15px;
	}

	ul ul,
	ul ol {
		margin-top: 10px;
	}

ol {
	font-size: 17px;
	line-height: 1.6;
	margin: 20px 0;
	padding: 0;
	list-style: none;
	counter-reset: my-counter;
}
	ol li {
		counter-increment: my-counter;
		margin-bottom: 15px;
		position: relative;
		padding-left: 25px;

	}
		ol li::before {
			position: absolute;
			top: 0;
			left: 0;
			content: counter(my-counter) ". ";
			color: #FA3059;
		}

	ol ol,
	ol ul {
		margin-top: 15px;
		margin-left: 20px;
	}

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

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


/* Font Weights
---------------------------------------- */

.font-weight-400 {
	font-weight: 400;
}
.font-weight-500 {
	font-weight: 500;
}
.font-weight-600 {
	font-weight: 600;
}
.font-weight-700 {
	font-weight: 700;
}


/* 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,
.content-inverse h1,
.content-inverse h2,
.content-inverse h3,
.content-inverse h4,
.content-inverse h5,
.content-inverse h6,
.content-inverse ul,
.content-inverse ol,
.content-inverse blockquote,
.content-inverse hr {
	color: #FFF !important;
}
.content-inverse p {
	color: #C0C5CE !important;
}

/* 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-black {
	color: #000000;
}

.text-redsson-red { 
	color: #FA3059;
}
.text-cerulean { 
	color: #3DABDC;
}
.text-azure { 
	color: #157FFD;
}
.text-slate-blue { 
	color: #595CD3;
}
.text-byzantine{ 
	color: #BB439F;
}
.text-indigo-dye {
	color: #00487C;
}
.text-grey {
	color: #ADACCC;
}

/* 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: underline;
}




/* 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;
}

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

.bg-fff {
	background-color: #FFF;
}



/* 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;
}
.image-sm {
	max-width: 100px;
}
.image-md {
	max-width: 150px;
}
.image-lg {
	max-width: 200px;
}














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

.form-inline .input-group .btn {
	border: none;
	background-color: #FA3059;
}


.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: #139fda;
	box-shadow: 0 0 0 0.2rem rgba(19, 159, 218, .25);
}
.custom-select:focus {
	border-color: #139fda;
}
.custom-file-input:focus~.custom-file-label {
	border-color: #139fda;
	box-shadow: 0 0 0 0.2rem rgba(19, 159, 218, .25);
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::before {
	background-color: #139fda;
}


/* Hubspot Form Styles
---------------------------------------- */


.hs-form ul li {
	background-image: none;
	padding-left: 0;
}

/* Form Field (selector for form field wrapper)
------------------------------------------------ */
.hs-form .hs-form-field {
	margin-bottom: 20px;
}

/* Descriptions (targets class applied to Help Text divs)
------------------------------------------------ */
.hs-form .hs-field-desc {}

/* Labels (selects field labels and error messages)
------------------------------------------------ */
.hs-form label {
	color: #000000;
}
.hs-form .hs-form-field > label {
	font-family: 'Work Sans', Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #000000;
}
.hs-form .hs-form-field > label .hs-form-required {
	color: #ED3165;
}

/* GDPR Labels
------------------------------------------------ */
.hs-form .legal-consent-container .hs-form-booleancheckbox-display input {
	float: none;
}
.hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
    display: inline-block;
    margin-left: 0;
    font-size: 12px;
}
.hs-form .legal-consent-container p {
	font-size: 12px;
}

/* Inputs (selectors for all inputs)  
------------------------------------------------ */
.hs-form input[type="text"],
.hs-form input[type="password"], 
.hs-form input[type="datetime"], 
.hs-form input[type="datetime-local"], 
.hs-form input[type="date"], 
.hs-form input[type="month"], 
.hs-form input[type="time"], 
.hs-form input[type="week"], 
.hs-form input[type="number"], 
.hs-form input[type="email"], 
.hs-form input[type="url"], 
.hs-form input[type="search"], 
.hs-form input[type="tel"], 
.hs-form input[type="color"],
.hs-form input[type="file"],
.hs-form select {
	background: #FFFFFF;
	border: 1px solid #8085A2;
	border-radius: 5px;
	width: 100%;
	padding: 12px 15px !important;
	font-size: 16px;
	line-height: 1;
	height: 45px;
}

.hs-form textarea {
	background: #FFFFFF;
	border: 1px solid #8085A2;
	border-radius: 5px;
	padding: 12px 15px !important;
	height: 190px;
}

.hs-form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url('images/select-dropdown-arrow.png');
	background-size: 15px 8px;
	background-repeat: no-repeat;
	background-position: 98% 17px;
}
	.hs-form select option {
		padding: 0;
	}

/* Inputs in focus (selectors for all inputs when clicked)  
--------------------------------------------------------------- */
.hs-form input[type="text"]:focus,
.hs-form input[type="password"]:focus, 
.hs-form input[type="datetime"]:focus, 
.hs-form input[type="datetime-local"]:focus, 
.hs-form input[type="date"]:focus, 
.hs-form input[type="month"]:focus, 
.hs-form input[type="time"]:focus, 
.hs-form input[type="week"]:focus, 
.hs-form input[type="number"]:focus, 
.hs-form input[type="email"]:focus, 
.hs-form input[type="url"]:focus, 
.hs-form input[type="search"]:focus, 
.hs-form input[type="tel"]:focus, 
.hs-form input[type="color"]:focus,
.hs-form input[type="file"]:focus,
.hs-form textarea:focus,
.hs-form select:focus {
	border-color: #FA3059;
}

.hs-form textarea:focus,
.hs-form select:focus {
	border-color: #FA3059;
}

.hs-form .hs-form-field ul.inputs-list {
	margin-top: 0;
}

.hs-form .hs-form-field ul.inputs-list li {
	margin-bottom: 0;
}

.hs-form .hs-form-field ul.inputs-list li input {}
.hs-form input[type="radio"],
.hs-form input[type="checkbox"] {
	margin-right: 8px;
}

/* Required (selectors for fields, when they do not pass validation)
------------------------------------------------------------------------ */
.hs-form input.error, 
.hs-form textarea.error, 
.hs-form select.error {
	border-color: #FA3059;
	background-color: #FFD8E0;
}

.hs-form .hs-error-msgs label{
	color: #FA3059;
}

/* Placeholder Text (styles the placeholder attribute text) 
---------------------------------------------------------------- */
::-webkit-input-placeholder { /* Webkit Browsers */}
:-moz-placeholder { /* Firefox 18- */}
::-moz-placeholder { /* Firefox 19+ */}
:-ms-input-placeholder { /* IE10 */}

/* Multi Column Form (selectors for fieldsets and field wrappers) 
--------------------------------------------------------------------- */

.hs-form .hs-form fieldset.form-columns-1 {}
.hs-form .hs-form fieldset.form-columns-1 .hs-form-field {}

.hs-form .hs-form fieldset.form-columns-2 {}
.hs-form .hs-form fieldset.form-columns-2 .hs-form-field {}

.hs-form .hs-form fieldset.form-columns-3 {}
.hs-form .hs-form fieldset.form-columns-3 .hs-form-field {}

/* Submit buttons (selectors for all non-CTA buttons)
------------------------------------------------------------- */

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover,
body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {

}






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




.btn {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 30px;
	font-weight: 500;
	border: solid 2px transparent;
	z-index: 1;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:active:hover,
.btn:active:focus {
	background-color: transparent;
	box-shadow: none;
}

.btn-full-width {
	width: 100%;
}


/* Button Slide Colors
---------------------------------------- */


.btn-slide-red {
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border: 2px solid #FA3059;
	position: relative;
	text-align: center;
	background-color: transparent;
}
	.btn-slide-red:hover {
		color: #FA3059;
	}
.btn-slide-red::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 1;
	background-color: #FA3059;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
	.btn-slide-red:hover::after {
		opacity: 0;
	    width: 0%;
	}
.btn-slide-red:active,
.btn-slide-red:focus {
	color: #ffffff;
}




.btn-slide-grey {
	color: #343D46;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border: 2px solid #E1E4EB;
	position: relative;
	text-align: center;
}
	.btn-slide-grey:hover {
		color: #343D46;
	}
.btn-slide-grey::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 1;
	background-color: #E1E4EB;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
	.btn-slide-grey:hover::before {
		opacity: 0;
	    width: 0%;
	}


/* Button Colors
---------------------------------------- */

.btn-redsson-red-solid {
	color: #ffffff;
	background-color: #FA3059;
}
.btn-redsson-red-solid:hover,
.btn-redsson-red-solid:active,
.btn-redsson-red-solid:focus,
.btn-redsson-red-solid:active:hover,
.btn-redsson-red-solid:active:focus {
	color: #ffffff;
	background-color: #D0002A;
}

.btn-redsson-red {
	color: #FA3059;
	background-color: #ffffff;
}
.btn-redsson-red:hover,
.btn-redsson-red:active,
.btn-redsson-red:focus,
.btn-redsson-red:active:hover,
.btn-redsson-red:active:focus {
	color: #FA3059;
	background-color: #E1E4EB;
}

.btn-cerulean {
	color: #3DABDC;
	background-color: #ffffff;
}
.btn-cerulean:hover,
.btn-cerulean:active,
.btn-cerulean:focus,
.btn-cerulean:active:hover,
.btn-cerulean:active:focus {
	color: #3DABDC;
	background-color: #E1E4EB;
}

.btn-azure {
	color: #157FFD;
	background-color: #ffffff;
}
.btn-azure:hover,
.btn-azure:active,
.btn-azure:focus,
.btn-azure:active:hover,
.btn-azure:active:focus {
	color: #157FFD;
	background-color: #E1E4EB;
}

.btn-slate-blue {
	color: #595CD3;
	background-color: #ffffff;
}
.btn-slate-blue:hover,
.btn-slate-blue:active,
.btn-slate-blue:focus,
.btn-slate-blue:active:hover,
.btn-slate-blue:active:focus {
	color: #595CD3;
	background-color: #E1E4EB;
}

.btn-byzantine {
	color: #BB439F;
	background-color: #ffffff;
}
.btn-byzantine:hover,
.btn-byzantine:active,
.btn-byzantine:focus,
.btn-byzantine:active:hover,
.btn-byzantine:active:focus {
	color: #BB439F;
	background-color: #E1E4EB;
}










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

.page-container {
	/*
	max-width: 1600px;
	margin: 0 auto;
	*/
}

.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-container-lg {
	padding-top: 50px;
	padding-bottom: 50px;
}
.content-container-xl {
	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;
}

.container-fluid-lg {
	width: 100%;
	max-width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.flush-left {
	position: relative;
	left: -15px;
}
.flush-right {
	position: relative;
	right: -15px;
}

@media (min-width: 576px) {

	.container-fluid-lg {
		max-width: 540px;
	}

	.content-container-lg {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.content-container-xl {
		padding-top: 160px;
		padding-bottom: 160px;
	}

}

@media (min-width: 768px) {

	.container-fluid-lg {
		max-width: 720px;
	}

}


@media (min-width: 992px) {

	.container-fluid-lg {
		width: 100%;
		max-width: 100%;
	}
	.content-container-lg-top {
		padding-top: 100px;
	}

}



/* 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;
	}
}


/* Sized Based Position 
---------------------------------------- */

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





/* ========================================================================================================================
														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;
	}

}




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


.logo-text {
	text-transform: uppercase;
    font-size: 8px;
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 3px;
}

.mobile-logo-open .logo-text {
	color: #000000;
}


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

.mobile-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
	
	.mobile-menu-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1;
	}

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

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

	.navbar-toggler .icon-bar {
		display: block;
		width: 30px;
		height: 3px;
		margin: 3px 0;
		background: #ffffff;
		/*
		-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;
			margin-top: 25px;
			right: 10px;
		}
		.navbar-toggler[aria-expanded="true"] .icon-bar {
			width: 20px;
			background-color: #000000;
		}
		.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-collapse {
		position: relative;
		z-index: 5;
		background-color: #ffffff;
	}

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

	.mobile-logo {
		width: 120px;
		padding: 25px 0;
	}
		.mobile-logo img {
			width: 100%;
			height: auto;
		}

	.mobile-logo-open {
		width: 120px;
		padding: 25px 0;
	}
		.mobile-logo-open img {
			width: 100%;
			height: auto;
		}

		.mobile-menu {
			/*background-color: #f2f2f2;*/
		}

		.mobile-search-wrapper {
			padding: 20px 15px;
		}
			.mobile-search-form {
				position: relative;
				padding: 0;
			}
				.mobile-search-form .form-control {
					font-size: 16px;
					line-height: 20px;
					color: #8085A2;
					padding: 10px 40px 10px 10px;
					border-top: none;
					border-left: none;
					border-right: none;
					border-radius: 0;
					width: 90%;
				}
				.mobile-search-form .form-control:focus {
				    border-top: none;
					border-left: none;
					border-right: none;
					border-color: #8085A2;
    				box-shadow: none;
    			}
				.mobile-search-form .button-search {
					position: absolute;
					top: 1px;
					right: 1px;
					font-size: 20px;
					line-height: 20px;
					color: #8085A2;
					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-navbar-menu {
			list-style: none;
			padding: 0;
			margin: 0;
			border-bottom: 1px solid #EFF3FB;
		}
			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: 20px 15px;
					font-size: 16px;
					font-weight: 500;
					line-height: 20px;
					color: #211F33;
					border-top: 1px solid #EFF3FB;
				}
				ul.mobile-navbar-menu > li > a:hover,
				ul.mobile-navbar-menu > li > a:active,
				ul.mobile-navbar-menu > li > a:focus,
				ul.mobile-navbar-menu > li.current > a {
				 	color: #FA3059;
					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 Mega Dropdown
					---------------------------------------- */

					ul.mobile-navbar-menu > li.menu-item-has-children > div.mega-dropdown-wrapper {
						-webkit-transition: all 200ms ease-in-out;
						transition: all 200ms ease-in-out;
						background-color: #ffffff;
						padding: 0 20px;
					}

					ul.mobile-navbar-menu > li div.mega-dropdown-container p.mega-dropdown-heading a {
						font-family: 'Work Sans', sans-serif;
						font-weight: 700;
						color: #737A96;
						font-size: 14px;
					}
						ul.mobile-navbar-menu > li div.mega-dropdown-container p.mega-dropdown-heading a:hover,
						ul.mobile-navbar-menu > li div.mega-dropdown-container p.mega-dropdown-heading a:active,
						ul.mobile-navbar-menu > li div.mega-dropdown-container p.mega-dropdown-heading a:focus {
							color: #FA3059;
						}
					ul.mobile-navbar-menu > li div.mega-dropdown-container a:hover p.mega-dropdown-title,
					ul.mobile-navbar-menu > li div.mega-dropdown-container a:hover p,
					ul.mobile-navbar-menu > li div.mega-dropdown-container a.current p.mega-dropdown-title,
					ul.mobile-navbar-menu > li div.mega-dropdown-container a.current p {
						color: #FA3059;
					}

						ul.mobile-navbar-menu > li div.mega-dropdown-container .mega-dropdown-title-container {
							margin-left: 75px;
						}
							ul.mobile-navbar-menu > li div.mega-dropdown-container p.mega-dropdown-title {
								font-family: 'Work Sans', sans-serif;
								font-weight: 700;
								color: #211F33;
								font-size: 18px;
								-webkit-transition: color 200ms ease-in-out;
								transition: color 200ms ease-in-out;
							}
							ul.mobile-navbar-menu > li div.mega-dropdown-container p {
								font-family: 'Rubik', Helvetica, Arial, sans-serif;
								font-weight: 400;
								color: #737A96;
								-webkit-transition: color 200ms ease-in-out;
								transition: color 200ms ease-in-out;
							}
							img.mega-menu-icon {
								width: 55px;
								float: left;
							}
							


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

					ul.mobile-navbar-menu > li > ul.sub-menu {
						list-style: none;
						padding: 0;
						margin: 0;
						overflow: hidden;
						background-color: #ffffff;
					}
						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 30px;
								font-size: 16px;
								line-height: 20px;
								color: #211F33;
							}
							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,
							ul.mobile-navbar-menu > li > ul.sub-menu > li.current > a {
								text-decoration: none;
								color: #FA3059;
							}
							



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


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

@media (min-width: 992px) {

	.desktop-header {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 5;
	}

		.desktop-logo {
			float: left;
			width: 110px;
			padding: 28px 0;
			margin-right: 20px;
		}
			.desktop-logo img {
				width: 100%;
			}

		.desktop-navbar-wrapper {

		}
			.desktop-login {
				float: right;
				margin: 0;
				padding: 29px 20px 29px 0px;
				color: #737A96;
				font-size: 14px;
			}
				.desktop-login:hover,
				.desktop-login:active,
				.desktop-login:focus {
					color: #ffffff;
				}
			.desktop-cta {
				float: right;
				margin: 15px 0 15px 20px;
			}


			button.desktop-flyout-search-open {
				display: block;
				float: right;
				font-size: 16px;
				/*line-height: 30px;*/
				color: #737A96;
				padding: 27px 10px;
				border: none;
				background-color: transparent;
				/*width: 40px;*/
			}
			button.desktop-flyout-search-open:hover,
			button.desktop-flyout-search-open:active,
			button.desktop-flyout-search-open:focus {
				background-color: transparent;
				border: none;
				text-decoration: none;
				cursor: pointer;
				color: #ffffff;
			}

			.desktop-flyout-search-form {
				display: none;
				position: absolute;
				top: 0;
				right: 0;
				width: 100%;
				z-index: 10;
			}
				.desktop-flyout-search-form .form-control {
					font-size: 16px;
					line-height: 20px;
					color: #000;
					padding: 30px 60px 30px 60px;
					height: 80px;
					border: none;
					border-radius: 0 0 20px 20px;
				}
				.desktop-flyout-search-form .form-control:focus {
					color: #000;
					border: none;
					box-shadow: none;
				}
				.desktop-flyout-search-form .button-search {
					position: absolute;
					top: 0;
					left: 0;
					font-size: 20px;
					line-height: 30px;
					color: #000;
					padding: 25px 20px;
					margin: 0;
					background-color: transparent;
					border: none;
				}
				.desktop-flyout-search-form .button-search:hover,
				.desktop-flyout-search-form .button-search:active,
				.desktop-flyout-search-form .button-search:focus {
					background-color: transparent;
					border: none;
					text-decoration: none;
					cursor: pointer;
				}
				.desktop-flyout-search-form .button-close {
					position: absolute;
					top: 0;
					right: 0;
					font-size: 20px;
					line-height: 30px;
					color: #000;
					padding: 25px 20px;
					margin: 0;
					background-color: transparent;
					border: none;
					width: 60px;
				}
				.desktop-flyout-search-form .button-close:hover,
				.desktop-flyout-search-form .button-close:active,
				.desktop-flyout-search-form .button-close:focus {
					background-color: transparent;
					border: none;
					text-decoration: none;
					cursor: pointer;
				}


			.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: unset;
					}
						ul.desktop-navbar-menu > li > a {
							display: block;
							padding: 30px 0;
							margin: 0 20px;
							font-size: 16px;
							font-weight: 500;
							line-height: 20px;
							color: #fff;
							white-space: nowrap;
							transition: all 0.2s ease-in-out;
							position: relative;	
						}

						/*ul.desktop-navbar-menu > li > a:before,*/
						ul.desktop-navbar-menu > li > a span:after {
							content: "";
							position: absolute;
							bottom: 15px;
							left: 0;
							width: 0px;
							height: 4px;
							margin: 5px 0 0;
							transition: all 0.2s ease-in-out;
							opacity: 0;
							background-color: #FA3059;
						}
						.desktop-navbar-inverse ul.desktop-navbar-menu > li > a span:after {
							background-color: #ffffff;
						}
							/*ul.desktop-navbar-menu > li > a:before:hover,*/
							ul.desktop-navbar-menu > li > a:hover > span:after,
							ul.desktop-navbar-menu > li.current > a > span:after {
								width: 100%;
								opacity: 1;
							}

						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: #ffffff;
						}
						ul.desktop-navbar-menu > li.menu-item-has-children.active > a {
							color: #ffffff;
						}
							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: 900;
								content: "\f107";
							}
							ul.desktop-navbar-menu > li.menu-item-has-children.active > a > .sub-menu-toggle::after {
								font-family: "Font Awesome 5 Pro";
								font-weight: 900;
								content: "\f107";
							}

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

							ul.desktop-navbar-menu > li > ul.sub-menu {
								list-style: none;
								padding: 0;
								margin: 10px 0 0 0;
								float: left;
								position: absolute;
								top: 100%;
								left: 0;
								z-index: 6;
								border-radius: 5px;
								background-color: #fff;
								-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%;
								-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
								-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
								box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
							}
								ul.desktop-navbar-menu > li > ul.sub-menu:before {
									content: "";
									display: block;
									width: 35px;
									height: 35px;
									background-color: #fff;
									border-radius: 25px;
									position: absolute;
									top: -15px;
									left: 30%;
									z-index: -1;
								}
								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 20px;
										font-size: 15px;
										color: #737A96;
										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,
									ul.desktop-navbar-menu > li > ul.sub-menu > li.current > a {
										text-decoration: none;
										color: #FA3059;
									}
									



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

							ul.desktop-navbar-menu > li div.mega-dropdown-wrapper {
								position: absolute;
								top: 100%;
								left: 0;
								z-index: 6;
								width: 75%;
								-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;
								margin-top: 10px;
							}
								ul.desktop-navbar-menu > li div.mega-dropdown-container {
									padding: 10px 30px 30px 30px;
									border-radius: 5px;
									background-color: #fff;
									-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
									-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
									box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
								}
									ul.desktop-navbar-menu > li div.mega-dropdown-container p.mega-dropdown-heading {
										padding: 10px 0px;
										margin: 0 0 20px 0;
									}
										ul.desktop-navbar-menu > li div.mega-dropdown-container p.mega-dropdown-heading a {
											font-family: 'Work Sans', sans-serif;
											font-weight: 700;
											color: #737A96;
											font-size: 14px;
										}
											ul.desktop-navbar-menu > li div.mega-dropdown-container p.mega-dropdown-heading a:hover,
											ul.desktop-navbar-menu > li div.mega-dropdown-container p.mega-dropdown-heading a:active,
											ul.desktop-navbar-menu > li div.mega-dropdown-container p.mega-dropdown-heading a:focus {
												color: #FA3059;
											}
									ul.desktop-navbar-menu > li div.mega-dropdown-container a:hover p.mega-dropdown-title,
									ul.desktop-navbar-menu > li div.mega-dropdown-container a:hover p,
									ul.desktop-navbar-menu > li div.mega-dropdown-container a.current p,
									ul.desktop-navbar-menu > li div.mega-dropdown-container a.current p.mega-dropdown-title {
										color: #FA3059;
									}

										ul.desktop-navbar-menu > li div.mega-dropdown-container .mega-dropdown-title-container {
											margin-left: 75px;
										}
											ul.desktop-navbar-menu > li div.mega-dropdown-container p.mega-dropdown-title {
												font-family: 'Work Sans', sans-serif;
												font-weight: 700;
												color: #211F33;
												font-size: 18px;
												-webkit-transition: color 200ms ease-in-out;
												transition: color 200ms ease-in-out;
											}
											ul.desktop-navbar-menu > li div.mega-dropdown-container p {
												font-family: 'Rubik', Helvetica, Arial, sans-serif;
												font-weight: 400;
												color: #737A96;
												-webkit-transition: color 200ms ease-in-out;
												transition: color 200ms ease-in-out;
											}
											img.mega-menu-icon {
												width: 55px;
												float: left;
											}

								ul.desktop-navbar-menu > li div.mega-dropdown-container:before {
									content: "";
									display: block;
									width: 35px;
									height: 35px;
									background-color: #fff;
									border-radius: 25px;
									position: absolute;
									top: -15px;
									left: 210px;
								}



}

@media (min-width: 1200px) {

	.desktop-logo {
		margin-right: 40px;
	}

}

@media (min-width: 1300px) {

	ul.desktop-navbar-menu > li > a {
		margin: 0 25px;
	}

}


@media (min-width: 1400px) {

	ul.desktop-navbar-menu > li > a {
		margin: 0 35px;
	}


}