/*
Theme Name: salsamarin.com theme
Theme URI: salsamarin.com
Author: Michael Rotondo
Author URI: https://mrsoftwaredevelopment.dev/
Description: SalsaMarin Theme
Version: 1.0
*/

:root {
	--max-width: 1280px;
	--max-width-limit: 1440px;
	--padding-top-body-mobile: 0;
	--padding-top-body-desktop: 0;
	--margin-container-mobile: 20px;
	--margin-container-desktop: 20px;
	--margin-row-default: -10px;
	--margin-row-medium: -30px;
	--margin-row-big: -50px;
	--gutter-col-default: 10px;
	--gutter-col-medium: 30px;
	--gutter-col-big: 50px;

	--color-primary-light: #f9bd86;
	--color-primary: #FFAF65;
	--color-primary-dark: #f7a356;

	--color-secondary-light: #7DD3FC;
	--color-secondary: #64abcd;
	--color-secondary-dark: #a6682e;

	--color-tertiary-light: #D8B4FE;
	--color-tertiary: #A855F7;
	--color-tertiary-dark: #6B21A8;

	--color-dark: #000;
	--color-light: #FFF;

	--color-gray-light: #E5E7EB;
	--color-gray: #9CA3AF;
	--color-gray-dark: #4B5563;

	--color-success: #28A745;
	--color-error: #DC3545;
	--color-warning: #FFC107;
	--color-info: #17A2B8;

	--font-text: 'Inter', sans-serif;
	--font-head: 'Inter', sans-serif;
	--font-special: 'Inter', sans-serif;
	--font-mono: 'Inter', sans-serif;

	--size-hero1-mobile: 52px;
	--lineheight-hero1-mobile: 1.15;
	--size-hero1-desktop: 62px;
	--lineheight-hero1-desktop: 1.15;

	--size-hero2-mobile: 42px;
	--lineheight-hero2-mobile: 1.15;
	--size-hero2-desktop: 52px;
	--lineheight-hero2-desktop: 1.15;

	--size-hero3-mobile: 32px;
	--lineheight-hero3-mobile: 1.15;
	--size-hero3-desktop: 42px;
	--lineheight-hero3-desktop: 1.15;

	--size-h1-mobile: 38px;
	--lineheight-h1-mobile: 1.2;
	--size-h1-desktop: 40px;
	--lineheight-h1-desktop: 1.2;

	--size-h2-mobile: 28px;
	--lineheight-h2-mobile: 1.2;
	--size-h2-desktop: 32px;
	--lineheight-h2-desktop: 1.2;

	--size-h3-mobile: 24px;
	--lineheight-h3-mobile: 1.2;
	--size-h3-desktop: 28px;
	--lineheight-h3-desktop: 1.2;

	--size-h4-mobile: 22px;
	--lineheight-h4-mobile: 1.3;
	--size-h4-desktop: 24px;
	--lineheight-h4-desktop: 1.3;

	--size-h5-mobile: 18px;
	--lineheight-h5-mobile: 1.4;
	--size-h5-desktop: 20px;
	--lineheight-h5-desktop: 1.4;

	--size-h6-mobile: 16px;
	--lineheight-h6-mobile: 1.4;
	--size-h6-desktop: 18px;
	--lineheight-h6-desktop: 1.4;

	--size-eyebrow-mobile: 16px;
	--lineheight-eyebrow-mobile: 1.35;
	--size-eyebrow-desktop: 18px;
	--lineheight-eyebrow-desktop: 1.15;

	--size-subtitle-mobile: 18px;
	--lineheight-subtitle-mobile: 1.35;
	--size-subtitle-desktop: 20px;
	--lineheight-subtitle-desktop: 1.35;

	--size-button-mobile: 12px;
	--lineheight-button-mobile: 1;
	--size-button-desktop: 14px;
	--lineheight-button-desktop: 1;

	--size-button-big-mobile: 16px;
	--lineheight-button-big-mobile: 1;
	--size-button-big-desktop: 18px;
	--lineheight-button-big-desktop: 1;

	--size-lead-mobile: 16px;
	--lineheight-lead-mobile: 1.35;
	--size-lead-desktop: 18px;
	--lineheight-lead-desktop: 1.35;

	--size-input-mobile: 12px;
	--lineheight-input-mobile: 1;
	--size-input-desktop: 14px;
	--lineheight-input-desktop: 1;

	--size-input-big-mobile: 16px;
	--lineheight-input-big-mobile: 1;
	--size-input-big-desktop: 18px;
	--lineheight-input-big-desktop: 1;

	--size-strong-mobile: 14px;
	--lineheight-strong-mobile: 1.5;
	--size-strong-desktop: 16px;
	--lineheight-strong-desktop: 1.5;

	--size-text-mobile: 14px;
	--lineheight-text-mobile: 1.5;
	--size-text-desktop: 16px;
	--lineheight-text-desktop: 1.5;

	--size-small-mobile: 12px;
	--lineheight-small-mobile: 1.3;
	--size-small-desktop: 14px;
	--lineheight-small-desktop: 1.3;

	--size-blockquote-mobile: 16px;
	--lineheight-blockquote-mobile: 1.5;
	--size-blockquote-desktop: 18px;
	--lineheight-blockquote-desktop: 1.5;
}

html,
body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	scroll-behavior: smooth;
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	font-family: 'Inter', sans-serif;
	font-family: var(--font-text);
	font-size: 14px;
	font-size: var(--size-text-mobile);
	line-height: 1.5;
	line-height: var(--lineheight-text-mobile);
	padding-top: 0;
	padding-top: var(--padding-top-body-mobile);
	color: #000;
	color: var(--color-dark);
	margin: 0
}

@media (min-width: 992px) {

body {
		font-size: 16px;
		font-size: var(--size-text-desktop);
		line-height: 1.5;
		line-height: var(--lineheight-text-desktop);
		padding-top: 0;
		padding-top: var(--padding-top-body-desktop)
}
	}

* {
	box-sizing: border-box
}

*:before,
	*:after {
		box-sizing: border-box;
	}

*::-moz-selection {
		background: #FFAF65;
		background: var(--color-primary);
		color: #FFF;
		color: var(--color-light);
	}

*::selection {
		background: #FFAF65;
		background: var(--color-primary);
		color: #FFF;
		color: var(--color-light);
	}

main {
	display: block;
}

hr {
	background: none;
	border: none;
	border-bottom: solid 1px #E5E7EB;
	border-bottom: solid 1px var(--color-gray-light);
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	margin: 10px 0;
}

b,
strong {
	font-weight: bolder;
}

pre,
code,
kbd,
samp {
	font-family: monospace, monospace;
}

pre {
	border-radius: 12px;
}

small {
	font-size: 12px;
	font-size: var(--size-small-mobile);
	line-height: 1.3;
	line-height: var(--lineheight-small-mobile)
}

@media (min-width: 992px) {

small {
		font-size: 14px;
		font-size: var(--size-small-desktop);
		line-height: 1.3;
		line-height: var(--lineheight-small-desktop)
}
	}

blockquote {
	margin: 10px 0;
	padding: 0;
	font-size: 16px;
	font-size: var(--size-blockquote-mobile);
	line-height: 1.5;
	line-height: var(--lineheight-blockquote-mobile)
}

@media (min-width: 992px) {

blockquote {
		font-size: 18px;
		font-size: var(--size-blockquote-desktop);
		line-height: 1.5;
		line-height: var(--lineheight-blockquote-desktop)
}
	}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

a,
button {
	cursor: pointer;
	outline: none;
	text-decoration: none;
	transition: all 0.3s ease;
}

a {
	background-color: transparent;
	color: #4B5563;
	color: var(--color-gray-dark)
}

@media (hover: hover) {
		a:hover {
			color: #FFAF65;
			color: var(--color-primary);
		}
	}

p {
	color: #9CA3AF;
	color: var(--color-gray);
	margin: 10px 0
}

p a {
		color: #FFAF65;
		color: var(--color-primary)
	}

@media (hover: hover) {
			p a:hover {
				color: #f7a356;
				color: var(--color-primary-dark);
			}
		}

blockquote,
p,
ol,
ul {
	color: #9CA3AF;
	color: var(--color-gray);
}

figure {
	margin: 0;
}

fieldset {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	border: none;
}

img,
svg {
	transition: all 0.3s ease
}

img *, svg * {
		transition: all 0.3s ease;
	}

img {
	display: inline-block;
	max-width: 100%;
	width: auto;
	height: auto;
	border-style: none;
	-o-object-fit: contain;
	   object-fit: contain;
}

strong,
b {
	font-weight: 700;
	color: #000;
	color: var(--color-dark);
}

table {
	width: 100%;
	border-collapse: collapse
}

table th,
	table td {
		text-align: left;
		border-bottom: solid 1px #E5E7EB;
		border-bottom: solid 1px var(--color-gray-light);
		padding: 5px 20px 5px 0;
		white-space: nowrap;
	}

table th {
		font-size: 12px;
		font-size: var(--size-button-mobile)
	}

@media (min-width: 992px) {

table th {
			font-size: 14px;
			font-size: var(--size-button-desktop)
	}
		}

table td {
		font-size: 14px;
		font-size: var(--size-text-mobile);
		color: #9CA3AF;
		color: var(--color-gray)
	}

@media (min-width: 992px) {

table td {
			font-size: 16px;
			font-size: var(--size-text-desktop)
	}
		}

table td:first-of-type {
			font-weight: 600;
			color: #000;
			color: var(--color-dark);
		}

.hero1,
.hero2,
.hero3,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Inter', sans-serif;
	font-family: var(--font-head);
	font-weight: 800;
	margin: 0;
}

.hero1 {
	font-size: 52px;
	font-size: var(--size-hero1-mobile);
	line-height: 1.15;
	line-height: var(--lineheight-hero1-mobile)
}

@media (min-width: 992px) {

.hero1 {
		font-size: 62px;
		font-size: var(--size-hero1-desktop);
		line-height: 1.15;
		line-height: var(--lineheight-hero1-desktop)
}
	}

.hero2 {
	font-size: 42px;
	font-size: var(--size-hero2-mobile);
	line-height: 1.15;
	line-height: var(--lineheight-hero2-mobile)
}

@media (min-width: 992px) {

.hero2 {
		font-size: 52px;
		font-size: var(--size-hero2-desktop);
		line-height: 1.15;
		line-height: var(--lineheight-hero2-desktop)
}
	}

.hero3 {
	font-size: 32px;
	font-size: var(--size-hero3-mobile);
	line-height: 1.15;
	line-height: var(--lineheight-hero3-mobile)
}

@media (min-width: 992px) {

.hero3 {
		font-size: 42px;
		font-size: var(--size-hero3-desktop);
		line-height: 1.15;
		line-height: var(--lineheight-hero3-desktop)
}
	}

h1,
.h1 {
	font-size: 38px;
	font-size: var(--size-h1-mobile);
	line-height: 1.2;
	line-height: var(--lineheight-h1-mobile)
}

@media (min-width: 992px) {

h1,
.h1 {
		font-size: 40px;
		font-size: var(--size-h1-desktop);
		line-height: 1.2;
		line-height: var(--lineheight-h1-desktop)
}
	}

h2,
.h2 {
	font-size: 28px;
	font-size: var(--size-h2-mobile);
	line-height: 1.2;
	line-height: var(--lineheight-h2-mobile)
}

@media (min-width: 992px) {

h2,
.h2 {
		font-size: 32px;
		font-size: var(--size-h2-desktop);
		line-height: 1.2;
		line-height: var(--lineheight-h2-desktop)
}
	}

h3,
.h3 {
	font-size: 24px;
	font-size: var(--size-h3-mobile);
	line-height: 1.2;
	line-height: var(--lineheight-h3-mobile)
}

@media (min-width: 992px) {

h3,
.h3 {
		font-size: 28px;
		font-size: var(--size-h3-desktop);
		line-height: 1.2;
		line-height: var(--lineheight-h3-desktop)
}
	}

h4,
.h4 {
	font-size: 22px;
	font-size: var(--size-h4-mobile);
	line-height: 1.3;
	line-height: var(--lineheight-h4-mobile)
}

@media (min-width: 992px) {

h4,
.h4 {
		font-size: 24px;
		font-size: var(--size-h4-desktop);
		line-height: 1.3;
		line-height: var(--lineheight-h4-desktop)
}
	}

h5,
.h5 {
	font-size: 18px;
	font-size: var(--size-h5-mobile);
	line-height: 1.4;
	line-height: var(--lineheight-h5-mobile)
}

@media (min-width: 992px) {

h5,
.h5 {
		font-size: 20px;
		font-size: var(--size-h5-desktop);
		line-height: 1.4;
		line-height: var(--lineheight-h5-desktop)
}
	}

h6,
.h6 {
	font-size: 16px;
	font-size: var(--size-h6-mobile);
	line-height: 1.4;
	line-height: var(--lineheight-h6-mobile)
}

@media (min-width: 992px) {

h6,
.h6 {
		font-size: 18px;
		font-size: var(--size-h6-desktop);
		line-height: 1.4;
		line-height: var(--lineheight-h6-desktop)
}
	}

.font-style-eyebrow {
	font-size: 16px;
	font-size: var(--size-eyebrow-mobile);
	line-height: 1.35;
	line-height: var(--lineheight-eyebrow-mobile);
	font-weight: 600
}

@media (min-width: 992px) {

.font-style-eyebrow {
		font-size: 18px;
		font-size: var(--size-eyebrow-desktop);
		line-height: 1.15;
		line-height: var(--lineheight-eyebrow-desktop)
}
	}

.font-style-subtitle {
	font-size: 18px;
	font-size: var(--size-subtitle-mobile);
	line-height: 1.35;
	line-height: var(--lineheight-subtitle-mobile);
	font-weight: 600
}

@media (min-width: 992px) {

.font-style-subtitle {
		font-size: 20px;
		font-size: var(--size-subtitle-desktop);
		line-height: 1.35;
		line-height: var(--lineheight-subtitle-desktop)
}
	}

.font-style-button {
	font-size: 12px;
	font-size: var(--size-button-mobile);
	line-height: 1;
	line-height: var(--lineheight-button-mobile);
	font-weight: 600
}

@media (min-width: 992px) {

.font-style-button {
		font-size: 14px;
		font-size: var(--size-button-desktop);
		line-height: 1;
		line-height: var(--lineheight-button-desktop)
}
	}

.font-style-button-big {
	font-size: 16px;
	font-size: var(--size-button-big-mobile);
	line-height: 1;
	line-height: var(--lineheight-button-big-mobile);
	font-weight: 600
}

@media (min-width: 992px) {

.font-style-button-big {
		font-size: 16px;
		font-size: var(--size-button-big-mobile);
		line-height: 1;
		line-height: var(--lineheight-button-big-mobile)
}
	}

.font-style-lead {
	font-size: 16px;
	font-size: var(--size-lead-mobile);
	line-height: 1.35;
	line-height: var(--lineheight-lead-mobile);
	font-weight: 400
}

@media (min-width: 992px) {

.font-style-lead {
		font-size: 18px;
		font-size: var(--size-lead-desktop);
		line-height: 1.35;
		line-height: var(--lineheight-lead-desktop)
}
	}

.font-style-input {
	font-size: 12px;
	font-size: var(--size-input-mobile);
	line-height: 1;
	line-height: var(--lineheight-input-mobile);
	font-weight: 400
}

@media (min-width: 992px) {

.font-style-input {
		font-size: 14px;
		font-size: var(--size-input-desktop);
		line-height: 1;
		line-height: var(--lineheight-input-desktop)
}
	}

.font-style-input-big {
	font-size: 16px;
	font-size: var(--size-input-big-mobile);
	line-height: 1;
	line-height: var(--lineheight-input-big-mobile);
	font-weight: 400
}

@media (min-width: 992px) {

.font-style-input-big {
		font-size: 18px;
		font-size: var(--size-input-big-desktop);
		line-height: 1;
		line-height: var(--lineheight-input-big-desktop)
}
	}

button,
input[type="submit"],
.button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: none;
	border-radius: 0;
	cursor: pointer;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-size: var(--size-button-mobile);
	line-height: 1;
	line-height: var(--lineheight-button-mobile);
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	-webkit-hyphens: auto;
	    -ms-hyphens: auto;
	        hyphens: auto
}

button.big, input[type="submit"].big, .button.big {
		font-size: 16px;
		font-size: var(--size-button-big-mobile);
		line-height: 1;
		line-height: var(--lineheight-button-big-mobile);
	}

button.full-width, input[type="submit"].full-width, .button.full-width {
		width: 100%;
	}

@media (min-width: 992px) {

button,
input[type="submit"],
.button {
		font-size: 14px;
		font-size: var(--size-button-desktop);
		line-height: 1;
		line-height: var(--lineheight-button-desktop)
}

		button.big, input[type="submit"].big, .button.big {
			font-size: 18px;
			font-size: var(--size-button-big-desktop);
			line-height: 1;
			line-height: var(--lineheight-button-big-desktop);
		}
	}

button,
input[type="submit"],
.button {

	padding: 15px 25px;
	border-radius: 100px;
	font-weight: 600;
	background: #FFAF65;
	background: var(--color-primary);
	border: solid 2px #FFAF65;
	border: solid 2px var(--color-primary);
	color: #FFF;
	color: var(--color-light);
	box-shadow: 0 0 0 0 #f9bd86;
	box-shadow: 0 0 0 0 var(--color-primary-light)
}

@media (hover: hover) {
		button:hover:not([disabled]), input[type="submit"]:hover:not([disabled]), .button:hover:not([disabled]) {
			color: #FFF;
			color: var(--color-light);
			background: #f7a356;
			background: var(--color-primary-dark);
			border-color: #f7a356;
			border-color: var(--color-primary-dark);
		}
	}

button:focus:not([disabled]), input[type="submit"]:focus:not([disabled]), .button:focus:not([disabled]) {
		box-shadow: 0 0 0 4px #f9bd86;
		box-shadow: 0 0 0 4px var(--color-primary-light);
	}

button:active:not([disabled]), input[type="submit"]:active:not([disabled]), .button:active:not([disabled]) {
		box-shadow: 0 0 0 2px #f9bd86;
		box-shadow: 0 0 0 2px var(--color-primary-light);
	}

button.frame, input[type="submit"].frame, .button.frame {
		background: transparent;
		border: solid 2px #FFAF65;
		border: solid 2px var(--color-primary);
		color: #FFAF65;
		color: var(--color-primary);
		box-shadow: 0 0 0 0 #f9bd86;
		box-shadow: 0 0 0 0 var(--color-primary-light)
	}

@media (hover: hover) {
			button.frame:hover:not([disabled]), input[type="submit"].frame:hover:not([disabled]), .button.frame:hover:not([disabled]) {
				background: transparent;
				border: solid 2px #f7a356;
				border: solid 2px var(--color-primary-dark);
				color: #f7a356;
				color: var(--color-primary-dark);
			}
		}

button.frame:focus:not([disabled]), input[type="submit"].frame:focus:not([disabled]), .button.frame:focus:not([disabled]) {
			box-shadow: 0 0 0 4px #f9bd86;
			box-shadow: 0 0 0 4px var(--color-primary-light);
		}

button.frame:active:not([disabled]), input[type="submit"].frame:active:not([disabled]), .button.frame:active:not([disabled]) {
			box-shadow: 0 0 0 2px #f9bd86;
			box-shadow: 0 0 0 2px var(--color-primary-light);
		}

button.secondary, input[type="submit"].secondary, .button.secondary {
		background: #a6682e;
		background: var(--color-secondary);
		border: solid 2px #a6682e;
		border: solid 2px var(--color-secondary);
		color: #FFF;
		color: var(--color-light);
		box-shadow: 0 0 0 0 #7DD3FC;
		box-shadow: 0 0 0 0 var(--color-secondary-light)
	}

@media (hover: hover) {
			button.secondary:hover:not([disabled]), input[type="submit"].secondary:hover:not([disabled]), .button.secondary:hover:not([disabled]) {
				color: #FFF;
				color: var(--color-light);
				background: #a6682e;
				background: var(--color-secondary-dark);
				border-color: #a6682e;
				border-color: var(--color-secondary-dark);
			}
		}

button.secondary:focus:not([disabled]), input[type="submit"].secondary:focus:not([disabled]), .button.secondary:focus:not([disabled]) {
			box-shadow: 0 0 0 4px #7DD3FC;
			box-shadow: 0 0 0 4px var(--color-secondary-light);
		}

button.secondary:active:not([disabled]), input[type="submit"].secondary:active:not([disabled]), .button.secondary:active:not([disabled]) {
			box-shadow: 0 0 0 2px #7DD3FC;
			box-shadow: 0 0 0 2px var(--color-secondary-light);
		}

button.secondary.frame, input[type="submit"].secondary.frame, .button.secondary.frame {
			background: transparent;
			border: solid 2px #a6682e;
			border: solid 2px var(--color-secondary);
			color: #a6682e;
			color: var(--color-secondary);
			box-shadow: 0 0 0 0 #7DD3FC;
			box-shadow: 0 0 0 0 var(--color-secondary-light)
		}

@media (hover: hover) {
				button.secondary.frame:hover:not([disabled]), input[type="submit"].secondary.frame:hover:not([disabled]), .button.secondary.frame:hover:not([disabled]) {
					background: transparent;
					border: solid 2px #a6682e;
					border: solid 2px var(--color-secondary-dark);
					color: #a6682e;
					color: var(--color-secondary-dark);
				}
			}

button.secondary.frame:focus:not([disabled]), input[type="submit"].secondary.frame:focus:not([disabled]), .button.secondary.frame:focus:not([disabled]) {
				box-shadow: 0 0 0 4px #7DD3FC;
				box-shadow: 0 0 0 4px var(--color-secondary-light);
			}

button.secondary.frame:active:not([disabled]), input[type="submit"].secondary.frame:active:not([disabled]), .button.secondary.frame:active:not([disabled]) {
				box-shadow: 0 0 0 2px #7DD3FC;
				box-shadow: 0 0 0 2px var(--color-secondary-light);
			}

button.tertiary, input[type="submit"].tertiary, .button.tertiary {
		background: #A855F7;
		background: var(--color-tertiary);
		border: solid 2px #A855F7;
		border: solid 2px var(--color-tertiary);
		color: #FFF;
		color: var(--color-light);
		box-shadow: 0 0 0 0 #D8B4FE;
		box-shadow: 0 0 0 0 var(--color-tertiary-light)
	}

@media (hover: hover) {
			button.tertiary:hover:not([disabled]), input[type="submit"].tertiary:hover:not([disabled]), .button.tertiary:hover:not([disabled]) {
				color: #FFF;
				color: var(--color-light);
				background: #6B21A8;
				background: var(--color-tertiary-dark);
				border-color: #6B21A8;
				border-color: var(--color-tertiary-dark);
			}
		}

button.tertiary:focus:not([disabled]), input[type="submit"].tertiary:focus:not([disabled]), .button.tertiary:focus:not([disabled]) {
			box-shadow: 0 0 0 4px #D8B4FE;
			box-shadow: 0 0 0 4px var(--color-tertiary-light);
		}

button.tertiary:active:not([disabled]), input[type="submit"].tertiary:active:not([disabled]), .button.tertiary:active:not([disabled]) {
			box-shadow: 0 0 0 2px #D8B4FE;
			box-shadow: 0 0 0 2px var(--color-tertiary-light);
		}

button.tertiary.frame, input[type="submit"].tertiary.frame, .button.tertiary.frame {
			background: transparent;
			border: solid 2px #A855F7;
			border: solid 2px var(--color-tertiary);
			color: #A855F7;
			color: var(--color-tertiary);
			box-shadow: 0 0 0 0 #D8B4FE;
			box-shadow: 0 0 0 0 var(--color-tertiary-light)
		}

@media (hover: hover) {
				button.tertiary.frame:hover:not([disabled]), input[type="submit"].tertiary.frame:hover:not([disabled]), .button.tertiary.frame:hover:not([disabled]) {
					background: transparent;
					border: solid 2px #6B21A8;
					border: solid 2px var(--color-tertiary-dark);
					color: #6B21A8;
					color: var(--color-tertiary-dark);
				}
			}

button.tertiary.frame:focus:not([disabled]), input[type="submit"].tertiary.frame:focus:not([disabled]), .button.tertiary.frame:focus:not([disabled]) {
				box-shadow: 0 0 0 4px #D8B4FE;
				box-shadow: 0 0 0 4px var(--color-tertiary-light);
			}

button.tertiary.frame:active:not([disabled]), input[type="submit"].tertiary.frame:active:not([disabled]), .button.tertiary.frame:active:not([disabled]) {
				box-shadow: 0 0 0 2px #D8B4FE;
				box-shadow: 0 0 0 2px var(--color-tertiary-light);
			}

button:disabled, input[type="submit"]:disabled, .button:disabled {
		background: #E5E7EB;
		background: var(--color-gray-light);
		border-color: #E5E7EB;
		border-color: var(--color-gray-light);
		color: #9CA3AF;
		color: var(--color-gray);
		cursor: not-allowed
	}

button:disabled.frame, input[type="submit"]:disabled.frame, .button:disabled.frame {
			border: solid 2px #E5E7EB;
			border: solid 2px var(--color-gray-light);
			color: #9CA3AF;
			color: var(--color-gray);
			cursor: not-allowed;
		}

input,
textarea,
select {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	transition: all 0.3s ease;
	line-height: 1;
	vertical-align: middle;
	margin: 0;
	font-family: 'Inter', sans-serif;
	font-family: var(--font-text);
	border-radius: 6px;
	border: solid 2px #E5E7EB;
	border: solid 2px var(--color-gray-light);
	padding: 15px 15px;
	background: #FFF;
	background: var(--color-light);
	font-size: 12px;
	font-size: var(--size-input-mobile);
	line-height: 1;
	line-height: var(--lineheight-input-mobile)
}

@media (hover: hover) {
		input:hover:not([disabled]), textarea:hover:not([disabled]), select:hover:not([disabled]) {
			border-color: #a6682e;
			border-color: var(--color-secondary);
		}
	}

input:focus:not([disabled]), textarea:focus:not([disabled]), select:focus:not([disabled]) {
		border-color: #a6682e;
		border-color: var(--color-secondary);
		box-shadow: 0 0 0 4px #7DD3FC;
		box-shadow: 0 0 0 4px var(--color-secondary-light);
		outline: none;
	}

input:active:not([disabled]), textarea:active:not([disabled]), select:active:not([disabled]) {
		box-shadow: 0 0 0 2px #7DD3FC;
		box-shadow: 0 0 0 2px var(--color-secondary-light);
	}

input:disabled, textarea:disabled, select:disabled {
		background: #E5E7EB;
		background: var(--color-gray-light);
		border-color: #9CA3AF;
		border-color: var(--color-gray);
		color: #9CA3AF;
		color: var(--color-gray);
		cursor: not-allowed;
		opacity: 0.9;
	}

input.big, textarea.big, select.big {
		font-size: 16px;
		font-size: var(--size-input-big-mobile);
		line-height: 1;
		line-height: var(--lineheight-input-big-mobile);
	}

input.full-width, textarea.full-width, select.full-width {
		width: 100%;
	}

@media (min-width: 992px) {

input,
textarea,
select {
		font-size: 14px;
		font-size: var(--size-input-desktop);
		line-height: 1;
		line-height: var(--lineheight-input-desktop)
}

		input.big, textarea.big, select.big {
			font-size: 18px;
			font-size: var(--size-input-big-desktop);
			line-height: 1;
			line-height: var(--lineheight-input-big-desktop);
		}
	}

input[type="text"],
input[type="number"],
input[type="phone"],
input[type="email"],
input[type="password"],
textarea,
select {
	display: inline-block;
	box-shadow: 0 0 0 0 #7DD3FC;
	box-shadow: 0 0 0 0 var(--color-secondary-light)
}

input[type="text"].error, input[type="number"].error, input[type="phone"].error, input[type="email"].error, input[type="password"].error, textarea.error, select.error {
		border-color: #DC3545;
		border-color: var(--color-error);
	}

input[type="text"].success, input[type="number"].success, input[type="phone"].success, input[type="email"].success, input[type="password"].success, textarea.success, select.success {
		border-color: #28A745;
		border-color: var(--color-success);
	}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
	width: 22px;
	height: 22px;
	display: inline-block;
	position: relative;
	margin-right: 3px
}

input[type="checkbox"].big, input[type="radio"].big {
		width: 32px;
		height: 32px;
	}

input[type="checkbox"]:after {
		content: "";
		display: inline-block;
		width: 10px;
		height: 8px;
		background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDJMNC40IDhMMiA1Ljc1IiBzdHJva2U9IiMwRUE1RTkiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=") no-repeat;
		background-size: contain;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(0,0,0) translate(-50%, -50%) scale(0.7);
		opacity: 0;
		pointer-events: none;
		transition: all 0.3s ease;
	}

input[type="checkbox"].big:after {
			width: 14px;
			height: 12px;
		}

input[type="checkbox"]:checked:after {
			opacity: 1;
			transform: translate3d(0, 0, 0) translate(-50%, -50%) scale(1);
		}

input[type="radio"] {
	border-radius: 50%
}

input[type="radio"]:after {
		content: "";
		display: inline-block;
		width: 10px;
		height: 10px;
		background: #a6682e;
		background: var(--color-secondary);
		background-size: contain;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(0,0,0) translate(-50%, -50%) scale(0.7);
		border-radius: 50%;
		opacity: 0;
		pointer-events: none;
		transition: all 0.3s ease;
	}

input[type="radio"].big:after {
			width: 14px;
			height: 14px;
		}

input[type="radio"]:checked:after {
			opacity: 1;
			transform: translate3d(0, 0, 0) translate(-50%, -50%) scale(1);
		}

select {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMkw4IDhMMTQgMiIgc3Ryb2tlPSIjMEVBNUU5IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) no-repeat #FFF;
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMkw4IDhMMTQgMiIgc3Ryb2tlPSIjMEVBNUU5IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) no-repeat var(--color-light);
	background-position: calc(100% - 15px) center;
	min-height: 51px;
	padding-right: 40px
}

select.big {
		min-height: 55px;
	}

.radio-check-wrapper {
	position: relative;
	display: block;
	width: 100%;
	line-height: 1
}

.radio-check-wrapper input {
		vertical-align: top;
	}

.radio-check-wrapper.big label {
			max-width: calc(100% - 50px);
			margin-top: 4px;
		}

.radio-check-wrapper label {
		max-width: calc(100% - 40px);
		margin-top: -1px;
	}

label {
	color: #9CA3AF;
	color: var(--color-gray);
	display: inline-block;
	vertical-align: middle;
	padding: 0 7px 0 0;
	margin: 0;
	line-height: 1.5;
	line-height: var(--lineheight-text-mobile)
}

@media (min-width: 992px) {

label {
		line-height: $lineheight-text-desktop
}
	}

label.error {
		color: #DC3545;
		color: var(--color-error);
	}

label.success {
		color: #28A745;
		color: var(--color-success);
	}

.container {
	margin: auto;
	width: 100%;
	padding: 0 20px;
	padding: 0 var(--margin-container-mobile);
	max-width: 1280px;
	max-width: var(--max-width)
}

@media (min-width: 992px) {

.container {
		padding: 0 20px;
		padding: 0 var(--margin-container-desktop)
}
	}

.container.fluid {
		max-width: 1440px;
		max-width: var(--max-width-limit);
	}

.text-align-right {
	text-align: right;
}

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

.text-align-left {
	text-align: left;
}

.row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-right: -10px;
	margin-right: var(--margin-row-default);
	margin-left: -10px;
	margin-left: var(--margin-row-default)
}

.row [data-col],
	.row > * {
		padding-right: 10px;
		padding-right: var(--gutter-col-default);
		padding-left: 10px;
		padding-left: var(--gutter-col-default);
	}

.row.gutter-default {
		margin-right: -10px;
		margin-right: var(--margin-row-default);
		margin-left: -10px;
		margin-left: var(--margin-row-default)
	}

.row.gutter-default [data-col],
		.row.gutter-default > * {
			padding-right: 10px;
			padding-right: var(--gutter-col-default);
			padding-left: 10px;
			padding-left: var(--gutter-col-default);
		}

.row.gutter-medium {
		margin-right: -30px;
		margin-right: var(--margin-row-medium);
		margin-left: -30px;
		margin-left: var(--margin-row-medium)
	}

.row.gutter-medium [data-col],
		.row.gutter-medium > * {
			padding-right: 30px;
			padding-right: var(--gutter-col-medium);
			padding-left: 30px;
			padding-left: var(--gutter-col-medium);
		}

.row.gutter-big {
		margin-right: -50px;
		margin-right: var(--margin-row-big);
		margin-left: -50px;
		margin-left: var(--margin-row-big)
	}

.row.gutter-big [data-col],
		.row.gutter-big > * {
			padding-right: 50px;
			padding-right: var(--gutter-col-big);
			padding-left: 50px;
			padding-left: var(--gutter-col-big);
		}

@media (min-width: 0) {
		.row.gutter-xs-default {
			margin-right: -10px;
			margin-right: var(--margin-row-default);
			margin-left: -10px;
			margin-left: var(--margin-row-default)
		}

			.row.gutter-xs-default [data-col],
			.row.gutter-xs-default > * {
				padding-right: 10px;
				padding-right: var(--gutter-col-default);
				padding-left: 10px;
				padding-left: var(--gutter-col-default);
			}

		.row.gutter-xs-medium {
			margin-right: -30px;
			margin-right: var(--margin-row-medium);
			margin-left: -30px;
			margin-left: var(--margin-row-medium)
		}

			.row.gutter-xs-medium [data-col],
			.row.gutter-xs-medium > * {
				padding-right: 30px;
				padding-right: var(--gutter-col-medium);
				padding-left: 30px;
				padding-left: var(--gutter-col-medium);
			}

		.row.gutter-xs-big {
			margin-right: -50px;
			margin-right: var(--margin-row-big);
			margin-left: -50px;
			margin-left: var(--margin-row-big)
		}

			.row.gutter-xs-big [data-col],
			.row.gutter-xs-big > * {
				padding-right: 50px;
				padding-right: var(--gutter-col-big);
				padding-left: 50px;
				padding-left: var(--gutter-col-big);
			}
	}

@media (min-width: 576px) {
		.row.gutter-sm-default {
			margin-right: -10px;
			margin-right: var(--margin-row-default);
			margin-left: -10px;
			margin-left: var(--margin-row-default)
		}

			.row.gutter-sm-default [data-col],
			.row.gutter-sm-default > * {
				padding-right: 10px;
				padding-right: var(--gutter-col-default);
				padding-left: 10px;
				padding-left: var(--gutter-col-default);
			}

		.row.gutter-sm-medium {
			margin-right: -30px;
			margin-right: var(--margin-row-medium);
			margin-left: -30px;
			margin-left: var(--margin-row-medium)
		}

			.row.gutter-sm-medium [data-col],
			.row.gutter-sm-medium > * {
				padding-right: 30px;
				padding-right: var(--gutter-col-medium);
				padding-left: 30px;
				padding-left: var(--gutter-col-medium);
			}

		.row.gutter-sm-big {
			margin-right: -50px;
			margin-right: var(--margin-row-big);
			margin-left: -50px;
			margin-left: var(--margin-row-big)
		}

			.row.gutter-sm-big [data-col],
			.row.gutter-sm-big > * {
				padding-right: 50px;
				padding-right: var(--gutter-col-big);
				padding-left: 50px;
				padding-left: var(--gutter-col-big);
			}
	}

@media (min-width: 768px) {
		.row.gutter-md-default {
			margin-right: -10px;
			margin-right: var(--margin-row-default);
			margin-left: -10px;
			margin-left: var(--margin-row-default)
		}

			.row.gutter-md-default [data-col],
			.row.gutter-md-default > * {
				padding-right: 10px;
				padding-right: var(--gutter-col-default);
				padding-left: 10px;
				padding-left: var(--gutter-col-default);
			}

		.row.gutter-md-medium {
			margin-right: -30px;
			margin-right: var(--margin-row-medium);
			margin-left: -30px;
			margin-left: var(--margin-row-medium)
		}

			.row.gutter-md-medium [data-col],
			.row.gutter-md-medium > * {
				padding-right: 30px;
				padding-right: var(--gutter-col-medium);
				padding-left: 30px;
				padding-left: var(--gutter-col-medium);
			}

		.row.gutter-md-big {
			margin-right: -50px;
			margin-right: var(--margin-row-big);
			margin-left: -50px;
			margin-left: var(--margin-row-big)
		}

			.row.gutter-md-big [data-col],
			.row.gutter-md-big > * {
				padding-right: 50px;
				padding-right: var(--gutter-col-big);
				padding-left: 50px;
				padding-left: var(--gutter-col-big);
			}
	}

@media (min-width: 992px) {
		.row.gutter-lg-default {
			margin-right: -10px;
			margin-right: var(--margin-row-default);
			margin-left: -10px;
			margin-left: var(--margin-row-default)
		}

			.row.gutter-lg-default [data-col],
			.row.gutter-lg-default > * {
				padding-right: 10px;
				padding-right: var(--gutter-col-default);
				padding-left: 10px;
				padding-left: var(--gutter-col-default);
			}

		.row.gutter-lg-medium {
			margin-right: -30px;
			margin-right: var(--margin-row-medium);
			margin-left: -30px;
			margin-left: var(--margin-row-medium)
		}

			.row.gutter-lg-medium [data-col],
			.row.gutter-lg-medium > * {
				padding-right: 30px;
				padding-right: var(--gutter-col-medium);
				padding-left: 30px;
				padding-left: var(--gutter-col-medium);
			}

		.row.gutter-lg-big {
			margin-right: -50px;
			margin-right: var(--margin-row-big);
			margin-left: -50px;
			margin-left: var(--margin-row-big)
		}

			.row.gutter-lg-big [data-col],
			.row.gutter-lg-big > * {
				padding-right: 50px;
				padding-right: var(--gutter-col-big);
				padding-left: 50px;
				padding-left: var(--gutter-col-big);
			}
	}

@media (min-width: 1200px) {
		.row.gutter-xl-default {
			margin-right: -10px;
			margin-right: var(--margin-row-default);
			margin-left: -10px;
			margin-left: var(--margin-row-default)
		}

			.row.gutter-xl-default [data-col],
			.row.gutter-xl-default > * {
				padding-right: 10px;
				padding-right: var(--gutter-col-default);
				padding-left: 10px;
				padding-left: var(--gutter-col-default);
			}

		.row.gutter-xl-medium {
			margin-right: -30px;
			margin-right: var(--margin-row-medium);
			margin-left: -30px;
			margin-left: var(--margin-row-medium)
		}

			.row.gutter-xl-medium [data-col],
			.row.gutter-xl-medium > * {
				padding-right: 30px;
				padding-right: var(--gutter-col-medium);
				padding-left: 30px;
				padding-left: var(--gutter-col-medium);
			}

		.row.gutter-xl-big {
			margin-right: -50px;
			margin-right: var(--margin-row-big);
			margin-left: -50px;
			margin-left: var(--margin-row-big)
		}

			.row.gutter-xl-big [data-col],
			.row.gutter-xl-big > * {
				padding-right: 50px;
				padding-right: var(--gutter-col-big);
				padding-left: 50px;
				padding-left: var(--gutter-col-big);
			}
	}

@media (min-width: 1440px) {
		.row.gutter-xxl-default {
			margin-right: -10px;
			margin-right: var(--margin-row-default);
			margin-left: -10px;
			margin-left: var(--margin-row-default)
		}

			.row.gutter-xxl-default [data-col],
			.row.gutter-xxl-default > * {
				padding-right: 10px;
				padding-right: var(--gutter-col-default);
				padding-left: 10px;
				padding-left: var(--gutter-col-default);
			}

		.row.gutter-xxl-medium {
			margin-right: -30px;
			margin-right: var(--margin-row-medium);
			margin-left: -30px;
			margin-left: var(--margin-row-medium)
		}

			.row.gutter-xxl-medium [data-col],
			.row.gutter-xxl-medium > * {
				padding-right: 30px;
				padding-right: var(--gutter-col-medium);
				padding-left: 30px;
				padding-left: var(--gutter-col-medium);
			}

		.row.gutter-xxl-big {
			margin-right: -50px;
			margin-right: var(--margin-row-big);
			margin-left: -50px;
			margin-left: var(--margin-row-big)
		}

			.row.gutter-xxl-big [data-col],
			.row.gutter-xxl-big > * {
				padding-right: 50px;
				padding-right: var(--gutter-col-big);
				padding-left: 50px;
				padding-left: var(--gutter-col-big);
			}
	}

@media (min-width: 1920px) {
		.row.gutter-xxxl-default {
			margin-right: -10px;
			margin-right: var(--margin-row-default);
			margin-left: -10px;
			margin-left: var(--margin-row-default)
		}

			.row.gutter-xxxl-default [data-col],
			.row.gutter-xxxl-default > * {
				padding-right: 10px;
				padding-right: var(--gutter-col-default);
				padding-left: 10px;
				padding-left: var(--gutter-col-default);
			}

		.row.gutter-xxxl-medium {
			margin-right: -30px;
			margin-right: var(--margin-row-medium);
			margin-left: -30px;
			margin-left: var(--margin-row-medium)
		}

			.row.gutter-xxxl-medium [data-col],
			.row.gutter-xxxl-medium > * {
				padding-right: 30px;
				padding-right: var(--gutter-col-medium);
				padding-left: 30px;
				padding-left: var(--gutter-col-medium);
			}

		.row.gutter-xxxl-big {
			margin-right: -50px;
			margin-right: var(--margin-row-big);
			margin-left: -50px;
			margin-left: var(--margin-row-big)
		}

			.row.gutter-xxxl-big [data-col],
			.row.gutter-xxxl-big > * {
				padding-right: 50px;
				padding-right: var(--gutter-col-big);
				padding-left: 50px;
				padding-left: var(--gutter-col-big);
			}
	}

.flex {
	display: flex;
}

.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

.align-items-stretch {
	align-items: stretch;
}

.align-items-center {
	align-items: center;
}

.align-items-flex-start {
	align-items: flex-start;
}

.align-items-flex-end {
	align-items: flex-end;
}

.align-items-baseline {
	align-items: baseline;
}

.align-items-baseline {
	align-items: baseline;
}

.align-items-initial {
	align-items: initial;
}

.justify-content-flex-start {
	justify-content: flex-start;
}

.justify-content-flex-end {
	justify-content: flex-end;
}

.justify-content-center {
	justify-content: center;
}

.justify-content-space-between {
	justify-content: space-between;
}

.justify-content-space-around {
	justify-content: space-around;
}

.justify-content-initial {
	justify-content: initial;
}

.col-1 {
	position: relative;
	width: 100%;
	min-height: 1px;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	box-sizing: border-box;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}

.col-2 {
	position: relative;
	width: 100%;
	min-height: 1px;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	box-sizing: border-box;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

.col-3 {
	position: relative;
	width: 100%;
	min-height: 1px;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	box-sizing: border-box;
	flex: 0 0 25%;
	max-width: 25%;
}

.col-4 {
	position: relative;
	width: 100%;
	min-height: 1px;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	box-sizing: border-box;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.col-5 {
	position: relative;
	width: 100%;
	min-height: 1px;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	box-sizing: border-box;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}

.col-6 {
	position: relative;
	width: 100%;
	min-height: 1px;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	box-sizing: border-box;
	flex: 0 0 50%;
	max-width: 50%;
}

.col-7 {
	position: relative;
	width: 100%;
	min-height: 1px;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	box-sizing: border-box;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

.col-8 {
	position: relative;
	width: 100%;
	min-height: 1px;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	box-sizing: border-box;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.col-9 {
	position: relative;
	width: 100%;
	min-height: 1px;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	box-sizing: border-box;
	flex: 0 0 75%;
	max-width: 75%;
}

.col-10 {
	position: relative;
	width: 100%;
	min-height: 1px;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	box-sizing: border-box;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

.col-11 {
	position: relative;
	width: 100%;
	min-height: 1px;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	box-sizing: border-box;
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}

.col-12 {
	position: relative;
	width: 100%;
	min-height: 1px;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	box-sizing: border-box;
	flex: 0 0 100%;
	max-width: 100%;
}

.col-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	box-sizing: border-box;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
}

.col-order-first {
	order: -1;
}

.col-order-last {
	order: 13;
}

@media (min-width: 0) {
	.col-xs-1 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-xs-2 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-xs-3 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-xs-4 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-xs-5 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-xs-6 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-xs-7 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-xs-8 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-xs-9 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-xs-10 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-xs-11 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-xs-12 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.col-xs-auto {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-xs-order-first {
		order: -1;
	}

	.col-xs-order-last {
		order: 13;
	}
}

@media (min-width: 576px) {
	.col-sm-1 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-sm-2 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-sm-3 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-sm-4 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-sm-5 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-sm-6 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-sm-7 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-sm-8 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-sm-9 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-sm-10 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-sm-11 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-sm-12 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.col-sm-auto {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-sm-order-first {
		order: -1;
	}

	.col-sm-order-last {
		order: 13;
	}
}

@media (min-width: 768px) {
	.col-md-1 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-md-2 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-md-3 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-md-4 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-md-5 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-md-6 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-md-7 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-md-8 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-md-9 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-md-10 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-md-11 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-md-12 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.col-md-auto {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-md-order-first {
		order: -1;
	}

	.col-md-order-last {
		order: 13;
	}
}

@media (min-width: 992px) {
	.col-lg-1 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-lg-2 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-lg-3 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-lg-4 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-lg-5 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-lg-6 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-lg-7 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-lg-8 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-lg-9 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-lg-10 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-lg-11 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-lg-12 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.col-lg-auto {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-lg-order-first {
		order: -1;
	}

	.col-lg-order-last {
		order: 13;
	}
}

@media (min-width: 1200px) {
	.col-xl-1 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-xl-2 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-xl-3 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-xl-4 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-xl-5 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-xl-6 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-xl-7 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-xl-8 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-xl-9 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-xl-10 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-xl-11 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-xl-12 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.col-xl-auto {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-xl-order-first {
		order: -1;
	}

	.col-xl-order-last {
		order: 13;
	}
}

@media (min-width: 1440px) {
	.col-xxl-1 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-xxl-2 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-xxl-3 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-xxl-4 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-xxl-5 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-xxl-6 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-xxl-7 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-xxl-8 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-xxl-9 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-xxl-10 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-xxl-11 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-xxl-12 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.col-xxl-auto {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-xxl-order-first {
		order: -1;
	}

	.col-xxl-order-last {
		order: 13;
	}
}

@media (min-width: 1920px) {
	.col-xxxl-1 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-xxxl-2 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-xxxl-3 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-xxxl-4 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-xxxl-5 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-xxxl-6 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-xxxl-7 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-xxxl-8 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-xxxl-9 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-xxxl-10 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-xxxl-11 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-xxxl-12 {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.col-xxxl-auto {
		position: relative;
		width: 100%;
		min-height: 1px;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		box-sizing: border-box;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-xxxl-order-first {
		order: -1;
	}

	.col-xxxl-order-last {
		order: 13;
	}
}

.space {
	display: block;
	width: 0
}

.space.size-2 {
		height: 2px;
	}

.space.size-4 {
		height: 4px;
	}

.space.size-8 {
		height: 8px;
	}

.space.size-12 {
		height: 12px;
	}

.space.size-16 {
		height: 16px;
	}

.space.size-24 {
		height: 24px;
	}

.space.size-32 {
		height: 32px;
	}

.space.size-48 {
		height: 48px;
	}

.space.size-56 {
		height: 56px;
	}

.space.size-64 {
		height: 64px;
	}

.space.size-96 {
		height: 96px;
	}

.space.size-128 {
		height: 128px;
	}

.space.size-160 {
		height: 160px;
	}

.space.none {
		height: 0;
	}

.space.horizontal {
		display: inline-block;
		height: 0
	}

.space.horizontal.size-2 {
			width: 2px;
		}

.space.horizontal.size-4 {
			width: 4px;
		}

.space.horizontal.size-8 {
			width: 8px;
		}

.space.horizontal.size-12 {
			width: 12px;
		}

.space.horizontal.size-16 {
			width: 16px;
		}

.space.horizontal.size-24 {
			width: 24px;
		}

.space.horizontal.size-32 {
			width: 32px;
		}

.space.horizontal.size-48 {
			width: 48px;
		}

.space.horizontal.size-56 {
			width: 56px;
		}

.space.horizontal.size-64 {
			width: 64px;
		}

.space.horizontal.size-96 {
			width: 96px;
		}

.space.horizontal.size-128 {
			width: 128px;
		}

.space.horizontal.size-160 {
			width: 160px;
		}

.space.horizontal.none {
			width: 0;
		}

@media (min-width: 0) {
	.xs-hide {
		display: none;
	}

	.xs-show {
		display: inherit;
	}
}

@media (min-width: 576px) {
	.sm-hide {
		display: none;
	}

	.sm-show {
		display: inherit;
	}
}

@media (min-width: 768px) {
	.md-hide {
		display: none;
	}

	.md-show {
		display: inherit;
	}
}

@media (min-width: 992px) {
	.lg-hide {
		display: none;
	}

	.lg-show {
		display: inherit;
	}
}

@media (min-width: 1200px) {
	.xl-hide {
		display: none;
	}

	.xl-show {
		display: inherit;
	}
}

@media (min-width: 1440px) {
	.xxl-hide {
		display: none;
	}

	.xxl-show {
		display: inherit;
	}
}

@media (min-width: 1920px) {
	.xxxl-hide {
		display: none;
	}

	.xxxl-show {
		display: inherit;
	}
}

/* VARIABLES */

:root {
	--color-secondary:#a6682e;
}

.wpcf7-form p {
	text-align: center;
}

.wpcf7-spinner {
	text-align: center;
	display: block;
	margin: 5px auto;
}

/* HEADER MENU START */

body p, body ul {
	color: unset;
}

strong,
b {
	color: unset;
}

.menu-header_menu-container {
	background-color: #FFF;
}

.menu-header_menu-container .menu li {
			margin-top: 20px;
		}

.menu-header_menu-container .menu .current_page_item a {
			border-top: 2px #000 solid;
			padding-top: 15px;
		}

.menu-header_menu-container {
	margin-bottom: 60px;
}

.menu {
	margin: auto 0;
	width: 100%;
	display: table;
	text-align: center;
	margin: 10px 0 20px 0
}

.menu li {
		display: inline-block;
		float: none;
		margin: 0 20px;
	}

.menu a {
		font-size: 19px;
		font-family: 'Inter', sans-serif;
		color: #000;
		text-transform: uppercase;
	}

.menu .menu-item {
		display: inline-block;
	}

.footer .menu a {
		color: #FFF;
	}

/* HEADER MENU END */

div.subscribe-form {
    text-align: center
}

div.subscribe-form form {
	}

div.subscribe-form button:hover:not([disabled]) {
			background-color: #fdc28c;
		}

div.subscribe-form button {
		background-color: #ffaf65;
		border-radius: 10px;
		height: 54px;
		margin-left: 20px;
		margin-top: -6px;
		color: #000;
	}

div.subscribe-form .form-field {
	}

div.subscribe-form input[type="text"] {
		background: rgba(255,255,255,0);
		width: 30%;
	}

.elementor-template-full-width #content{
    padding: 0;
}

.language-toggle {
	background-color: #ffaf65;
	font-size: 18px;
	padding: 2px 0;
	text-align: center;
	transition-property: filter;
	transition-duration: 0.6s;
	transition-timing-function: ease;
	transition-delay: 0s
}

.language-toggle:hover {
		filter: invert(.2);
	}

.language-toggle p {
		color: #000;
	}

/* Set a max height for the text */

.elementor-column .elementor-col-33 .elementor-top-column .elementor-element .elementor-element-cb87cec {
	max-height: 244px;
}

.elementor-widget-wrap.elementor-element-populated > .elementor-element.lessons-item-content {
	margin: 0 auto;
	width: 33%;
	padding: 0 30px;
}

.elementor-widget-wrap.elementor-element-populated > .elementor-element.wedding-item-content {
	margin: 0 auto;
	width: 50%;
	padding: 0 30px;
}

.elementor-6 .elementor-element .elementor-widget-container div.elementor-image-box-wrapper.lessons-item-content {
	text-align: left;
}

.elementor-6 .elementor-element .lessons-item-content .elementor-widget-container .elementor-image-box-wrapper figure.elementor-image-box-img {
	width: 100%;
}

.elementor-6 .elementor-element .lessons-item-content .elementor-widget-wrap div.elementor-widget-text-editor {
	margin-top: -30px;
	margin-bottom: 15px;
}

.elementor-image-carousel-wrapper.swiper-container div.swiper-slide {
	/* width: auto !important; */
}

.lessons-group-1 {
	display: flex
}

.lessons-section {
	display:flex;
	justify-content: center;
}

.elementor-column-gap-default > .elementor-column > div.elementor-element-populated {
	padding: 0;
}

.elementor .elementor-column .elementor-widget-wrap .elementor-element > .elementor-widget-container {
	padding: 0;
}

.header {
	display: none;
	padding-top: 30px;
	padding-bottom: 30px
}

.header img {
		display: flex;
	}

@media (min-width: 992px) {

.main-content {
		border-right: solid 1px #E5E7EB;
		border-right: solid 1px var(--color-gray-light)
}
	}

.page-wrapper,
.site-content {
	padding: 20px 0;
}

.page-wrapper .item:not(:last-of-type) {
		padding-bottom: 20px;
	}

.page-title,
.single-title {
	margin: 0 0 20px 0;
}

.post-info {
	margin: 10px 0 0 0;
}

.tags {
	margin: 0;
}

.excerpt {
	padding: 16px 0 0 0;
	margin: 0;
}

ul {
}

p a,
a {
	color: #a6682e;
	color: var(--color-secondary)
}

@media (hover: hover) {
		p a:hover, a:hover {
			color: #a6682e;
			color: var(--color-secondary-dark);
		}
	}

p:empty {
	display: none;
}

.widget-title {
	font-size: 16px;
	font-size: var(--size-lead-mobile);
	line-height: 1.35;
	line-height: var(--lineheight-lead-mobile);
	font-weight: 700
}

@media (min-width: 992px) {

.widget-title {
		font-size: 18px;
		font-size: var(--size-lead-desktop);
		line-height: 1.35;
		line-height: var(--lineheight-lead-desktop)
}
	}

.widget-item {
	margin: 20px 0
}

.widget-item:first-of-type {
		margin-top: 0
	}

@media (min-width: 992px) {

.widget-item:first-of-type {
			margin: 30px 0
	}
		}

@media (min-width: 992px) {

.widget-item {
		margin: 30px 0
}
	}

.post-edit-link {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

input[type="text"] {
	min-width: 0;
}

.footer {
	background-color: #161616;
	/* border-top: solid 1px var(--color-gray-light); */
	padding-top: 10px;
	padding-bottom: 10px;
	max-width: unset
}

.footer .text-row {
		display: flex;
		justify-content: space-between
	}

.footer .text-row p {
		}

.footer-inner {
	color: rgba(255,255,255,0.4902)
}

/* CALENDAR EVENTS */

#classes_events {
	margin: 0 1.5%;
}

#classes_events_section {
}

.find-class-nav-links {
	margin: 30px 0
}

.find-class-nav-links input {
		color: #a6682e;
		border: none;
		font-size: 1.12em
	}

.find-class-nav-links input:active {
			border: none;
			padding: 0;
			box-shadow: none;
		}

.find-class-nav-links input:focus {
			border: none;
			box-shadow: none;
		}

.find-class-nav-links input:hover {
			color: #673d00;
		}

.more-text-button {
	padding-top: 15px;
	cursor: pointer;
	color: #a6682e;
	font-size: 1.12em
}

.more-text-button:hover {
		color: #673d00;
	}

.calendar-event {
	display: flex;
	border-bottom: 1px solid #bfbfbf;
	padding-top: 30px;
	padding-bottom: 35px;
}

.lessons-event-1 {
	flex: 3;
	font-weight: 400
}

.lessons-event-1 div {
		font-family: Gudea, Georgia, serif;
		font-size: 1.2em;
	}

.lessons-event-1 span {
		font-family: "Old Standard TT", serif;
		font-size: 2.4em;
		color: #1b1b1b;
		font-style: italic;
		line-height: 1.2em;
	}

.lessons-event-2 {
	flex: 5;
	font-weight: 400
}

.lessons-event-2 h4 {
		font-family: Gudea, Georgia, serif;
		font-size: 1.5em;
		color: #1b1b1b;
		font-weight: 400;
		margin-bottom: 30px;
	}

.lessons-event-2 span {
		font-family: Gudea, Georgia, serif;
		color: #5e5e5e;
		font-size: 1.1em;
		line-height: 1.6em;
		letter-spacing: normal;
	}

.lessons-event-3 {
	flex: 3
}

.lessons-event-3 .start-and-end-time {
		text-align: right
	}

.lessons-event-3 .start-and-end-time h4 {
			font-family: Gudea, Georgia, serif;
			font-size: 1.5em;
			font-weight: 400;
		}

.lessons-event-3 p {
		text-align: right;
		color: #5e5e5e;
		font-size: 1.1em;
	}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 769px) {
	.elementor-widget-wrap.elementor-element-populated > .elementor-element.lessons-item-content {
		margin: 0 auto;
		width: 50%;
		padding: 0 30px;
	}
	.elementor-widget-wrap.elementor-element-populated > .elementor-element.wedding-item-content {
		margin: 0 auto;
		width: 100%;
		padding: 0 30px;
	}

	.calendar-event {
		flex-direction: column;
	}

	.lessons-event {
		margin: 10px 0;
		text-align: center
	}
		.lessons-event p, .lessons-event h4 {
			text-align: center;
		}
}

@media only screen and (max-width: 480px) {
	.elementor-widget-wrap.elementor-element-populated > .elementor-element.lessons-item-content {
		margin: 0 auto;
		width: 100%;
		padding: 0 30px;
	}
	.elementor-widget-wrap.elementor-element-populated > .elementor-element.wedding-item-content {
		margin: 0 auto;
		width: 100%;
		padding: 0 30px;
	}
}

/*# sourceMappingURL=style.css.map */