@charset "utf-8";

@import url("../fonts/rawline/rawline.css");

/* Theme colours. The template originally hard-coded its accent (#e43d4e)
   in 152 places and defined no custom properties at all - these are new. */
:root {
	--color-primary: #ed2024;
	--color-secondary: #f5c518;

	/* Same two colours as raw RGB triplets, so rgba() can take an alpha off
	   them. Keep these in step with the hex values above. */
	--color-primary-rgb: 237, 32, 36;
	--color-secondary-rgb: 245, 197, 24;
}

/* Industry - self-hosted. One family name; the browser picks the face from
   font-weight / font-style. Bold = 700. */
@font-face {
	font-family: "Industry";
	src: url("../fonts/industry_bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Industry";
	src: url("../fonts/industry_bold_italic.woff2") format("woff2");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

/* Black (900) faces - filenames unconfirmed, so left commented out.
@font-face {
	font-family: "Industry";
	src: url("../fonts/industry_black.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Industry";
	src: url("../fonts/industry_black_italic.woff2") format("woff2");
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}
*/

@import url("https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700");

@import url("https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700");
/**
*** Table Of Contents
**/
/*
** Template colors
*

Accent Colors:
1: var(--color-primary)
2: #37c7ef
3: #98c725
4: #56d7fe

Light section (.ls) colors:
Text color in light section: #808080
Background color for light section and font color in dark section: #ffffff
Color for headings in light section and for background in dark section (.ds): #13182a
Background color for light muted section (grey - .ls.ms): #f2f2f2
Background color for dark muted section (.ds.ms): #0a0d1b
Border colors for elements in light section (and .bordered elements): #e1e1e1, rgba(0, 0, 0, 0.1)
Background color for elements in light section (.hero-bg): #f5f5f5

Dark section (.ds) colors: 
Text color in dark section: #a4a9b9
Border colors for elements in dark section: #3f4455
Background color for elements in dark section (.hero-bg): #222739

Color section (.cs) colors: 
Background color for elements in color section: rgba(255, 255, 255, 0.1)
Border color for elements in color section: rgba(255, 255, 255, 0.15)


1. Common tags styles
2. Styled lists
3. Overrides for default Bootstrap components
4. jQuery plugins styles
  - owl
  - flexslider
  - photoswipe
  - piechart
  - timetable
  - totop
  - countdown
5. Bootstrap Addons helpers styles for sections and elements
  - horizontal
  - vertical
  - sections
  - media_items
  - buttons
6. Light background sections (.ls) styles
7. Dark background sections (.ds) styles
8. Color background sections (.cs) styles
9. Bootstrap Addons utility styles
  - layout
  - colors
  - spacing
10. Shortcodes styles
  - icon-box
  - special-heading
  - number-card
  - price_table
  - quote-item
  - items-masonry
11. Widgets styles
  - search_mailchimp
  - nav_cat_arch_meta_pages
  - calendar
  - rss
  - tag_cloud
  - flickr
  - instagram
  - access_press
  - twitter
  - post_slider
  - post_tabs
  - post_2cols
12. Social icons styles
13. WordPress styles
14. Menu styles
15. Header styles
16. Side header styles
17. Intro section styles
18. Common sub-pages styles
19. Template specific sections styles
*/
/*
** General Styles for HTML tags
*/
html {
	height: 100%;
	overflow: visible;
	position: relative;
	width: 100%;
}

::-moz-selection {
	background-color: var(--color-primary);
	color: #fff;
}

::selection {
	background-color: var(--color-primary);
	color: #fff;
}

::-moz-selection {
	background-color: var(--color-primary);
	color: #fff;
}

body {
	background-color: #000;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 30px;
	overflow: visible;
	overflow-x: hidden;
	overflow-y: scroll;
	position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Industry", "Oswald", sans-serif;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	word-break: break-word;
}

h1 {
	font-size: 56px;
	line-height: 1;
	margin-bottom: 0.45em;
	margin-top: 1.15em;
}

h2 {
	font-size: 48px;
	line-height: 1;
	margin-bottom: 0.55em;
	margin-top: 0.9em;
}

h3 {
	font-size: 40px;
	line-height: 1;
	margin-bottom: 0.65em;
	margin-top: 1.2em;
}

h4 {
	font-size: 32px;
	line-height: 1;
	margin-bottom: 0.9em;
	margin-top: 1.5em;
}

h5 {
	font-size: 24px;
	line-height: 1;
	margin-bottom: 1.2em;
	margin-top: 1.9em;
}

h6 {
	font-size: 16px;
	line-height: 1;
	margin-bottom: 1.8em;
	margin-top: 2.8em;
}

@media (max-width: 575px) {
	h1 {
		font-size: 1.8rem;
	}

	h2 {
		font-size: 1.6rem;
	}

	h3 {
		font-size: 1.4rem;
	}

	h4 {
		font-size: 1.3rem;
	}

	h5 {
		font-size: 1.2rem;
	}

	h6 {
		font-size: 1.1rem;
	}
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
	margin-bottom: 0;
}

p {
	margin: 0 0 20px;
}

ul:last-child,
ol:last-child,
p:last-child {
	margin-bottom: 0;
}

p:last-child:after {
	clear: both;
	content: "";
	display: block;
}

img,
figure {
	height: auto;
	max-width: 100%;
}

figcaption {
	font-size: 0.95em;
	line-height: 1.4;
	padding: 10px 0 7px;
}

figcaption p {
	margin-bottom: 0;
}

b,
strong {
	font-weight: 700;
}

label {
	color: #13182a;
}

a {
	color: #13182a;
	text-decoration: none;
	transition: all 0.2s ease-in-out 0s;
}

a:hover {
	color: var(--color-primary);
	text-decoration: none;
	transition: all 0.15s linear 0s;
}

blockquote {
	border: none;
	color: #a4a9b9;
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	line-height: 30px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 45px;
	max-width: 720px;
	padding: 0;
	position: relative;
	text-align: center;
}

blockquote .media {
	margin: 15px 0;
}

blockquote .media img {
	border-radius: 50%;
	max-width: 60px;
}

blockquote h3,
blockquote h4,
blockquote h5,
blockquote .text-small {
	font-style: normal;
	margin-bottom: 8px;
	margin-top: 28px;
	text-transform: none;
}

input:focus,
button:focus,
select:focus,
textarea:focus,
a:focus {
	outline: medium none;
	text-decoration: none;
}

a > img {
	transition: all 0.15s ease-in-out 0s;
}

a:hover > img {
	opacity: 0.8;
}

a.btn:active,
a.button:active,
button:active,
input[type="submit"]:active {
	position: relative;
	top: 1px !important;
}

hr {
	border-color: #e1e1e1;
	margin-bottom: 30px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 30px;
}

iframe {
	border: none;
	max-width: 100%;
}

table {
	margin: 10px 0;
	max-width: 100%;
	width: 100%;
}

table td,
table th {
	line-height: 1.42857143;
	padding: 15px 8px 15px 8px;
	text-align: center;
	vertical-align: middle;
}

table th {
	color: #13182a;
	font-weight: normal;
	vertical-align: middle;
}

canvas {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

pre {
	background-color: rgba(150, 150, 150, 0.05);
	line-height: 1.5;
	padding: 0.5em 1em;
}

.big {
	font-size: 20px;
	line-height: 1.8em;
	margin: 0.85em 0 1.3em;
}

.big em {
	display: inline-block;
	margin: 0.3em 0 0;
}

@media (min-width: 768px) {
	.big em {
		margin: 1em 0 0.5em;
	}
}

.media h3 {
	text-transform: uppercase;
}

.media .dropcap {
	margin-right: 0;
}

.small-text {
	font-family: "Oswald", sans-serif !important;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	font-weight: 400 !important;
	letter-spacing: -0.05em;
	letter-spacing: 0 !important;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}

.post.gallery .owl-carousel .owl-dots {
	bottom: 58px;
	counter-reset: number;
}

.post.gallery .owl-carousel .owl-dots .owl-dot:after {
	color: #fff;
	content: counter(number, decimal-leading-zero);
	counter-increment: number;
	font-family: "Oswald", sans-serif;
	font-size: 16px;
	font-weight: 400;
	transition: -webkit-transform 0.3s ease-in;
	transition: transform 0.3s ease-in;
	transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
	z-index: 1;
}

.post.gallery .owl-carousel .owl-dots .owl-dot {
	display: inline-block;
	margin-right: 12px;
	position: relative;
}

.post.gallery .owl-carousel .owl-dots .owl-dot:hover {
	transition: -webkit-transform 0.3s ease-in;
	transition: transform 0.3s ease-in;
	transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
}

.post.gallery .owl-carousel .owl-dots .owl-dot:hover:after {
	color: var(--color-primary);
	display: inline-block;
	-webkit-transform: translateY(-10px) scale(1.5);
	transform: translateY(-10px) scale(1.5);
}

.post.gallery .owl-carousel .owl-dots .owl-dot:hover:before {
	content: "";
	height: 0;
	transition: height 0.3s ease-in;
}

.post.gallery .owl-carousel .owl-dots .owl-dot.active:after {
	color: var(--color-primary);
	display: inline-block;
	-webkit-transform: translateY(-10px) scale(1.5);
	transform: translateY(-10px) scale(1.5);
}

.post.gallery .owl-carousel .owl-dots .owl-dot.active:before {
	background-color: #fff;
	bottom: -56px;
	content: "";
	display: inline-block;
	height: 46px;
	left: 50%;
	position: absolute;
	transition: height 0.3s ease-in;
	transition: height 0.3s ease-in;
	width: 1px;
}

.post.gallery .owl-carousel .owl-dots .owl-dot span {
	background: none;
	border: none;
}

.program-section .owl-carousel .owl-dots,
.team-section .owl-carousel .owl-dots,
.endorsements-section .owl-carousel .owl-dots {
	display: none;
}

@media (max-width: 1250px) {
	.program-section .owl-carousel .owl-dots,
	.team-section .owl-carousel .owl-dots,
	.endorsements-section .owl-carousel .owl-dots {
		display: block;
	}
}

.program-section .owl-carousel .owl-nav,
.team-section .owl-carousel .owl-nav,
.endorsements-section .owl-carousel .owl-nav {
	top: 44%;
}

@media (max-width: 1250px) {
	.program-section .owl-carousel .owl-nav,
	.team-section .owl-carousel .owl-nav,
	.endorsements-section .owl-carousel .owl-nav {
		display: none;
	}
}

.program-section .owl-carousel .owl-nav .owl-prev,
.team-section .owl-carousel .owl-nav .owl-prev,
.endorsements-section .owl-carousel .owl-nav .owl-prev {
	left: -17%;
	opacity: 1;
}

@media (max-width: 1650px) {
	.program-section .owl-carousel .owl-nav .owl-prev,
	.team-section .owl-carousel .owl-nav .owl-prev,
	.endorsements-section .owl-carousel .owl-nav .owl-prev {
		left: -8%;
	}
}

@media (max-width: 1400px) {
	.program-section .owl-carousel .owl-nav .owl-prev,
	.team-section .owl-carousel .owl-nav .owl-prev,
	.endorsements-section .owl-carousel .owl-nav .owl-prev {
		left: -4%;
	}
}

.program-section .owl-carousel .owl-nav .owl-prev:hover i,
.team-section .owl-carousel .owl-nav .owl-prev:hover i,
.endorsements-section .owl-carousel .owl-nav .owl-prev:hover i {
	color: #fff;
	opacity: 1;
}

.program-section .owl-carousel .owl-nav .owl-prev i,
.team-section .owl-carousel .owl-nav .owl-prev i,
.endorsements-section .owl-carousel .owl-nav .owl-prev i {
	color: #fff;
	font-size: 50px;
	opacity: 0.3;
}

.program-section .owl-carousel .owl-nav .owl-prev i:before,
.team-section .owl-carousel .owl-nav .owl-prev i:before,
.endorsements-section .owl-carousel .owl-nav .owl-prev i:before {
	content: "\f104";
}

.program-section .owl-carousel .owl-nav .owl-prev.disabled,
.team-section .owl-carousel .owl-nav .owl-prev.disabled,
.endorsements-section .owl-carousel .owl-nav .owl-prev.disabled {
	opacity: 1;
}

.program-section .owl-carousel .owl-nav .owl-next,
.team-section .owl-carousel .owl-nav .owl-next,
.endorsements-section .owl-carousel .owl-nav .owl-next {
	opacity: 1;
	right: -17%;
}

@media (max-width: 1650px) {
	.program-section .owl-carousel .owl-nav .owl-next,
	.team-section .owl-carousel .owl-nav .owl-next,
	.endorsements-section .owl-carousel .owl-nav .owl-next {
		right: -8%;
	}
}

@media (max-width: 1400px) {
	.program-section .owl-carousel .owl-nav .owl-next,
	.team-section .owl-carousel .owl-nav .owl-next,
	.endorsements-section .owl-carousel .owl-nav .owl-next {
		right: -4%;
	}
}

.program-section .owl-carousel .owl-nav .owl-next:hover i,
.team-section .owl-carousel .owl-nav .owl-next:hover i,
.endorsements-section .owl-carousel .owl-nav .owl-next:hover i {
	color: #fff;
	opacity: 1;
}

.program-section .owl-carousel .owl-nav .owl-next i,
.team-section .owl-carousel .owl-nav .owl-next i,
.endorsements-section .owl-carousel .owl-nav .owl-next i {
	color: #fff;
	font-size: 50px;
	opacity: 0.3;
}

.program-section .owl-carousel .owl-nav .owl-next i:before,
.team-section .owl-carousel .owl-nav .owl-next i:before,
.endorsements-section .owl-carousel .owl-nav .owl-next i:before {
	content: "\f105";
}

.program-section .owl-carousel .owl-nav .owl-next.disabled,
.team-section .owl-carousel .owl-nav .owl-next.disabled,
.endorsements-section .owl-carousel .owl-nav .owl-next.disabled {
	opacity: 1;
}

.program-section .owl-carousel .owl-nav .owl-next.disabled i,
.team-section .owl-carousel .owl-nav .owl-next.disabled i,
.endorsements-section .owl-carousel .owl-nav .owl-next.disabled i {
	color: #a4a9b9;
}

ul,
ol {
	padding-left: 0;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

.list-bordered {
	list-style: none;
	overflow: hidden;
	padding: 0;
}

.list-bordered li {
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	padding-bottom: 15px;
	padding-top: 14px;
}

.list-bordered li + li {
	border-top: none;
}

.list-bordered.no-top-border > li:first-child {
	border-top: none;
}

.list-bordered.no-bottom-border > li:last-child {
	border-bottom: none;
}

ul.list-bordered {
	color: #fff;
}

.list-styled ul,
ul.list-styled {
	color: #fff;
	list-style: none;
	padding: 0;
}

.list-styled ul li,
ul.list-styled li {
	font-size: 16px;
	font-weight: 300;
	line-height: 30px;
	padding: 4px 0 4px 25px;
	position: relative;
}

.list-styled ul li:before,
ul.list-styled li:before {
	color: var(--color-primary);
	content: "\f111";
	font-family: "FontAwesome";
	font-size: 7px;
	left: 3px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

ol.list-num {
	counter-reset: li;
	list-style: none outside none;
	margin-bottom: 0;
	padding: 0;
}

ol.list-num li {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 30px;
	padding: 4px 0 4px 25px;
	position: relative;
}

ol.list-num li:after {
	color: var(--color-primary);
	content: counter(li) ".";
	counter-increment: li;
	font-weight: bold;
	left: 2px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*
** Bootstrap Overrides
*/
/* bootstrap breadcrumbs*/
.breadcrumb {
	background-color: transparent;
	border-radius: 0;
	color: inherit;
	font-family: "Oswald", sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.1em;
	line-height: 32px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.breadcrumb > li {
	display: inline-block;
	float: none;
	padding: 0;
}

.breadcrumb > li a:not(.btn) {
	color: #a4a9b9;
}

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

@media (min-width: 992px) {
	.text-lg-right .breadcrumb {
		justify-content: flex-end;
	}
}

.breadcrumb > .active {
	color: inherit;
	color: var(--color-primary);
	opacity: 0.9;
}

.breadcrumb-item + .breadcrumb-item::before {
	color: inherit;
	padding: 0 12px;
}

/* forms */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select,
.form-control {
	background-color: transparent;
	border: none;
	color: #0a0d1b;
	font-size: 16px;
	height: 60px;
	padding-bottom: 9px;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 9px;
	width: 100%;
}

select {
	height: 60px !important;
}

input[disabled] {
	cursor: not-allowed;
	opacity: .4;
}

input[type="submit"],
button {
	cursor: pointer;
}

input[type="submit"],
button {
	border-radius: 0;
	font-family: "Oswald", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1;
	padding: 22px 39px;
	text-align: center;
	text-transform: uppercase;
}

input[type="submit"]:hover,
button:hover {
	color: rgba(228, 61, 78, 0.8);
}

.ds input[type="submit"]:not([class]),
.cs input[type="submit"]:not([class]),
.ds
button:not([class]),
.cs
button:not([class]) {
	border-color: #fff;
	color: #fff;
}

textarea,
textarea.form-control {
	height: auto;
	padding-top: 20px;
}

.form-group {
	position: relative;
}

[class*='col-'] > .form-group {
	margin-bottom: 0;
}

[class*='col-'] > .form-group + .form-group {
	margin-top: 10px;
}

.has-placeholder label {
	display: none;
}

/* select styling */
select[multiple] {
	height: auto;
}

select option,
.form-control option {
	background-color: #fff;
	color: #13182a;
}

.form-control-unstyled {
	background-color: transparent;
	border: none;
}

.form-control,
.form-control:focus {
	box-shadow: none;
}

.form-control.invalid {
	box-shadow: 0 0 0 2px var(--color-primary);
}

.form-control:focus {
	background-color: transparent;
	border-color: #bbb;
}

.form-control:-moz-placeholder {
	color: #808080;
	opacity: 1;
}

.form-control::-moz-placeholder {
	color: #808080;
	font-style: italic;
	opacity: 1;
}

.form-control:-ms-input-placeholder {
	color: #808080;
	font-style: italic;
}

.form-control::-webkit-input-placeholder {
	color: #808080;
	font-style: italic;
}

.form-control:focus:-moz-placeholder {
	color: transparent;
}

.form-control:focus::-moz-placeholder {
	color: transparent;
}

.form-control:focus:-ms-input-placeholder {
	color: transparent;
}

.form-control:focus::-webkit-input-placeholder {
	color: transparent;
}

/*icons for forms */
form label + [class*="fa-"] {
	font-size: 16px;
	left: 28px;
	position: absolute;
	text-align: center;
	top: 60px;
	width: 1em;
}

form .has-placeholder label + [class*="fa-"] {
	top: 22px;
}

form label + [class*="fa-"] + .form-control {
	padding-left: 60px;
}

label {
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -0.05em;
	letter-spacing: 0.05em;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}

.checkbox label,
.radio label {
	font-weight: inherit;
}

.checkbox label[for],
.radio label[for] {
	font-weight: inherit;
}

.checkbox label[for] + input[type=checkbox],
.checkbox label[for] + input[type=radio],
.radio label[for] + input[type=checkbox],
.radio label[for] + input[type=radio] {
	left: 20px;
}

input[type=checkbox],
input[type=radio] {
	margin-right: 8px;
}

.form-wrapper.hero-bg,
.form-wrapper.muted-bg,
.form-wrapper.cs,
.form-wrapper.ds,
.form-wrapper.ls {
	padding: 35px;
}

.has-error .form-control {
	border-color: var(--color-primary);
}

.has-error label,
.has-error .help-block {
	color: var(--color-primary);
}

/*styled checkbox */
.checkbox input[type="checkbox"] {
	display: none;
}

.checkbox label + input[type="checkbox"],
.checkbox label > input[type="checkbox"] {
	display: inline-block;
}

input[type="checkbox"] + label {
	padding-left: 0;
}

input[type="checkbox"] + label > a {
	color: #13182a;
}

input[type="checkbox"] + label:before {
	border: 1px solid #e1e1e1;
	content: "";
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 15px;
	height: 16px;
	line-height: 14px;
	margin: 1px 10px 4px 0;
	padding-right: 0.1em;
	text-align: center;
	vertical-align: middle;
	width: 16px;
}

input[type="checkbox"]:checked + label:before {
	color: #13182a;
	content: "\f00c";
}

input[type="checkbox"]:disabled + label:before {
	background-color: #e1e1e1;
}

/*styled radio*/
.radio input[type="radio"] {
	display: none;
}

.radio label + input[type="radio"],
.radio label > input[type="radio"] {
	display: inline-block;
}

input[type="radio"] + label {
	padding-left: 0;
}

input[type="radio"] + label > a {
	color: #999;
}

input[type="radio"] + label:before {
	border: 2px solid #e1e1e1;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 16px;
	margin-bottom: 2px;
	margin-right: 10px;
	vertical-align: middle;
	width: 16px;
}

input[type="radio"]:checked + label:before {
	background-clip: content-box;
	background-color: var(--color-primary);
	padding: 3px;
}

input[type="radio"]:disabled + label:before {
	background-color: #e1e1e1;
}

.contact-form.form-inverse input[type="text"],
.contact-form.form-inverse input[type="email"],
.contact-form.form-inverse input[type="url"],
.contact-form.form-inverse input[type="password"],
.contact-form.form-inverse input[type="search"],
.contact-form.form-inverse input[type="tel"],
.contact-form.form-inverse input[type="number"],
.contact-form.form-inverse textarea,
.contact-form.form-inverse select {
	background-color: #13182a;
}

/* carousel */
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
	display: block;
}

.carousel-indicators li {
	border-radius: 50%;
	height: 10px;
	max-width: 10px;
}

/* bootstrap tabs*/
.nav-tabs {
	border-bottom: none;
}

@media (max-width: 450px) {
	.nav-tabs {
		display: flex;
		flex-direction: column;
	}
}

.nav-tabs .nav-link {
	border: 2px solid #e1e1e1;
	border-radius: 0;
	color: #a4a9b9 !important;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.1px;
	margin-right: 4px;
}

.nav-tabs .nav-link:hover {
	color: #fff !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	background: var(--color-primary);
	border-color: var(--color-primary) !important;
	color: #fff !important;
}

.nav-link {
	color: #13182a;
	font-family: "Oswald", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1;
	min-width: 170px;
	padding: 22px 28px 22px;
	text-align: center;
	text-transform: uppercase;
}

@media (max-width: 768px) {
	.nav-link {
		min-width: 100px;
	}
}

@media (max-width: 450px) {
	.nav-link {
		display: block;
		min-width: auto;
		width: 100%;
	}
}

.small-tabs .nav-link {
	color: #a4a9b9 !important;
	min-width: 80px;
	padding: 12px 20px;
}

.tab-content {
	background-color: #0a0d1b;
	padding: 57px 60px;
}

@media (max-width: 450px) {
	.tab-content {
		padding: 30px;
	}
}

.tab-pane .media img {
	max-width: 40%;
}

.tab-pane .media img:first-child {
	margin-right: 10px;
}

.tab-pane .media h3,
.tab-pane .media h4,
.tab-pane .media h5 {
	font-weight: 900;
}

/* bootstrap collapse*/
[data-toggle="collapse"] {
	display: inline-block;
	font-size: 14px;
	margin-bottom: 20px;
	padding-right: 20px;
	position: relative;
}

[data-toggle="collapse"]:after {
	content: "\f078";
	font-family: "FontAwesome";
	font-size: 10px;
	margin-top: -7px;
	position: absolute;
	right: 0;
	top: 50%;
}

[data-toggle="collapse"].collapsed:after {
	content: "\f054";
}

[role="tablist"] .card {
	background: none;
	border: none;
	border-radius: 0;
	margin-bottom: 13px;
}

[role="tablist"] .card-header {
	background: none;
	border: none;
	padding: 0;
}

[role="tablist"] .card-header:hover {
	background-color: var(--color-primary);
}

[role="tablist"] .card-header a {
	background-color: var(--color-primary);
	border: none;
	border-radius: 0;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.3;
	margin: -2px;
	padding: 22px 50px 21px 40px;
	text-transform: uppercase;
	word-wrap: break-word;
}

[role="tablist"] .card-header a i {
	color: #fff;
	margin-right: 20px;
}

@media (max-width: 768px) {
	[role="tablist"] .card-header a i {
		display: none;
	}
}

[role="tablist"] .card-header a:before,
[role="tablist"] .card-header a:after {
	background-color: transparent;
	bottom: 0;
	color: #fff;
	content: "";
	font-family: inherit;
	font-size: 15px;
	font-weight: 100;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	transition: opacity 0.3s ease-in-out;
	width: 60px;
}

[role="tablist"] .card-header a:after {
	background: none;
	bottom: auto;
	color: #fff;
	content: "-";
	height: 30px;
	line-height: 30px;
	margin-top: -18px;
	top: 50%;
	vertical-align: top;
}

[role="tablist"] .card-header a:not(.btn):hover {
	color: #fff;
}

[role="tablist"] .card-header a:not(.btn):hover:before,
[role="tablist"] .card-header a:not(.btn):hover:after {
	color: #fff;
}

[role="tablist"] .card-header a:not(.btn):hover i {
	color: #fff;
}

[role="tablist"] .card-header a.collapsed {
	background-color: #222739;
	color: #a4a9b9;
}

[role="tablist"] .card-header a.collapsed i {
	color: var(--color-primary);
}

@media (max-width: 768px) {
	[role="tablist"] .card-header a.collapsed i {
		display: none;
	}
}

[role="tablist"] .card-header a.collapsed:after {
	color: var(--color-primary);
	content: "+";
	margin-top: -15px;
}

[role="tablist"] .card-header a.collapsed:hover {
	background-color: var(--color-primary);
	color: #fff;
}

[role="tablist"] .card-header a.collapsed:hover i {
	color: #fff;
}

[role="tablist"] .card-header a.collapsed:hover:after {
	color: #fff;
}

[role="tablist"] [role="tab"] a {
	display: block;
}

[role="tablist"] .card-body {
	background-color: #0a0d1b;
	padding: 32px;
}

[role="tablist"] .media img {
	max-width: 80px;
}

#accordion02 .card-body {
	margin-bottom: 30px;
}

.ds.ms [role="tablist"] .card-header a.collapsed {
	background-color: #13182a;
}

.ds.ms [role="tablist"] .card-header a.collapsed:hover {
	background-color: var(--color-primary);
}

/* bootstrap dropdown menu */
.dropdown-menu {
	background-color: #fff;
	border: none;
	border-radius: 0;
	border-top: 3px solid var(--color-primary);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	font-size: inherit;
	line-height: 1.5;
	margin-top: 0;
	padding: 40px;
	z-index: 1001;
}

.dropdown-menu > a {
	display: block;
	white-space: nowrap;
}

.dropdown-menu > a > img {
	max-width: none;
}

.dropdown-menu > a + a {
	margin-top: 1.5em;
}

.dropdown .dropdown-menu label,
.dropdown .dropdown-menu h3,
.dropdown .dropdown-menu h4 {
	color: #13182a;
}

.dropdown.show .dropdown-menu input {
	border: 1px solid #e1e1e1;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
	background-color: transparent;
	color: #13182a;
}

.dropdwon-menu-title {
	padding: 10px 30px;
}

@media (min-width: 1300px) {
	.container {
		max-width: 1200px;
	}
}

/* modal */
.modal-open {
	padding-right: 0 !important;
}

.modal-backdrop.show {
	background-color: #4d4d4d;
	opacity: 0.9;
}

.modal-content {
	border-radius: 1px;
}

.modal-content [class*="col-"]:last-child {
	margin-bottom: 0;
}

/* bootstrap buttons */
.btn {
	border-radius: 0;
	font-family: "Oswald", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1;
	min-width: 170px;
	padding: 22px 39px;
	text-align: center;
	text-transform: uppercase;
}

.btn.round,
.btn.rounded {
	line-height: 1;
	padding: 23px;
}

/* media elements */
.media > img {
	display: block;
}

.media-body h3,
.media-body h4 {
	line-height: 1;
	margin-bottom: 0.2em;
	margin-top: 0.3em;
}

* + .media-body,
.media-body + * {
	margin-left: 20px;
}

* + .media-body h5,
.media-body + * h5 {
	margin-bottom: 7px;
}

* + .media-body .small-text,
.media-body + * .small-text {
	margin-bottom: 5px;
}

td .media-body {
	width: auto;
}

.embed-responsive-3by2 {
	background-color: #000;
	height: 0;
	padding-bottom: 66.666%;
}

.embed-placeholder:after {
	border: 2px solid #fff;
	border-radius: 50%;
	color: var(--color-primary);
	content: "\f04b";
	font-family: "FontAwesome";
	font-size: 14px;
	height: 60px;
	left: 50%;
	line-height: 56px;
	margin-left: -30px;
	margin-top: -30px;
	position: absolute;
	text-align: center;
	top: 50%;
	transition: all 0.3s ease-in-out;
	width: 60px;
}

.embed-placeholder:hover:after {
	opacity: 0.4;
}

.alert {
	border-radius: 0;
	border-width: 0 0 0 4px;
	margin-bottom: 40px;
	padding: 30px;
}

.mark,
mark {
	background-color: #0a0d1b;
	color: #fff;
}

button.close {
	min-width: 0;
}

/* small in headings */
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
	color: inherit;
	font-weight: 300;
}

/* labels */
.label-success {
	background-color: #4db19e;
	color: #fff;
}

.label-info {
	background-color: #007ebd;
	color: #fff;
}

.label-warning {
	background-color: #eeb269;
	color: #fff;
}

.label-danger {
	background-color: #dc5753;
	color: #fff;
}

/*
progressbar*/
.progress {
	border-radius: 1px;
	height: 4px;
	margin-bottom: 20px;
	overflow: visible;
	position: relative;
}

.progress span {
	font-family: "Oswald", sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	position: absolute;
	right: 0;
	top: -28px;
}

.progress + .progress {
	margin-top: 10px;
}

.progress [data-transitiongoal] {
	width: 0;
}

.progress .progress-bar {
	transition: width 0.5s ease 0.2s;
}

.progress-title {
	font-family: "Oswald", sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	margin-bottom: 8px;
	text-transform: uppercase;
}

/*
**plugins
*/
/* Owl carousel v 2.1.6 styles */
/* Owl Carousel - Core */
.owl-carousel {
	display: none;
	position: relative;
	-webkit-tap-color-main-color: transparent;
	touch-action: manipulation;
	width: 100%;
	z-index: 1;
}

.owl-carousel .owl-stage {
	display: flex;
	position: relative;
	-ms-touch-action: pan-Y;
}

.owl-carousel.owl-shadow-items .owl-stage {
	padding-bottom: 11px;
	padding-top: 11px;
}

.owl-carousel .owl-stage:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.owl-carousel .owl-stage-outer {
	margin-left: -10px;
	margin-right: -10px;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	/* fix for flashing background */
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	float: left;
	min-height: 1px;
	position: relative;
	-webkit-tap-color-main-color: transparent;
	-webkit-touch-callout: none;
}

.owl-carousel .owl-item .box-shadow {
	height: 100%;
}

.owl-carousel .owl-item img {
	-webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
	display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
	cursor: pointer;
	cursor: hand;
	transition: all 0.3s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-loaded {
	display: block;
}

.owl-carousel.owl-loading {
	display: block;
	opacity: 0;
}

.owl-carousel.owl-hidden {
	opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
	display: none;
}

.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}

.owl-carousel.owl-rtl {
	direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
	float: right;
}

.owl-carousel .owl-dots {
	line-height: 1;
	-webkit-tap-color-main-color: transparent;
	text-align: center;
}

.owl-carousel .owl-dots .owl-dot {
	*display: inline;
	display: inline-block;
	zoom: 1;
}

.owl-carousel .owl-dots .owl-dot span {
	-webkit-backface-visibility: visible;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	display: block;
	height: 8px;
	margin: 5px 12px;
	opacity: 0.5;
	transition: all 200ms ease;
	width: 8px;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
	border-color: #fff;
	opacity: 1;
}

.owl-carousel .owl-nav {
	transition: all 0.3s ease;
}

.owl-carousel .owl-nav > div {
	display: inline-block;
	opacity: 0.5;
	right: 10px;
	text-transform: uppercase;
}

.owl-carousel .owl-nav > div.disabled {
	cursor: default;
	opacity: 0.2;
}

.owl-carousel .owl-nav > div.disabled:hover {
	cursor: default;
	opacity: 0.2;
}

.owl-carousel .owl-nav > div:hover {
	opacity: 0.3;
}

@media (min-width: 768px) {
	.owl-carousel .owl-nav > div i {
		font-size: 54px;
	}
}

.owl-carousel .owl-nav > div:first-child {
	left: 10px;
	right: auto;
}

/* No Js */
.no-js .owl-carousel {
	display: block;
}

/* Owl Carousel - Animate Plugin */
.owl-carousel .animated {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
	z-index: 0;
}

.owl-carousel .owl-animated-out {
	z-index: 1;
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

/* Owl Carousel - Auto Height Plugin */
.owl-height {
	transition: height 500ms ease-in-out;
}

/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

/* Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper {
	background: #000;
	height: 100%;
	position: relative;
}

.owl-carousel .owl-video-play-icon {
	-webkit-backface-visibility: hidden;
	background: url("../img/owl.video.play.png") no-repeat;
	cursor: pointer;
	height: 80px;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
	position: absolute;
	top: 50%;
	transition: -webkit-transform 100ms ease;
	transition: transform 100ms ease;
	transition: transform 100ms ease, -webkit-transform 100ms ease;
	width: 80px;
	z-index: 1;
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none;
}

.owl-carousel .owl-video-tn {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
	opacity: 0;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}

/*
THEMES
Owl Default Theme
*/
.owl-theme:hover .owl-nav {
	opacity: 1;
}

.owl-theme .owl-nav {
	left: 0;
	opacity: 1;
	position: absolute;
	right: 0;
	-webkit-tap-color-main-color: transparent;
	text-align: center;
	top: 50%;
}

.owl-theme .owl-nav > div {
	position: absolute;
	right: 10px;
	text-align: center;
}

.owl-theme .owl-nav .disabled {
	cursor: default;
	opacity: 0.5;
}

.owl-theme .owl-dots {
	margin-top: 40px;
}

.item-media .owl-theme .owl-dots {
	bottom: 20px;
	left: 0;
	margin: 0;
	position: absolute;
	right: 0;
}

/* .owl-center theme */
.owl-center .owl-nav {
	bottom: 0;
	margin-top: 0;
	opacity: 1;
	position: static;
	top: 0;
}

.owl-center .owl-nav > div {
	background-color: rgba(19, 24, 42, 0.6);
	bottom: 0;
	height: auto;
	margin: 0;
	right: -15px;
	top: 0;
	width: 50px;
}

.owl-center .owl-nav > div:first-child {
	left: -15px;
	right: auto;
}

.owl-center .owl-nav > div:first-child:after {
	left: 13px;
}

.owl-center .owl-nav > div:after {
	color: #fff;
	font-size: 20px;
	left: 17px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
}

/*theme with nav at the top right corner*/
.top-right-nav .owl-nav {
	position: absolute;
	right: -1em;
	top: -55px;
}

.top-right-nav .owl-nav > div {
	background: transparent;
	min-width: 2em;
}

.top-right-nav .owl-nav > div:first-child {
	left: auto;
	right: 3em;
}

.top-right-nav .owl-nav > div i {
	font-size: 1em;
}

/*theme with text nav*/
.owl-text-nav .owl-nav {
	display: none;
	-webkit-tap-color-main-color: transparent;
	text-align: center;
}

@media (min-width: 1560px) {
	.owl-text-nav .owl-nav {
		display: block;
		left: -13vw;
		position: absolute;
		right: -13vw;
		top: 50%;
	}
}

@media (min-width: 1800px) {
	.owl-text-nav .owl-nav {
		left: -15vw;
		right: -15vw;
	}
}

.owl-text-nav .owl-nav > div {
	margin-top: -30px;
	position: absolute;
	right: 10px;
	text-align: center;
}

.owl-text-nav .owl-nav > div > span {
	display: block;
	font-weight: 900;
	line-height: 1;
}

@media (min-width: 1560px) {
	.owl-text-nav .owl-nav > div > span {
		font-size: 38px;
		line-height: 1;
		max-width: 5em;
	}
}

.small-gallery-carousel a {
	display: block;
	overflow: hidden;
}

.small-gallery-carousel a img {
	opacity: 0.4;
	transition: all 0.3s ease-in-out;
}

.small-gallery-carousel a:hover img {
	opacity: 0.2;
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}

.small-gallery-carousel .owl-nav > div {
	opacity: 1;
}

@media (min-width: 768px) {
	.small-gallery-carousel .owl-nav > div {
		margin-top: -8px;
		right: 100px;
	}

	.small-gallery-carousel .owl-nav > div:first-child {
		left: 100px;
	}
}

.small-gallery-carousel .owl-nav > div i {
	font-size: 20px;
}

/* owl images fix */
.owl-carousel .owl-item {
	opacity: 0;
	transition: opacity 0.2s ease 0.1s;
}

.owl-carousel .owl-item.active {
	opacity: 1;
}

.owl-center .owl-item {
	opacity: 1;
}

/*
** Flexslider
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* FlexSlider Necessary Styles */
.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	-webkit-backface-visibility: hidden;
	display: none;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	display: block;
	width: 100%;
}

@media (max-width: 768px) {
	.flexslider .slides img {
		height: 300px;
		-o-object-fit: cover;
		object-fit: cover;
	}
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	clear: both;
	content: "\0020";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}

/* FlexSlider Default Theme */
.flexslider {
	margin: 0 0;
	position: relative;
	zoom: 1;
}

.flex-viewport {
	max-height: 2000px;
	transition: all 1s ease;
}

.loading .flex-viewport {
	max-height: 300px;
}

.flexslider .slides {
	zoom: 1;
}

/* Direction Nav */
.flex-direction-nav {
	*height: 0;
}

.flex-direction-nav a {
	color: transparent;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 40px;
	margin: -20px 0 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	text-align: center;
	text-decoration: none;
	top: 50%;
	width: 40px;
	z-index: 10;
}

.flex-direction-nav .flex-prev {
	left: 40px;
}

.flex-direction-nav .flex-next {
	right: 40px;
	text-align: right;
}

.flexslider:hover .flex-prev {
	opacity: 0.7;
}

.flexslider:hover .flex-next {
	opacity: 0.7;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .flex-disabled {
	cursor: default;
	filter: alpha(opacity=0);
	opacity: 0;
}

.flex-direction-nav a:before {
	color: #fff;
	content: "\f104";
	font-family: "FontAwesome";
	font-size: 20px;
	left: 12px;
	position: absolute;
	top: 5px;
}

.flex-direction-nav a.flex-next:before {
	content: "\f105";
	left: 14px;
}

/* Pause/Play */
.flex-pauseplay a {
	bottom: 5px;
	color: #000;
	cursor: pointer;
	display: block;
	height: 20px;
	left: 10px;
	opacity: 0.8;
	overflow: hidden;
	position: absolute;
	width: 20px;
	z-index: 10;
}

.flex-pauseplay a:before {
	content: "\f01d";
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 20px;
}

.flex-pauseplay a:hover {
	opacity: 1;
}

.flex-pauseplay a.flex-play:before {
	content: "\f01d";
}

/* Control Nav */
.flex-control-nav {
	bottom: 20px;
	color: transparent;
	font-size: 0;
	line-height: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 10;
}

.flex-control-nav li {
	*display: inline;
	display: inline-block;
	padding: 0 14px;
	text-align: center;
	zoom: 1;
}

.flex-control-paging li a {
	border: 1px solid #fff;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	height: 8px;
	opacity: 0.5;
	width: 8px;
}

.ds .flex-control-paging li a,
.cs .flex-control-paging li a {
	border-color: #fff;
}

.flex-control-paging li a:hover {
	background-color: #fff;
	border-color: #fff;
	opacity: 1;
}

.flex-control-paging li a.flex-active {
	background-color: #fff;
	border-color: #fff;
	opacity: 1;
}

.flex-control-thumbs {
	margin: 1px -1px;
	overflow: hidden;
	position: static;
}

.flex-control-thumbs li {
	float: left;
	margin: 0 0 1px;
	padding: 0 0 0 1px;
	width: 25%;
}

.flex-control-thumbs img {
	cursor: pointer;
	display: block;
	opacity: .7;
	width: 100%;
}

.flex-control-thumbs img:hover {
	opacity: 1;
}

.flex-control-thumbs .flex-active {
	cursor: default;
	opacity: 1;
}

/* custom nav for flex slider*/
.flex-custom-nav {
	bottom: 38px;
	left: 0;
	line-height: 1;
	position: absolute;
	right: 0;
	text-align: center;
	transition: all 0.3s ease-in-out;
	z-index: 3;
}

.flex-custom-nav .flex-control-nav {
	display: inline-block;
	position: static;
	width: auto;
}

.flex-custom-nav .flex-custom-link {
	bottom: 7px;
	color: #13182a;
	font-size: 12px;
	margin: 0 8px;
	position: relative;
}

.ds .flex-custom-nav .flex-custom-link,
.cs .flex-custom-nav .flex-custom-link {
	color: #fff;
}

.flex-custom-nav .flex-custom-link:hover {
	color: var(--color-primary);
}

.page_slider:hover .flex-custom-nav {
	opacity: 1;
}

/*
**photoswipe
* http://photoswipe.com/
*
*/
/* pswp = photoswipe */
.pswp {
	/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
	-webkit-backface-visibility: hidden;
	display: none;
	height: 100%;
	left: 0;
	outline: none;
	overflow: hidden;
	position: absolute;
	-webkit-text-size-adjust: 100%;
	top: 0;
	touch-action: none;
	width: 100%;
	z-index: 1500;
}

.pswp * {
	box-sizing: border-box;
}

.pswp img {
	max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
	/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
	opacity: 0.001;
	/* for open/close transition */
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	will-change: opacity;
}

.pswp--open {
	display: block;
}

.pswp--zoom-allowed .pswp__img {
	/* autoprefixer: off */
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
	/* autoprefixer: off */
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.pswp--dragging .pswp__img {
	/* autoprefixer: off */
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
	-webkit-backface-visibility: hidden;
	background: #000;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	width: 100%;
	will-change: opacity;
}

.pswp__scroll-wrap {
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}

.pswp__container,
.pswp__zoom-wrap {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	touch-action: none;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pswp__zoom-wrap {
	position: absolute;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	/* for open/close transition */
	transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
	width: 100%;
}

.pswp__bg {
	/* for open/close transition */
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	will-change: opacity;
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
	transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
	-webkit-backface-visibility: hidden;
}

.pswp__item {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}

.pswp__img {
	height: auto;
	left: 0;
	position: absolute;
	top: 0;
	width: auto;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
	-webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
	background: #222;
}

.pswp--ie .pswp__img {
	height: auto !important;
	left: 0;
	top: 0;
	width: 100% !important;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
	color: #ccc;
	font-size: 14px;
	left: 0;
	line-height: 16px;
	margin-top: -8px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
}

.pswp__error-msg a {
	color: #ccc;
	text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
	-webkit-appearance: none;
	background: none;
	border: 0;
	box-shadow: none;
	cursor: pointer;
	display: block;
	float: right;
	height: 44px;
	margin: 0;
	opacity: 0.75;
	overflow: visible;
	padding: 0;
	position: relative;
	transition: opacity 0.2s;
	width: 44px;
}

.pswp__button:focus,
.pswp__button:hover {
	opacity: 1;
}

.pswp__button:active {
	opacity: 0.9;
	outline: none;
}

.pswp__button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
	opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	background: url(../img/photoswipe/default-skin.png) 0 0 no-repeat;
	background-size: 264px 88px;
	height: 44px;
	width: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
	/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
	.pswp--svg .pswp__button,
	.pswp--svg .pswp__button--arrow--left:before,
	.pswp--svg .pswp__button--arrow--right:before {
		background-image: url(../img/photoswipe/default-skin.svg);
	}

	.pswp--svg .pswp__button--arrow--left,
	.pswp--svg .pswp__button--arrow--right {
		background: none;
	}
}

.pswp__button--close {
	background-position: 0 -44px;
}

.pswp__button--share {
	background-position: -44px -44px;
}

.pswp__button--fs {
	display: none;
}

.pswp--supports-fs .pswp__button--fs {
	display: block;
}

.pswp--fs .pswp__button--fs {
	background-position: -44px 0;
}

.pswp__button--zoom {
	background-position: -88px 0;
	display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
	display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
	background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
	visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
	background: none;
	height: 100px;
	margin-top: -50px;
	position: absolute;
	top: 50%;
	width: 70px;
}

.pswp__button--arrow--left {
	left: 0;
}

.pswp__button--arrow--right {
	right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	background-color: rgba(0, 0, 0, 0.3);
	content: "";
	height: 30px;
	position: absolute;
	top: 35px;
	width: 32px;
}

.pswp__button--arrow--left:before {
	background-position: -138px -44px;
	left: 6px;
}

.pswp__button--arrow--right:before {
	background-position: -94px -44px;
	right: 6px;
}

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pswp__share-modal {
	-webkit-backface-visibility: hidden;
	background: rgba(0, 0, 0, 0.5);
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	padding: 10px;
	position: absolute;
	top: 0;
	transition: opacity 0.25s ease-out;
	width: 100%;
	will-change: opacity;
	z-index: 1600;
}

.pswp__share-modal--hidden {
	display: none;
}

.pswp__share-tooltip {
	-webkit-backface-visibility: hidden;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	display: block;
	position: absolute;
	right: 44px;
	top: 56px;
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
	transition: -webkit-transform 0.25s;
	transition: transform 0.25s;
	transition: transform 0.25s, -webkit-transform 0.25s;
	width: auto;
	will-change: transform;
	z-index: 1620;
}

.pswp__share-tooltip a {
	color: #000;
	display: block;
	font-size: 14px;
	line-height: 18px;
	padding: 8px 12px;
	text-decoration: none;
}

.pswp__share-tooltip a:hover {
	color: #000;
	text-decoration: none;
}

.pswp__share-tooltip a:first-child {
	/* round corners on the first/last list item */
	border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
	border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
	opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
	padding: 16px 12px;
}

a.pswp__share--facebook:before {
	border: 6px solid rgba(0, 0, 0, 0);
	border-bottom-color: #fff;
	content: "";
	display: block;
	height: 0;
	-moz-pointer-events: none;
	pointer-events: none;
	-webkit-pointer-events: none;
	position: absolute;
	right: 15px;
	top: -12px;
	width: 0;
}

a.pswp__share--facebook:hover {
	background: #3e5c9a;
	color: #fff;
}

a.pswp__share--facebook:hover:before {
	border-bottom-color: #3e5c9a;
}

a.pswp__share--twitter:hover {
	background: #55acee;
	color: #fff;
}

a.pswp__share--pinterest:hover {
	background: #ccc;
	color: #ce272d;
}

a.pswp__share--download:hover {
	background: #ddd;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
	color: #fff;
	font-size: 13px;
	height: 44px;
	left: 0;
	line-height: 44px;
	opacity: 0.75;
	padding: 0 10px;
	position: absolute;
	top: 0;
}

/*
	
	4. Caption

 */
.pswp__caption {
	bottom: 0;
	left: 0;
	min-height: 44px;
	position: absolute;
	width: 100%;
}

.pswp__caption small {
	color: #bbb;
	font-size: 11px;
}

.pswp__caption__center {
	color: #ccc;
	font-size: 13px;
	line-height: 20px;
	margin: 0 auto;
	max-width: 420px;
	padding: 10px;
	text-align: left;
}

.pswp__caption--empty {
	display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
	visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
	direction: ltr;
	height: 44px;
	left: 50%;
	margin-left: -22px;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity 0.25s ease-out;
	width: 44px;
	will-change: opacity;
}

.pswp__preloader__icn {
	height: 20px;
	margin: 12px;
	width: 20px;
}

.pswp__preloader--active {
	opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
	/* We use .gif in browsers that don't support CSS animation */
	background: url(../img/photoswipe/preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
	opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
	-webkit-animation: clockwise 500ms linear infinite;
	animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
	-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
	animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
	background: none;
	height: 14px;
	left: 15px;
	margin: 0;
	opacity: 0.75;
	position: absolute;
	top: 15px;
	width: 14px;
}

.pswp--css_animation .pswp__preloader__cut {
	height: 14px;
	overflow: hidden;
	/*
      The idea of animating inner circle is based on Polymer ("material") loading indicator
       by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
    */
	position: relative;
	width: 7px;
}

.pswp--css_animation .pswp__preloader__donut {
	background: none;
	border: 2px solid #fff;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: 50%;
	box-sizing: border-box;
	height: 14px;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	width: 14px;
}

@media screen and (max-width: 1024px) {
	.pswp__preloader {
		float: right;
		left: auto;
		margin: 0;
		position: relative;
		top: auto;
	}
}

@-webkit-keyframes clockwise {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes clockwise {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg);
	}

	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

@keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg);
	}

	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
	-webkit-font-smoothing: auto;
	opacity: 1;
	visibility: visible;
	z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
	height: 44px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
	-webkit-backface-visibility: hidden;
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	will-change: opacity;
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
	visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
	background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
	background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
	opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
	opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
	/* Force paint & create composition layer for controls. */
	opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
	display: none;
}

.pswp__element--disabled {
	display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
	background: none;
}

.pswp__zoom-wrap .embed-responsive {
	margin: auto;
	max-width: 90%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (min-width: 1200px) {
	.pswp__zoom-wrap .embed-responsive {
		max-width: 50%;
	}
}

/*
** Easy pieChart
*/
.chart {
	display: inline-block;
	margin-bottom: 10px;
	min-height: 150px;
	min-width: 150px;
	position: relative;
	text-align: center;
}

.chart .chart-meta {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}

.chart .chart-meta h4 {
	color: #a4a9b9;
	font-size: 20px;
	font-weight: 300;
	margin-top: 5px;
	text-transform: none;
}

.percent {
	display: inline-block;
	font-family: "Oswald", sans-serif;
	font-size: 56px;
	font-weight: 400;
	letter-spacing: 0.05em;
	text-indent: 0.05em;
	z-index: 2;
}

.percent:after {
	content: "%";
}

.angular {
	margin-top: 100px;
}

.angular .chart {
	margin-top: 0;
}

/* 
** Time Table 
*/
#timetable span {
	display: block;
}

#timetable th,
#timetable td {
	font-weight: normal;
	padding: 25px 5px;
	text-align: center;
	vertical-align: middle;
}

#timetable thead {
	color: #fff;
}

#timetable thead th:first-child {
	background-color: #13182a;
}

#timetable thead th {
	background-color: #0a0d1b;
	border: 1px solid #3f4455;
	color: #fff;
	height: 50px;
	padding: 0;
	width: 147px;
}

#timetable tbody th {
	background-color: #0a0d1b;
	color: #fff;
	height: 109px;
	padding: 0;
	width: 148px;
}

#timetable tbody td:hover {
	background-color: var(--color-primary);
}

#timetable tbody td:hover a {
	color: #fff;
}

#timetable tbody td:hover a span {
	color: #fff;
}

#timetable tbody th,
#timetable tbody td {
	border: 1px solid rgba(255, 255, 255, 0.15);
	transition: all 0.3s ease-in-out;
}

#timetable tbody th a,
#timetable tbody td a {
	color: var(--color-primary);
	display: inline-block;
	font-family: Poppins;
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
}

#timetable tbody th a span,
#timetable tbody td a span {
	color: #a4a9b9;
	display: inline-block;
	font-family: Oswald;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.6px;
	line-height: 20px;
	text-transform: uppercase;
}

#timetable tbody .current {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

#timetable tbody .current a {
	color: #fff;
}

#timetable tbody .current a span {
	color: #fff;
}

/* 
** toTop
*/
#toTop {
	background-color: var(--color-primary);
	bottom: 0;
	color: transparent;
	display: none;
	font-size: 0;
	height: 60px;
	opacity: 0.7;
	overflow: hidden;
	position: fixed;
	right: 0;
	text-decoration: none;
	width: 60px;
	z-index: 1000;
}

#toTop:after {
	bottom: 0;
	color: #fff;
	content: "\f106";
	display: block;
	font-family: "FontAwesome";
	font-size: 16px;
	left: 0;
	line-height: 60px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	transition: all 0.2s linear;
}

#toTopHover,
#toTop:hover {
	bottom: 3px;
	opacity: 1;
}

#toTop:hover:after {
	color: #fff;
}

#toTop:active,
#toTop:focus {
	outline: medium none;
}

.modal-open #toTop {
	visibility: hidden;
}

/* Countdown */
#comingsoon-countdown {
	text-align: center;
}

#comingsoon-countdown:before,
#comingsoon-countdown:after {
	clear: both;
	content: " ";
	display: table;
}

.countdown-rtl {
	direction: rtl;
}

.countdown-row {
	clear: both;
	display: table;
	margin: auto;
	padding: 20px 0;
	text-align: center;
}

.countdown-section {
	border-left: 1px solid rgba(255, 255, 255, 0.15);
	display: table-cell;
	padding: 10px 30px 20px;
	text-align: center;
}

.countdown-section:first-child {
	border-left-width: 0;
}

.countdown-amount {
	color: var(--color-primary);
	font-family: "Oswald", sans-serif;
	font-size: 80px;
	font-weight: 700;
	line-height: 1;
}

.countdown-period {
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.2em;
	min-width: 11em;
	text-transform: uppercase;
}

.countdown-descr {
	display: block;
}

@media (max-width: 767px) {
	.countdown-section {
		padding: 20px 8px 0;
	}

	.countdown-amount {
		font-size: 40px;
	}

	.countdown-period {
		letter-spacing: 0.1em;
		min-width: 4em;
	}
}

/* sidebar scroll plugin */
.scroll-wrapper {
	height: 100%;
	overflow: hidden;
	padding: 0;
	position: relative;
}

.scroll-wrapper > .scroll-content {
	border: none;
	box-sizing: content-box;
	height: auto;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none;
	overflow: scroll;
	padding: 0;
	position: relative;
	top: 0;
	width: auto;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
	height: 0;
	width: 0;
}

.scroll-wrapper.scroll--rtl {
	direction: rtl;
}

.scroll-element {
	box-sizing: content-box;
	display: none;
}

.scroll-element div {
	box-sizing: content-box;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
	cursor: default;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
	display: block;
}

.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track {
	display: none;
}

.scrollbar-macosx > .scroll-element .scroll-bar {
	background-color: rgba(127, 127, 127, 0.4);
	border-radius: 1px;
	display: block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	transition: opacity 0.2s linear;
}

.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.scrollbar-macosx > .scroll-element.scroll-x {
	bottom: 0;
	height: 0;
	left: 0;
	min-width: 100%;
	overflow: visible;
	width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
	height: 100%;
	min-height: 100%;
	right: 0;
	top: 0;
	width: 0;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
	height: 7px;
	min-width: 10px;
	top: -9px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
	left: -9px;
	min-height: 10px;
	width: 7px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
	left: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
	left: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
	top: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
	top: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
	left: -11px;
}

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
	top: -11px;
}

/*
** Bootstrap Addons
*/
/*
** Horizontal padding (gutters) for columns and rows
*/
/* columns
.c - columns
px-* - horizontal padding value
*/
.c-gutter-100 [class*="col-"],
.row.c-gutter-100 > [class*="col-"] {
	padding-left: 50px;
	padding-right: 50px;
}

.c-gutter-80 [class*="col-"],
.row.c-gutter-80 > [class*="col-"] {
	padding-left: 40px;
	padding-right: 40px;
}

.c-gutter-60 [class*="col-"],
.row.c-gutter-60 > [class*="col-"] {
	padding-left: 30px;
	padding-right: 30px;
}

.c-gutter-50 [class*="col-"],
.row.c-gutter-50 > [class*="col-"] {
	padding-left: 25px;
	padding-right: 25px;
}

.c-gutter-40 [class*="col-"],
.row.c-gutter-40 > [class*="col-"] {
	padding-left: 20px;
	padding-right: 20px;
}

.c-gutter-30 [class*="col-"],
.row.c-gutter-30 > [class*="col-"] {
	padding-left: 15px;
	padding-right: 15px;
}

.c-gutter-25 [class*="col-"],
.row.c-gutter-25 > [class*="col-"] {
	padding-left: 13px;
	padding-right: 12px;
}

.c-gutter-20 [class*="col-"],
.row.c-gutter-20 > [class*="col-"] {
	padding-left: 10px;
	padding-right: 10px;
}

.c-gutter-15 [class*="col-"],
.row.c-gutter-15 > [class*="col-"] {
	padding-left: 8px;
	padding-right: 7px;
}

.c-gutter-10 [class*="col-"],
.row.c-gutter-10 > [class*="col-"] {
	padding-left: 5px;
	padding-right: 5px;
}

.c-gutter-5 [class*="col-"],
.row.c-gutter-5 > [class*="col-"] {
	padding-left: 3px;
	padding-right: 2px;
}

.c-gutter-2 [class*="col-"],
.row.c-gutter-2 > [class*="col-"] {
	padding-left: 1px;
	padding-right: 1px;
}

.c-gutter-1 [class*="col-"],
.row.c-gutter-1 > [class*="col-"] {
	padding-left: 1px;
	padding-right: 0;
}

/*same as bootstrap .no-gutters class*/
.c-gutter-0 [class*="col-"],
.row.c-gutter-0 > [class*="col-"] {
	padding-left: 0;
	padding-right: 0;
}

/* rows */
.c-gutter-100 .row,
div.row.c-gutter-100 {
	margin-left: -50px;
	margin-right: -50px;
}

.c-gutter-80 .row,
div.row.c-gutter-80 {
	margin-left: -40px;
	margin-right: -40px;
}

.c-gutter-60 .row,
div.row.c-gutter-60 {
	margin-left: -30px;
	margin-right: -30px;
}

.c-gutter-50 .row,
div.row.c-gutter-50 {
	margin-left: -25px;
	margin-right: -25px;
}

.c-gutter-40 .row,
div.row.c-gutter-40 {
	margin-left: -20px;
	margin-right: -20px;
}

.c-gutter-30 .row,
div.row.c-gutter-30 {
	margin-left: -15px;
	margin-right: -15px;
}

.c-gutter-25 .row,
div.row.c-gutter-25 {
	margin-left: -13px;
	margin-right: -12px;
}

.c-gutter-20 .row,
div.row.c-gutter-20 {
	margin-left: -10px;
	margin-right: -10px;
}

.c-gutter-15 .row,
div.row.c-gutter-15 {
	margin-left: -8px;
	margin-right: -7px;
}

.c-gutter-10 .row,
div.row.c-gutter-10 {
	margin-left: -5px;
	margin-right: -5px;
}

.c-gutter-5 .row,
div.row.c-gutter-5 {
	margin-left: -3px;
	margin-right: -2px;
}

.c-gutter-2 .row,
div.row.c-gutter-2 {
	margin-left: -1px;
	margin-right: -1px;
}

.c-gutter-1 .row,
div.row.c-gutter-1 {
	margin-left: -1px;
	margin-right: 0;
}

.c-gutter-0 .row,
div.row.c-gutter-0 {
	margin-left: 0;
	margin-right: 0;
}

/* containers */
.container-px-0 [class*='container'] {
	padding-left: 0;
	padding-right: 0;
}

.container-px-1 [class*='container'] {
	padding-left: 1px;
	padding-right: 1px;
}

.container-px-2 [class*='container'] {
	padding-left: 2px;
	padding-right: 2px;
}

.container-px-5 [class*='container'] {
	padding-left: 5px;
	padding-right: 5px;
}

.container-px-10 [class*='container'] {
	padding-left: 10px;
	padding-right: 10px;
}

.container-px-20 [class*='container'] {
	padding-left: 20px;
	padding-right: 20px;
}

.container-px-30 [class*='container'] {
	padding-left: 30px;
	padding-right: 30px;
}

.container-px-60 [class*='container'] {
	padding-left: 60px;
	padding-right: 60px;
}

/*
** Vertical margins and padding for sections and columns
*/
/* Vertical padding for sections
.s - section
pt-* - padding top value
pb-* - padding bottom value
py-* - same value for top and for bottom padding
*/
.s-pt-0 > [class*='container'] {
	padding-top: 0;
}

.s-pt-1 > [class*='container'] {
	padding-top: 1px;
}

.s-pt-2 > [class*='container'] {
	padding-top: 2px;
}

.s-pt-3 > [class*='container'] {
	padding-top: 3px;
}

.s-pt-5 > [class*='container'] {
	padding-top: 5px;
}

.s-pt-10 > [class*='container'] {
	padding-top: 10px;
}

.s-pt-12 > [class*='container'] {
	padding-top: 12px;
}

.s-pt-13 > [class*='container'] {
	padding-top: 13px;
}

.s-pt-14 > [class*='container'] {
	padding-top: 14px;
}

.s-pt-15 > [class*='container'] {
	padding-top: 15px;
}

.s-pt-20 > [class*='container'] {
	padding-top: 20px;
}

.s-pt-25 > [class*='container'] {
	padding-top: 25px;
}

.s-pt-30 > [class*='container'] {
	padding-top: 30px;
}

.s-pt-40 > [class*='container'] {
	padding-top: 40px;
}

.s-pt-45 > [class*='container'] {
	padding-top: 45px;
}

.s-pt-50 > [class*='container'] {
	padding-top: 50px;
}

.s-pt-60 > [class*='container'] {
	padding-top: 60px;
}

.s-pt-70 > [class*='container'] {
	padding-top: 70px;
}

.s-pt-75 > [class*='container'] {
	padding-top: 75px;
}

.s-pt-80 > [class*='container'] {
	padding-top: 80px;
}

.s-pt-90 > [class*='container'] {
	padding-top: 90px;
}

.s-pt-100 > [class*='container'] {
	padding-top: 100px;
}

.s-pt-110 > [class*='container'] {
	padding-top: 110px;
}

.s-pt-115 > [class*='container'] {
	padding-top: 115px;
}

.s-pt-120 > [class*='container'] {
	padding-top: 120px;
}

.s-pt-130 > [class*='container'] {
	padding-top: 130px;
}

.s-pt-140 > [class*='container'] {
	padding-top: 140px;
}

.s-pt-150 > [class*='container'] {
	padding-top: 150px;
}

.s-pb-0 > [class*='container'] {
	padding-bottom: 0;
}

.s-pb-1 > [class*='container'] {
	padding-bottom: 1px;
}

.s-pb-2 > [class*='container'] {
	padding-bottom: 2px;
}

.s-pb-3 > [class*='container'] {
	padding-bottom: 3px;
}

.s-pb-5 > [class*='container'] {
	padding-bottom: 5px;
}

.s-pb-10 > [class*='container'] {
	padding-bottom: 10px;
}

.s-pb-12 > [class*='container'] {
	padding-bottom: 12px;
}

.s-pb-13 > [class*='container'] {
	padding-bottom: 13px;
}

.s-pb-14 > [class*='container'] {
	padding-bottom: 14px;
}

.s-pb-15 > [class*='container'] {
	padding-bottom: 15px;
}

.s-pb-20 > [class*='container'] {
	padding-bottom: 20px;
}

.s-pb-25 > [class*='container'] {
	padding-bottom: 25px;
}

.s-pb-30 > [class*='container'] {
	padding-bottom: 30px;
}

.s-pb-40 > [class*='container'] {
	padding-bottom: 40px;
}

.s-pb-45 > [class*='container'] {
	padding-bottom: 45px;
}

.s-pb-50 > [class*='container'] {
	padding-bottom: 50px;
}

.s-pb-60 > [class*='container'] {
	padding-bottom: 60px;
}

.s-pb-70 > [class*='container'] {
	padding-bottom: 70px;
}

.s-pb-75 > [class*='container'] {
	padding-bottom: 75px;
}

.s-pb-80 > [class*='container'] {
	padding-bottom: 80px;
}

.s-pb-90 > [class*='container'] {
	padding-bottom: 90px;
}

.s-pb-100 > [class*='container'] {
	padding-bottom: 100px;
}

.s-pb-110 > [class*='container'] {
	padding-bottom: 110px;
}

.s-pb-115 > [class*='container'] {
	padding-bottom: 115px;
}

.s-pb-120 > [class*='container'] {
	padding-bottom: 120px;
}

.s-pb-130 > [class*='container'] {
	padding-bottom: 130px;
}

.s-pb-140 > [class*='container'] {
	padding-bottom: 140px;
}

.s-pb-150 > [class*='container'] {
	padding-bottom: 150px;
}

.s-py-0 > [class*='container'] {
	padding-bottom: 0;
	padding-top: 0;
}

.s-py-1 > [class*='container'] {
	padding-bottom: 1px;
	padding-top: 1px;
}

.s-py-2 > [class*='container'] {
	padding-bottom: 2px;
	padding-top: 2px;
}

.s-py-3 > [class*='container'] {
	padding-bottom: 3px;
	padding-top: 3px;
}

.s-py-5 > [class*='container'] {
	padding-bottom: 5px;
	padding-top: 5px;
}

.s-py-10 > [class*='container'] {
	padding-bottom: 10px;
	padding-top: 10px;
}

.s-py-12 > [class*='container'] {
	padding-bottom: 12px;
	padding-top: 12px;
}

.s-py-13 > [class*='container'] {
	padding-bottom: 13px;
	padding-top: 13px;
}

.s-py-14 > [class*='container'] {
	padding-bottom: 14px;
	padding-top: 14px;
}

.s-py-15 > [class*='container'] {
	padding-bottom: 15px;
	padding-top: 15px;
}

.s-py-20 > [class*='container'] {
	padding-bottom: 20px;
	padding-top: 20px;
}

.s-py-25 > [class*='container'] {
	padding-bottom: 25px;
	padding-top: 25px;
}

.s-py-30 > [class*='container'] {
	padding-bottom: 30px;
	padding-top: 30px;
}

.s-py-40 > [class*='container'] {
	padding-bottom: 40px;
	padding-top: 40px;
}

.s-py-45 > [class*='container'] {
	padding-bottom: 45px;
	padding-top: 45px;
}

.s-py-50 > [class*='container'] {
	padding-bottom: 50px;
	padding-top: 50px;
}

.s-py-60 > [class*='container'] {
	padding-bottom: 60px;
	padding-top: 60px;
}

.s-py-70 > [class*='container'] {
	padding-bottom: 70px;
	padding-top: 70px;
}

.s-py-75 > [class*='container'] {
	padding-bottom: 75px;
	padding-top: 75px;
}

.s-py-80 > [class*='container'] {
	padding-bottom: 80px;
	padding-top: 80px;
}

.s-py-90 > [class*='container'] {
	padding-bottom: 90px;
	padding-top: 90px;
}

.s-py-100 > [class*='container'] {
	padding-bottom: 100px;
	padding-top: 100px;
}

.s-py-110 > [class*='container'] {
	padding-bottom: 110px;
	padding-top: 110px;
}

.s-py-115 > [class*='container'] {
	padding-bottom: 115px;
	padding-top: 115px;
}

.s-py-120 > [class*='container'] {
	padding-bottom: 120px;
	padding-top: 120px;
}

.s-py-130 > [class*='container'] {
	padding-bottom: 130px;
	padding-top: 130px;
}

.s-py-140 > [class*='container'] {
	padding-bottom: 140px;
	padding-top: 140px;
}

.s-py-150 > [class*='container'] {
	padding-bottom: 150px;
	padding-top: 150px;
}

@media (min-width: 576px) {
	.s-pt-sm-0 > [class*='container'] {
		padding-top: 0;
	}

	.s-pt-sm-1 > [class*='container'] {
		padding-top: 1px;
	}

	.s-pt-sm-2 > [class*='container'] {
		padding-top: 2px;
	}

	.s-pt-sm-3 > [class*='container'] {
		padding-top: 3px;
	}

	.s-pt-sm-5 > [class*='container'] {
		padding-top: 5px;
	}

	.s-pt-sm-10 > [class*='container'] {
		padding-top: 10px;
	}

	.s-pt-sm-12 > [class*='container'] {
		padding-top: 12px;
	}

	.s-pt-sm-13 > [class*='container'] {
		padding-top: 13px;
	}

	.s-pt-sm-14 > [class*='container'] {
		padding-top: 14px;
	}

	.s-pt-sm-15 > [class*='container'] {
		padding-top: 15px;
	}

	.s-pt-sm-20 > [class*='container'] {
		padding-top: 20px;
	}

	.s-pt-sm-25 > [class*='container'] {
		padding-top: 25px;
	}

	.s-pt-sm-30 > [class*='container'] {
		padding-top: 30px;
	}

	.s-pt-sm-40 > [class*='container'] {
		padding-top: 40px;
	}

	.s-pt-sm-45 > [class*='container'] {
		padding-top: 45px;
	}

	.s-pt-sm-50 > [class*='container'] {
		padding-top: 50px;
	}

	.s-pt-sm-60 > [class*='container'] {
		padding-top: 60px;
	}

	.s-pt-sm-70 > [class*='container'] {
		padding-top: 70px;
	}

	.s-pt-sm-75 > [class*='container'] {
		padding-top: 75px;
	}

	.s-pt-sm-80 > [class*='container'] {
		padding-top: 80px;
	}

	.s-pt-sm-90 > [class*='container'] {
		padding-top: 90px;
	}

	.s-pt-sm-100 > [class*='container'] {
		padding-top: 100px;
	}

	.s-pt-sm-110 > [class*='container'] {
		padding-top: 110px;
	}

	.s-pt-sm-115 > [class*='container'] {
		padding-top: 115px;
	}

	.s-pt-sm-120 > [class*='container'] {
		padding-top: 120px;
	}

	.s-pt-sm-130 > [class*='container'] {
		padding-top: 130px;
	}

	.s-pt-sm-140 > [class*='container'] {
		padding-top: 140px;
	}

	.s-pt-sm-150 > [class*='container'] {
		padding-top: 150px;
	}

	.s-pb-sm-0 > [class*='container'] {
		padding-bottom: 0;
	}

	.s-pb-sm-1 > [class*='container'] {
		padding-bottom: 1px;
	}

	.s-pb-sm-2 > [class*='container'] {
		padding-bottom: 2px;
	}

	.s-pb-sm-3 > [class*='container'] {
		padding-bottom: 3px;
	}

	.s-pb-sm-5 > [class*='container'] {
		padding-bottom: 5px;
	}

	.s-pb-sm-10 > [class*='container'] {
		padding-bottom: 10px;
	}

	.s-pb-sm-12 > [class*='container'] {
		padding-bottom: 12px;
	}

	.s-pb-sm-13 > [class*='container'] {
		padding-bottom: 13px;
	}

	.s-pb-sm-14 > [class*='container'] {
		padding-bottom: 14px;
	}

	.s-pb-sm-15 > [class*='container'] {
		padding-bottom: 15px;
	}

	.s-pb-sm-20 > [class*='container'] {
		padding-bottom: 20px;
	}

	.s-pb-sm-25 > [class*='container'] {
		padding-bottom: 25px;
	}

	.s-pb-sm-30 > [class*='container'] {
		padding-bottom: 30px;
	}

	.s-pb-sm-40 > [class*='container'] {
		padding-bottom: 40px;
	}

	.s-pb-sm-45 > [class*='container'] {
		padding-bottom: 45px;
	}

	.s-pb-sm-50 > [class*='container'] {
		padding-bottom: 50px;
	}

	.s-pb-sm-60 > [class*='container'] {
		padding-bottom: 60px;
	}

	.s-pb-sm-70 > [class*='container'] {
		padding-bottom: 70px;
	}

	.s-pb-sm-75 > [class*='container'] {
		padding-bottom: 75px;
	}

	.s-pb-sm-80 > [class*='container'] {
		padding-bottom: 80px;
	}

	.s-pb-sm-90 > [class*='container'] {
		padding-bottom: 90px;
	}

	.s-pb-sm-100 > [class*='container'] {
		padding-bottom: 100px;
	}

	.s-pb-sm-110 > [class*='container'] {
		padding-bottom: 110px;
	}

	.s-pb-sm-115 > [class*='container'] {
		padding-bottom: 115px;
	}

	.s-pb-sm-120 > [class*='container'] {
		padding-bottom: 120px;
	}

	.s-pb-sm-130 > [class*='container'] {
		padding-bottom: 130px;
	}

	.s-pb-sm-140 > [class*='container'] {
		padding-bottom: 140px;
	}

	.s-pb-sm-150 > [class*='container'] {
		padding-bottom: 150px;
	}

	.s-py-sm-0 > [class*='container'] {
		padding-bottom: 0;
		padding-top: 0;
	}

	.s-py-sm-1 > [class*='container'] {
		padding-bottom: 1px;
		padding-top: 1px;
	}

	.s-py-sm-2 > [class*='container'] {
		padding-bottom: 2px;
		padding-top: 2px;
	}

	.s-py-sm-3 > [class*='container'] {
		padding-bottom: 3px;
		padding-top: 3px;
	}

	.s-py-sm-5 > [class*='container'] {
		padding-bottom: 5px;
		padding-top: 5px;
	}

	.s-py-sm-10 > [class*='container'] {
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.s-py-sm-12 > [class*='container'] {
		padding-bottom: 12px;
		padding-top: 12px;
	}

	.s-py-sm-13 > [class*='container'] {
		padding-bottom: 13px;
		padding-top: 13px;
	}

	.s-py-sm-14 > [class*='container'] {
		padding-bottom: 14px;
		padding-top: 14px;
	}

	.s-py-sm-15 > [class*='container'] {
		padding-bottom: 15px;
		padding-top: 15px;
	}

	.s-py-sm-20 > [class*='container'] {
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.s-py-sm-25 > [class*='container'] {
		padding-bottom: 25px;
		padding-top: 25px;
	}

	.s-py-sm-30 > [class*='container'] {
		padding-bottom: 30px;
		padding-top: 30px;
	}

	.s-py-sm-40 > [class*='container'] {
		padding-bottom: 40px;
		padding-top: 40px;
	}

	.s-py-sm-45 > [class*='container'] {
		padding-bottom: 45px;
		padding-top: 45px;
	}

	.s-py-sm-50 > [class*='container'] {
		padding-bottom: 50px;
		padding-top: 50px;
	}

	.s-py-sm-60 > [class*='container'] {
		padding-bottom: 60px;
		padding-top: 60px;
	}

	.s-py-sm-70 > [class*='container'] {
		padding-bottom: 70px;
		padding-top: 70px;
	}

	.s-py-sm-75 > [class*='container'] {
		padding-bottom: 75px;
		padding-top: 75px;
	}

	.s-py-sm-80 > [class*='container'] {
		padding-bottom: 80px;
		padding-top: 80px;
	}

	.s-py-sm-90 > [class*='container'] {
		padding-bottom: 90px;
		padding-top: 90px;
	}

	.s-py-sm-100 > [class*='container'] {
		padding-bottom: 100px;
		padding-top: 100px;
	}

	.s-py-sm-110 > [class*='container'] {
		padding-bottom: 110px;
		padding-top: 110px;
	}

	.s-py-sm-115 > [class*='container'] {
		padding-bottom: 115px;
		padding-top: 115px;
	}

	.s-py-sm-120 > [class*='container'] {
		padding-bottom: 120px;
		padding-top: 120px;
	}

	.s-py-sm-130 > [class*='container'] {
		padding-bottom: 130px;
		padding-top: 130px;
	}

	.s-py-sm-140 > [class*='container'] {
		padding-bottom: 140px;
		padding-top: 140px;
	}

	.s-py-sm-150 > [class*='container'] {
		padding-bottom: 150px;
		padding-top: 150px;
	}
}

@media (min-width: 768px) {
	.s-pt-md-0 > [class*='container'] {
		padding-top: 0;
	}

	.s-pt-md-1 > [class*='container'] {
		padding-top: 1px;
	}

	.s-pt-md-2 > [class*='container'] {
		padding-top: 2px;
	}

	.s-pt-md-3 > [class*='container'] {
		padding-top: 3px;
	}

	.s-pt-md-5 > [class*='container'] {
		padding-top: 5px;
	}

	.s-pt-md-10 > [class*='container'] {
		padding-top: 10px;
	}

	.s-pt-md-12 > [class*='container'] {
		padding-top: 12px;
	}

	.s-pt-md-13 > [class*='container'] {
		padding-top: 13px;
	}

	.s-pt-md-14 > [class*='container'] {
		padding-top: 14px;
	}

	.s-pt-md-15 > [class*='container'] {
		padding-top: 15px;
	}

	.s-pt-md-20 > [class*='container'] {
		padding-top: 20px;
	}

	.s-pt-md-25 > [class*='container'] {
		padding-top: 25px;
	}

	.s-pt-md-30 > [class*='container'] {
		padding-top: 30px;
	}

	.s-pt-md-40 > [class*='container'] {
		padding-top: 40px;
	}

	.s-pt-md-45 > [class*='container'] {
		padding-top: 45px;
	}

	.s-pt-md-50 > [class*='container'] {
		padding-top: 50px;
	}

	.s-pt-md-60 > [class*='container'] {
		padding-top: 60px;
	}

	.s-pt-md-70 > [class*='container'] {
		padding-top: 70px;
	}

	.s-pt-md-75 > [class*='container'] {
		padding-top: 75px;
	}

	.s-pt-md-80 > [class*='container'] {
		padding-top: 80px;
	}

	.s-pt-md-90 > [class*='container'] {
		padding-top: 90px;
	}

	.s-pt-md-100 > [class*='container'] {
		padding-top: 100px;
	}

	.s-pt-md-110 > [class*='container'] {
		padding-top: 110px;
	}

	.s-pt-md-115 > [class*='container'] {
		padding-top: 115px;
	}

	.s-pt-md-120 > [class*='container'] {
		padding-top: 120px;
	}

	.s-pt-md-130 > [class*='container'] {
		padding-top: 130px;
	}

	.s-pt-md-140 > [class*='container'] {
		padding-top: 140px;
	}

	.s-pt-md-150 > [class*='container'] {
		padding-top: 150px;
	}

	.s-pb-md-0 > [class*='container'] {
		padding-bottom: 0;
	}

	.s-pb-md-1 > [class*='container'] {
		padding-bottom: 1px;
	}

	.s-pb-md-2 > [class*='container'] {
		padding-bottom: 2px;
	}

	.s-pb-md-3 > [class*='container'] {
		padding-bottom: 3px;
	}

	.s-pb-md-5 > [class*='container'] {
		padding-bottom: 5px;
	}

	.s-pb-md-10 > [class*='container'] {
		padding-bottom: 10px;
	}

	.s-pb-md-12 > [class*='container'] {
		padding-bottom: 12px;
	}

	.s-pb-md-13 > [class*='container'] {
		padding-bottom: 13px;
	}

	.s-pb-md-14 > [class*='container'] {
		padding-bottom: 14px;
	}

	.s-pb-md-15 > [class*='container'] {
		padding-bottom: 15px;
	}

	.s-pb-md-20 > [class*='container'] {
		padding-bottom: 20px;
	}

	.s-pb-md-25 > [class*='container'] {
		padding-bottom: 25px;
	}

	.s-pb-md-30 > [class*='container'] {
		padding-bottom: 30px;
	}

	.s-pb-md-40 > [class*='container'] {
		padding-bottom: 40px;
	}

	.s-pb-md-45 > [class*='container'] {
		padding-bottom: 45px;
	}

	.s-pb-md-50 > [class*='container'] {
		padding-bottom: 50px;
	}

	.s-pb-md-60 > [class*='container'] {
		padding-bottom: 60px;
	}

	.s-pb-md-70 > [class*='container'] {
		padding-bottom: 70px;
	}

	.s-pb-md-75 > [class*='container'] {
		padding-bottom: 75px;
	}

	.s-pb-md-80 > [class*='container'] {
		padding-bottom: 80px;
	}

	.s-pb-md-90 > [class*='container'] {
		padding-bottom: 90px;
	}

	.s-pb-md-100 > [class*='container'] {
		padding-bottom: 100px;
	}

	.s-pb-md-110 > [class*='container'] {
		padding-bottom: 110px;
	}

	.s-pb-md-115 > [class*='container'] {
		padding-bottom: 115px;
	}

	.s-pb-md-120 > [class*='container'] {
		padding-bottom: 120px;
	}

	.s-pb-md-130 > [class*='container'] {
		padding-bottom: 130px;
	}

	.s-pb-md-140 > [class*='container'] {
		padding-bottom: 140px;
	}

	.s-pb-md-150 > [class*='container'] {
		padding-bottom: 150px;
	}

	.s-py-md-0 > [class*='container'] {
		padding-bottom: 0;
		padding-top: 0;
	}

	.s-py-md-1 > [class*='container'] {
		padding-bottom: 1px;
		padding-top: 1px;
	}

	.s-py-md-2 > [class*='container'] {
		padding-bottom: 2px;
		padding-top: 2px;
	}

	.s-py-md-3 > [class*='container'] {
		padding-bottom: 3px;
		padding-top: 3px;
	}

	.s-py-md-5 > [class*='container'] {
		padding-bottom: 5px;
		padding-top: 5px;
	}

	.s-py-md-10 > [class*='container'] {
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.s-py-md-12 > [class*='container'] {
		padding-bottom: 12px;
		padding-top: 12px;
	}

	.s-py-md-13 > [class*='container'] {
		padding-bottom: 13px;
		padding-top: 13px;
	}

	.s-py-md-14 > [class*='container'] {
		padding-bottom: 14px;
		padding-top: 14px;
	}

	.s-py-md-15 > [class*='container'] {
		padding-bottom: 15px;
		padding-top: 15px;
	}

	.s-py-md-20 > [class*='container'] {
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.s-py-md-25 > [class*='container'] {
		padding-bottom: 25px;
		padding-top: 25px;
	}

	.s-py-md-30 > [class*='container'] {
		padding-bottom: 30px;
		padding-top: 30px;
	}

	.s-py-md-40 > [class*='container'] {
		padding-bottom: 40px;
		padding-top: 40px;
	}

	.s-py-md-45 > [class*='container'] {
		padding-bottom: 45px;
		padding-top: 45px;
	}

	.s-py-md-50 > [class*='container'] {
		padding-bottom: 50px;
		padding-top: 50px;
	}

	.s-py-md-60 > [class*='container'] {
		padding-bottom: 60px;
		padding-top: 60px;
	}

	.s-py-md-70 > [class*='container'] {
		padding-bottom: 70px;
		padding-top: 70px;
	}

	.s-py-md-75 > [class*='container'] {
		padding-bottom: 75px;
		padding-top: 75px;
	}

	.s-py-md-80 > [class*='container'] {
		padding-bottom: 80px;
		padding-top: 80px;
	}

	.s-py-md-90 > [class*='container'] {
		padding-bottom: 90px;
		padding-top: 90px;
	}

	.s-py-md-100 > [class*='container'] {
		padding-bottom: 100px;
		padding-top: 100px;
	}

	.s-py-md-110 > [class*='container'] {
		padding-bottom: 110px;
		padding-top: 110px;
	}

	.s-py-md-115 > [class*='container'] {
		padding-bottom: 115px;
		padding-top: 115px;
	}

	.s-py-md-120 > [class*='container'] {
		padding-bottom: 120px;
		padding-top: 120px;
	}

	.s-py-md-130 > [class*='container'] {
		padding-bottom: 130px;
		padding-top: 130px;
	}

	.s-py-md-140 > [class*='container'] {
		padding-bottom: 140px;
		padding-top: 140px;
	}

	.s-py-md-150 > [class*='container'] {
		padding-bottom: 150px;
		padding-top: 150px;
	}
}

@media (min-width: 992px) {
	.s-pt-lg-0 > [class*='container'] {
		padding-top: 0;
	}

	.s-pt-lg-1 > [class*='container'] {
		padding-top: 1px;
	}

	.s-pt-lg-2 > [class*='container'] {
		padding-top: 2px;
	}

	.s-pt-lg-3 > [class*='container'] {
		padding-top: 3px;
	}

	.s-pt-lg-5 > [class*='container'] {
		padding-top: 5px;
	}

	.s-pt-lg-10 > [class*='container'] {
		padding-top: 10px;
	}

	.s-pt-lg-12 > [class*='container'] {
		padding-top: 12px;
	}

	.s-pt-lg-13 > [class*='container'] {
		padding-top: 13px;
	}

	.s-pt-lg-14 > [class*='container'] {
		padding-top: 14px;
	}

	.s-pt-lg-15 > [class*='container'] {
		padding-top: 15px;
	}

	.s-pt-lg-20 > [class*='container'] {
		padding-top: 20px;
	}

	.s-pt-lg-25 > [class*='container'] {
		padding-top: 25px;
	}

	.s-pt-lg-30 > [class*='container'] {
		padding-top: 30px;
	}

	.s-pt-lg-40 > [class*='container'] {
		padding-top: 40px;
	}

	.s-pt-lg-45 > [class*='container'] {
		padding-top: 45px;
	}

	.s-pt-lg-50 > [class*='container'] {
		padding-top: 50px;
	}

	.s-pt-lg-60 > [class*='container'] {
		padding-top: 60px;
	}

	.s-pt-lg-70 > [class*='container'] {
		padding-top: 70px;
	}

	.s-pt-lg-75 > [class*='container'] {
		padding-top: 75px;
	}

	.s-pt-lg-80 > [class*='container'] {
		padding-top: 80px;
	}

	.s-pt-lg-90 > [class*='container'] {
		padding-top: 90px;
	}

	.s-pt-lg-100 > [class*='container'] {
		padding-top: 100px;
	}

	.s-pt-lg-110 > [class*='container'] {
		padding-top: 110px;
	}

	.s-pt-lg-115 > [class*='container'] {
		padding-top: 115px;
	}

	.s-pt-lg-120 > [class*='container'] {
		padding-top: 120px;
	}

	.s-pt-lg-130 > [class*='container'] {
		padding-top: 130px;
	}

	.s-pt-lg-140 > [class*='container'] {
		padding-top: 140px;
	}

	.s-pt-lg-150 > [class*='container'] {
		padding-top: 150px;
	}

	.s-pb-lg-0 > [class*='container'] {
		padding-bottom: 0;
	}

	.s-pb-lg-1 > [class*='container'] {
		padding-bottom: 1px;
	}

	.s-pb-lg-2 > [class*='container'] {
		padding-bottom: 2px;
	}

	.s-pb-lg-3 > [class*='container'] {
		padding-bottom: 3px;
	}

	.s-pb-lg-5 > [class*='container'] {
		padding-bottom: 5px;
	}

	.s-pb-lg-10 > [class*='container'] {
		padding-bottom: 10px;
	}

	.s-pb-lg-12 > [class*='container'] {
		padding-bottom: 12px;
	}

	.s-pb-lg-13 > [class*='container'] {
		padding-bottom: 13px;
	}

	.s-pb-lg-14 > [class*='container'] {
		padding-bottom: 14px;
	}

	.s-pb-lg-15 > [class*='container'] {
		padding-bottom: 15px;
	}

	.s-pb-lg-20 > [class*='container'] {
		padding-bottom: 20px;
	}

	.s-pb-lg-25 > [class*='container'] {
		padding-bottom: 25px;
	}

	.s-pb-lg-30 > [class*='container'] {
		padding-bottom: 30px;
	}

	.s-pb-lg-40 > [class*='container'] {
		padding-bottom: 40px;
	}

	.s-pb-lg-45 > [class*='container'] {
		padding-bottom: 45px;
	}

	.s-pb-lg-50 > [class*='container'] {
		padding-bottom: 50px;
	}

	.s-pb-lg-60 > [class*='container'] {
		padding-bottom: 60px;
	}

	.s-pb-lg-70 > [class*='container'] {
		padding-bottom: 70px;
	}

	.s-pb-lg-75 > [class*='container'] {
		padding-bottom: 75px;
	}

	.s-pb-lg-80 > [class*='container'] {
		padding-bottom: 80px;
	}

	.s-pb-lg-90 > [class*='container'] {
		padding-bottom: 90px;
	}

	.s-pb-lg-100 > [class*='container'] {
		padding-bottom: 100px;
	}

	.s-pb-lg-110 > [class*='container'] {
		padding-bottom: 110px;
	}

	.s-pb-lg-115 > [class*='container'] {
		padding-bottom: 115px;
	}

	.s-pb-lg-120 > [class*='container'] {
		padding-bottom: 120px;
	}

	.s-pb-lg-130 > [class*='container'] {
		padding-bottom: 130px;
	}

	.s-pb-lg-140 > [class*='container'] {
		padding-bottom: 140px;
	}

	.s-pb-lg-150 > [class*='container'] {
		padding-bottom: 150px;
	}

	.s-py-lg-0 > [class*='container'] {
		padding-bottom: 0;
		padding-top: 0;
	}

	.s-py-lg-1 > [class*='container'] {
		padding-bottom: 1px;
		padding-top: 1px;
	}

	.s-py-lg-2 > [class*='container'] {
		padding-bottom: 2px;
		padding-top: 2px;
	}

	.s-py-lg-3 > [class*='container'] {
		padding-bottom: 3px;
		padding-top: 3px;
	}

	.s-py-lg-5 > [class*='container'] {
		padding-bottom: 5px;
		padding-top: 5px;
	}

	.s-py-lg-10 > [class*='container'] {
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.s-py-lg-12 > [class*='container'] {
		padding-bottom: 12px;
		padding-top: 12px;
	}

	.s-py-lg-13 > [class*='container'] {
		padding-bottom: 13px;
		padding-top: 13px;
	}

	.s-py-lg-14 > [class*='container'] {
		padding-bottom: 14px;
		padding-top: 14px;
	}

	.s-py-lg-15 > [class*='container'] {
		padding-bottom: 15px;
		padding-top: 15px;
	}

	.s-py-lg-20 > [class*='container'] {
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.s-py-lg-25 > [class*='container'] {
		padding-bottom: 25px;
		padding-top: 25px;
	}

	.s-py-lg-30 > [class*='container'] {
		padding-bottom: 30px;
		padding-top: 30px;
	}

	.s-py-lg-40 > [class*='container'] {
		padding-bottom: 40px;
		padding-top: 40px;
	}

	.s-py-lg-45 > [class*='container'] {
		padding-bottom: 45px;
		padding-top: 45px;
	}

	.s-py-lg-50 > [class*='container'] {
		padding-bottom: 50px;
		padding-top: 50px;
	}

	.s-py-lg-60 > [class*='container'] {
		padding-bottom: 60px;
		padding-top: 60px;
	}

	.s-py-lg-70 > [class*='container'] {
		padding-bottom: 70px;
		padding-top: 70px;
	}

	.s-py-lg-75 > [class*='container'] {
		padding-bottom: 75px;
		padding-top: 75px;
	}

	.s-py-lg-80 > [class*='container'] {
		padding-bottom: 80px;
		padding-top: 80px;
	}

	.s-py-lg-90 > [class*='container'] {
		padding-bottom: 90px;
		padding-top: 90px;
	}

	.s-py-lg-100 > [class*='container'] {
		padding-bottom: 100px;
		padding-top: 100px;
	}

	.s-py-lg-110 > [class*='container'] {
		padding-bottom: 110px;
		padding-top: 110px;
	}

	.s-py-lg-115 > [class*='container'] {
		padding-bottom: 115px;
		padding-top: 115px;
	}

	.s-py-lg-120 > [class*='container'] {
		padding-bottom: 120px;
		padding-top: 120px;
	}

	.s-py-lg-130 > [class*='container'] {
		padding-bottom: 130px;
		padding-top: 130px;
	}

	.s-py-lg-140 > [class*='container'] {
		padding-bottom: 140px;
		padding-top: 140px;
	}

	.s-py-lg-150 > [class*='container'] {
		padding-bottom: 150px;
		padding-top: 150px;
	}
}

@media (min-width: 1200px) {
	.s-pt-xl-0 > [class*='container'] {
		padding-top: 0;
	}

	.s-pt-xl-1 > [class*='container'] {
		padding-top: 1px;
	}

	.s-pt-xl-2 > [class*='container'] {
		padding-top: 2px;
	}

	.s-pt-xl-3 > [class*='container'] {
		padding-top: 3px;
	}

	.s-pt-xl-5 > [class*='container'] {
		padding-top: 5px;
	}

	.s-pt-xl-10 > [class*='container'] {
		padding-top: 10px;
	}

	.s-pt-xl-12 > [class*='container'] {
		padding-top: 12px;
	}

	.s-pt-xl-13 > [class*='container'] {
		padding-top: 13px;
	}

	.s-pt-xl-14 > [class*='container'] {
		padding-top: 14px;
	}

	.s-pt-xl-15 > [class*='container'] {
		padding-top: 15px;
	}

	.s-pt-xl-20 > [class*='container'] {
		padding-top: 20px;
	}

	.s-pt-xl-25 > [class*='container'] {
		padding-top: 25px;
	}

	.s-pt-xl-30 > [class*='container'] {
		padding-top: 30px;
	}

	.s-pt-xl-40 > [class*='container'] {
		padding-top: 40px;
	}

	.s-pt-xl-45 > [class*='container'] {
		padding-top: 45px;
	}

	.s-pt-xl-50 > [class*='container'] {
		padding-top: 50px;
	}

	.s-pt-xl-60 > [class*='container'] {
		padding-top: 60px;
	}

	.s-pt-xl-70 > [class*='container'] {
		padding-top: 70px;
	}

	.s-pt-xl-75 > [class*='container'] {
		padding-top: 75px;
	}

	.s-pt-xl-80 > [class*='container'] {
		padding-top: 80px;
	}

	.s-pt-xl-90 > [class*='container'] {
		padding-top: 90px;
	}

	.s-pt-xl-100 > [class*='container'] {
		padding-top: 100px;
	}

	.s-pt-xl-110 > [class*='container'] {
		padding-top: 110px;
	}

	.s-pt-xl-115 > [class*='container'] {
		padding-top: 115px;
	}

	.s-pt-xl-120 > [class*='container'] {
		padding-top: 120px;
	}

	.s-pt-xl-130 > [class*='container'] {
		padding-top: 130px;
	}

	.s-pt-xl-140 > [class*='container'] {
		padding-top: 140px;
	}

	.s-pt-xl-150 > [class*='container'] {
		padding-top: 150px;
	}

	.s-pb-xl-0 > [class*='container'] {
		padding-bottom: 0;
	}

	.s-pb-xl-1 > [class*='container'] {
		padding-bottom: 1px;
	}

	.s-pb-xl-2 > [class*='container'] {
		padding-bottom: 2px;
	}

	.s-pb-xl-3 > [class*='container'] {
		padding-bottom: 3px;
	}

	.s-pb-xl-5 > [class*='container'] {
		padding-bottom: 5px;
	}

	.s-pb-xl-10 > [class*='container'] {
		padding-bottom: 10px;
	}

	.s-pb-xl-12 > [class*='container'] {
		padding-bottom: 12px;
	}

	.s-pb-xl-13 > [class*='container'] {
		padding-bottom: 13px;
	}

	.s-pb-xl-14 > [class*='container'] {
		padding-bottom: 14px;
	}

	.s-pb-xl-15 > [class*='container'] {
		padding-bottom: 15px;
	}

	.s-pb-xl-20 > [class*='container'] {
		padding-bottom: 20px;
	}

	.s-pb-xl-25 > [class*='container'] {
		padding-bottom: 25px;
	}

	.s-pb-xl-30 > [class*='container'] {
		padding-bottom: 30px;
	}

	.s-pb-xl-40 > [class*='container'] {
		padding-bottom: 40px;
	}

	.s-pb-xl-45 > [class*='container'] {
		padding-bottom: 45px;
	}

	.s-pb-xl-50 > [class*='container'] {
		padding-bottom: 50px;
	}

	.s-pb-xl-60 > [class*='container'] {
		padding-bottom: 60px;
	}

	.s-pb-xl-70 > [class*='container'] {
		padding-bottom: 70px;
	}

	.s-pb-xl-75 > [class*='container'] {
		padding-bottom: 75px;
	}

	.s-pb-xl-80 > [class*='container'] {
		padding-bottom: 80px;
	}

	.s-pb-xl-90 > [class*='container'] {
		padding-bottom: 90px;
	}

	.s-pb-xl-100 > [class*='container'] {
		padding-bottom: 100px;
	}

	.s-pb-xl-110 > [class*='container'] {
		padding-bottom: 110px;
	}

	.s-pb-xl-115 > [class*='container'] {
		padding-bottom: 115px;
	}

	.s-pb-xl-120 > [class*='container'] {
		padding-bottom: 120px;
	}

	.s-pb-xl-130 > [class*='container'] {
		padding-bottom: 130px;
	}

	.s-pb-xl-140 > [class*='container'] {
		padding-bottom: 140px;
	}

	.s-pb-xl-150 > [class*='container'] {
		padding-bottom: 150px;
	}

	.s-py-xl-0 > [class*='container'] {
		padding-bottom: 0;
		padding-top: 0;
	}

	.s-py-xl-1 > [class*='container'] {
		padding-bottom: 1px;
		padding-top: 1px;
	}

	.s-py-xl-2 > [class*='container'] {
		padding-bottom: 2px;
		padding-top: 2px;
	}

	.s-py-xl-3 > [class*='container'] {
		padding-bottom: 3px;
		padding-top: 3px;
	}

	.s-py-xl-5 > [class*='container'] {
		padding-bottom: 5px;
		padding-top: 5px;
	}

	.s-py-xl-10 > [class*='container'] {
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.s-py-xl-12 > [class*='container'] {
		padding-bottom: 12px;
		padding-top: 12px;
	}

	.s-py-xl-13 > [class*='container'] {
		padding-bottom: 13px;
		padding-top: 13px;
	}

	.s-py-xl-14 > [class*='container'] {
		padding-bottom: 14px;
		padding-top: 14px;
	}

	.s-py-xl-15 > [class*='container'] {
		padding-bottom: 15px;
		padding-top: 15px;
	}

	.s-py-xl-20 > [class*='container'] {
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.s-py-xl-25 > [class*='container'] {
		padding-bottom: 25px;
		padding-top: 25px;
	}

	.s-py-xl-30 > [class*='container'] {
		padding-bottom: 30px;
		padding-top: 30px;
	}

	.s-py-xl-40 > [class*='container'] {
		padding-bottom: 40px;
		padding-top: 40px;
	}

	.s-py-xl-45 > [class*='container'] {
		padding-bottom: 45px;
		padding-top: 45px;
	}

	.s-py-xl-50 > [class*='container'] {
		padding-bottom: 50px;
		padding-top: 50px;
	}

	.s-py-xl-60 > [class*='container'] {
		padding-bottom: 60px;
		padding-top: 60px;
	}

	.s-py-xl-70 > [class*='container'] {
		padding-bottom: 70px;
		padding-top: 70px;
	}

	.s-py-xl-75 > [class*='container'] {
		padding-bottom: 75px;
		padding-top: 75px;
	}

	.s-py-xl-80 > [class*='container'] {
		padding-bottom: 80px;
		padding-top: 80px;
	}

	.s-py-xl-90 > [class*='container'] {
		padding-bottom: 90px;
		padding-top: 90px;
	}

	.s-py-xl-100 > [class*='container'] {
		padding-bottom: 100px;
		padding-top: 100px;
	}

	.s-py-xl-110 > [class*='container'] {
		padding-bottom: 110px;
		padding-top: 110px;
	}

	.s-py-xl-115 > [class*='container'] {
		padding-bottom: 115px;
		padding-top: 115px;
	}

	.s-py-xl-120 > [class*='container'] {
		padding-bottom: 120px;
		padding-top: 120px;
	}

	.s-py-xl-130 > [class*='container'] {
		padding-bottom: 130px;
		padding-top: 130px;
	}

	.s-py-xl-140 > [class*='container'] {
		padding-bottom: 140px;
		padding-top: 140px;
	}

	.s-py-xl-150 > [class*='container'] {
		padding-bottom: 150px;
		padding-top: 150px;
	}
}

/* Vertical margins for columns in sections and rows
.c - columns
mt-* - margin top value
mb-* - margin bottom value
my-* - same value for top and for bottom margin
*/
.c-mt-0 [class*="col-"],
.row.c-mt-0 > [class*="col-"] {
	margin-top: 0;
}

.c-mt-1 [class*="col-"],
.row.c-mt-1 > [class*="col-"] {
	margin-top: 1px;
}

.c-mt-2 [class*="col-"],
.row.c-mt-2 > [class*="col-"] {
	margin-top: 2px;
}

.c-mt-5 [class*="col-"],
.row.c-mt-5 > [class*="col-"] {
	margin-top: 5px;
}

.c-mt-10 [class*="col-"],
.row.c-mt-10 > [class*="col-"] {
	margin-top: 10px;
}

.c-mt-15 [class*="col-"],
.row.c-mt-15 > [class*="col-"] {
	margin-top: 15px;
}

.c-mt-20 [class*="col-"],
.row.c-mt-20 > [class*="col-"] {
	margin-top: 20px;
}

.c-mt-25 [class*="col-"],
.row.c-mt-25 > [class*="col-"] {
	margin-top: 25px;
}

.c-mt-30 [class*="col-"],
.row.c-mt-30 > [class*="col-"] {
	margin-top: 30px;
}

.c-mt-40 [class*="col-"],
.row.c-mt-40 > [class*="col-"] {
	margin-top: 40px;
}

.c-mt-50 [class*="col-"],
.row.c-mt-50 > [class*="col-"] {
	margin-top: 50px;
}

.c-mt-60 [class*="col-"],
.row.c-mt-60 > [class*="col-"] {
	margin-top: 60px;
}

.c-mt-90 [class*="col-"],
.row.c-mt-90 > [class*="col-"] {
	margin-top: 90px;
}

.c-mb-0 [class*="col-"],
.row.c-mb-0 > [class*="col-"] {
	margin-bottom: 0;
}

.c-mb-1 [class*="col-"],
.row.c-mb-1 > [class*="col-"] {
	margin-bottom: 1px;
}

.c-mb-2 [class*="col-"],
.row.c-mb-2 > [class*="col-"] {
	margin-bottom: 2px;
}

.c-mb-5 [class*="col-"],
.row.c-mb-5 > [class*="col-"] {
	margin-bottom: 5px;
}

.c-mb-10 [class*="col-"],
.row.c-mb-10 > [class*="col-"] {
	margin-bottom: 10px;
}

.c-mb-15 [class*="col-"],
.row.c-mb-15 > [class*="col-"] {
	margin-bottom: 15px;
}

.c-mb-20 [class*="col-"],
.row.c-mb-20 > [class*="col-"] {
	margin-bottom: 20px;
}

.c-mb-25 [class*="col-"],
.row.c-mb-25 > [class*="col-"] {
	margin-bottom: 25px;
}

.c-mb-30 [class*="col-"],
.row.c-mb-30 > [class*="col-"] {
	margin-bottom: 30px;
}

.c-mb-40 [class*="col-"],
.row.c-mb-40 > [class*="col-"] {
	margin-bottom: 40px;
}

.c-mb-50 [class*="col-"],
.row.c-mb-50 > [class*="col-"] {
	margin-bottom: 50px;
}

.c-mb-60 [class*="col-"],
.row.c-mb-60 > [class*="col-"] {
	margin-bottom: 60px;
}

.c-mb-90 [class*="col-"],
.row.c-mb-90 > [class*="col-"] {
	margin-bottom: 90px;
}

.c-my-0 [class*="col-"],
.row.c-my-0 > [class*="col-"] {
	margin-bottom: 0;
	margin-top: 0;
}

.c-my-1 [class*="col-"],
.row.c-my-1 > [class*="col-"] {
	margin-bottom: 1px;
	margin-top: 1px;
}

.c-my-2 [class*="col-"],
.row.c-my-2 > [class*="col-"] {
	margin-bottom: 2px;
	margin-top: 2px;
}

.c-my-5 [class*="col-"],
.row.c-my-5 > [class*="col-"] {
	margin-bottom: 5px;
	margin-top: 5px;
}

.c-my-10 [class*="col-"],
.row.c-my-10 > [class*="col-"] {
	margin-bottom: 10px;
	margin-top: 10px;
}

.c-my-15 [class*="col-"],
.row.c-my-15 > [class*="col-"] {
	margin-bottom: 15px;
	margin-top: 15px;
}

.c-my-20 [class*="col-"],
.row.c-my-20 > [class*="col-"] {
	margin-bottom: 20px;
	margin-top: 20px;
}

.c-my-25 [class*="col-"],
.row.c-my-25 > [class*="col-"] {
	margin-bottom: 25px;
	margin-top: 25px;
}

.c-my-30 [class*="col-"],
.row.c-my-30 > [class*="col-"] {
	margin-bottom: 30px;
	margin-top: 30px;
}

.c-my-40 [class*="col-"],
.row.c-my-40 > [class*="col-"] {
	margin-bottom: 40px;
	margin-top: 40px;
}

.c-my-50 [class*="col-"],
.row.c-my-50 > [class*="col-"] {
	margin-bottom: 50px;
	margin-top: 50px;
}

.c-my-60 [class*="col-"],
.row.c-my-60 > [class*="col-"] {
	margin-bottom: 60px;
	margin-top: 60px;
}

.c-my-90 [class*="col-"],
.row.c-my-90 > [class*="col-"] {
	margin-bottom: 90px;
	margin-top: 90px;
}

@media (min-width: 576px) {
	.c-mt-sm-0 [class*="col-"],
	.row.c-mt-sm-0 > [class*="col-"] {
		margin-top: 0;
	}

	.c-mt-sm-1 [class*="col-"],
	.row.c-mt-sm-1 > [class*="col-"] {
		margin-top: 1px;
	}

	.c-mt-sm-2 [class*="col-"],
	.row.c-mt-sm-2 > [class*="col-"] {
		margin-top: 2px;
	}

	.c-mt-sm-5 [class*="col-"],
	.row.c-mt-sm-5 > [class*="col-"] {
		margin-top: 5px;
	}

	.c-mt-sm-10 [class*="col-"],
	.row.c-mt-sm-10 > [class*="col-"] {
		margin-top: 10px;
	}

	.c-mt-sm-15 [class*="col-"],
	.row.c-mt-sm-15 > [class*="col-"] {
		margin-top: 15px;
	}

	.c-mt-sm-20 [class*="col-"],
	.row.c-mt-sm-20 > [class*="col-"] {
		margin-top: 20px;
	}

	.c-mt-sm-25 [class*="col-"],
	.row.c-mt-sm-25 > [class*="col-"] {
		margin-top: 25px;
	}

	.c-mt-sm-30 [class*="col-"],
	.row.c-mt-sm-30 > [class*="col-"] {
		margin-top: 30px;
	}

	.c-mt-sm-40 [class*="col-"],
	.row.c-mt-sm-40 > [class*="col-"] {
		margin-top: 40px;
	}

	.c-mt-sm-50 [class*="col-"],
	.row.c-mt-sm-50 > [class*="col-"] {
		margin-top: 50px;
	}

	.c-mt-sm-60 [class*="col-"],
	.row.c-mt-sm-60 > [class*="col-"] {
		margin-top: 60px;
	}

	.c-mt-sm-90 [class*="col-"],
	.row.c-mt-sm-90 > [class*="col-"] {
		margin-top: 90px;
	}

	.c-mb-sm-0 [class*="col-"],
	.row.c-mb-sm-0 > [class*="col-"] {
		margin-bottom: 0;
	}

	.c-mb-sm-1 [class*="col-"],
	.row.c-mb-sm-1 > [class*="col-"] {
		margin-bottom: 1px;
	}

	.c-mb-sm-2 [class*="col-"],
	.row.c-mb-sm-2 > [class*="col-"] {
		margin-bottom: 2px;
	}

	.c-mb-sm-5 [class*="col-"],
	.row.c-mb-sm-5 > [class*="col-"] {
		margin-bottom: 5px;
	}

	.c-mb-sm-10 [class*="col-"],
	.row.c-mb-sm-10 > [class*="col-"] {
		margin-bottom: 10px;
	}

	.c-mb-sm-15 [class*="col-"],
	.row.c-mb-sm-15 > [class*="col-"] {
		margin-bottom: 15px;
	}

	.c-mb-sm-20 [class*="col-"],
	.row.c-mb-sm-20 > [class*="col-"] {
		margin-bottom: 20px;
	}

	.c-mb-sm-25 [class*="col-"],
	.row.c-mb-sm-25 > [class*="col-"] {
		margin-bottom: 25px;
	}

	.c-mb-sm-30 [class*="col-"],
	.row.c-mb-sm-30 > [class*="col-"] {
		margin-bottom: 30px;
	}

	.c-mb-sm-40 [class*="col-"],
	.row.c-mb-sm-40 > [class*="col-"] {
		margin-bottom: 40px;
	}

	.c-mb-sm-50 [class*="col-"],
	.row.c-mb-sm-50 > [class*="col-"] {
		margin-bottom: 50px;
	}

	.c-mb-sm-60 [class*="col-"],
	.row.c-mb-sm-60 > [class*="col-"] {
		margin-bottom: 60px;
	}

	.c-mb-sm-90 [class*="col-"],
	.row.c-mb-sm-90 > [class*="col-"] {
		margin-bottom: 90px;
	}

	.c-my-sm-0 [class*="col-"],
	.row.c-my-sm-0 > [class*="col-"] {
		margin-bottom: 0;
		margin-top: 0;
	}

	.c-my-sm-1 [class*="col-"],
	.row.c-my-sm-1 > [class*="col-"] {
		margin-bottom: 1px;
		margin-top: 1px;
	}

	.c-my-sm-2 [class*="col-"],
	.row.c-my-sm-2 > [class*="col-"] {
		margin-bottom: 2px;
		margin-top: 2px;
	}

	.c-my-sm-5 [class*="col-"],
	.row.c-my-sm-5 > [class*="col-"] {
		margin-bottom: 5px;
		margin-top: 5px;
	}

	.c-my-sm-10 [class*="col-"],
	.row.c-my-sm-10 > [class*="col-"] {
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.c-my-sm-15 [class*="col-"],
	.row.c-my-sm-15 > [class*="col-"] {
		margin-bottom: 15px;
		margin-top: 15px;
	}

	.c-my-sm-20 [class*="col-"],
	.row.c-my-sm-20 > [class*="col-"] {
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.c-my-sm-25 [class*="col-"],
	.row.c-my-sm-25 > [class*="col-"] {
		margin-bottom: 25px;
		margin-top: 25px;
	}

	.c-my-sm-30 [class*="col-"],
	.row.c-my-sm-30 > [class*="col-"] {
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.c-my-sm-40 [class*="col-"],
	.row.c-my-sm-40 > [class*="col-"] {
		margin-bottom: 40px;
		margin-top: 40px;
	}

	.c-my-sm-50 [class*="col-"],
	.row.c-my-sm-50 > [class*="col-"] {
		margin-bottom: 50px;
		margin-top: 50px;
	}

	.c-my-sm-60 [class*="col-"],
	.row.c-my-sm-60 > [class*="col-"] {
		margin-bottom: 60px;
		margin-top: 60px;
	}

	.c-my-sm-90 [class*="col-"],
	.row.c-my-sm-90 > [class*="col-"] {
		margin-bottom: 90px;
		margin-top: 90px;
	}
}

@media (min-width: 768px) {
	.c-mt-md-0 [class*="col-"],
	.row.c-mt-md-0 > [class*="col-"] {
		margin-top: 0;
	}

	.c-mt-md-1 [class*="col-"],
	.row.c-mt-md-1 > [class*="col-"] {
		margin-top: 1px;
	}

	.c-mt-md-2 [class*="col-"],
	.row.c-mt-md-2 > [class*="col-"] {
		margin-top: 2px;
	}

	.c-mt-md-5 [class*="col-"],
	.row.c-mt-md-5 > [class*="col-"] {
		margin-top: 5px;
	}

	.c-mt-md-10 [class*="col-"],
	.row.c-mt-md-10 > [class*="col-"] {
		margin-top: 10px;
	}

	.c-mt-md-15 [class*="col-"],
	.row.c-mt-md-15 > [class*="col-"] {
		margin-top: 15px;
	}

	.c-mt-md-20 [class*="col-"],
	.row.c-mt-md-20 > [class*="col-"] {
		margin-top: 20px;
	}

	.c-mt-md-25 [class*="col-"],
	.row.c-mt-md-25 > [class*="col-"] {
		margin-top: 25px;
	}

	.c-mt-md-30 [class*="col-"],
	.row.c-mt-md-30 > [class*="col-"] {
		margin-top: 30px;
	}

	.c-mt-md-40 [class*="col-"],
	.row.c-mt-md-40 > [class*="col-"] {
		margin-top: 40px;
	}

	.c-mt-md-50 [class*="col-"],
	.row.c-mt-md-50 > [class*="col-"] {
		margin-top: 50px;
	}

	.c-mt-md-60 [class*="col-"],
	.row.c-mt-md-60 > [class*="col-"] {
		margin-top: 60px;
	}

	.c-mt-md-90 [class*="col-"],
	.row.c-mt-md-90 > [class*="col-"] {
		margin-top: 90px;
	}

	.c-mb-md-0 [class*="col-"],
	.row.c-mb-md-0 > [class*="col-"] {
		margin-bottom: 0;
	}

	.c-mb-md-1 [class*="col-"],
	.row.c-mb-md-1 > [class*="col-"] {
		margin-bottom: 1px;
	}

	.c-mb-md-2 [class*="col-"],
	.row.c-mb-md-2 > [class*="col-"] {
		margin-bottom: 2px;
	}

	.c-mb-md-5 [class*="col-"],
	.row.c-mb-md-5 > [class*="col-"] {
		margin-bottom: 5px;
	}

	.c-mb-md-10 [class*="col-"],
	.row.c-mb-md-10 > [class*="col-"] {
		margin-bottom: 10px;
	}

	.c-mb-md-15 [class*="col-"],
	.row.c-mb-md-15 > [class*="col-"] {
		margin-bottom: 15px;
	}

	.c-mb-md-20 [class*="col-"],
	.row.c-mb-md-20 > [class*="col-"] {
		margin-bottom: 20px;
	}

	.c-mb-md-25 [class*="col-"],
	.row.c-mb-md-25 > [class*="col-"] {
		margin-bottom: 25px;
	}

	.c-mb-md-30 [class*="col-"],
	.row.c-mb-md-30 > [class*="col-"] {
		margin-bottom: 30px;
	}

	.c-mb-md-40 [class*="col-"],
	.row.c-mb-md-40 > [class*="col-"] {
		margin-bottom: 40px;
	}

	.c-mb-md-50 [class*="col-"],
	.row.c-mb-md-50 > [class*="col-"] {
		margin-bottom: 50px;
	}

	.c-mb-md-60 [class*="col-"],
	.row.c-mb-md-60 > [class*="col-"] {
		margin-bottom: 60px;
	}

	.c-mb-md-90 [class*="col-"],
	.row.c-mb-md-90 > [class*="col-"] {
		margin-bottom: 90px;
	}

	.c-my-md-0 [class*="col-"],
	.row.c-my-md-0 > [class*="col-"] {
		margin-bottom: 0;
		margin-top: 0;
	}

	.c-my-md-1 [class*="col-"],
	.row.c-my-md-1 > [class*="col-"] {
		margin-bottom: 1px;
		margin-top: 1px;
	}

	.c-my-md-2 [class*="col-"],
	.row.c-my-md-2 > [class*="col-"] {
		margin-bottom: 2px;
		margin-top: 2px;
	}

	.c-my-md-5 [class*="col-"],
	.row.c-my-md-5 > [class*="col-"] {
		margin-bottom: 5px;
		margin-top: 5px;
	}

	.c-my-md-10 [class*="col-"],
	.row.c-my-md-10 > [class*="col-"] {
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.c-my-md-15 [class*="col-"],
	.row.c-my-md-15 > [class*="col-"] {
		margin-bottom: 15px;
		margin-top: 15px;
	}

	.c-my-md-20 [class*="col-"],
	.row.c-my-md-20 > [class*="col-"] {
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.c-my-md-25 [class*="col-"],
	.row.c-my-md-25 > [class*="col-"] {
		margin-bottom: 25px;
		margin-top: 25px;
	}

	.c-my-md-30 [class*="col-"],
	.row.c-my-md-30 > [class*="col-"] {
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.c-my-md-40 [class*="col-"],
	.row.c-my-md-40 > [class*="col-"] {
		margin-bottom: 40px;
		margin-top: 40px;
	}

	.c-my-md-50 [class*="col-"],
	.row.c-my-md-50 > [class*="col-"] {
		margin-bottom: 50px;
		margin-top: 50px;
	}

	.c-my-md-60 [class*="col-"],
	.row.c-my-md-60 > [class*="col-"] {
		margin-bottom: 60px;
		margin-top: 60px;
	}

	.c-my-md-90 [class*="col-"],
	.row.c-my-md-90 > [class*="col-"] {
		margin-bottom: 90px;
		margin-top: 90px;
	}
}

@media (min-width: 992px) {
	.c-mt-lg-0 [class*="col-"],
	.row.c-mt-lg-0 > [class*="col-"] {
		margin-top: 0;
	}

	.c-mt-lg-1 [class*="col-"],
	.row.c-mt-lg-1 > [class*="col-"] {
		margin-top: 1px;
	}

	.c-mt-lg-2 [class*="col-"],
	.row.c-mt-lg-2 > [class*="col-"] {
		margin-top: 2px;
	}

	.c-mt-lg-5 [class*="col-"],
	.row.c-mt-lg-5 > [class*="col-"] {
		margin-top: 5px;
	}

	.c-mt-lg-10 [class*="col-"],
	.row.c-mt-lg-10 > [class*="col-"] {
		margin-top: 10px;
	}

	.c-mt-lg-15 [class*="col-"],
	.row.c-mt-lg-15 > [class*="col-"] {
		margin-top: 15px;
	}

	.c-mt-lg-20 [class*="col-"],
	.row.c-mt-lg-20 > [class*="col-"] {
		margin-top: 20px;
	}

	.c-mt-lg-25 [class*="col-"],
	.row.c-mt-lg-25 > [class*="col-"] {
		margin-top: 25px;
	}

	.c-mt-lg-30 [class*="col-"],
	.row.c-mt-lg-30 > [class*="col-"] {
		margin-top: 30px;
	}

	.c-mt-lg-40 [class*="col-"],
	.row.c-mt-lg-40 > [class*="col-"] {
		margin-top: 40px;
	}

	.c-mt-lg-50 [class*="col-"],
	.row.c-mt-lg-50 > [class*="col-"] {
		margin-top: 50px;
	}

	.c-mt-lg-60 [class*="col-"],
	.row.c-mt-lg-60 > [class*="col-"] {
		margin-top: 60px;
	}

	.c-mt-lg-90 [class*="col-"],
	.row.c-mt-lg-90 > [class*="col-"] {
		margin-top: 90px;
	}

	.c-mb-lg-0 [class*="col-"],
	.row.c-mb-lg-0 > [class*="col-"] {
		margin-bottom: 0;
	}

	.c-mb-lg-1 [class*="col-"],
	.row.c-mb-lg-1 > [class*="col-"] {
		margin-bottom: 1px;
	}

	.c-mb-lg-2 [class*="col-"],
	.row.c-mb-lg-2 > [class*="col-"] {
		margin-bottom: 2px;
	}

	.c-mb-lg-5 [class*="col-"],
	.row.c-mb-lg-5 > [class*="col-"] {
		margin-bottom: 5px;
	}

	.c-mb-lg-10 [class*="col-"],
	.row.c-mb-lg-10 > [class*="col-"] {
		margin-bottom: 10px;
	}

	.c-mb-lg-15 [class*="col-"],
	.row.c-mb-lg-15 > [class*="col-"] {
		margin-bottom: 15px;
	}

	.c-mb-lg-20 [class*="col-"],
	.row.c-mb-lg-20 > [class*="col-"] {
		margin-bottom: 20px;
	}

	.c-mb-lg-25 [class*="col-"],
	.row.c-mb-lg-25 > [class*="col-"] {
		margin-bottom: 25px;
	}

	.c-mb-lg-30 [class*="col-"],
	.row.c-mb-lg-30 > [class*="col-"] {
		margin-bottom: 30px;
	}

	.c-mb-lg-40 [class*="col-"],
	.row.c-mb-lg-40 > [class*="col-"] {
		margin-bottom: 40px;
	}

	.c-mb-lg-50 [class*="col-"],
	.row.c-mb-lg-50 > [class*="col-"] {
		margin-bottom: 50px;
	}

	.c-mb-lg-60 [class*="col-"],
	.row.c-mb-lg-60 > [class*="col-"] {
		margin-bottom: 60px;
	}

	.c-mb-lg-90 [class*="col-"],
	.row.c-mb-lg-90 > [class*="col-"] {
		margin-bottom: 90px;
	}

	.c-my-lg-0 [class*="col-"],
	.row.c-my-lg-0 > [class*="col-"] {
		margin-bottom: 0;
		margin-top: 0;
	}

	.c-my-lg-1 [class*="col-"],
	.row.c-my-lg-1 > [class*="col-"] {
		margin-bottom: 1px;
		margin-top: 1px;
	}

	.c-my-lg-2 [class*="col-"],
	.row.c-my-lg-2 > [class*="col-"] {
		margin-bottom: 2px;
		margin-top: 2px;
	}

	.c-my-lg-5 [class*="col-"],
	.row.c-my-lg-5 > [class*="col-"] {
		margin-bottom: 5px;
		margin-top: 5px;
	}

	.c-my-lg-10 [class*="col-"],
	.row.c-my-lg-10 > [class*="col-"] {
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.c-my-lg-15 [class*="col-"],
	.row.c-my-lg-15 > [class*="col-"] {
		margin-bottom: 15px;
		margin-top: 15px;
	}

	.c-my-lg-20 [class*="col-"],
	.row.c-my-lg-20 > [class*="col-"] {
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.c-my-lg-25 [class*="col-"],
	.row.c-my-lg-25 > [class*="col-"] {
		margin-bottom: 25px;
		margin-top: 25px;
	}

	.c-my-lg-30 [class*="col-"],
	.row.c-my-lg-30 > [class*="col-"] {
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.c-my-lg-40 [class*="col-"],
	.row.c-my-lg-40 > [class*="col-"] {
		margin-bottom: 40px;
		margin-top: 40px;
	}

	.c-my-lg-50 [class*="col-"],
	.row.c-my-lg-50 > [class*="col-"] {
		margin-bottom: 50px;
		margin-top: 50px;
	}

	.c-my-lg-60 [class*="col-"],
	.row.c-my-lg-60 > [class*="col-"] {
		margin-bottom: 60px;
		margin-top: 60px;
	}

	.c-my-lg-90 [class*="col-"],
	.row.c-my-lg-90 > [class*="col-"] {
		margin-bottom: 90px;
		margin-top: 90px;
	}
}

@media (min-width: 1200px) {
	.c-mt-xl-0 [class*="col-"],
	.row.c-mt-xl-0 > [class*="col-"] {
		margin-top: 0;
	}

	.c-mt-xl-1 [class*="col-"],
	.row.c-mt-xl-1 > [class*="col-"] {
		margin-top: 1px;
	}

	.c-mt-xl-2 [class*="col-"],
	.row.c-mt-xl-2 > [class*="col-"] {
		margin-top: 2px;
	}

	.c-mt-xl-5 [class*="col-"],
	.row.c-mt-xl-5 > [class*="col-"] {
		margin-top: 5px;
	}

	.c-mt-xl-10 [class*="col-"],
	.row.c-mt-xl-10 > [class*="col-"] {
		margin-top: 10px;
	}

	.c-mt-xl-15 [class*="col-"],
	.row.c-mt-xl-15 > [class*="col-"] {
		margin-top: 15px;
	}

	.c-mt-xl-20 [class*="col-"],
	.row.c-mt-xl-20 > [class*="col-"] {
		margin-top: 20px;
	}

	.c-mt-xl-25 [class*="col-"],
	.row.c-mt-xl-25 > [class*="col-"] {
		margin-top: 25px;
	}

	.c-mt-xl-30 [class*="col-"],
	.row.c-mt-xl-30 > [class*="col-"] {
		margin-top: 30px;
	}

	.c-mt-xl-40 [class*="col-"],
	.row.c-mt-xl-40 > [class*="col-"] {
		margin-top: 40px;
	}

	.c-mt-xl-50 [class*="col-"],
	.row.c-mt-xl-50 > [class*="col-"] {
		margin-top: 50px;
	}

	.c-mt-xl-60 [class*="col-"],
	.row.c-mt-xl-60 > [class*="col-"] {
		margin-top: 60px;
	}

	.c-mt-xl-90 [class*="col-"],
	.row.c-mt-xl-90 > [class*="col-"] {
		margin-top: 90px;
	}

	.c-mb-xl-0 [class*="col-"],
	.row.c-mb-xl-0 > [class*="col-"] {
		margin-bottom: 0;
	}

	.c-mb-xl-1 [class*="col-"],
	.row.c-mb-xl-1 > [class*="col-"] {
		margin-bottom: 1px;
	}

	.c-mb-xl-2 [class*="col-"],
	.row.c-mb-xl-2 > [class*="col-"] {
		margin-bottom: 2px;
	}

	.c-mb-xl-5 [class*="col-"],
	.row.c-mb-xl-5 > [class*="col-"] {
		margin-bottom: 5px;
	}

	.c-mb-xl-10 [class*="col-"],
	.row.c-mb-xl-10 > [class*="col-"] {
		margin-bottom: 10px;
	}

	.c-mb-xl-15 [class*="col-"],
	.row.c-mb-xl-15 > [class*="col-"] {
		margin-bottom: 15px;
	}

	.c-mb-xl-20 [class*="col-"],
	.row.c-mb-xl-20 > [class*="col-"] {
		margin-bottom: 20px;
	}

	.c-mb-xl-25 [class*="col-"],
	.row.c-mb-xl-25 > [class*="col-"] {
		margin-bottom: 25px;
	}

	.c-mb-xl-30 [class*="col-"],
	.row.c-mb-xl-30 > [class*="col-"] {
		margin-bottom: 30px;
	}

	.c-mb-xl-40 [class*="col-"],
	.row.c-mb-xl-40 > [class*="col-"] {
		margin-bottom: 40px;
	}

	.c-mb-xl-50 [class*="col-"],
	.row.c-mb-xl-50 > [class*="col-"] {
		margin-bottom: 50px;
	}

	.c-mb-xl-60 [class*="col-"],
	.row.c-mb-xl-60 > [class*="col-"] {
		margin-bottom: 60px;
	}

	.c-mb-xl-90 [class*="col-"],
	.row.c-mb-xl-90 > [class*="col-"] {
		margin-bottom: 90px;
	}

	.c-my-xl-0 [class*="col-"],
	.row.c-my-xl-0 > [class*="col-"] {
		margin-bottom: 0;
		margin-top: 0;
	}

	.c-my-xl-1 [class*="col-"],
	.row.c-my-xl-1 > [class*="col-"] {
		margin-bottom: 1px;
		margin-top: 1px;
	}

	.c-my-xl-2 [class*="col-"],
	.row.c-my-xl-2 > [class*="col-"] {
		margin-bottom: 2px;
		margin-top: 2px;
	}

	.c-my-xl-5 [class*="col-"],
	.row.c-my-xl-5 > [class*="col-"] {
		margin-bottom: 5px;
		margin-top: 5px;
	}

	.c-my-xl-10 [class*="col-"],
	.row.c-my-xl-10 > [class*="col-"] {
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.c-my-xl-15 [class*="col-"],
	.row.c-my-xl-15 > [class*="col-"] {
		margin-bottom: 15px;
		margin-top: 15px;
	}

	.c-my-xl-20 [class*="col-"],
	.row.c-my-xl-20 > [class*="col-"] {
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.c-my-xl-25 [class*="col-"],
	.row.c-my-xl-25 > [class*="col-"] {
		margin-bottom: 25px;
		margin-top: 25px;
	}

	.c-my-xl-30 [class*="col-"],
	.row.c-my-xl-30 > [class*="col-"] {
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.c-my-xl-40 [class*="col-"],
	.row.c-my-xl-40 > [class*="col-"] {
		margin-bottom: 40px;
		margin-top: 40px;
	}

	.c-my-xl-50 [class*="col-"],
	.row.c-my-xl-50 > [class*="col-"] {
		margin-bottom: 50px;
		margin-top: 50px;
	}

	.c-my-xl-60 [class*="col-"],
	.row.c-my-xl-60 > [class*="col-"] {
		margin-bottom: 60px;
		margin-top: 60px;
	}

	.c-my-xl-90 [class*="col-"],
	.row.c-my-xl-90 > [class*="col-"] {
		margin-bottom: 90px;
		margin-top: 90px;
	}
}

form[class*="c-mb-"] .row:last-child [class^="col-"],
[class*="c-mb-"] form .row:last-child [class^="col-"] {
	margin-bottom: 0 !important;
}

/* overlap featured image on top section (for big screens) */

@media screen and (min-width: 1200px) {
	.s-top-overlap {
		margin-top: -140px;
	}

	.s-top-overlap-big {
		margin-top: -180px;
	}

	.s-top-overlap-small {
		margin-top: -100px;
	}
}

/* full height section */
.s-full-height {
	min-height: 100vh;
}

/* Vertical dividers - use them with Bootstrap responsive utilities - http://getbootstrap.com/docs/4.1/utilities/display/#hiding-elements */
[class*='divider-'] {
	clear: both;
	width: 100%;
}

[class*='divider-']:last-child {
	order: 10000;
}

.divider-0 {
	margin-top: 0;
}

.divider-10 {
	margin-top: 10px;
}

.divider-20 {
	margin-top: 20px;
}

.divider-25 {
	margin-top: 25px;
}

.divider-30 {
	margin-top: 30px;
}

.divider-40 {
	margin-top: 40px;
}

.divider-45 {
	margin-top: 45px;
}

.divider-50 {
	margin-top: 50px;
}

.divider-60 {
	margin-top: 60px;
}

.divider-70 {
	margin-top: 70px;
}

.divider-80 {
	margin-top: 80px;
}

.divider-90 {
	margin-top: 90px;
}

.divider-100 {
	margin-top: 100px;
}

.divider-110 {
	margin-top: 110px;
}

.divider-120 {
	margin-top: 120px;
}

.divider-160 {
	margin-top: 160px;
}

@media (min-width: 576px) {
	.divider-sm-0 {
		margin-top: 0;
	}

	.divider-sm-10 {
		margin-top: 10px;
	}

	.divider-sm-20 {
		margin-top: 20px;
	}

	.divider-sm-25 {
		margin-top: 25px;
	}

	.divider-sm-30 {
		margin-top: 30px;
	}

	.divider-sm-40 {
		margin-top: 40px;
	}

	.divider-sm-45 {
		margin-top: 45px;
	}

	.divider-sm-50 {
		margin-top: 50px;
	}

	.divider-sm-60 {
		margin-top: 60px;
	}

	.divider-sm-70 {
		margin-top: 70px;
	}

	.divider-sm-80 {
		margin-top: 80px;
	}

	.divider-sm-90 {
		margin-top: 90px;
	}

	.divider-sm-100 {
		margin-top: 100px;
	}

	.divider-sm-110 {
		margin-top: 110px;
	}

	.divider-sm-120 {
		margin-top: 120px;
	}

	.divider-sm-160 {
		margin-top: 160px;
	}
}

@media (min-width: 768px) {
	.divider-md-0 {
		margin-top: 0;
	}

	.divider-md-10 {
		margin-top: 10px;
	}

	.divider-md-20 {
		margin-top: 20px;
	}

	.divider-md-25 {
		margin-top: 25px;
	}

	.divider-md-30 {
		margin-top: 30px;
	}

	.divider-md-40 {
		margin-top: 40px;
	}

	.divider-md-45 {
		margin-top: 45px;
	}

	.divider-md-50 {
		margin-top: 50px;
	}

	.divider-md-60 {
		margin-top: 60px;
	}

	.divider-md-70 {
		margin-top: 70px;
	}

	.divider-md-80 {
		margin-top: 80px;
	}

	.divider-md-90 {
		margin-top: 90px;
	}

	.divider-md-100 {
		margin-top: 100px;
	}

	.divider-md-110 {
		margin-top: 110px;
	}

	.divider-md-120 {
		margin-top: 120px;
	}

	.divider-md-160 {
		margin-top: 160px;
	}
}

@media (min-width: 992px) {
	.divider-lg-0 {
		margin-top: 0;
	}

	.divider-lg-10 {
		margin-top: 10px;
	}

	.divider-lg-20 {
		margin-top: 20px;
	}

	.divider-lg-25 {
		margin-top: 25px;
	}

	.divider-lg-30 {
		margin-top: 30px;
	}

	.divider-lg-40 {
		margin-top: 40px;
	}

	.divider-lg-45 {
		margin-top: 45px;
	}

	.divider-lg-50 {
		margin-top: 50px;
	}

	.divider-lg-60 {
		margin-top: 60px;
	}

	.divider-lg-70 {
		margin-top: 70px;
	}

	.divider-lg-80 {
		margin-top: 80px;
	}

	.divider-lg-90 {
		margin-top: 90px;
	}

	.divider-lg-100 {
		margin-top: 100px;
	}

	.divider-lg-110 {
		margin-top: 110px;
	}

	.divider-lg-120 {
		margin-top: 120px;
	}

	.divider-lg-160 {
		margin-top: 160px;
	}
}

@media (min-width: 1200px) {
	.divider-xl-0 {
		margin-top: 0;
	}

	.divider-xl-10 {
		margin-top: 10px;
	}

	.divider-xl-20 {
		margin-top: 20px;
	}

	.divider-xl-25 {
		margin-top: 25px;
	}

	.divider-xl-30 {
		margin-top: 30px;
	}

	.divider-xl-40 {
		margin-top: 40px;
	}

	.divider-xl-45 {
		margin-top: 45px;
	}

	.divider-xl-50 {
		margin-top: 50px;
	}

	.divider-xl-60 {
		margin-top: 60px;
	}

	.divider-xl-70 {
		margin-top: 70px;
	}

	.divider-xl-80 {
		margin-top: 80px;
	}

	.divider-xl-90 {
		margin-top: 90px;
	}

	.divider-xl-100 {
		margin-top: 100px;
	}

	.divider-xl-110 {
		margin-top: 110px;
	}

	.divider-xl-120 {
		margin-top: 120px;
	}

	.divider-xl-160 {
		margin-top: 160px;
	}
}

/*
** Common Sections Styles
*/
section {
	position: relative;
}

img {
	max-width: 100%;
}

/*parallax*/
.s-parallax,
.cover-image,
.cover-background,
.texture-background {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.cover-image {
	height: 100%;
	width: 100%;
}

.texture-background {
	background-image: url(../img/background-texture-cover.jpg);
}

.pattern-background:before {
	background-image: url(../img/patterns/pattern1.png);
}

@media (min-width: 768px) {
	.cover-image {
		background-position: 50% 50%;
		bottom: 0;
		display: block;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
	}

	.cover-image.s-cover-right {
		left: auto;
		width: 50%;
	}

	.cover-image.s-cover-left {
		width: 50%;
	}

	.cover-image > img {
		visibility: hidden;
	}

	.cover-image > a {
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.cover-image + [class*='container'] [class*='col-'] > img,
	.cover-image + [class*='container'] [class*='col-'] > a:after,
	.cover-image + [class*='container'] [class*='col-'] > a > img {
		visibility: hidden;
	}
}

.fixed-background,
.s-parallax {
	background-attachment: fixed;
	background-position: 50% 0;
}

@media (max-width: 767px) {
	.s-parallax {
		background-size: auto auto;
	}
}

/*additional overlay for parallax sections*/
.s-overlay:before {
	opacity: 0.8;
}

.s-overlay.ls:before {
	background-color: #fff;
	opacity: 0.93;
}

.s-overlay.ls.ms:before {
	background-color: #f2f2f2;
	opacity: 0.81;
}

.s-overlay.cs:before {
	background-color: var(--color-primary);
	opacity: 0.82;
}

.s-overlay.cs.cs2:before {
	background-color: #37c7ef;
}

.s-overlay.cs.cs3:before {
	background-color: #98c725;
}

/* Black tint rather than the template's navy. This :before only appears
   below 1400px (see .s-overlay.mobile-overlay), which is why the section
   changed colour when the window shrank a step. */
.s-overlay.ds:before {
	background-color: #000;
	opacity: 0.9;
}

.s-overlay.ds.ms:before {
	opacity: 0.9;
}

.s-muted:before {
	background-color: rgba(19, 24, 42, 0.1);
	opacity: 1;
}

.gradientradial-background {
	overflow: hidden;
}

.s-parallax > *,
.s-overlay > *,
.s-muted > *,
.s-overlay-diagonal-double > *,
.pattern-background > *,
.gradientradial-background > *,
.gradient-background > *,
.gradientvertical-background > *,
.gradientdarken-background > * {
	position: relative;
	z-index: 4;
}

.s-parallax:before,
.s-overlay:before,
.s-muted:before,
.s-overlay-diagonal-double:before,
.s-overlay-diagonal-double:after,
.pattern-background:before,
.gradient-background:before,
.gradientvertical-background:before,
.gradientdarken-background:before {
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.s-muted:before,
.s-parallax:before {
	opacity: 0.8;
}

.s-overlay-diagonal {
	background-clip: content-box;
	overflow: hidden;
	padding: 10px 0;
}

.s-overlay-diagonal:before {
	bottom: auto;
	height: 3000px;
	left: 0;
	margin-left: 30%;
	right: auto;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
	width: 40%;
}

@media (max-width: 1200px) {
	.s-overlay-diagonal:before {
		margin-left: 15%;
		width: 70%;
	}
}

.s-overlay-diagonal-double {
	overflow: hidden;
	padding: 10px 0;
}

.s-overlay-diagonal-double:before {
	background: linear-gradient(45deg, var(--color-primary) 30%, transparent 30%);
	opacity: 0.6;
}

.s-overlay-diagonal-double:after {
	background: linear-gradient(45deg, transparent 70%, var(--color-primary) 70%);
	opacity: 0.6;
}

.gradient-background:before {
	background: var(--color-primary);
	background: linear-gradient(to right, var(--color-primary) 0%, #37c7ef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$colorMain", endColorstr="$colorMain2", GradientType=1);
}

.gradientvertical-background:before {
	background: var(--color-primary);
	/* Old browsers */
	background: linear-gradient(to bottom, var(--color-primary) 0%, #37c7ef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$colorMain", endColorstr="$colorMain2", GradientType=0);
}

.gradientdarken-background:before {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000", endColorstr="#00000000", GradientType=0);
}

.gradientradial-background:before {
	/* FF3.6+ */
	/* Chrome,Safari4+ */
	/* Chrome10+,Safari5.1+ */
	/* Opera 12+ */
	/* IE10+ */
	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);
	content: "";
	display: block;
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ffff", endColorstr="#00ffffff", GradientType=1);
	height: 1400px;
	left: 50%;
	margin-left: -700px;
	margin-top: -700px;
	position: absolute;
	top: 50%;
	width: 1400px;
	z-index: 2;
	/* IE6-9 fallback on horizontal gradient */
}

.s-overlay.gradientradial-background:before {
	height: 100vw;
	margin-left: -50vw;
	margin-top: -50vw;
	width: 100vw;
}

.s-bordertop,
.s-borderbottom,
.s-bordertop-container .container,
.s-borderbottom-container .container {
	position: relative;
}

.s-bordertop:before,
.s-borderbottom:after,
.s-bordertop-container .container:before,
.s-borderbottom-container .container:after {
	background-color: #e1e1e1;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.s-borderheight-2:before,
.s-borderheight-2:after,
.s-borderheight-2 .container:before,
.s-borderheight-2 .container:after {
	height: 2px;
}

.s-borderheight-3:before,
.s-borderheight-3:after,
.s-borderheight-3 .container:before,
.s-borderheight-3 .container:after {
	height: 3px;
}

.s-borderheight-5:before,
.s-borderheight-5:after,
.s-borderheight-5 .container:before,
.s-borderheight-5 .container:after {
	height: 5px;
}

.s-bordercolormain:before,
.s-bordercolormain:after,
.s-bordercolormain .container:before,
.s-bordercolormain .container:after {
	background-color: var(--color-primary);
}

.s-bordertop-container .container:before,
.s-borderbottom-container .container:after {
	left: 15px;
	right: 15px;
}

.s-borderbottom:after,
.s-borderbottom-container .container:after {
	bottom: 0;
	top: auto;
}

.s-bordered-columns [class*='col-'] + [class*='col-']:before {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 1em;
	content: "";
	left: 0;
	position: absolute;
	top: 1em;
	width: 1px;
}

/*page preloader*/
.preloader {
	background: rgba(10, 13, 27, 0.99);
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 13000;
}

.no-js .preloader,
.lt-ie9 .preloader,
.lt-ie10 .preloader {
	display: none;
}

.preloader_image {
	background: url(../img/preloader.gif) no-repeat 50% 50% transparent;
	height: 256px;
	left: 50%;
	margin: -128px 0 0 -128px;
	position: absolute;
	top: 50%;
	width: 256px;
}

/* animated elements */
.animate {
	visibility: hidden;
}

.no-js .animate,
.lt-ie10 .animate,
.lt-ie9 .animate {
	visibility: visible;
}

.animated {
	visibility: visible !important;
}

/* boxed layout */
#box_wrapper,
#canvas {
	overflow: visible;
	position: relative;
}

#box_wrapper > section,
#box_wrapper > div > section {
	clear: both;
	position: relative;
}

#canvas.boxed {
	padding: 1px 0;
}

body.boxed {
	height: auto;
	position: static;
	width: auto;
}

.pattern1 {
	background-image: url(../img/patterns/pattern1.png);
}

.pattern2 {
	background-image: url(../img/patterns/pattern2.png);
}

.pattern3 {
	background-image: url(../img/patterns/pattern3.png);
}

.pattern4 {
	background-image: url(../img/patterns/pattern4.png);
}

.pattern5 {
	background-image: url(../img/patterns/pattern5.png);
}

.pattern6 {
	background-image: url(../img/patterns/pattern6.png);
}

.pattern7 {
	background-image: url(../img/patterns/pattern7.png);
}

.pattern8 {
	background-image: url(../img/patterns/pattern8.png);
}

.pattern9 {
	background-image: url(../img/patterns/pattern9.png);
}

.pattern10 {
	background-image: url(../img/patterns/pattern10.png);
}

.pattern11 {
	background-image: url(../img/patterns/pattern11.png);
}

.boxed .container {
	padding-left: 50px;
	padding-right: 50px;
}

@media (max-width: 500px) {
	.boxed .container {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.boxed #box_wrapper.container {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	margin-top: 120px;
	padding: 0;
}

@media (min-width: 1600px) {
	.boxed #box_wrapper.container {
		max-width: 1560px;
	}
}

.boxed #box_wrapper.container.top-bottom-margins {
	margin-bottom: 120px;
	margin-top: 150px;
}

/*common background sections*/
.s-map-dark {
	background-image: url("../img/parallax/map-dark.jpg");
}

.s-map-light {
	background-image: url("../img/parallax/map-light.jpg");
}

.s-light-abstract {
	background-image: url("../img/parallax/light-abstract.jpg");
}

.s-light-wood {
	background-image: url("../img/parallax/light-wood.jpg");
}

/*bordered columns*/
.c-bordered [class*='col-'] {
	border: 1px solid #e1e1e1;
	margin-left: -1px;
	margin-top: -1px;
}

@media (min-width: 768px) {
	.c-bordered.c-bordered-center .row [class*='col-']:first-child {
		border-left-color: transparent;
	}

	.c-bordered.c-bordered-center .row [class*='col-']:last-child {
		border-right-color: transparent;
	}

	.c-bordered.c-bordered-center .row:first-child [class*='col-'] {
		border-top-color: transparent;
	}

	.c-bordered.c-bordered-center .row:last-child [class*='col-'] {
		border-bottom-color: transparent;
	}
}

/* The mobile overlay only exists below 1200px - the same breakpoint at which
   the desktop menu collapses to the burger. Above that the section shows its
   background image untinted. */
@media (min-width: 1200px) {
	.s-overlay.mobile-overlay:before {
		display: none;
	}
}

/* Spacing is controlled in the markup - see the divider notes. */

/* Overlay eased off from the shared 0.9 so more of the artwork shows. */
.about-section.s-overlay:before {
	opacity: 0.6;
}

/* Below 1200px - the same breakpoint the overlay appears at - the background
   is anchored left rather than centred, so the subject stays in frame as the
   viewport narrows. Above that it returns to centre. */
@media (max-width: 1199px) {
	.about-section {
		background-position: left center;
	}
}

/* Section copy is #a4a9b9 by default, so some paragraphs read grey against
   the others. All white here. */
.about-section,
.about-section p,
.about-section .excerpt {
	color: #fff;
}

.about-section a:not(.btn).about-link {
	color: var(--color-primary);
	font-family: "Oswald", sans-serif;
	font-size: 14px;
	font-weight: 400;
	margin-left: 10px;
	text-transform: uppercase;
}

.about-section a:not(.btn).about-link:hover {
	color: #fff;
}

.about-section .signature {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.about-section .signature .signature__left h5 {
	margin-bottom: -4px;
	text-transform: none;
}

.about-section .signature .signature__left span {
	color: var(--color-primary);
	font-family: "Oswald", sans-serif;
	font-size: 12px;
	font-weight: 400;
}

/* Media Items - Common Side and Top Image Items */
.item-content p:last-child {
	margin-bottom: -.7em;
}

.bordered .item-media,
.bordered .entry-thumbnail {
	margin: -1px -1px -1px -1px;
	z-index: 1;
}

.bordered .item-media.cover-image {
	height: calc(100% + 2px);
}

.bordered.full-padding .item-media {
	margin: 0;
}

/* side and vertical items paddings */
.full-padding {
	padding: 40px;
}

.content-padding .item-content {
	padding: 40px;
}

@media (max-width: 992px) {
	.full-padding {
		padding: 30px;
	}

	.content-padding .item-content {
		padding: 30px;
	}
}

/*side item*/
.side-item h2,
.side-item h3,
.side-item h4 {
	line-height: 1;
}

.side-item .row {
	margin: 0;
}

.side-item .row [class*="col-"] {
	margin: 0;
	padding: 0;
}

.side-item .item-title + .item-content {
	padding-top: 30px;
}

.side-item [class*="col-"] > .item-title {
	padding: 15px 30px;
}

.side-item [class*="col-"] > .item-title h2,
.side-item [class*="col-"] > .item-title h3,
.side-item [class*="col-"] > .item-title h4 {
	margin: 0;
}

.side-item.bordered [class*="col-"] > .item-title {
	margin: -1px;
}

/*-xs- -sm- side-item paddings and margins*/

@media (max-width: 767px) {
	.no-content-padding [class*='col-sm-'] .item-content,
	.no-content-padding [class*='col-xs-'] .item-content,
	.full-padding [class*='col-sm-'] .item-content,
	.full-padding [class*='col-xs-'] .item-content {
		padding-left: 30px;
	}

	.no-content-padding [class*='col-sm-'][class*='sm-pull-'] .item-content,
	.no-content-padding [class*='col-sm-'][class*='xs-pull-'] .item-content,
	.no-content-padding [class*='col-sm-'][class*='order-sm-1'] .item-content,
	.no-content-padding [class*='col-sm-'][class*='order-xs-1'] .item-content,
	.no-content-padding [class*='col-xs-'][class*='sm-pull-'] .item-content,
	.no-content-padding [class*='col-xs-'][class*='xs-pull-'] .item-content,
	.no-content-padding [class*='col-xs-'][class*='order-sm-1'] .item-content,
	.no-content-padding [class*='col-xs-'][class*='order-xs-1'] .item-content,
	.full-padding [class*='col-sm-'][class*='sm-pull-'] .item-content,
	.full-padding [class*='col-sm-'][class*='xs-pull-'] .item-content,
	.full-padding [class*='col-sm-'][class*='order-sm-1'] .item-content,
	.full-padding [class*='col-sm-'][class*='order-xs-1'] .item-content,
	.full-padding [class*='col-xs-'][class*='sm-pull-'] .item-content,
	.full-padding [class*='col-xs-'][class*='xs-pull-'] .item-content,
	.full-padding [class*='col-xs-'][class*='order-sm-1'] .item-content,
	.full-padding [class*='col-xs-'][class*='order-xs-1'] .item-content {
		padding-left: 0;
		padding-right: 30px;
	}

	.no-content-padding .col-sm-12 .item-content,
	.no-content-padding .col-xs-12 .item-content,
	.full-padding .col-sm-12 .item-content,
	.full-padding .col-xs-12 .item-content {
		padding-left: 0;
		padding-right: 0;
		padding-top: 30px;
	}
}

/*-md- side-item paddings and margins*/

@media (min-width: 768px) {
	.no-content-padding [class*='col-md-'] .item-content,
	.full-padding [class*='col-md-'] .item-content {
		padding-left: 30px;
	}

	.no-content-padding [class*='col-md-'][class*='md-pull-'] .item-content,
	.no-content-padding [class*='col-md-'][class*='order-md-1'] .item-content,
	.full-padding [class*='col-md-'][class*='md-pull-'] .item-content,
	.full-padding [class*='col-md-'][class*='order-md-1'] .item-content {
		padding-left: 0;
		padding-right: 30px;
	}

	.no-content-padding .col-sm-12 .item-content,
	.full-padding .col-sm-12 .item-content {
		padding-left: 0;
		padding-right: 0;
		padding-top: 30px;
	}
}

/*-lg- side-item paddings and margins*/

@media (min-width: 992px) {
	.no-content-padding [class*='col-lg-'] .item-content,
	.full-padding [class*='col-lg-'] .item-content {
		padding-left: 30px;
	}

	.no-content-padding [class*='col-lg-'][class*='lg-pull-'] .item-content,
	.no-content-padding [class*='col-lg-'][class*='order-lg-1'] .item-content,
	.full-padding [class*='col-lg-'][class*='lg-pull-'] .item-content,
	.full-padding [class*='col-lg-'][class*='order-lg-1'] .item-content {
		padding-left: 0;
		padding-right: 30px;
	}

	.no-content-padding .col-md-12 .item-content,
	.full-padding .col-md-12 .item-content {
		padding-left: 0;
		padding-right: 0;
		padding-top: 30px;
	}
}

/*-xl- side-item paddings and margins*/

@media (min-width: 1200px) {
	.no-content-padding [class*='col-xl-'] .item-content,
	.full-padding [class*='col-xl-'] .item-content {
		padding-left: 30px;
	}

	.no-content-padding [class*='col-xl-'][class*='order-xl-1'] .item-content,
	.full-padding [class*='col-xl-'][class*='order-xl-1'] .item-content {
		padding-left: 0;
		padding-right: 30px;
	}

	.no-content-padding .col-lg-12 .item-content,
	.full-padding .col-lg-12 .item-content {
		padding-left: 0;
		padding-right: 0;
		padding-top: 30px;
	}
}

/* vertical media item */
.ds.ms .vertical-item {
	background-color: #000;
}

.vertical-item {
	background-color: #000;
}

.vertical-item .item-media + .item-content {
	padding: 25px;
}

.vertical-item.content-padding .item-content {
	padding: 40px 40px;
}

.vertical-item.content-padding .item-content h5 {
	margin-bottom: 5px;
	margin-top: 0;
	text-transform: none;
}

.vertical-item.content-padding .item-content .small-text {
	font-family: "Oswald", sans-serif;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1;
	margin-bottom: 18px;
	margin-top: 7px;
}

.vertical-item.content-padding .item-content p {
	margin-bottom: 15px;
}

.vertical-item.content-padding .item-content .social-icons {
	color: #fff;
	line-height: 0;
	margin-bottom: 0;
	opacity: 0.5;
}

@media (max-width: 1199px) {
	.vertical-item.content-padding .item-content {
		padding: 30px;
	}
}

.vertical-item.content-padding.padding-small .item-content {
	padding: 56px;
}

@media (max-width: 1200px) {
	.vertical-item.content-padding.padding-small .item-content {
		padding: 25px;
	}
}

.vertical-item.content-absolute {
	position: relative;
}

.vertical-item.content-absolute .item-content {
	bottom: 0;
	left: 0;
	padding: 20px 30px 30px;
	position: absolute;
	right: 0;
	z-index: 2;
}

.vertical-item.content-absolute.vertical-center .item-content {
	top: 0;
}

.vertical-item + .item-title {
	padding: 10px 30px;
}

.vertical-item + .item-title h2,
.vertical-item + .item-title h3,
.vertical-item + .item-title h4 {
	margin: 0;
}

/* item meta */
.item-meta {
	color: var(--color-primary);
	font-family: "Oswald", sans-serif;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.item-meta a {
	color: #fff;
}

.item-meta i {
	font-size: 1.2em;
	position: relative;
	text-align: center;
	width: 1em;
}

.item-meta span {
	padding: 0 0.5em;
}

/* item media & item links */
.item-media {
	overflow: hidden;
	position: relative;
}

.item-media img {
	width: 100%;
}

.item-media.cover-image {
	height: 100%;
}

.media-links {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
}

.media-links div {
	margin-top: -30px;
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 4;
}

.content-absolute .media-links div {
	display: flex;
	justify-content: center;
	margin-top: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.content-absolute .media-links div a {
	transition: all 0.35s ease 0.1s;
}

.content-absolute .media-links div a:hover {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.content-absolute .media-links div a:first-child {
	transition-delay: 0s;
}

blockquote.vertical-item {
	margin: 50px 0px;
	margin-right: 0;
	max-width: 100%;
	padding: 52px 60px;
}

@media (max-width: 545px) {
	blockquote.vertical-item {
		padding: 30px 25px;
	}
}

blockquote.vertical-item .small-text {
	display: flex;
}

.media-links:before {
	background-color: rgba(10, 13, 27, 0.8);
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.2s linear;
}

[class*="-item"]:hover .media-links:before {
	opacity: 0.5;
}

.media-links a.abs-link {
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
}

[class*="-item"]:hover .media-links a.abs-link {
	opacity: 1;
}

[class*="-item"] .links-wrap a {
	border: 2px solid transparent;
	display: inline-block;
	font-size: 16px;
	height: 60px;
	line-height: 58px;
	opacity: 0;
	position: relative;
	text-align: center;
	top: -100px;
	transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
	width: 60px;
	z-index: 5;
}

[class*="-item"] .links-wrap a.link-zoom {
	background-color: #0a0d1b;
	border-color: #0a0d1b;
	color: #fff;
}

[class*="-item"] .links-wrap a.link-zoom:hover {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: #fff;
	opacity: 1;
}

[class*="-item"] .links-wrap a.link-anchor {
	background-color: #fff;
	border-color: #fff;
	color: #13182a;
	transition-delay: 0.1s;
}

[class*="-item"] .links-wrap a.link-anchor:hover {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: #fff;
	opacity: 1;
}

[class*="-item"] .links-wrap a:before {
	content: "\f002";
	font-family: "FontAwesome";
}

[class*="-item"] .links-wrap a.link-anchor:before {
	content: "\f041";
}

[class*="-item"]:hover .links-wrap a {
	filter: alpha(opacity=100);
	opacity: 1;
	top: 0;
}

[class*="-item"]:hover .media-links div {
	filter: alpha(opacity=100);
	opacity: 1;
}

.testimonial-item {
	margin: 0 auto;
	max-width: 1030px;
	width: 100%;
}

/* item icons */
.item-icons {
	font-size: 12px;
	margin-top: 35px;
}

.content-padding .item-icons {
	margin-top: 0;
}

.item-icons i {
	padding: 0 4px;
}

.item-icons .col {
	padding-bottom: 20px;
	padding-top: 15px;
	text-align: center;
}

.programs.program-section .vertical-item .item-content {
	padding: 20px 30px;
}

.programs.program-section .vertical-item .item-content h4 {
	margin-bottom: 0px;
}

@media (max-width: 768px) {
	.programs.program-section .vertical-item .item-content {
		padding: 40px 30px;
	}
}

.programs.program-section .vertical-item .item-content p {
	margin-bottom: 3px;
}

.programs.program-section .vertical-item .item-content .services-link i {
	color: var(--color-primary);
}

.programs.program-section .vertical-item .item-content .services-link:hover i {
	color: #fff;
}

.programs .vertical-item {
	position: relative;
}

/* Equal-height cards. Bootstrap already stretches the columns, but the card
   inside one doesn't fill it - these rules pass that height down, and let
   .item-content absorb the slack so shorter cards match the tallest.
   Scoped to the card row specifically (.row.c-mb-30) rather than any nested
   row, so other rows added inside this section are unaffected. */
.programs .row .row.c-mb-30 > [class*='col-'] {
	display: flex;
}

.programs .row .row.c-mb-30 > [class*='col-'] > .vertical-item {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.programs .vertical-item .item-content {
	flex-grow: 1;
}

.programs .vertical-item .services-icon {
	align-items: center;
	background-color: var(--color-primary);
	border-radius: 50%;
	display: flex;
	height: 60px;
	justify-content: center;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: all 0.3s ease-in;
	width: 60px;
}

.programs .vertical-item .services-icon i {
	color: #fff;
	transition: all 0.3s ease-in;
}

.programs .vertical-item .services-icon:hover {
	background-color: #fff;
}

.programs .vertical-item .services-icon:hover i {
	color: var(--color-primary);
}

.programs .vertical-item .item-content {
	padding: 50px 30px 60px;
}

@media (max-width: 1200px) {
	.programs .vertical-item .item-content {
		padding: 35px 20px;
	}
}

.programs .vertical-item .item-content h5 {
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 0.05em;
	margin-bottom: 0;
	margin-top: 0;
	text-transform: none;
}

/* One rhythm, used identically on the classes, coaches, pricing and
   endorsement cards:
     6px  - between a heading and the small subtext lines under it, and
            between the subtext lines themselves
     18px - between that block and the body copy
   Anything that needs to differ overrides one of these two, so the spacing
   stays uniform across the page by default rather than by coincidence. */
.programs .vertical-item .item-content > * + * {
	margin-bottom: 0;
	margin-top: 6px;
}

/* White, not the #a4a9b9 the .ds section colour hands down. */
.programs .vertical-item .item-content p {
	color: #fff;
	margin-top: 18px;
}

.programs .vertical-item .item-content span {
	display: block;
	font-family: "Oswald", sans-serif;
	font-size: 16px;
	font-weight: 500;
	margin: 0px;
	padding: 0px;
}

.programs .vertical-item .item-content .class-days {
	color: var(--color-secondary);
	text-transform: uppercase;
	line-height: 30px;
}

.programs .vertical-item .item-content .class-time {
	color: var(--color-primary);
	line-height: 16px;

}

/* The container carries opacity: 0.5 from
   .vertical-item.content-padding .item-content .social-icons - which is why
   the icons read grey no matter what colour is set on them. Opacity fades
   everything inside an element; it cannot be undone further down.
   The full selector is repeated here because that rule is four classes deep
   and a plain .team-section .social-icons loses to it. */
.team-section .vertical-item.content-padding .item-content .social-icons {
	line-height: normal;
	opacity: 1;
}

/* White, gold on hover.
   font-size is what sizes the glyph - the 60px box only ever set the
   clickable area, which is why they still looked small at 28px. 44px glyph
   in a 60px box gives a comfortable target without the icons swimming.
   display: inline-block is required too: these anchors are inline by default
   and width/height are ignored on inline elements. */
.team-section .vertical-item.content-padding .item-content .social-icons a:not(.btn) {
	color: #fff;
	display: inline-block;
	font-size: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	transition: color 0.2s ease-in-out;
	vertical-align: middle;
	width: 64px;
}

/* Coach body copy: white rather than the .ds default #a4a9b9. */
.team-section .vertical-item .item-content p {
	color: #fff;
}

/* Role line - same size as the day/time straplines on the classes cards, and
   gold rather than the red that .color-main gives it in the markup. */
.team-section .vertical-item .item-content .small-text {
	color: var(--color-secondary);
	font-size: 18px;
	margin-top: 10px;
}

.team-section .vertical-item.content-padding .item-content .social-icons a:not(.btn):hover {
	color: var(--color-primary);
	opacity: 1;
}

/*
** Buttons
 */
.btn:hover {
	cursor: pointer;
}

.btn + .btn {
	margin-left: 20px;
}

@media (max-width: 394px) {
	.btn + .btn {
		margin-left: 0;
	}
}

@media (max-width: 374px) {
	.btn + .btn {
		margin-top: 20px;
	}
}

.btn.focus,
.btn:focus {
	box-shadow: 0 0 3px 0 rgba(100, 100, 100, 0.75);
}

.btn-secondary {
	border-color: #e1e1e1;
	color: #13182a;
}

/*color background buttons*/
.btn-maincolor,
.btn-maincolor2,
.btn-maincolor3,
.btn-darkgrey {
	border: 2px solid var(--color-primary);
	color: #fff;
	padding: 21px 39px;
}

.btn-maincolor {
	background-color: var(--color-primary);
}

.btn-maincolor2 {
	background-color: #37c7ef;
}

.btn-maincolor3 {
	background-color: #98c725;
}

.btn-darkgrey {
	background-color: #13182a;
}

/*color outline buttons*/
.btn-outline-maincolor,
.btn-outline-maincolor2,
.btn-outline-maincolor3 {
	background-color: transparent;
	border: 2px solid var(--color-primary);
	color: #fff;
	padding: 21px 39px;
}

.btn-outline-darkgrey {
	background-color: #fff;
	border: 2px solid #13182a;
	color: var(--color-primary);
	padding: 21px 39px;
}

.btn-outline-maincolor {
	border-color: var(--color-primary);
}

.btn-outline-maincolor2 {
	border-color: #37c7ef;
}

.btn-outline-maincolor3 {
	border-color: #98c725;
}

.btn-outline-darkgrey {
	border-color: #13182a;
	color: #13182a;
}

.corner {
	background-color: transparent !important;
	height: 0;
	overflow: visible !important;
	padding-bottom: 70px;
	position: relative;
	z-index: 3;
}

.corner:before,
.corner:after {
	content: "";
	display: block;
	height: 0;
	position: absolute;
	width: 0;
}

.corner:after {
	border-left: 50vw solid transparent;
	border-right: 50vw solid transparent;
	border-top: 70px solid #fff;
}

.corner.corner-outside {
	position: absolute;
}

.corner.corner-outside:first-child {
	top: -70px;
}

.corner.corner-outside:last-child {
	bottom: -70px;
}

.corner.corner-half:after {
	border-left-width: 100vw;
	border-right-width: 0;
}

.corner.corner-half.corner-half-inverse:after {
	border-left-width: 0;
	border-right-width: 100vw;
}

.corner.corner-mirror:after {
	border-left-width: 0;
}

.corner.corner-mirror:before {
	border-left: 50vw solid transparent;
	border-top: 70px solid #fff;
	left: 50vw;
}

.corner.corner-inverse:before,
.corner.corner-inverse:after {
	border-bottom: 70px solid #fff;
	border-top: none;
}

@media (max-width: 1199px) {
	.corner {
		padding-bottom: 30px;
	}

	.corner:after {
		border-top-width: 30px;
	}

	.corner.corner-outside {
		position: absolute;
	}

	.corner.corner-outside:first-child {
		top: -30px;
	}

	.corner.corner-outside:last-child {
		bottom: -30px;
	}

	.corner.corner-mirror:before {
		border-top-width: 30px;
	}

	.corner.corner-inverse:before,
	.corner.corner-inverse:after {
		border-bottom-width: 30px;
	}
}

.corner.ls.ms.corner-mirror:before,
.corner.ls.ms:after {
	border-bottom-color: #f2f2f2;
	border-top-color: #f2f2f2;
}

.corner.ls.ms.corner-inverse:after {
	border-bottom-color: #f2f2f2;
}

.corner.ds.corner-mirror:before,
.corner.ds:after {
	border-bottom-color: #13182a;
	border-top-color: #13182a;
}

.corner.ds.corner-inverse:after {
	border-bottom-color: #13182a;
}

.corner.ds.ms.corner-mirror:before,
.corner.ds.ms:after {
	border-bottom-color: #0a0d1b;
	border-top-color: #0a0d1b;
}

.corner.ds.ms.corner-inverse:after {
	border-bottom-color: #0a0d1b;
}

.corner.ds.bs.corner-mirror:before,
.corner.ds.bs:after {
	border-bottom-color: #2f3e47;
	border-top-color: #2f3e47;
}

.corner.ds.bs.corner-inverse:after {
	border-bottom-color: #2f3e47;
}

.corner.cs.corner-mirror:before,
.corner.cs:after {
	border-bottom-color: var(--color-primary);
	border-top-color: var(--color-primary);
}

.corner.cs.corner-inverse:after {
	border-bottom-color: var(--color-primary);
}

.corner.cs.cs2.corner-mirror:before,
.corner.cs.cs2:after {
	border-bottom-color: #37c7ef;
	border-top-color: #37c7ef;
}

.corner.cs.cs2.corner-inverse:after {
	border-bottom-color: #37c7ef;
}

.corner.cs.cs3.corner-mirror:before,
.corner.cs.cs3:after {
	border-bottom-color: #98c725;
	border-top-color: #98c725;
}

.corner.cs.cs3.corner-inverse:after {
	border-bottom-color: #98c725;
}

/*
** Light Background Section - .ls
*/
.ls {
	background-color: #fff;
	color: #808080;
}

.ls h1,
.ls h2,
.ls h3,
.ls h4,
.ls h5,
.ls h6 {
	color: #13182a;
}

.ls h1 a,
.ls h2 a,
.ls h3 a,
.ls h4 a,
.ls h5 a,
.ls h6 a {
	color: inherit;
}

.ls h1 a:hover,
.ls h2 a:hover,
.ls h3 a:hover,
.ls h4 a:hover,
.ls h5 a:hover,
.ls h6 a:hover {
	opacity: 0.8;
}

.ls .btn-darkgrey {
	background: #13182a;
	border: 2px solid #13182a;
}

.ls .btn-outline-maincolor,
.ls .btn-outline-maincolor2,
.ls .btn-outline-maincolor3 {
	color: var(--color-primary);
}

.ls .btn-outline-darkgrey {
	border: 2px solid #13182a;
	color: var(--color-primary);
}

.ls .btn-maincolor:hover,
.ls .btn-maincolor2:hover,
.ls .btn-maincolor3:hover,
.ls .btn-darkgrey:hover {
	color: var(--color-primary);
}

.ls .btn-outline-maincolor:hover,
.ls .btn-outline-maincolor2:hover,
.ls .btn-outline-maincolor3:hover,
.ls .btn-outline-darkgrey:hover {
	color: #fff;
}

.ls .btn-outline-maincolor:hover {
	background-color: var(--color-primary);
}

.ls .btn-maincolor:hover {
	background-color: transparent;
}

.ls .btn-outline-maincolor2:hover {
	background-color: #37c7ef;
}

.ls .btn-maincolor2:hover {
	background-color: transparent;
}

.ls .btn-outline-maincolor3:hover {
	background-color: #98c725;
}

.ls .btn-maincolor3:hover {
	background-color: transparent;
}

.ls .btn-outline-darkgrey:hover {
	background-color: #13182a;
}

.ls .btn-darkgrey:hover {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: #fff;
}

.ls .links-maincolor a:hover {
	opacity: 0.7;
}

/*
** Grey Background Section - light section, muted section - .ls.ms
*/
.ls.ms {
	background-color: #f2f2f2;
	color: #6e6e6e;
}

.ls.ms .links-grey a {
	color: #6e6e6e;
}

.ls.ms .hero-bg {
	background-color: #fff;
}

.ls.ms .hero-bg hr {
	background-color: #e1e1e1;
}

.ls.ms hr {
	background-color: #fff;
}

.ls.ms input[type="text"],
.ls.ms input[type="email"],
.ls.ms input[type="url"],
.ls.ms input[type="password"],
.ls.ms input[type="search"],
.ls.ms input[type="tel"],
.ls.ms input[type="number"],
.ls.ms textarea,
.ls.ms select,
.ls.ms .form-control {
	background-color: #fff;
}

.ls.ms .hero-bg input[type="text"],
.ls.ms .hero-bg input[type="email"],
.ls.ms .hero-bg input[type="url"],
.ls.ms .hero-bg input[type="password"],
.ls.ms .hero-bg input[type="search"],
.ls.ms .hero-bg input[type="tel"],
.ls.ms .hero-bg input[type="number"],
.ls.ms .hero-bg textarea,
.ls.ms .hero-bg select,
.ls.ms .hero-bg .form-control {
	background-color: #f2f2f2;
	border-color: #e1e1e1;
}

.ls.ms td,
.ls.ms th,
.ls.ms .bordered {
	border-color: #d4d4d4;
}

.ls.ms .btn-secondary {
	border-color: #fff;
}

.ls.ms .btn-secondary:hover {
	background-color: #e3e3e3;
	border-color: #e3e3e3;
}

.ls .color-icon.bg-icon {
	background-color: #ececec;
}

.ls .pricing-plan [class*='btn-outline-'] {
	background-color: #fff;
}

.ls .pricing-plan [class*='btn-outline-']:hover {
	background-color: var(--color-primary);
}

.ls.ms .nav-tabs > li.active > a,
.ls.ms .nav-tabs > li.active > a:hover,
.ls.ms .nav-tabs > li.active > a:focus {
	background-color: #fff;
	border-color: #fff;
}

.ls.ms .tab-content {
	background-color: #fff;
}

.ls.ms .tab-content .bordered {
	border-color: #e6e6e6;
}

.ls.ms .tab-content.no-border {
	background-color: transparent;
}

.ls.ms .tab-content .form-control {
	background-color: #f2f2f2;
}

.ls.ms .vertical-tabs .nav > li > a {
	background-color: #fff;
}

.ls.ms .vertical-tabs .nav > li > a:hover,
.ls.ms .vertical-tabs .nav > li.active > a {
	background-color: #13182a;
}

.ls.ms .panel-title > a {
	background-color: #13182a;
}

.ls.ms .panel-title > a.collapsed {
	background-color: #fff;
}

.ls.ms .hero-bg .panel-title > a {
	border: 1px solid #e1e1e1;
}

.ls.ms .panel-title > a.collapsed:hover,
.ls.ms .panel-title > a:hover {
	background-color: #13182a;
}

.ls.ms .pagination a,
.ls.ms .pagination span {
	background-color: #fff;
	border-color: #fff;
}

.ls.ms .breadcrumb {
	color: #808080;
}

.ls.ms .breadcrumb a {
	color: #676767;
}

.ls.ms .breadcrumb a:hover {
	color: var(--color-primary);
}

.ls.ms [class*='btn-outline-']:not(:hover) {
	background-color: #f2f2f2;
}

/*
** Dark Section background and Dark Muted background sections - .ds and .ds.ms
*/
/* dark grey background section - .ds */
.ds {
	background-color: #000;
	color: #a4a9b9;
}

.ds * .ds {
	background-color: #0b0e18;
}

/* dark background section - .ds.ms */
.ds.ms {
	background-color: #000;
}

.ds.ms .ds.ms {
	background-color: #0d1122;
}

/* dark section blue - .ds.bs */
.ds.bs {
	background-color: #2f3e47;
}

.ds a:not(.btn) {
	color: #fff;
}

.ds a:not(.btn):hover {
	color: var(--color-primary);
}

.ds h1,
.ds h2,
.ds h3,
.ds h4,
.ds h5,
.ds h6 {
	color: #fff;
}

.ds h1 a,
.ds h2 a,
.ds h3 a,
.ds h4 a,
.ds h5 a,
.ds h6 a {
	color: #fff;
}

.ds .ls {
	background-color: #fff;
	color: #808080;
}

.ds .ls h1,
.ds .ls h2,
.ds .ls h3,
.ds .ls h4,
.ds .ls h5,
.ds .ls h6 {
	color: #13182a;
}

.ds .ls h1 a,
.ds .ls h2 a,
.ds .ls h3 a,
.ds .ls h4 a,
.ds .ls h5 a,
.ds .ls h6 a {
	color: inherit;
}

.ds .ls h1 a:hover,
.ds .ls h2 a:hover,
.ds .ls h3 a:hover,
.ds .ls h4 a:hover,
.ds .ls h5 a:hover,
.ds .ls h6 a:hover {
	color: var(--color-primary);
}

.ds .ls a:not(.btn) {
	color: #13182a;
}

.ds .ls a:not(.btn):hover {
	color: var(--color-primary);
}

.ds label {
	color: #fff;
}

.ds hr {
	background-color: #3f4455;
	border-color: #3f4455;
}

.ds blockquote,
.ds .blockquote {
	color: #a4a9b9;
}

.ds pre {
	color: #a4a9b9;
}

.ds .muted-bg,
.ds .hero-bg {
	background-color: #222739;
}

.ds .bordered {
	border-color: #3f4455;
}

.ds .color-main {
	color: var(--color-primary);
}

.ds .color-main2 {
	color: #37c7ef;
}

.ds .color-dark,
.ds .color-darkgrey {
	border-color: #fff;
	color: #fff;
}

.ds .links-maincolor a {
	color: var(--color-primary);
}

.ds .links-maincolor a:hover {
	color: #fff;
}

.ds .links-maincolor2 a {
	color: #37c7ef;
}

.ds .links-maincolor2 a:hover {
	color: #fff;
}

.ds .links-maincolor3 a {
	color: #98c725;
}

.ds .links-maincolor3 a:hover {
	color: #fff;
}

.ds .links-grey a {
	color: #a4a9b9;
}

.ds .links-grey a:hover {
	color: #fff;
}

.ds .links-darkgrey a {
	color: #fff;
}

.ds .links-darkgrey a:hover {
	color: var(--color-primary);
}

.ds.s-bordertop:before,
.ds.s-borderbottom:after,
.ds.s-bordertop-container .container:before,
.ds.s-borderbottom-container .container:after {
	background-color: #3f4455;
}

.ds.s-bordered-columns [class*='col-'] + [class*='col-']:before {
	background-color: #3f4455;
}

.ds .btn-darkgrey {
	background-color: #fff;
	border: 2px solid #fff;
	color: #13182a;
}

.ds .btn-maincolor:hover,
.ds .btn-maincolor2:hover,
.ds .btn-maincolor3:hover,
.ds .btn-darkgrey:hover {
	color: var(--color-primary);
}

.ds .btn-outline-maincolor:hover,
.ds .btn-outline-maincolor2:hover,
.ds .btn-outline-maincolor3:hover,
.ds .btn-outline-darkgrey:hover {
	color: #fff;
}

.ds .btn-outline-maincolor:hover {
	background-color: var(--color-primary);
}

.ds .btn-maincolor:hover {
	background-color: #13182a;
}

.ds .btn-outline-maincolor2:hover {
	background-color: #37c7ef;
}

.ds .btn-maincolor2:hover {
	background-color: transparent;
}

.ds .btn-outline-maincolor3:hover {
	background-color: #98c725;
}

.ds .btn-maincolor3:hover {
	background-color: transparent;
}

.ds .btn-outline-darkgrey {
	border-color: var(--color-primary);
	color: var(--color-primary);
}

.ds .btn-outline-darkgrey:hover {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

.ds .btn-darkgrey:hover {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: #fff;
}

.ds a.fa {
	border-color: #fff;
	color: #fff;
}

.ds a.bg-icon {
	background-color: #222739;
}

.ds .fa.color-icon:hover {
	color: #fff;
}

.ds .color-icon.bg-icon {
	background-color: #222739;
}

.ds .color-icon.bg-icon:hover {
	color: #fff;
}

.ds .color-bg-icon:hover {
	background-color: var(--color-primary);
}

.ds {
	/* shop */
}

.ds .list-bordered li {
	border-color: #3f4455;
}

.ds input[type="text"],
.ds input[type="email"],
.ds input[type="url"],
.ds input[type="password"],
.ds input[type="search"],
.ds input[type="tel"],
.ds input[type="number"],
.ds textarea,
.ds select,
.ds .form-control {
	background-color: #0a0d1b;
	color: #a4a9b9;
}

.ds.ms input[type="text"],
.ds.ms input[type="email"],
.ds.ms input[type="url"],
.ds.ms input[type="password"],
.ds.ms input[type="search"],
.ds.ms input[type="tel"],
.ds.ms input[type="number"],
.ds.ms textarea,
.ds.ms select,
.ds.ms .form-control {
	background-color: #13182a;
	color: #a4a9b9;
}

.ds .form-group-select:before {
	border-color: #3f4455;
}

.ds .form-control:focus {
	border-color: #4a5064;
}

.ds .form-control:-moz-placeholder {
	color: #a4a9b9;
	font-style: normal;
	opacity: 1;
}

.ds .form-control::-moz-placeholder {
	color: #a4a9b9;
	font-style: normal;
	opacity: 1;
}

.ds .form-control:-ms-input-placeholder {
	color: #a4a9b9;
	font-style: normal;
}

.ds .form-control::-webkit-input-placeholder {
	color: #a4a9b9;
	font-style: normal;
}

.ds .form-control:focus:-moz-placeholder {
	color: transparent;
	font-style: normal;
}

.ds .form-control:focus::-moz-placeholder {
	color: transparent;
	font-style: normal;
}

.ds .form-control:focus:-ms-input-placeholder {
	color: transparent;
	font-style: normal;
}

.ds .form-control:focus::-webkit-input-placeholder {
	color: transparent;
	font-style: normal;
}

.ds .contact-form.transparent-background .form-control {
	border-color: #3f4455;
	font-style: normal;
}

.ds .tab-content {
	border-color: #3f4455;
	border-top: 7px solid var(--color-primary);
	position: relative;
	top: -1px;
	z-index: 555;
}

.ds .nav-tabs .nav-link {
	border-color: #3f4455;
}

.ds .nav-tabs .nav-link:hover {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: #fff;
}

.ds .owl-theme .owl-dots .owl-dot span {
	border-color: #fff;
}

.ds .post-adds .share_button > i,
.ds .post-adds .like_button > i {
	color: #fff;
}

.ds .side-item {
	border-color: #3f4455;
}

.ds .excerpt {
	color: #fff;
}

.ds .reply a {
	color: #fff;
}

.ds .widget_search .form-inline .btn,
.ds .widget_product_search [type="submit"],
.ds .widget_mailchimp .form-inline .btn {
	background-color: transparent;
	color: var(--color-primary);
}

.ds .widget_shopping_cart .cart_list,
.ds .widget_recent_entries li,
.ds .widget_recent_comments li,
.ds .widget_archive li,
.ds .widget_categories li,
.ds .widget_meta li,
.ds .widget_nav_menu li,
.ds .widget_pages li,
.ds .widget_popular_entries li {
	border-color: #3f4455;
}

.ds .widget_nav_menu ul ul {
	border-color: #3f4455;
}

.ds .widget_popular_entries .media-heading {
	color: #fff;
}

.ds .tweet_list li + li .tweet_right {
	border-color: #3f4455;
}

.ds .widget_tag_cloud a {
	border-color: #fff;
	color: #fff;
}

.ds .widget_shopping_cart li a + a {
	color: #fff;
}

.ds .widget_shopping_cart li a + a:hover {
	color: var(--color-primary);
}

.ds .summary .price {
	border-color: #3f4455;
	color: var(--color-primary);
}

.ds .summary .product_meta {
	border-color: #3f4455;
}

.ds .widget_price_filter .price_label {
	color: #fff;
}

.ds #calendar_wrap {
	border-color: #3f4455;
}

.ds .widget_calendar table {
	background-color: #222739;
	border-color: #3f4455;
}

.ds .widget_calendar tfoot td a {
	border-color: #3f4455;
}

.ds .widget_calendar caption,
.ds .widget_calendar thead,
.ds .widget_calendar th {
	color: #fff;
}

.ds .widget_calendar tbody td a:hover {
	color: #fff;
}

.ds .grid-view h3:before,
.ds .grid-view h3:after {
	background-color: #3f4455;
}

.ds .owl-carousel.product-thumbnails .owl-nav > div:after {
	color: #fff;
}

.ds .ui-slider {
	background-color: #222739;
}

.ds .ui-slider .ui-slider-handle {
	background-color: #fff;
}

.ds #sort_view {
	background-color: transparent;
	color: #fff;
}

.ds #toggle_shop_view.grid-view:after,
.ds #toggle_shop_view:before {
	background-color: #1c202f;
}

.ds .widget_layered_nav .color-filters a:before {
	border-color: #3f4455;
}

.ds .table.cart a {
	color: #fff;
}

.ds .pagination > li > a,
.ds .pagination > li > span {
	background-color: transparent;
	border: 1px solid #3f4455;
	color: #fff;
}

.ds .pagination > li.active > a,
.ds .pagination > li.active > span,
.ds .pagination > li > a:hover,
.ds .pagination > li > span:hover,
.ds .pagination > li > a:focus,
.ds .pagination > li > span:focus {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: #fff;
}

.ds .thumbnail {
	background-color: transparent;
}

.ds .thumbnail h3 a {
	color: #fff;
}

.ds .thumbnail .caption {
	background-color: #202536;
	border-color: transparent;
}

.ds .progress {
	background-color: #3f4455;
}

.ds .panel-heading .panel-title > a.collapsed,
.ds .vertical-tabs .nav > li > a {
	background-color: #222739;
	color: #fff;
}

.ds .panel-heading .panel-title > a,
.ds .panel-heading .panel-title > a:hover,
.ds .vertical-tabs .nav > li.active > a,
.ds .vertical-tabs .nav > li > a:hover {
	background-color: var(--color-primary);
}

.ds .panel-heading .panel-title > a:hover:after,
.ds .vertical-tabs .nav > li > a:hover:after {
	color: #fff;
}

.ds .entry-meta .comments-link a {
	color: #fff;
}

.ds #timetable tbody th,
.ds #timetable tbody td {
	border-color: #3f4455;
}

.ds #isotope_filters a,
.ds .filters a {
	color: #fff;
}

.ds div .fw-shortcode-calendar-wrapper .page-header h3,
.ds div .btn-group button[data-calendar-nav],
.ds div .btn-group button[data-calendar-nav*='today'] {
	color: #fff;
}

/*
** Color Background Section - .cs
*/
.cs.cs2 {
	background-color: #37c7ef;
}

.cs.cs2 .color-main {
	color: var(--color-primary);
}

.cs.cs3 {
	background-color: #98c725;
}

.cs.cs3 .color-main {
	color: var(--color-primary);
}

/* color section grey - .cs.gs */
.cs.gs {
	background-color: #aaa6a7;
}

.cs.cs-success {
	background-color: #4db19e;
}

.cs.cs-info {
	background-color: #007ebd;
}

.cs.cs-warning {
	background-color: #eeb269;
}

.cs.cs-danger {
	background-color: #dc5753;
}

.cs {
	background-color: var(--color-primary);
	color: #fff;
}

.cs h1,
.cs h2,
.cs h3,
.cs h4,
.cs h5,
.cs h6 {
	color: #fff;
}

.cs h1 a,
.cs h2 a,
.cs h3 a,
.cs h4 a,
.cs h5 a,
.cs h6 a {
	color: #fff;
}

.cs h1 a:hover,
.cs h2 a:hover,
.cs h3 a:hover,
.cs h4 a:hover,
.cs h5 a:hover,
.cs h6 a:hover {
	color: rgba(255, 255, 255, 0.6);
}

.cs a:not(.btn) {
	color: #fff;
}

.cs a:not(.btn):hover {
	opacity: 0.8;
}

.cs blockquote,
.cs .blockquote {
	border-color: #ea6a77;
}

.cs hr {
	border-color: rgba(255, 255, 255, 0.15);
}

.cs pre {
	color: #fff;
}

.cs .hero-bg {
	background-color: rgba(255, 255, 255, 0.1);
}

.cs .bordered {
	border-color: rgba(255, 255, 255, 0.15);
}

.cs.s-bordertop:before,
.cs.s-borderbottom:after,
.cs.s-bordertop-container .container:before,
.cs.s-borderbottom-container .container:after {
	background-color: rgba(255, 255, 255, 0.15);
}

.cs.s-bordered-columns [class*='col-'] + [class*='col-']:before {
	background-color: rgba(255, 255, 255, 0.15);
}

.cs .links-darkgrey a,
.cs .links-grey a {
	color: #fff;
	opacity: 0.9;
}

.cs .links-darkgrey a:hover,
.cs .links-grey a:hover {
	color: #fff;
	opacity: 1;
}

.cs .color-dark {
	border-color: #fff;
	color: #fff;
}

.cs .color-darkgrey {
	border-color: #13182a;
	color: #13182a;
}

.cs .response,
.cs .color-main {
	color: #fff;
}

.cs input[type="text"],
.cs input[type="email"],
.cs input[type="url"],
.cs input[type="password"],
.cs input[type="search"],
.cs input[type="tel"],
.cs input[type="number"],
.cs textarea,
.cs select,
.cs .form-control {
	background-color: #fff;
	border-color: #fff;
	color: #13182a;
}

.cs .form-control:focus {
	border-color: rgba(255, 255, 255, 0.5);
}

.cs .form-control:-moz-placeholder {
	color: #13182a;
	opacity: 1;
}

.cs .form-control::-moz-placeholder {
	color: #13182a;
	opacity: 1;
}

.cs .form-control:-ms-input-placeholder {
	color: #13182a;
}

.cs .form-control::-webkit-input-placeholder {
	color: #13182a;
}

.cs .form-control:focus:-moz-placeholder {
	color: transparent;
}

.cs .form-control:focus::-moz-placeholder {
	color: transparent;
}

.cs .form-control:focus:-ms-input-placeholder {
	color: transparent;
}

.cs .form-control:focus::-webkit-input-placeholder {
	color: transparent;
}

.cs .btn-maincolor {
	background-color: #fff;
	color: #13182a;
}

.cs .btn-outline-maincolor {
	border-color: #fff;
	color: #fff;
}

.cs .btn-maincolor:hover,
.cs .btn-maincolor2:hover,
.cs .btn-maincolor3:hover,
.cs .btn-darkgrey:hover,
.cs .btn-outline-maincolor:hover,
.cs .btn-outline-maincolor2:hover,
.cs .btn-outline-maincolor3:hover,
.cs .btn-outline-darkgrey:hover {
	color: #fff;
}

.cs .btn-outline-maincolor:hover,
.cs .btn-maincolor:hover {
	background-color: #d11d2f;
	border-color: #d11d2f;
}

.cs .btn-outline-maincolor2:hover,
.cs .btn-maincolor2:hover {
	background-color: #12b4e1;
}

.cs .btn-outline-maincolor3:hover,
.cs .btn-maincolor3:hover {
	background-color: #779c1d;
}

.cs .btn-outline-darkgrey:hover,
.cs .btn-darkgrey:hover {
	background-color: #030407;
	border-color: #030407;
}

.cs a.fa {
	border-color: rgba(255, 255, 255, 0.15);
	color: #fff;
}

.cs a.bg-icon {
	background-color: rgba(255, 255, 255, 0.17);
}

.cs .color-icon.bg-icon {
	background-color: rgba(255, 255, 255, 0.9);
}

.cs a.fa.color-bg-icon:hover {
	background-color: #13182a;
}

.cs .btn-action {
	background-color: #fff;
}

.cs .btn-action i {
	color: #13182a;
}

.cs .btn-action:hover i {
	opacity: 0.7;
}

/*
** Helper Utilities
*/
/* layout */
.clear,
.clearfix {
	clear: both;
}

.round {
	border-radius: 50%;
}

.text-normal {
	text-transform: none;
}

/* paddings for .*-bg, .bg-* and .bordered */
.p-big {
	padding: 40px 45px;
}

@media (min-width: 1200px) {
	.p-big {
		padding: 55px 60px;
	}
}

.p-normal {
	padding: 40px 45px;
}

.p-small {
	padding: 30px 35px;
}

.cover-before,
.cover-after {
	overflow: hidden;
}

.cover-before,
.cover-after,
.cover-before > *,
.cover-after > * {
	position: relative;
	z-index: 2;
}

.cover-before:before,
.cover-after:after {
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.top-corner {
	left: 0;
	line-height: 1;
	position: absolute;
	top: 0;
}

/* text helpers */
.fs-12 {
	font-size: 12px;
}

.fs-14 {
	font-size: 14px;
}

.fs-16 {
	font-size: 16px;
}

.fs-18 {
	font-size: 18px;
}

.fs-20 {
	font-size: 20px;
}

.fs-24 {
	font-size: 24px;
}

.fs-28 {
	font-size: 28px;
}

.fs-32 {
	font-size: 32px;
}

.fs-36 {
	font-size: 36px;
}

.fs-40 {
	font-size: 40px;
}

.fs-56 {
	font-size: 56px;
}

.fw-100 {
	font-weight: 100;
}

.fw-300,
.thin {
	font-weight: 300;
}

.fw-400 {
	font-weight: 400;
}

.fw-500 {
	font-weight: 500;
}

.fw-700,
.bolder {
	font-weight: 700;
}

.fw-900,
.bold {
	font-weight: 900;
}

.dropcap {
	float: left;
	font-size: 108px;
	font-weight: 900;
	line-height: 0.9;
	margin: 0 15px 0 0;
	text-transform: uppercase;
}

@media (max-width: 1600px) {
	.dropcap {
		font-size: 92px;
		margin-right: 15px;
	}
}

.overflow-hidden {
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.overflow-visible {
	overflow: visible;
	position: relative;
	z-index: 2;
}

.z-index-2 {
	z-index: 2;
}

/*display helpers*/
[class*='visible-above-'],
[class*='visible-below-'] {
	display: none !important;
}

@media (min-width: 576px) {
	.visible-above-sm {
		display: block !important;
	}
}

@media (max-width: 575px) {
	.visible-below-sm {
		display: block !important;
	}
}

@media (min-width: 768px) {
	.visible-above-md {
		display: block !important;
	}
}

@media (max-width: 767px) {
	.visible-below-md {
		display: block !important;
	}
}

@media (min-width: 992px) {
	.visible-above-lg {
		display: block !important;
	}
}

@media (max-width: 991px) {
	.visible-below-lg {
		display: block !important;
	}
}

@media (min-width: 1200px) {
	.visible-above-xl {
		display: block !important;
	}
}

@media (max-width: 1199px) {
	.visible-below-xl {
		display: block !important;
	}
}

@media (max-width: 575px) {
	.hidden-below-sm {
		display: none !important;
	}
}

@media (min-width: 576px) {
	.hidden-above-sm {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.hidden-below-md {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.hidden-above-md {
		display: none !important;
	}
}

@media (max-width: 991px) {
	.hidden-below-lg {
		display: none !important;
	}
}

@media (min-width: 992px) {
	.hidden-above-lg {
		display: none !important;
	}
}

@media (max-width: 1199px) {
	.hidden-below-xl {
		display: none !important;
	}
}

@media (min-width: 1200px) {
	.hidden-above-xl {
		display: none !important;
	}
}

@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;
	}
}

/* borders, colors and backgrounds */
.light-bg {
	background-color: #fff;
}

.hero-bg {
	background-color: #f5f5f5;
}

.muted-bg {
	background-color: rgba(19, 24, 42, 0.06);
}

.response,
.color-main {
	border-color: var(--color-primary);
	color: var(--color-primary);
}

.color-main2 {
	border-color: #37c7ef;
	color: #37c7ef;
}

.color-main3 {
	border-color: #98c725;
	color: #98c725;
}

.color-dark {
	border-color: #0a0d1b;
	color: #0a0d1b;
}

.color-darkgrey {
	border-color: #13182a;
	color: #13182a;
}

.color-success {
	color: #4db19e;
}

.color-info {
	color: #007ebd;
}

.color-warning {
	color: #eeb269;
}

.required,
.color-danger {
	color: #dc5753;
}

.bordered {
	border: 1px solid #e1e1e1;
}

.box-shadow {
	border-color: transparent;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.links-maincolor a {
	color: var(--color-primary);
}

.links-maincolor2 a {
	color: #37c7ef;
}

.links-maincolor3 a {
	color: #98c725;
}

.links-grey a {
	color: #808080;
}

.links-grey a:hover {
	color: var(--color-primary);
}

.links-darkgrey a {
	color: #13182a;
}

.links-darkgrey a:hover {
	color: var(--color-primary);
}

.bg-maincolor {
	background-color: var(--color-primary);
}

.bg-maincolor2 {
	background-color: #37c7ef;
}

.bg-maincolor3 {
	background-color: #98c725;
}

.bg-dark {
	background-color: #0a0d1b;
}

.bg-darkblue {
	background-color: #0a0d1b;
	color: #fff;
}

.bg-darkgrey {
	background-color: #13182a;
	color: #fff;
}

.bg-success {
	background-color: #4db19e !important;
}

.bg-info {
	background-color: #007ebd !important;
}

.bg-warning {
	background-color: #eeb269 !important;
}

.bg-danger {
	background-color: #dc5753 !important;
}

[class*='bg-'] {
	color: #fff;
}

[class*='bg-'] a,
[class*='bg-'] h1,
[class*='bg-'] h2,
[class*='bg-'] h3,
[class*='bg-'] h4,
[class*='bg-'] h5,
[class*='bg-'] h6 {
	color: #fff;
}

/*padding for inline elements with theme backgrounds*/
span[class*='bg-'],
span.bordered,
span.light-bg,
span.hero-bg,
span.muted-bg {
	padding-left: 0.37em;
	padding-right: 0.37em;
}

/*Dividers, margins and padding helpers*/
/* margins */
/*top&bottom equal margins - dividers*/
.my-10 {
	margin-bottom: 10px;
	margin-top: 10px;
}

.my-15 {
	margin-bottom: 15px;
	margin-top: 15px;
}

.my-20 {
	margin-bottom: 20px;
	margin-top: 20px;
}

.my-30 {
	margin-bottom: 30px;
	margin-top: 30px;
}

.my-40 {
	margin-bottom: 40px;
	margin-top: 40px;
}

.my-50 {
	margin-bottom: 50px;
	margin-top: 50px;
}

.my-60 {
	margin-bottom: 60px;
	margin-top: 60px;
}

.my-90 {
	margin-bottom: 90px;
	margin-top: 90px;
}

.my-120 {
	margin-bottom: 120px;
	margin-top: 120px;
}

.my-130 {
	margin-bottom: 130px;
	margin-top: 130px;
}

.my-140 {
	margin-bottom: 140px;
	margin-top: 140px;
}

.my-150 {
	margin-bottom: 150px;
	margin-top: 150px;
}

.my-160 {
	margin-bottom: 160px;
	margin-top: 160px;
}

/*left&right equal margins*/
.mx-10 {
	margin-left: 10px;
	margin-right: 10px;
}

.mx-15 {
	margin-left: 15px;
	margin-right: 15px;
}

.mx-20 {
	margin-left: 20px;
	margin-right: 20px;
}

.mx-30 {
	margin-left: 30px;
	margin-right: 30px;
}

.mx-40 {
	margin-left: 40px;
	margin-right: 40px;
}

.mx-50 {
	margin-left: 50px;
	margin-right: 50px;
}

.mx-60 {
	margin-left: 60px;
	margin-right: 60px;
}

.mx-90 {
	margin-left: 90px;
	margin-right: 90px;
}

.mx-120 {
	margin-left: 120px;
	margin-right: 120px;
}

.mx-130 {
	margin-left: 130px;
	margin-right: 130px;
}

.mx-140 {
	margin-left: 140px;
	margin-right: 140px;
}

.mx-150 {
	margin-left: 150px;
	margin-right: 150px;
}

.mx-160 {
	margin-left: 160px;
	margin-right: 160px;
}

/*top margins*/
.mt-10 {
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-60 {
	margin-top: 60px;
}

.mt-90 {
	margin-top: 90px;
}

.mt-120 {
	margin-top: 120px;
}

.mt-130 {
	margin-top: 130px;
}

.mt-140 {
	margin-top: 140px;
}

.mt-150 {
	margin-top: 150px;
}

.mt-160 {
	margin-top: 160px;
}

/*bottom margins*/
.mb-10 {
	margin-bottom: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mb-90 {
	margin-bottom: 90px;
}

.mb-120 {
	margin-bottom: 120px;
}

.mb-130 {
	margin-bottom: 130px;
}

.mb-140 {
	margin-bottom: 140px;
}

.mb-150 {
	margin-bottom: 150px;
}

.mb-160 {
	margin-bottom: 160px;
}

/*top right bottom left margins*/
.m-10 {
	margin: 10px;
}

.m-15 {
	margin: 15px;
}

.m-20 {
	margin: 20px;
}

.m-30 {
	margin: 30px;
}

.m-40 {
	margin: 40px;
}

.m-50 {
	margin: 50px;
}

.m-60 {
	margin: 60px;
}

.m-90 {
	margin: 90px;
}

.m-120 {
	margin: 120px;
}

.m-130 {
	margin: 130px;
}

.m-140 {
	margin: 140px;
}

.m-150 {
	margin: 150px;
}

.m-160 {
	margin: 160px;
}

/* paddings */
/*top&bottom equal paddings - dividers*/
.py-10 {
	padding-bottom: 10px;
	padding-top: 10px;
}

.py-15 {
	padding-bottom: 15px;
	padding-top: 15px;
}

.py-20 {
	padding-bottom: 20px;
	padding-top: 20px;
}

.py-30 {
	padding-bottom: 30px;
	padding-top: 30px;
}

.py-40 {
	padding-bottom: 40px;
	padding-top: 40px;
}

.py-50 {
	padding-bottom: 50px;
	padding-top: 50px;
}

.py-60 {
	padding-bottom: 60px;
	padding-top: 60px;
}

.py-90 {
	padding-bottom: 90px;
	padding-top: 90px;
}

.py-120 {
	padding-bottom: 120px;
	padding-top: 120px;
}

.py-130 {
	padding-bottom: 130px;
	padding-top: 130px;
}

.py-140 {
	padding-bottom: 140px;
	padding-top: 140px;
}

.py-150 {
	padding-bottom: 150px;
	padding-top: 150px;
}

.py-160 {
	padding-bottom: 160px;
	padding-top: 160px;
}

/*left&right equal paddings*/
.px-10 {
	padding-left: 10px;
	padding-right: 10px;
}

.px-15 {
	padding-left: 15px;
	padding-right: 15px;
}

.px-20 {
	padding-left: 20px;
	padding-right: 20px;
}

.px-30 {
	padding-left: 30px;
	padding-right: 30px;
}

.px-40 {
	padding-left: 40px;
	padding-right: 40px;
}

.px-50 {
	padding-left: 50px;
	padding-right: 50px;
}

.px-60 {
	padding-left: 60px;
	padding-right: 60px;
}

.px-90 {
	padding-left: 90px;
	padding-right: 90px;
}

.px-120 {
	padding-left: 120px;
	padding-right: 120px;
}

.px-130 {
	padding-left: 130px;
	padding-right: 130px;
}

.px-140 {
	padding-left: 140px;
	padding-right: 140px;
}

.px-150 {
	padding-left: 150px;
	padding-right: 150px;
}

.px-160 {
	padding-left: 160px;
	padding-right: 160px;
}

/*top paddings*/
.pt-10 {
	padding-top: 10px;
}

.pt-15 {
	padding-top: 15px;
}

.pt-20 {
	padding-top: 20px;
}

.pt-30 {
	padding-top: 30px;
}

.pt-40 {
	padding-top: 40px;
}

.pt-50 {
	padding-top: 50px;
}

.pt-60 {
	padding-top: 60px;
}

.pt-90 {
	padding-top: 90px;
}

.pt-120 {
	padding-top: 120px;
}

.pt-130 {
	padding-top: 130px;
}

.pt-140 {
	padding-top: 140px;
}

.pt-150 {
	padding-top: 150px;
}

.pt-160 {
	padding-top: 160px;
}

/*bottom paddings*/
.pb-10 {
	padding-bottom: 10px;
}

.pb-15 {
	padding-bottom: 15px;
}

.pb-20 {
	padding-bottom: 20px;
}

.pb-30 {
	padding-bottom: 30px;
}

.pb-40 {
	padding-bottom: 40px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pb-60 {
	padding-bottom: 60px;
}

.pb-90 {
	padding-bottom: 90px;
}

.pb-120 {
	padding-bottom: 120px;
}

.pb-130 {
	padding-bottom: 130px;
}

.pb-140 {
	padding-bottom: 140px;
}

.pb-150 {
	padding-bottom: 150px;
}

.pb-160 {
	padding-bottom: 160px;
}

/*top right bottom left paddings*/
.p-10 {
	padding: 10px;
}

.p-15 {
	padding: 15px;
}

.p-20 {
	padding: 20px;
}

.p-30 {
	padding: 30px;
}

.p-40 {
	padding: 40px;
}

.p-50 {
	padding: 50px;
}

.p-60 {
	padding: 60px;
}

.p-90 {
	padding: 90px;
}

.p-120 {
	padding: 120px;
}

.p-130 {
	padding: 130px;
}

.p-140 {
	padding: 140px;
}

.p-150 {
	padding: 150px;
}

.p-160 {
	padding: 160px;
}

/*
** Shortcodes
*/
/*
** Icon Box
*/
.icon-styled {
	display: inline-block;
	text-align: center;
}

.icon-styled i {
	width: 1em;
}

.icon-styled[class*='bg-'],
.icon-styled[class*='btn-'],
.icon-styled.bordered,
.icon-styled.icon-bordered {
	border-style: solid;
	border-width: 1px;
	box-sizing: content-box;
	height: 3em;
	width: 3em;
}

.text-center .icon-styled[class*='bg-'],
.text-center .icon-styled[class*='btn-'],
.text-center .icon-styled.bordered,
.text-center .icon-styled.icon-bordered {
	margin-left: auto;
	margin-right: auto;
}

.icon-styled[class*='bg-'] i,
.icon-styled[class*='btn-'] i,
.icon-styled.bordered i,
.icon-styled.icon-bordered i {
	line-height: 3em;
}

.icon-styled[class*='bg-'] + p,
.icon-styled[class*='btn-'] + p,
.icon-styled.bordered + p,
.icon-styled.icon-bordered + p {
	margin-top: 12px;
}

.icon-styled.icon-bordered:not([class*="color-"]) {
	border-color: #e1e1e1;
}

.icon-styled[class*='bg-'] {
	border-color: transparent;
}

.icon-styled.icon-top {
	align-self: flex-start;
	line-height: inherit;
}

.media > .icon-styled:first-child {
	flex-shrink: 0;
}

.media > .icon-styled:last-child {
	flex-shrink: 0;
}

.icon-inline > .icon-styled:first-child {
	flex-shrink: 0;
	margin-right: 10px;
}

.icon-inline > .icon-styled:last-child {
	flex-shrink: 0;
	margin-left: 20px;
}

.icon-inline {
	align-items: center;
	display: flex;
}

.text-center .icon-inline {
	justify-content: center;
}

.icon-inline > * {
	margin-bottom: 0;
	margin-right: 4px;
	margin-top: 0;
}

.icon-box.ls,
.icon-box.ds,
.icon-box.cs,
.icon-box.bordered,
.icon-box.hero-bg,
.icon-box.muted-bg,
.icon-box.box-shadow {
	padding: 70px 30px;
}

.c-bordered .icon-box {
	padding: 70px 30px 30px;
}

.c-bordered .icon-box p:last-child {
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.icon-box.featured-box {
		height: calc(100% + 12px);
		margin: -6px -10px;
		padding-bottom: 36px;
		padding-top: 76px;
		position: relative;
		z-index: 2;
	}
}

.icon-box .icon-styled[class*='bg-'],
.icon-box .icon-styled.icon-bordered {
	margin-bottom: 0.5em;
}

.icon-box .icon-styled + h2,
.icon-box .icon-styled + h3,
.icon-box .icon-styled + h4,
.icon-box .icon-styled + h5 {
	margin-top: 0.9em;
}

.icon-box .icon-styled + p.small-text {
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 0.2em;
	margin: 0.74em 0;
}

.icon-box h2,
.icon-box h3,
.icon-box h4,
.icon-box h5 {
	line-height: 1;
	margin-bottom: 0.7em;
}

.media .heading-accent,
.icon-box .heading-accent {
	font-size: 30px;
	font-weight: 900;
	letter-spacing: inherit;
	line-height: 1;
	margin-bottom: 0.6em;
	text-transform: uppercase;
}

@media (min-width: 1200px) {
	.media .heading-accent,
	.icon-box .heading-accent {
		font-size: 38px;
	}
}

.media .icon-styled + .heading-accent,
.icon-box .icon-styled + .heading-accent {
	margin-top: 0.6em;
}

.media .special-heading,
.icon-box .special-heading {
	font-family: "Poppins", sans-serif;
	margin: 0;
}

.media.ls,
.media.ds,
.media.cs,
.media.bordered,
.media.hero-bg,
.media.muted-bg,
.media.box-shadow {
	padding: 30px;
}

.media.ls [class*='bg-'],
.media.ls .icon-bordered,
.media.ds [class*='bg-'],
.media.ds .icon-bordered,
.media.cs [class*='bg-'],
.media.cs .icon-bordered,
.media.bordered [class*='bg-'],
.media.bordered .icon-bordered,
.media.hero-bg [class*='bg-'],
.media.hero-bg .icon-bordered,
.media.muted-bg [class*='bg-'],
.media.muted-bg .icon-bordered,
.media.box-shadow [class*='bg-'],
.media.box-shadow .icon-bordered {
	margin-right: 10px;
}

.media.ls [class*='bg-']:last-child,
.media.ls .icon-bordered:last-child,
.media.ds [class*='bg-']:last-child,
.media.ds .icon-bordered:last-child,
.media.cs [class*='bg-']:last-child,
.media.cs .icon-bordered:last-child,
.media.bordered [class*='bg-']:last-child,
.media.bordered .icon-bordered:last-child,
.media.hero-bg [class*='bg-']:last-child,
.media.hero-bg .icon-bordered:last-child,
.media.muted-bg [class*='bg-']:last-child,
.media.muted-bg .icon-bordered:last-child,
.media.box-shadow [class*='bg-']:last-child,
.media.box-shadow .icon-bordered:last-child {
	margin-left: 30px;
	margin-right: 0;
}

.media .media-body > p:first-child {
	margin-top: -0.2em;
}

.side-icon-box {
	margin: 15px 0 32px;
}

.side-icon-box h4 {
	letter-spacing: 0.17em;
	margin-bottom: 15px;
	margin-top: 0;
	text-transform: uppercase;
}

@media (min-width: 1200px) {
	.side-icon-box .icon-styled + .media-body {
		margin-left: 50px;
	}

	.side-icon-box {
		margin-bottom: 50px;
	}
}

.cs .icon-absolute {
	position: relative;
}

.cs .icon-absolute h5 {
	margin: 0;
}

.cs .icon-absolute span {
	font-family: "Oswald", sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.8px;
	line-height: 16px;
	opacity: 0.8;
	text-transform: uppercase;
}

.cs .icon-absolute .icon-styled {
	font-size: 100px;
	left: 50%;
	opacity: 0.1;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1;
}

.ds .icon-absolute {
	position: relative;
}

.ds .icon-absolute h5 {
	margin: 0;
}

.ds .icon-absolute span {
	color: var(--color-primary);
	font-family: "Oswald", sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.8px;
	line-height: 16px;
	text-transform: uppercase;
}

.ds .icon-absolute .icon-styled {
	color: #fff;
	font-size: 100px;
	left: 50%;
	opacity: 0.1;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 0;
}

/*
** Special Heading
*/
.special-heading {
	/* No font-size here on purpose. The template pinned this to 38px, which
	   overrode h1-h6 and made every section heading the same size regardless
	   of level - so these now take their size from the heading tag. */
	font-weight: 400;
	letter-spacing: 0.08em;
	line-height: 1;
	margin-bottom: 0.3em;
	padding-bottom: 16px;
	position: relative;
	text-shadow:
		0 2px 4px rgba(0, 0, 0, 0.9),
		0 6px 20px rgba(0, 0, 0, 0.85);
	word-wrap: break-word;
}

.special-heading:after {
	background-color: var(--color-primary);
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 150px;
}

/* Gold underline on the black sections. Left as primary elsewhere, ready for
   the red and gold section treatments. */
.ds .special-heading:after {
	background-color: var(--color-secondary);
}

@media (min-width: 992px) {
	.special-heading.text-lg-left:after {
		left: 0 !important;
		-webkit-transform: translateX(0) !important;
		transform: translateX(0) !important;
	}
}

.special-heading.text-center:after {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.special-heading.text-lowercase {
	font-size: 62px;
	font-weight: 300;
	line-height: 1.1;
	margin-bottom: 0;
}

.special-heading.big,
.special-heading.text-uppercase {
	font-size: 64px;
	font-weight: 900;
	line-height: 0.8;
}

.special-heading.big {
	margin-bottom: 0.65em;
	margin-top: 0.65em;
}

@media (max-width: 1600px) {
	.special-heading.big,
	.special-heading.text-lowercase,
	.special-heading.text-uppercase {
		font-size: 42px;
		line-height: 1;
	}
}

.special-heading + h3 {
	margin-top: -0.5em;
}

.special-heading.text-center + p {
	text-align: center;
}

h3.small .special-heading {
	font-size: 38px;
	line-height: 1;
}

h3.small {
	font-size: 20px;
	margin-bottom: 36px;
}

/*
** Number Card
*/
.number-card {
	display: flex;
	margin: 30px 0;
	overflow: hidden;
	position: relative;
}

.number-card .card-number span {
	display: block;
	font-family: "Poppins", sans-serif;
	font-size: 60px;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1;
	margin-left: -0.32em;
	margin-top: -0.14em;
	position: relative;
}

.number-card .card-number span:after {
	bottom: -0.09em;
	content: "•";
	font-size: 0.62em;
	position: absolute;
	right: -0.4em;
}

@media (min-width: 992px) {
	.number-card .card-number span {
		font-size: 100px;
	}
}

@media (min-width: 1200px) {
	.number-card .card-number span {
		font-size: 238px;
	}
}

.number-card .card-content {
	padding: 36px 36px 46px;
}

@media (min-width: 992px) {
	.number-card .card-content {
		padding: 56px 60px 66px 100px;
	}
}

.number-card .card-content h4 {
	line-height: 1;
	margin: 0;
}

.number-card .card-content h3 {
	font-weight: 900;
	line-height: 1;
	margin: 6px 0 25px;
}

@media (min-width: 500px) {
	.number-card .card-content h3 {
		font-size: 38px;
	}
}

@media (max-width: 499px) {
	.number-card .card-number {
		position: absolute;
	}

	.number-card .card-number span {
		font-size: 36px;
	}

	.number-card h3,
	.number-card h4 {
		display: inline-block;
	}
}

.pricing-plan {
	background-color: #000;
	color: #fff;
	margin-bottom: 0;
	padding: 40px;
	text-align: center;
}

/* One rhythm for every block in the card - name, price, strapline,
   description, features, button - instead of the assorted 50/60px margins
   the template scattered across them. */
.pricing-plan > * + * {
	margin-top: 18px;
}

/* The strapline is subtext under the price, so it uses the 6px gap. */
.pricing-plan .price-wrap + .plan-description {
	margin-top: 6px;
}

.pricing-plan .price-wrap {
	align-items: flex-end;
	display: flex;
	font-family: "Poppins", sans-serif;
	font-size: 20px;
	justify-content: center;
	line-height: 0.7;
}

.pricing-plan .price-wrap[class*='bg-'] {
	margin-bottom: 0;
	margin-top: 50px;
	padding: 30px 30px 10px;
}

.pricing-plan .price-wrap .plan-price {
	font-size: 62px;
	font-weight: 900;
}

.pricing-plan [class*='bg-'] {
	margin-left: -41px;
	margin-right: -41px;
	padding: 10px 30px 30px;
}

.pricing-plan .plan-name[class*='bg-'] {
	margin-top: -40px;
	padding-top: 30px;
}

/* Strapline under the price - same size and colour as the .class-time spans
   on the classes cards. .small-text forces font-family, font-weight and
   letter-spacing with !important, so those are matched here in kind. */
.pricing-plan .plan-description.small-text {
	color: var(--color-primary);
	font-size: 16px;
	font-weight: 500 !important;
	letter-spacing: 0.05em !important;
	margin-top: 22px !important;
}

/* Feature list in gold, with the divider lines toned to match. */
.pricing-plan .plan-features .list-bordered li {
	border-color: rgba(255, 255, 255, 1);
	color: var(--color-secondary);
}

.pricing-plan .plan-name h3 {
	font-size: 20px;
	letter-spacing: 0.2em;
	line-height: 1;
	margin: 0;
}

@media (min-width: 1200px) {
	/* Padding override removed: it applied to .pricing-plan only, while
	   .plan-featured won at higher specificity and kept 40px - so the
	   featured card's contents sat 17px higher than its neighbours and its
	   bottom gap didn't match. All three now use the base 40px. */
	.pricing-plan [class*='bg-'] {
		margin-left: -41px;
		margin-right: -41px;
	}
}

.pricing-plan .plan-features {
	margin: 0;
	margin-top: 20px;
}

.pricing-plan .plan-button {
	margin-top: auto;
	padding-top: 30px;
	position: static;
}

.pricing-plan.plan-featured {
	border: none;
	box-shadow:
		0 0 0 10px var(--color-primary),
		0 0 10px 0 rgba(0, 0, 0, 0.2);
	padding: 40px;
	position: relative;
}

/* Badge straddling the top of the red ring. Absolutely positioned so it takes
   no part in the card's flex flow, and translated up by half its own height
   so it sits centred on the border rather than below it. */
.pricing-plan.plan-featured .plan-badge {
	background-color: var(--color-primary);
	color: #fff;
	font-family: "Industry", "Oswald", sans-serif;
	font-size: 14px;
	font-weight: 700;
	left: 50%;
	letter-spacing: 0.15em;
	line-height: 1;
	padding: 10px 22px;
	position: absolute;
	text-transform: uppercase;
	top: 0;
	transform: translate(-50%, -100%);
	white-space: nowrap;
	z-index: 2;
}

/* The badge is the card's first child, so .pricing-plan > * + * was giving
   the plan name a 20px top margin it doesn't get on the other two cards -
   which is why Main Eventer's title and price sat lower. */
.pricing-plan .plan-badge + * {
	margin-top: 0;
}

@media (max-width: 768px) {
	.pricing-plan.plan-featured {
		margin-top: 25px;
	}
}

.pricing-plan.plan-featured .plan-button {
	top: auto;
}

.quote-item {
	border: none;
	padding: 20px 0;
	text-align: center;
}

@media (min-width: 768px) {
	.quote-item {
		margin-left: auto;
		margin-right: auto;
		max-width: 70%;
	}
}

.endorsements-section .owl-carousel .owl-item .box-shadow {
	height: 74%;
}

@media (max-width: 1250px) {
	.endorsements-section .owl-carousel .owl-item .box-shadow {
		height: 100%;
	}
}

.endorsements-section .quote-item {
	margin-bottom: 0;
	margin-top: 77px;
	-webkit-transform: translateY(-21%);
	transform: translateY(-21%);
}

@media (max-width: 1250px) {
	.endorsements-section .quote-item {
		margin-top: 30px;
		padding: 30px 30px 20px;
		-webkit-transform: translateY(-10%);
		transform: translateY(-10%);
	}
}

@media (max-width: 1250px) {
	.endorsements-section .quote-item {
		padding: 30px 30px 0;
	}
}

.endorsements-section .quote-item h5 {
	margin-top: 44px;
}

.endorsements-section .quote-item .small-text {
	margin-bottom: 20px;
}

.endorsements-section .quote-item p {
	margin-bottom: 30px;
}

@media (max-width: 992px) {
	.endorsements-section .quote-item p {
		font-size: 16px;
	}
}

@media (max-width: 768px) {
	.endorsements-section .quote-item p {
		font-size: 14px;
	}
}

.endorsements-section .quote-item i {
	color: var(--color-primary);
	font-size: 35px;
}

/*
** Items Masonry
*/
.items-tile .item-content {
	padding-bottom: 100px;
}

.items-tile .item-content h3 {
	margin-bottom: 0.3em;
	text-transform: none;
}

@media (min-width: 992px) {
	.items-tile .item-content h3 a {
		display: inline-block;
		max-height: 3.05em;
		overflow: hidden;
		padding-bottom: 0.1em;
	}

	.items-tile .item-content h3 + p {
		max-height: 5.5em;
		overflow: hidden;
	}
}

.items-tile .item-icons {
	border-bottom: 10px solid rgba(0, 0, 0, 0.1);
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	bottom: 0;
	height: 70px;
	left: 0;
	line-height: 60px;
	padding: 0 40px;
	position: absolute;
	right: 0;
}

.items-tile .item-icons span {
	padding: 0 15px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.items-tile .col-lg-4 [class*='col-']:first-child .item-media {
		margin-bottom: 32px;
	}

	.items-tile .col-lg-4 [class*='col-']:last-child .item-content {
		min-height: 320px;
	}
}

@media (min-width: 1200px) {
	.items-tile .item-content {
		padding: 60px 60px 100px;
	}

	.items-tile .item-content h3 {
		font-size: 38px;
	}

	.items-tile .col-lg-4 [class*='col-']:first-child .item-media {
		margin-bottom: 16px;
	}

	.items-tile .col-lg-4 [class*='col-']:last-child .item-content {
		min-height: 388px;
	}
}

/*
filters
*/
.filters {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.filters.gallery-filters {
	padding-bottom: 45px;
}

.filters.filters-active-tob-border {
	padding-top: 0;
}

.filters.filters-active-tob-border a {
	padding-bottom: 60px;
	padding-top: 60px;
	position: relative;
}

@media (max-width: 991px) {
	.filters.filters-active-tob-border a {
		padding-bottom: 7px;
		padding-top: 10px;
	}
}

.filters.filters-active-tob-border a.active:after {
	background: var(--color-primary);
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.filters a {
	font-family: Oswald;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.7px;
	line-height: 30px;
	padding: 0 15px;
	text-transform: uppercase;
}

.filters .active,
.filters .selected {
	color: var(--color-primary) !important;
}

@media (min-width: 992px) {
	.isotope-wrapper + .row {
		margin-top: 60px;
	}

	.isotope-wrapper.c-mb-30 + .row {
		margin-top: 30px;
	}

	.isotope-wrapper.c-mb-10 + .row {
		margin-top: 50px;
	}

	.isotope-wrapper.c-mb-1 + .row {
		margin-top: 59px;
	}
}

.contact-form textarea {
	min-height: 200px;
}

.excerpt {
	color: #13182a;
	font-size: 16px;
}

/*
** Widgets
*/
aside h2 {
	line-height: 1;
	margin-bottom: 0;
}

aside > * + * {
	margin-top: 60px;
}

@media (max-width: 575px) {
	aside > * + * {
		margin-top: 30px;
	}
}

.widget {
	position: relative;
}

.widget > h3,
.widget .widget-title {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 1;
	margin-bottom: 1.4em;
	text-align: left;
}

@media (max-width: 991px) {
	.widget > h3,
	.widget .widget-title {
		text-align: center;
	}
}

.widget > h2:last-child {
	line-height: 1;
}

.widget li.media {
	margin-bottom: 20px;
}

.widget li.media img {
	height: 86px;
	max-width: 86px;
}

.widget li.media h3,
.widget li.media h4 {
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	margin: 12px 0 5px;
	text-transform: none;
}

.widget li.media p {
	line-height: 1.4;
	margin-bottom: 0.5em;
}

@media (max-width: 768px) {
}

.widget-title.next-image-background {
	position: relative;
	z-index: 2;
}

.widget-title.next-image-background + img {
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: -15px;
}

.text-center .widget-title.next-image-background + img {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media (max-width: 991px) {
	aside {
		margin: 60px auto;
		max-width: 370px;
	}
}

@media (max-width: 575px) {
	aside {
		margin: 60px auto 50px;
		max-width: 100%;
		width: 100%;
	}
}

/* affix-aside */
.affix-aside {
	position: relative;
}

.affix-aside.affix {
	position: fixed;
	top: 100px;
}

.affix-aside.affix-bottom {
	position: absolute !important;
}

.affix-aside.affix-top {
	left: auto !important;
	width: inherit !important;
}

@media (max-width: 991px) {
	.affix-aside,
	.affix-aside.affix-top,
	.affix-aside.affix,
	.affix-aside.affix-bottom {
		position: static !important;
		width: 100% !important;
	}
}

.stars > span {
	display: flex;
}

.stars a {
	color: transparent;
	position: relative;
	text-indent: -999em;
	width: 1em;
}

.stars a:before {
	font-family: "FontAwesome";
	height: 1em;
	left: 0;
	line-height: 1;
	position: absolute;
	text-indent: 0;
	top: 0;
	width: 1em;
}

.stars a:before,
.stars a:hover ~ a:before {
	color: #808080;
	content: "\f006";
}

.stars.selected a.active:before,
.stars:hover a:before {
	color: var(--color-primary);
	content: "\f005";
	opacity: 1;
}

.stars.selected a.active ~ a:before {
	color: #808080;
	content: "\f005";
	opacity: .75;
}

.stars.selected a:not(.active):before {
	color: var(--color-primary);
	content: "\f005";
	opacity: 1;
}

.star-rating {
	color: var(--color-primary);
	font-family: "FontAwesome";
	font-size: 1em;
	height: 1em;
	letter-spacing: 0.1em;
	line-height: 1;
	overflow: hidden;
	position: relative;
	width: 5em;
}

.star-rating:before {
	content: "\f006\f006\f006\f006\f006";
	float: left;
	left: 0;
	position: absolute;
	top: 0;
}

.star-rating span {
	float: left;
	left: 0;
	overflow: hidden;
	padding-top: 1.5em;
	position: absolute;
	top: 0;
}

.star-rating span:before {
	content: "\f005\f005\f005\f005\f005";
	left: 0;
	position: absolute;
	top: 0;
}

/*
widget_search,
widget_mailchimp
widget_product_search
*/
.widget_search form,
.widget_product_search form,
.widget_mailchimp form {
	margin: auto;
	max-width: 370px;
	position: relative;
}

.widget_search label,
.widget_product_search label,
.widget_mailchimp label {
	display: inline;
	margin: 0;
	padding: 0;
}

.widget_search input,
.widget_product_search input,
.widget_mailchimp input {
	background-color: #0a0d1b;
	border: none;
	max-width: 370px;
	width: 100%;
}

.widget_search button,
.widget_mailchimp button,
.widget_product_search form input[type="submit"],
.widget_product_search form:before {
	background-color: transparent;
	border: none;
	opacity: 1;
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 60px;
}

.widget_search button,
.widget_mailchimp button,
.widget_product_search form input[type="submit"] {
	padding: 21px 21px 18px 10px;
}

.widget_search button:hover,
.widget_mailchimp button:hover,
.widget_product_search form input[type="submit"]:hover {
	opacity: 0.5;
}

.widget_search button:before,
.widget_mailchimp button:before,
.widget_product_search form:before {
	color: var(--color-primary);
	content: "\f002";
	font-family: "FontAwesome";
	font-size: 14px;
}

.widget_mailchimp form button:before {
	content: "\f0e0";
}

.widget_product_search form:before {
	line-height: 60px;
}

.widget_product_search input[type="submit"] {
	color: transparent;
	font-size: 0;
}

/*
widget_archive
widget_categories
widget_nav_menu
widget_meta
widget_pages
widget_recent_comments
widget_recent_entries
*/
.widget_archive ul,
.widget_categories ul,
.widget_nav_menu ul,
.widget_meta ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.widget_archive ul ul li,
.widget_categories ul ul li,
.widget_nav_menu ul ul li,
.widget_meta ul ul li,
.widget_pages ul ul li,
.widget_recent_comments ul ul li,
.widget_recent_entries ul ul li {
	padding-left: 20px;
}

.widget_archive ul ul li:last-child,
.widget_categories ul ul li:last-child,
.widget_nav_menu ul ul li:last-child,
.widget_meta ul ul li:last-child,
.widget_pages ul ul li:last-child,
.widget_recent_comments ul ul li:last-child,
.widget_recent_entries ul ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.widget_archive li + li,
.widget_categories li + li,
.widget_nav_menu li + li,
.widget_meta li + li,
.widget_pages li + li,
.widget_recent_comments li + li,
.widget_recent_entries li + li {
	border-top: none;
}

.widget_archive a:empty,
.widget_archive li > a:not([href]),
.widget_categories a:empty,
.widget_categories li > a:not([href]),
.widget_nav_menu a:empty,
.widget_nav_menu li > a:not([href]),
.widget_meta a:empty,
.widget_meta li > a:not([href]),
.widget_pages a:empty,
.widget_pages li > a:not([href]),
.widget_recent_comments a:empty,
.widget_recent_comments li > a:not([href]),
.widget_recent_entries a:empty,
.widget_recent_entries li > a:not([href]) {
	display: none !important;
}

.widget_archive li,
.widget_categories li,
.widget_nav_menu li,
.widget_meta li,
.widget_pages li {
	align-items: center;
	color: var(--color-primary);
	display: flex;
	flex-wrap: wrap;
}

.widget_archive li a,
.widget_categories li a,
.widget_nav_menu li a,
.widget_meta li a,
.widget_pages li a {
	display: inline-block;
	flex-grow: 10;
	padding-bottom: 0;
	padding-top: 0;
}

.widget_archive li > a:before,
.widget_categories li > a:before,
.widget_nav_menu li > a:before,
.widget_meta li > a:before,
.widget_pages li > a:before {
	color: var(--color-primary);
	content: "\f111";
	font-family: "FontAwesome";
	font-size: 10px;
	padding-right: 10px;
	position: relative;
	top: -2px;
}

.widget_recent_comments li,
.widget_recent_entries li {
	padding-bottom: 0;
	padding-top: 0;
}

.widget_recent_comments li:before,
.widget_recent_entries li:before {
	color: var(--color-primary);
	content: "\f111";
	font-family: "FontAwesome";
	font-size: 10px;
	padding-right: 10px;
	position: relative;
	top: -2px;
}

.page_topline .widget_nav_menu li {
	border: none;
	display: inline-block;
	padding-bottom: 0;
	padding-right: 5px;
	padding-top: 0;
	position: relative;
}

.page_topline .widget_nav_menu li:before {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 5px;
	content: "";
	display: block;
	left: -5px;
	opacity: 0.3;
	padding: 0;
	position: absolute;
	top: 5px;
	width: 1px;
}

.page_topline .widget_nav_menu li:first-child:before {
	display: none;
}

.page_topline .widget_nav_menu a {
	padding: 0 10px;
}

.page_topline .widget_nav_menu a:before {
	display: none;
}

.widget_categories select,
.widget_archive select {
	background-color: #0a0d1b;
	border: none;
	max-width: 370px;
	width: 100%;
}

/* widget_calendar */
.calendar_wrap {
	margin-bottom: 0;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	width: 100%;
}

@media (min-width: 768px) and (max-width: 992px) {
	.calendar_wrap {
		overflow-x: auto;
		overflow-y: hidden;
	}
}

.widget_calendar table {
	display: flex;
	flex-direction: column;
	margin: 0;
	max-width: 370px;
	position: relative;
	text-align: center;
}

.widget_calendar caption {
	background-color: var(--color-primary);
	color: #fff;
	line-height: 1;
	padding: 22px 0 22px;
	text-align: center;
}

.widget_calendar thead {
	background-color: #0a0d1b;
	color: #fff;
}

.widget_calendar thead th {
	text-align: center;
	width: 100px;
}

.widget_calendar thead th:first-child {
	padding-left: 20px;
}

.widget_calendar thead th:last-child {
	padding-right: 20px;
}

.widget_calendar tbody tr:first-child td {
	padding-top: 30px;
}

.widget_calendar tbody tr:last-child td {
	padding-bottom: 30px;
}

.widget_calendar tbody td {
	padding: 10px 4px;
	position: relative;
	width: 100px;
}

.widget_calendar tbody td:first-child {
	padding-left: 20px;
}

.widget_calendar tbody td:last-child {
	padding-right: 20px;
}

.widget_calendar tbody td a {
	color: var(--color-primary) !important;
	font-weight: 700;
}

.widget_calendar th {
	color: inherit;
}

.widget_calendar tfoot td {
	position: absolute;
	top: 0;
}

.widget_calendar tfoot td a {
	color: transparent;
	display: inline-block;
	font-size: 0;
	height: 60px;
	line-height: 60px;
	padding: 0 25px;
	text-align: center;
}

.widget_calendar tfoot td a:hover {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

.widget_calendar tfoot td a:before,
.widget_calendar tfoot td a:after {
	color: #fff;
	font-family: "FontAwesome";
	font-size: 14px;
}

.widget_calendar tfoot td.pad {
	display: none;
}

.widget_calendar tfoot td:first-child {
	left: 0;
	padding: 0;
}

.widget_calendar tfoot td:first-child a {
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.widget_calendar tfoot td:first-child a:before {
	content: "\f053";
}

.widget_calendar tfoot td:last-child {
	padding: 0;
	right: 0;
}

.widget_calendar tfoot td:last-child a {
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.widget_calendar tfoot td:last-child a:after {
	content: "\f054";
}

/* widget_rss */
.widget_rss .widget-title .rsswidget:first-child img {
	display: none;
}

.widget_rss .widget-title .rsswidget:first-child:before {
	content: "\f09e";
	font-family: "FontAwesome";
	font-size: 0.8em;
	padding-right: 0.3em;
	position: relative;
	top: -1px;
}

.widget_rss ul {
	list-style: none;
	padding-left: 0;
}

.widget_rss ul a {
	display: block;
	letter-spacing: 0.1em;
	line-height: 1.5;
	text-transform: uppercase;
}

.widget_rss li cite:last-child {
	display: block;
	margin-top: 0.5em;
}

.widget_rss li + li {
	margin-top: 1.5em;
}

.widget_rss .rss-date {
	color: #13182a;
	display: block;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1;
	margin: 0.8em 0;
	text-align: center;
	text-transform: uppercase;
}

/* widget_tag_cloud */
.widget_tag_cloud a {
	background-color: #0a0d1b;
	border-radius: 1px;
	display: inline-block;
	font-size: 12px !important;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1;
	margin: 0 0 4px 0;
	padding: 15px 22px 15px 22px;
	text-align: center;
	text-align: center;
	text-transform: uppercase;
}

.widget_tag_cloud a span {
	color: var(--color-primary);
	margin-left: 7px;
}

.widget_tag_cloud a:not(.btn):hover {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: #fff;
}

.widget_tag_cloud a:not(.btn):hover span {
	color: #fff;
}

/* widget_flickr */
.widget_flickr ul {
	margin: 0;
	padding: 0;
}

@media (max-width: 575px) {
	.widget_flickr ul {
		margin: 0 auto;
		text-align: center;
	}
}

.widget_flickr li {
	display: inline-block;
	margin: 0 10px 10px 0;
}

.widget_flickr img {
	border-radius: 1px;
	max-width: 160px;
}

@media (max-width: 1300px) {
	.widget_flickr img {
		max-width: 145px;
	}
}

@media (max-width: 360px) {
	.widget_flickr img {
		max-width: 135px;
	}
}

.widget_flickr a {
	opacity: 1;
}

.widget_flickr a:hover {
	opacity: 0.6;
}

.widget_instagram .instafeed {
	display: flex;
	flex-wrap: wrap;
}

.widget_instagram .instafeed .photo {
	display: inline-block;
	margin: 0 10px 10px 0;
	max-width: 160px;
	width: 100%;
}

@media (max-width: 992px) {
	.widget_instagram .instafeed .photo {
		max-width: 145px;
	}
}

@media (max-width: 360px) {
	.widget_instagram .instafeed .photo {
		max-width: 135px;
	}
}

.widget_instagram .instafeed img {
	max-width: 160px;
	width: 100%;
}

/* access_press */
.apsc-facebook-icon {
	background-color: #3b5998;
}

.apsc-twitter-icon {
	background-color: #1dcaff;
}

.apsc-youtube-icon {
	background-color: #e52d27;
}

.apsc-soundcloud-icon {
	background-color: #f80;
}

.apsc-dribble-icon {
	background-color: #ea4c89;
}

.apsc-comment-icon {
	background-color: #464646;
}

.apsc-edit-icon {
	background-color: #837d7d;
}

.apsc-google-plus-icon {
	background-color: #dd4b39;
}

.apsc-instagram-icon {
	background-color: #3f729b;
}

.apsc-each-profile a {
	color: white !important;
}

.apsc-each-profile a:hover {
	color: white !important;
	text-decoration: none !important;
}

.apsc-theme-4 .apsc-each-profile {
	margin-bottom: 10px;
}

.apsc-theme-4 .apsc-inner-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.apsc-theme-4 .social-icon {
	display: inline-block;
	margin-right: auto;
	padding: 4px 0;
	transition: all 0.5s ease-in-out;
}

.apsc-theme-4 .apsc-each-profile a {
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1.2px;
	padding: 13px 29px 9px 88px;
	position: relative;
	text-transform: uppercase;
}

.apsc-theme-4 .apsc-each-profile a:hover {
	opacity: 0.8;
}

.apsc-theme-4 .apsc-each-profile a .fa {
	align-items: center;
	border-right: 1px solid #13182a;
	bottom: 0;
	display: flex;
	font-size: 16px;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transform: none;
	transform: none;
	transition: all 0.5s ease-in-out;
	width: 60px;
}

.apsc-theme-4 .apsc-count {
	border-radius: 0;
	color: #fff;
	display: inline-block;
	font-size: inherit;
	padding: 4px 4px;
	position: relative;
	text-align: center;
	transition: all 0.5s ease-in-out;
}

.apsc-theme-4 .apsc-media-type {
	display: inline-block;
	padding: 4px 0;
}

@media screen and (max-width: 479px) {
	.apsc-theme-4 .apsc-each-profile,
	.apsc-theme-3 .apsc-each-profile {
		float: none;
	}
}

/* widget_twitter */
.tweet_avatar {
	float: left;
	margin-top: 4px;
}

.tweet_avatar img {
	display: none;
	max-width: 25px;
}

.tweet_avatar:before {
	color: #55acee;
	content: "\f099";
	font-family: "FontAwesome";
}

.tweet_right {
	margin-left: 35px;
	overflow: hidden;
	zoom: 1;
}

.tweet_list {
	list-style: none;
	padding: 0;
}

.tweet_list li + li {
	clear: both;
	padding-top: 20px;
}

.tweet_text a:last-child {
	display: block;
}

.tweet_time {
	display: block;
}

/*.widget_slider*/
.widget_slider h5:first-child {
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	line-height: 19px;
	line-height: 30px;
	margin: 0 0 5px;
	text-transform: none;
}

.widget_slider .item-content {
	padding: 15px 25px 25px;
}

.widget_slider .cat-links {
	bottom: 0;
	left: 0;
	margin-bottom: -4px;
	position: absolute;
}

/*.widget_post_tabs*/
.widget_post_tabs h4:first-child {
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 19px;
	margin: 0 0 5px;
	text-transform: none;
}

.widget_post_tabs .vertical-item {
	margin-bottom: 1.8em;
}

.widget_post_tabs .vertical-item:last-child {
	margin-bottom: 0;
}

.widget_post_tabs .vertical-item .item-content {
	padding: 10px 25px;
}

/*.widget_posts_2cols*/
.widget_posts_2cols ul {
	display: flex;
	flex-wrap: wrap;
}

.widget_posts_2cols li {
	margin-top: 20px;
	width: 50%;
}

.widget_posts_2cols li:nth-child(even) {
	padding-left: 10px;
}

.widget_posts_2cols li:nth-child(odd) {
	padding-right: 10px;
}

.widget_posts_2cols li:nth-child(1),
.widget_posts_2cols li:nth-child(2) {
	margin-top: 0;
}

.widget_posts_2cols h5 {
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	margin: 12px 0 5px;
	text-transform: none;
}

/*
** Social Icons - Font Awesome Brand Icons
*/
/* social icon layout */
a[class*='fa-']:before {
	display: inline-block;
	font-family: "FontAwesome", sans-serif;
	line-height: 1;
	width: 1em;
}

a.fa {
	font-size: 0;
	line-height: 0;
	margin-left: 8px;
	margin-right: 14px;
	text-align: center;
}

a.fa.bg-icon,
a.fa .tooltip,
a.fa.color-bg-icon,
a.fa .tooltip,
a.fa.border-icon {
	margin-left: 3px;
	margin-right: 3px;
}

a.fa:first-child {
	margin-left: 0;
}

a.fa:last-child {
	margin-right: 0;
}

a.border-icon,
a.bg-icon,
a.color-bg-icon {
	margin-bottom: 4px;
}

a.border-icon:before,
a.bg-icon:before,
a.color-bg-icon:before {
	height: 2.6em;
	line-height: 2.6em;
	width: 2.6em;
}

a[class*='fa-'].rounded-icon {
	border-radius: 50%;
}

/*social icons brand colors*/
a.color-icon.fa-500px,
a[class*="fa-"].fa-500px:hover {
	color: #0099e5;
}

a.color-icon.fa-adn,
a[class*="fa-"].fa-adn:hover {
	color: #4a484c;
}

a.color-icon.fa-amazon,
a[class*="fa-"].fa-amazon:hover {
	color: #f90;
}

a.color-icon.fa-android,
a[class*="fa-"].fa-android:hover {
	color: #a4c639;
}

a.color-icon.fa-angellist,
a[class*="fa-"].fa-angellist:hover {
	color: #000;
}

a.color-icon.fa-apple,
a[class*="fa-"].fa-apple:hover {
	color: #979797;
}

a.color-icon.fa-behance-square,
a[class*="fa-"].fa-behance-square:hover {
	color: #1769ff;
}

a.color-icon.fa-behance,
a[class*="fa-"].fa-behance:hover {
	color: #1769ff;
}

a.color-icon.fa-bitbucket-square,
a[class*="fa-"].fa-bitbucket-square:hover {
	color: #205081;
}

a.color-icon.fa-bitbucket,
a[class*="fa-"].fa-bitbucket:hover {
	color: #205081;
}

a.color-icon.fa-bitcoin,
a[class*="fa-"].fa-bitcoin:hover {
	color: #ee9209;
}

a.color-icon.fa-black-tie,
a[class*="fa-"].fa-black-tie:hover {
	color: #222;
}

a.color-icon.fa-btc,
a[class*="fa-"].fa-btc:hover {
	color: #ee9209;
}

a.color-icon.fa-buysellads,
a[class*="fa-"].fa-buysellads:hover {
	color: #c90100;
}

a.color-icon.fa-cc-amex,
a[class*="fa-"].fa-cc-amex:hover {
	color: #007bc1;
}

a.color-icon.fa-cc-diners-club,
a[class*="fa-"].fa-cc-diners-club:hover {
	color: #004a97;
}

a.color-icon.fa-cc-discover,
a[class*="fa-"].fa-cc-discover:hover {
	color: #f68121;
}

a.color-icon.fa-cc-jcb,
a[class*="fa-"].fa-cc-jcb:hover {
	color: #003a8f;
}

a.color-icon.fa-cc-mastercard,
a[class*="fa-"].fa-cc-mastercard:hover {
	color: #0a3a82;
}

a.color-icon.fa-cc-paypal,
a[class*="fa-"].fa-cc-paypal:hover {
	color: #253b80;
}

a.color-icon.fa-cc-stripe,
a[class*="fa-"].fa-cc-stripe:hover {
	color: #00afe1;
}

a.color-icon.fa-cc-visa,
a[class*="fa-"].fa-cc-visa:hover {
	color: #0157a2;
}

a.color-icon.fa-chrome,
a[class*="fa-"].fa-chrome:hover {
	color: #4587f3;
}

a.color-icon.fa-codepen,
a[class*="fa-"].fa-codepen:hover {
	color: #000;
}

a.color-icon.fa-connectdevelop,
a[class*="fa-"].fa-connectdevelop:hover {
	color: #391448;
}

a.color-icon.fa-contao,
a[class*="fa-"].fa-contao:hover {
	color: #eb8623;
}

a.color-icon.fa-creative-commons,
a[class*="fa-"].fa-creative-commons:hover {
	color: #231f20;
}

a.color-icon.fa-css3,
a[class*="fa-"].fa-css3:hover {
	color: #1680c0;
}

a.color-icon.fa-dashcube,
a[class*="fa-"].fa-dashcube:hover {
	color: #7f7f7f;
}

a.color-icon.fa-delicious,
a[class*="fa-"].fa-delicious:hover {
	color: #39f;
}

a.color-icon.fa-deviantart,
a[class*="fa-"].fa-deviantart:hover {
	color: #4e6252;
}

a.color-icon.fa-digg,
a[class*="fa-"].fa-digg:hover {
	color: #000;
}

a.color-icon.fa-dribbble,
a[class*="fa-"].fa-dribbble:hover {
	color: #444;
}

a.color-icon.fa-dropbox,
a[class*="fa-"].fa-dropbox:hover {
	color: #007ee5;
}

a.color-icon.fa-drupal,
a[class*="fa-"].fa-drupal:hover {
	color: #0077c0;
}

a.color-icon.fa-empire,
a[class*="fa-"].fa-empire:hover {
	color: #000;
}

a.color-icon.fa-expeditedssl,
a[class*="fa-"].fa-expeditedssl:hover {
	color: #343433;
}

a.color-icon.fa-facebook-official,
a[class*="fa-"].fa-facebook-official:hover {
	color: #3b5998;
}

a.color-icon.fa-facebook-square,
a[class*="fa-"].fa-facebook-square:hover {
	color: #3b5998;
}

a.color-icon.fa-facebook,
a[class*="fa-"].fa-facebook:hover {
	color: #3b5998;
}

a.color-icon.fa-firefox,
a[class*="fa-"].fa-firefox:hover {
	color: #e66000;
}

a.color-icon.fa-flickr,
a[class*="fa-"].fa-flickr:hover {
	color: #ff0084;
}

a.color-icon.fa-fonticons,
a[class*="fa-"].fa-fonticons:hover {
	color: #1c1e29;
}

a.color-icon.fa-forumbee,
a[class*="fa-"].fa-forumbee:hover {
	color: #83ad13;
}

a.color-icon.fa-foursquare,
a[class*="fa-"].fa-foursquare:hover {
	color: #0072b1;
}

a.color-icon.fa-ge,
a[class*="fa-"].fa-ge:hover {
	color: #000;
}

a.color-icon.fa-get-pocket,
a[class*="fa-"].fa-get-pocket:hover {
	color: #d3505a;
}

a.color-icon.fa-gg-circle,
a[class*="fa-"].fa-gg-circle:hover {
	color: #000;
}

a.color-icon.fa-gg,
a[class*="fa-"].fa-gg:hover {
	color: #000;
}

a.color-icon.fa-git-square,
a[class*="fa-"].fa-git-square:hover {
	color: #333;
}

a.color-icon.fa-500px,
a[class*="fa-"].fa-500px:hover {
	color: #0099e5;
}

a.color-icon.fa-adn,
a[class*="fa-"].fa-adn:hover {
	color: #4a484c;
}

a.color-icon.fa-amazon,
a[class*="fa-"].fa-amazon:hover {
	color: #f90;
}

a.color-icon.fa-android,
a[class*="fa-"].fa-android:hover {
	color: #a4c639;
}

a.color-icon.fa-angellist,
a[class*="fa-"].fa-angellist:hover {
	color: #000;
}

a.color-icon.fa-apple,
a[class*="fa-"].fa-apple:hover {
	color: #979797;
}

a.color-icon.fa-behance-square,
a[class*="fa-"].fa-behance-square:hover {
	color: #1769ff;
}

a.color-icon.fa-behance,
a[class*="fa-"].fa-behance:hover {
	color: #1769ff;
}

a.color-icon.fa-bitbucket-square,
a[class*="fa-"].fa-bitbucket-square:hover {
	color: #205081;
}

a.color-icon.fa-bitbucket,
a[class*="fa-"].fa-bitbucket:hover {
	color: #205081;
}

a.color-icon.fa-bitcoin,
a[class*="fa-"].fa-bitcoin:hover {
	color: #ee9209;
}

a.color-icon.fa-black-tie,
a[class*="fa-"].fa-black-tie:hover {
	color: #222;
}

a.color-icon.fa-btc,
a[class*="fa-"].fa-btc:hover {
	color: #ee9209;
}

a.color-icon.fa-buysellads,
a[class*="fa-"].fa-buysellads:hover {
	color: #c90100;
}

a.color-icon.fa-cc-amex,
a[class*="fa-"].fa-cc-amex:hover {
	color: #007bc1;
}

a.color-icon.fa-cc-diners-club,
a[class*="fa-"].fa-cc-diners-club:hover {
	color: #004a97;
}

a.color-icon.fa-cc-discover,
a[class*="fa-"].fa-cc-discover:hover {
	color: #f68121;
}

a.color-icon.fa-cc-jcb,
a[class*="fa-"].fa-cc-jcb:hover {
	color: #003a8f;
}

a.color-icon.fa-cc-mastercard,
a[class*="fa-"].fa-cc-mastercard:hover {
	color: #0a3a82;
}

a.color-icon.fa-cc-paypal,
a[class*="fa-"].fa-cc-paypal:hover {
	color: #253b80;
}

a.color-icon.fa-cc-stripe,
a[class*="fa-"].fa-cc-stripe:hover {
	color: #00afe1;
}

a.color-icon.fa-cc-visa,
a[class*="fa-"].fa-cc-visa:hover {
	color: #0157a2;
}

a.color-icon.fa-chrome,
a[class*="fa-"].fa-chrome:hover {
	color: #4587f3;
}

a.color-icon.fa-codepen,
a[class*="fa-"].fa-codepen:hover {
	color: #000;
}

a.color-icon.fa-connectdevelop,
a[class*="fa-"].fa-connectdevelop:hover {
	color: #391448;
}

a.color-icon.fa-contao,
a[class*="fa-"].fa-contao:hover {
	color: #eb8623;
}

a.color-icon.fa-creative-commons,
a[class*="fa-"].fa-creative-commons:hover {
	color: #231f20;
}

a.color-icon.fa-css3,
a[class*="fa-"].fa-css3:hover {
	color: #1680c0;
}

a.color-icon.fa-dashcube,
a[class*="fa-"].fa-dashcube:hover {
	color: #7f7f7f;
}

a.color-icon.fa-delicious,
a[class*="fa-"].fa-delicious:hover {
	color: #39f;
}

a.color-icon.fa-deviantart,
a[class*="fa-"].fa-deviantart:hover {
	color: #4e6252;
}

a.color-icon.fa-digg,
a[class*="fa-"].fa-digg:hover {
	color: #000;
}

a.color-icon.fa-dribbble,
a[class*="fa-"].fa-dribbble:hover {
	color: #444;
}

a.color-icon.fa-dropbox,
a[class*="fa-"].fa-dropbox:hover {
	color: #007ee5;
}

a.color-icon.fa-drupal,
a[class*="fa-"].fa-drupal:hover {
	color: #0077c0;
}

a.color-icon.fa-empire,
a[class*="fa-"].fa-empire:hover {
	color: #000;
}

a.color-icon.fa-expeditedssl,
a[class*="fa-"].fa-expeditedssl:hover {
	color: #343433;
}

a.color-icon.fa-facebook-official,
a[class*="fa-"].fa-facebook-official:hover {
	color: #3b5998;
}

a.color-icon.fa-facebook-square,
a[class*="fa-"].fa-facebook-square:hover {
	color: #3b5998;
}

a.color-icon.fa-facebook,
a[class*="fa-"].fa-facebook:hover {
	color: #3b5998;
}

a.color-icon.fa-firefox,
a[class*="fa-"].fa-firefox:hover {
	color: #e66000;
}

a.color-icon.fa-flickr,
a[class*="fa-"].fa-flickr:hover {
	color: #ff0084;
}

a.color-icon.fa-fonticons,
a[class*="fa-"].fa-fonticons:hover {
	color: #1c1e29;
}

a.color-icon.fa-forumbee,
a[class*="fa-"].fa-forumbee:hover {
	color: #83ad13;
}

a.color-icon.fa-foursquare,
a[class*="fa-"].fa-foursquare:hover {
	color: #0072b1;
}

a.color-icon.fa-ge,
a[class*="fa-"].fa-ge:hover {
	color: #000;
}

a.color-icon.fa-get-pocket,
a[class*="fa-"].fa-get-pocket:hover {
	color: #d3505a;
}

a.color-icon.fa-gg-circle,
a[class*="fa-"].fa-gg-circle:hover {
	color: #000;
}

a.color-icon.fa-gg,
a[class*="fa-"].fa-gg:hover {
	color: #000;
}

a.color-icon.fa-git-square,
a[class*="fa-"].fa-git-square:hover {
	color: #333;
}

a.color-icon.fa-git,
a[class*="fa-"].fa-git:hover {
	color: #333;
}

a.color-icon.fa-github-alt,
a[class*="fa-"].fa-github-alt:hover {
	color: #333;
}

a.color-icon.fa-github-square,
a[class*="fa-"].fa-github-square:hover {
	color: #333;
}

a.color-icon.fa-github,
a[class*="fa-"].fa-github:hover {
	color: #333;
}

a.color-icon.fa-gittip,
a[class*="fa-"].fa-gittip:hover {
	color: #630;
}

a.color-icon.fa-google-plus-square,
a[class*="fa-"].fa-google-plus-square:hover {
	color: #dd4b39;
}

a.color-icon.fa-google-plus,
a[class*="fa-"].fa-google-plus:hover {
	color: #dd4b39;
}

a.color-icon.fa-google-wallet,
a[class*="fa-"].fa-google-wallet:hover {
	color: #4285f4;
}

a.color-icon.fa-google,
a[class*="fa-"].fa-google:hover {
	color: #dd4b39;
}

a.color-icon.fa-hacker-news,
a[class*="fa-"].fa-hacker-news:hover {
	color: #f60;
}

a.color-icon.fa-houzz,
a[class*="fa-"].fa-houzz:hover {
	color: #7ac142;
}

a.color-icon.fa-html5,
a[class*="fa-"].fa-html5:hover {
	color: #e34f26;
}

a.color-icon.fa-instagram,
a[class*="fa-"].fa-instagram:hover {
	color: #3f729b;
}

a.color-icon.fa-internet-explorer,
a[class*="fa-"].fa-internet-explorer:hover {
	color: #1ebbee;
}

a.color-icon.fa-ioxhost,
a[class*="fa-"].fa-ioxhost:hover {
	color: #faa729;
}

a.color-icon.fa-joomla,
a[class*="fa-"].fa-joomla:hover {
	color: #142849;
}

a.color-icon.fa-jsfiddle,
a[class*="fa-"].fa-jsfiddle:hover {
	color: #4679bd;
}

a.color-icon.fa-lastfm-square,
a[class*="fa-"].fa-lastfm-square:hover {
	color: #c3000d;
}

a.color-icon.fa-lastfm,
a[class*="fa-"].fa-lastfm:hover {
	color: #c3000d;
}

a.color-icon.fa-leanpub,
a[class*="fa-"].fa-leanpub:hover {
	color: #0c0c0c;
}

a.color-icon.fa-linkedin-square,
a[class*="fa-"].fa-linkedin-square:hover {
	color: #0976b4;
}

a.color-icon.fa-linkedin,
a[class*="fa-"].fa-linkedin:hover {
	color: #0976b4;
}

a.color-icon.fa-linux,
a[class*="fa-"].fa-linux:hover {
	color: #333;
}

a.color-icon.fa-maxcdn,
a[class*="fa-"].fa-maxcdn:hover {
	color: #f60;
}

a.color-icon.fa-meanpath,
a[class*="fa-"].fa-meanpath:hover {
	color: #538ed7;
}

a.color-icon.fa-medium,
a[class*="fa-"].fa-medium:hover {
	color: #000;
}

a.color-icon.fa-odnoklassniki-square,
a[class*="fa-"].fa-odnoklassniki-square:hover {
	color: #ed812b;
}

a.color-icon.fa-odnoklassniki,
a[class*="fa-"].fa-odnoklassniki:hover {
	color: #ed812b;
}

a.color-icon.fa-opencart,
a[class*="fa-"].fa-opencart:hover {
	color: #2ac2ef;
}

a.color-icon.fa-openid,
a[class*="fa-"].fa-openid:hover {
	color: #f78c40;
}

a.color-icon.fa-opera,
a[class*="fa-"].fa-opera:hover {
	color: #cc0f16;
}

a.color-icon.fa-optin-monster,
a[class*="fa-"].fa-optin-monster:hover {
	color: #83c11f;
}

a.color-icon.fa-pagelines,
a[class*="fa-"].fa-pagelines:hover {
	color: #000;
}

a.color-icon.fa-paypal,
a[class*="fa-"].fa-paypal:hover {
	color: #253b80;
}

a.color-icon.fa-pied-piper-alt,
a[class*="fa-"].fa-pied-piper-alt :hover {
	color: #2f9f46;
}

a.color-icon.fa-pied-piper-square,
a[class*="fa-"].fa-pied-piper-square :hover {
	color: #2f9f46;
}

a.color-icon.fa-pied-piper,
a[class*="fa-"].fa-pied-piper:hover {
	color: #2f9f46;
}

a.color-icon.fa-pinterest-p,
a[class*="fa-"].fa-pinterest-p:hover {
	color: #cc2127;
}

a.color-icon.fa-pinterest-square,
a[class*="fa-"].fa-pinterest-square:hover {
	color: #cc2127;
}

a.color-icon.fa-pinterest,
a[class*="fa-"].fa-pinterest:hover {
	color: #cc2127;
}

a.color-icon.fa-qq,
a[class*="fa-"].fa-qq:hover {
	color: #000;
}

a.color-icon.fa-ra,
a[class*="fa-"].fa-ra:hover {
	color: #000;
}

a.color-icon.fa-rebel,
a[class*="fa-"].fa-rebel:hover {
	color: #000;
}

a.color-icon.fa-reddit-square,
a[class*="fa-"].fa-reddit-square:hover {
	color: #ff4500;
}

a.color-icon.fa-reddit,
a[class*="fa-"].fa-reddit:hover {
	color: #ff4500;
}

a.color-icon.fa-renren,
a[class*="fa-"].fa-renren:hover {
	color: #005eac;
}

a.color-icon.fa-safari,
a[class*="fa-"].fa-safari:hover {
	color: #1b88ca;
}

a.color-icon.fa-sellsy,
a[class*="fa-"].fa-sellsy:hover {
	color: #1f78b9;
}

a.color-icon.fa-share-alt-square,
a[class*="fa-"].fa-share-alt-square:hover {
	color: #01bf01;
}

a.color-icon.fa-share-alt,
a[class*="fa-"].fa-share-alt:hover {
	color: #01bf01;
}

a.color-icon.fa-shirtsinbulk,
a[class*="fa-"].fa-shirtsinbulk:hover {
	color: #dd3a26;
}

a.color-icon.fa-simplybuilt,
a[class*="fa-"].fa-simplybuilt:hover {
	color: #000;
}

a.color-icon.fa-skyatlas,
a[class*="fa-"].fa-skyatlas:hover {
	color: #00adbb;
}

a.color-icon.fa-skype,
a[class*="fa-"].fa-skype:hover {
	color: #00aff0;
}

a.color-icon.fa-slack,
a[class*="fa-"].fa-slack:hover {
	color: #0f7965;
}

a.color-icon.fa-slideshare,
a[class*="fa-"].fa-slideshare:hover {
	color: #e98325;
}

a.color-icon.fa-soundcloud,
a[class*="fa-"].fa-soundcloud:hover {
	color: #f80;
}

a.color-icon.fa-spotify,
a[class*="fa-"].fa-spotify:hover {
	color: #7ab800;
}

a.color-icon.fa-stack-exchange,
a[class*="fa-"].fa-stack-exchange:hover {
	color: #000;
}

a.color-icon.fa-stack-overflow,
a[class*="fa-"].fa-stack-overflow:hover {
	color: #fe7a15;
}

a.color-icon.fa-steam-square,
a[class*="fa-"].fa-steam-square:hover {
	color: #0b0b0b;
}

a.color-icon.fa-steam,
a[class*="fa-"].fa-steam:hover {
	color: #0b0b0b;
}

a.color-icon.fa-stumbleupon-circle,
a[class*="fa-"].fa-stumbleupon-circle:hover {
	color: #eb4924;
}

a.color-icon.fa-stumbleupon,
a[class*="fa-"].fa-stumbleupon:hover {
	color: #eb4924;
}

a.color-icon.fa-tencent-weibo,
a[class*="fa-"].fa-tencent-weibo:hover {
	color: #74af2c;
}

a.color-icon.fa-trello,
a[class*="fa-"].fa-trello:hover {
	color: #256a92;
}

a.color-icon.fa-tripadvisor,
a[class*="fa-"].fa-tripadvisor:hover {
	color: #589442;
}

a.color-icon.fa-tumblr-square,
a[class*="fa-"].fa-tumblr-square:hover {
	color: #35465c;
}

a.color-icon.fa-tumblr,
a[class*="fa-"].fa-tumblr:hover {
	color: #35465c;
}

a.color-icon.fa-twitch,
a[class*="fa-"].fa-twitch:hover {
	color: #6441a5;
}

a.color-icon.fa-twitter-square,
a[class*="fa-"].fa-twitter-square:hover {
	color: #55acee;
}

a.color-icon.fa-twitter,
a[class*="fa-"].fa-twitter:hover {
	color: #55acee;
}

a.color-icon.fa-viacoin,
a[class*="fa-"].fa-viacoin:hover {
	color: #333;
}

a.color-icon.fa-vimeo-square,
a[class*="fa-"].fa-vimeo-square:hover {
	color: #1ab7ea;
}

a.color-icon.fa-vimeo,
a[class*="fa-"].fa-vimeo:hover {
	color: #1ab7ea;
}

a.color-icon.fa-vine,
a[class*="fa-"].fa-vine:hover {
	color: #00b488;
}

a.color-icon.fa-vk,
a[class*="fa-"].fa-vk:hover {
	color: #45668e;
}

a.color-icon.fa-wechat,
a[class*="fa-"].fa-wechat:hover {
	color: #93d034;
}

a.color-icon.fa-weibo,
a[class*="fa-"].fa-weibo:hover {
	color: #e71d34;
}

a.color-icon.fa-weixin,
a[class*="fa-"].fa-weixin:hover {
	color: #93d034;
}

a.color-icon.fa-wikipedia-w,
a[class*="fa-"].fa-wikipedia-w:hover {
	color: #000;
}

a.color-icon.fa-windows,
a[class*="fa-"].fa-windows:hover {
	color: #00bcf2;
}

a.color-icon.fa-wordpress,
a[class*="fa-"].fa-wordpress:hover {
	color: #21759b;
}

a.color-icon.fa-xing-square,
a[class*="fa-"].fa-xing-square:hover {
	color: #026466;
}

a.color-icon.fa-xing,
a[class*="fa-"].fa-xing:hover {
	color: #026466;
}

a.color-icon.fa-y-combinator,
a[class*="fa-"].fa-y-combinator:hover {
	color: #f0652f;
}

a.color-icon.fa-yahoo,
a[class*="fa-"].fa-yahoo:hover {
	color: #400191;
}

a.color-icon.fa-yc,
a[class*="fa-"].fa-yc:hover {
	color: #f0652f;
}

a.color-icon.fa-yelp,
a[class*="fa-"].fa-yelp:hover {
	color: #af0606;
}

a.color-icon.fa-youtube-play,
a[class*="fa-"].fa-youtube-play:hover {
	color: #e52d27;
}

a.color-icon.fa-youtube-square,
a[class*="fa-"].fa-youtube-square:hover {
	color: #e52d27;
}

a.color-icon.fa-youtube,
a[class*="fa-"].fa-youtube:hover {
	color: #e52d27;
}

a.color-icon.fa-rss,
a[class*="fa-"].fa-rss:hover {
	color: #ffa811;
}

.color-bg-icon.fa-500px,
a.fa-500px.bg-icon:hover,
.fa-500px.color-icon.border-icon:hover {
	background-color: #0099e5;
}

.color-bg-icon.fa-adn,
a.fa-adn.bg-icon:hover,
.fa-adn.color-icon.border-icon:hover {
	background-color: #4a484c;
}

.color-bg-icon.fa-amazon,
a.fa-amazon.bg-icon:hover,
.fa-amazon.color-icon.border-icon:hover {
	background-color: #f90;
}

.color-bg-icon.fa-android,
a.fa-android.bg-icon:hover,
.fa-android.color-icon.border-icon:hover {
	background-color: #a4c639;
}

.color-bg-icon.fa-angellist,
a.fa-angellist.bg-icon:hover,
.fa-angellist.color-icon.border-icon:hover {
	background-color: #000;
}

.color-bg-icon.fa-apple,
a.fa-apple.bg-icon:hover,
.fa-apple.color-icon.border-icon:hover {
	background-color: #979797;
}

.color-bg-icon.fa-behance-square,
a.fa-behance-square.bg-icon:hover,
.fa-behance-square.color-icon.border-icon:hover {
	background-color: #1769ff;
}

.color-bg-icon.fa-behance,
a.fa-behance.bg-icon:hover,
.fa-behance.color-icon.border-icon:hover {
	background-color: #1769ff;
}

.color-bg-icon.fa-bitbucket-square,
a.fa-bitbucket-square.bg-icon:hover,
.fa-bitbucket-square.color-icon.border-icon:hover {
	background-color: #205081;
}

.color-bg-icon.fa-bitbucket,
a.fa-bitbucket.bg-icon:hover,
.fa-bitbucket.color-icon.border-icon:hover {
	background-color: #205081;
}

.color-bg-icon.fa-bitcoin,
a.fa-bitcoin.bg-icon:hover,
.fa-bitcoin.color-icon.border-icon:hover {
	background-color: #ee9209;
}

.color-bg-icon.fa-black-tie,
a.fa-black-tie.bg-icon:hover,
.fa-black-tie.color-icon.border-icon:hover {
	background-color: #222;
}

.color-bg-icon.fa-btc,
a.fa-btc.bg-icon:hover,
.fa-btc.color-icon.border-icon:hover {
	background-color: #ee9209;
}

.color-bg-icon.fa-buysellads,
a.fa-buysellads.bg-icon:hover,
.fa-buysellads.color-icon.border-icon:hover {
	background-color: #c90100;
}

.color-bg-icon.fa-cc-amex,
a.fa-cc-amex.bg-icon:hover,
.fa-cc-amex.color-icon.border-icon:hover {
	background-color: #007bc1;
}

.color-bg-icon.fa-cc-diners-club,
a.fa-cc-diners-club.bg-icon:hover,
.fa-cc-diners-club.color-icon.border-icon:hover {
	background-color: #004a97;
}

.color-bg-icon.fa-cc-discover,
a.fa-cc-discover.bg-icon:hover,
.fa-cc-discover.color-icon.border-icon:hover {
	background-color: #f68121;
}

.color-bg-icon.fa-cc-jcb,
a.fa-cc-jcb.bg-icon:hover,
.fa-cc-jcb.color-icon.border-icon:hover {
	background-color: #003a8f;
}

.color-bg-icon.fa-cc-mastercard,
a.fa-cc-mastercard.bg-icon:hover,
.fa-cc-mastercard.color-icon.border-icon:hover {
	background-color: #0a3a82;
}

.color-bg-icon.fa-cc-paypal,
a.fa-cc-paypal.bg-icon:hover,
.fa-cc-paypal.color-icon.border-icon:hover {
	background-color: #253b80;
}

.color-bg-icon.fa-cc-stripe,
a.fa-cc-stripe.bg-icon:hover,
.fa-cc-stripe.color-icon.border-icon:hover {
	background-color: #00afe1;
}

.color-bg-icon.fa-cc-visa,
a.fa-cc-visa.bg-icon:hover,
.fa-cc-visa.color-icon.border-icon:hover {
	background-color: #0157a2;
}

.color-bg-icon.fa-chrome,
a.fa-chrome.bg-icon:hover,
.fa-chrome.color-icon.border-icon:hover {
	background-color: #4587f3;
}

.color-bg-icon.fa-codepen,
a.fa-codepen.bg-icon:hover,
.fa-codepen.color-icon.border-icon:hover {
	background-color: #000;
}

.color-bg-icon.fa-connectdevelop,
a.fa-connectdevelop.bg-icon:hover,
.fa-connectdevelop.color-icon.border-icon:hover {
	background-color: #391448;
}

.color-bg-icon.fa-contao,
a.fa-contao.bg-icon:hover,
.fa-contao.color-icon.border-icon:hover {
	background-color: #eb8623;
}

.color-bg-icon.fa-creative-commons,
a.fa-creative-commons.bg-icon:hover,
.fa-creative-commons.color-icon.border-icon:hover {
	background-color: #231f20;
}

.color-bg-icon.fa-css3,
a.fa-css3.bg-icon:hover,
.fa-css3.color-icon.border-icon:hover {
	background-color: #1680c0;
}

.color-bg-icon.fa-dashcube,
a.fa-dashcube.bg-icon:hover,
.fa-dashcube.color-icon.border-icon:hover {
	background-color: #7f7f7f;
}

.color-bg-icon.fa-delicious,
a.fa-delicious.bg-icon:hover,
.fa-delicious.color-icon.border-icon:hover {
	background-color: #39f;
}

.color-bg-icon.fa-deviantart,
a.fa-deviantart.bg-icon:hover,
.fa-deviantart.color-icon.border-icon:hover {
	background-color: #4e6252;
}

.color-bg-icon.fa-digg,
a.fa-digg.bg-icon:hover,
.fa-digg.color-icon.border-icon:hover {
	background-color: #000;
}

.color-bg-icon.fa-dribbble,
a.fa-dribbble.bg-icon:hover,
.fa-dribbble.color-icon.border-icon:hover {
	background-color: #444;
}

.color-bg-icon.fa-dropbox,
a.fa-dropbox.bg-icon:hover,
.fa-dropbox.color-icon.border-icon:hover {
	background-color: #007ee5;
}

.color-bg-icon.fa-drupal,
a.fa-drupal.bg-icon:hover,
.fa-drupal.color-icon.border-icon:hover {
	background-color: #0077c0;
}

.color-bg-icon.fa-empire,
a.fa-empire.bg-icon:hover,
.fa-empire.color-icon.border-icon:hover {
	background-color: #000;
}

.color-bg-icon.fa-expeditedssl,
a.fa-expeditedssl.bg-icon:hover,
.fa-expeditedssl.color-icon.border-icon:hover {
	background-color: #343433;
}

.color-bg-icon.fa-facebook-official,
a.fa-facebook-official.bg-icon:hover,
.fa-facebook-official.color-icon.border-icon:hover {
	background-color: #3b5998;
}

.color-bg-icon.fa-facebook-square,
a.fa-facebook-square.bg-icon:hover,
.fa-facebook-square.color-icon.border-icon:hover {
	background-color: #3b5998;
}

.color-bg-icon.fa-facebook,
a.fa-facebook.bg-icon:hover,
.fa-facebook.color-icon.border-icon:hover {
	background-color: #3b5998;
}

.color-bg-icon.fa-firefox,
a.fa-firefox.bg-icon:hover,
.fa-firefox.color-icon.border-icon:hover {
	background-color: #e66000;
}

.color-bg-icon.fa-flickr,
a.fa-flickr.bg-icon:hover,
.fa-flickr.color-icon.border-icon:hover {
	background-color: #ff0084;
}

.color-bg-icon.fa-fonticons,
a.fa-fonticons.bg-icon:hover,
.fa-fonticons.color-icon.border-icon:hover {
	background-color: #1c1e29;
}

.color-bg-icon.fa-forumbee,
a.fa-forumbee.bg-icon:hover,
.fa-forumbee.color-icon.border-icon:hover {
	background-color: #83ad13;
}

.color-bg-icon.fa-foursquare,
a.fa-foursquare.bg-icon:hover,
.fa-foursquare.color-icon.border-icon:hover {
	background-color: #0072b1;
}

.color-bg-icon.fa-ge,
a.fa-ge.bg-icon:hover,
.fa-ge.color-icon.border-icon:hover {
	background-color: #000;
}

.color-bg-icon.fa-get-pocket,
a.fa-get-pocket.bg-icon:hover,
.fa-get-pocket.color-icon.border-icon:hover {
	background-color: #d3505a;
}

.color-bg-icon.fa-gg-circle,
a.fa-gg-circle.bg-icon:hover,
.fa-gg-circle.color-icon.border-icon:hover {
	background-color: #000;
}

.color-bg-icon.fa-gg,
a.fa-gg.bg-icon:hover,
.fa-gg.color-icon.border-icon:hover {
	background-color: #000;
}

.color-bg-icon.fa-git-square,
a.fa-git-square.bg-icon:hover,
.fa-git-square.color-icon.border-icon:hover {
	background-color: #333;
}

.color-bg-icon.fa-git,
a.fa-git.bg-icon:hover,
.fa-git.color-icon.border-icon:hover {
	background-color: #333;
}

.color-bg-icon.fa-github-alt,
a.fa-github-alt.bg-icon:hover,
.fa-github-alt.color-icon.border-icon:hover {
	background-color: #333;
}

.color-bg-icon.fa-github-square,
a.fa-github-square.bg-icon:hover,
.fa-github-square.color-icon.border-icon:hover {
	background-color: #333;
}

.color-bg-icon.fa-github,
a.fa-github.bg-icon:hover,
.fa-github.color-icon.border-icon:hover {
	background-color: #333;
}

.color-bg-icon.fa-gittip,
a.fa-gittip.bg-icon:hover,
.fa-gittip.color-icon.border-icon:hover {
	background-color: #630;
}

.color-bg-icon.fa-google-plus-square,
a.fa-google-plus-square.bg-icon:hover,
.fa-google-plus-square.color-icon.border-icon:hover {
	background-color: #dd4b39;
}

.color-bg-icon.fa-google-plus,
a.fa-google-plus.bg-icon:hover,
.fa-google-plus.color-icon.border-icon:hover {
	background-color: #dd4b39;
}

.color-bg-icon.fa-google-wallet,
a.fa-google-wallet.bg-icon:hover,
.fa-google-wallet.color-icon.border-icon:hover {
	background-color: #4285f4;
}

.color-bg-icon.fa-google,
a.fa-google.bg-icon:hover,
.fa-google.color-icon.border-icon:hover {
	background-color: #dd4b39;
}

.color-bg-icon.fa-hacker-news,
a.fa-hacker-news.bg-icon:hover,
.fa-hacker-news.color-icon.border-icon:hover {
	background-color: #f60;
}

.color-bg-icon.fa-houzz,
a.fa-houzz.bg-icon:hover,
.fa-houzz.color-icon.border-icon:hover {
	background-color: #7ac142;
}

.color-bg-icon.fa-html5,
a.fa-html5.bg-icon:hover,
.fa-html5.color-icon.border-icon:hover {
	background-color: #e34f26;
}

.color-bg-icon.fa-instagram,
a.fa-instagram.bg-icon:hover,
.fa-instagram.color-icon.border-icon:hover {
	background-color: #3f729b;
}

.color-bg-icon.fa-internet-explorer,
a.fa-internet-explorer.bg-icon:hover,
.fa-internet-explorer.color-icon.border-icon:hover {
	background-color: #1ebbee;
}

.color-bg-icon.fa-ioxhost,
a.fa-ioxhost.bg-icon:hover,
.fa-ioxhost.color-icon.border-icon:hover {
	background-color: #faa729;
}

.color-bg-icon.fa-joomla,
a.fa-joomla.bg-icon:hover,
.fa-joomla.color-icon.border-icon:hover {
	background-color: #142849;
}

.color-bg-icon.fa-jsfiddle,
a.fa-jsfiddle.bg-icon:hover,
.fa-jsfiddle.color-icon.border-icon:hover {
	background-color: #4679bd;
}

.color-bg-icon.fa-lastfm-square,
a.fa-lastfm-square.bg-icon:hover,
.fa-lastfm-square.color-icon.border-icon:hover {
	background-color: #c3000d;
}

.color-bg-icon.fa-lastfm,
a.fa-lastfm.bg-icon:hover,
.fa-lastfm.color-icon.border-icon:hover {
	background-color: #c3000d;
}

.color-bg-icon.fa-leanpub,
a.fa-leanpub.bg-icon:hover,
.fa-leanpub.color-icon.border-icon:hover {
	background-color: #0c0c0c;
}

.color-bg-icon.fa-linkedin-square,
a.fa-linkedin-square.bg-icon:hover,
.fa-linkedin-square.color-icon.border-icon:hover {
	background-color: #0976b4;
}

.color-bg-icon.fa-linkedin,
a.fa-linkedin.bg-icon:hover,
.fa-linkedin.color-icon.border-icon:hover {
	background-color: #0976b4;
}

.color-bg-icon.fa-linux,
a.fa-linux.bg-icon:hover,
.fa-linux.color-icon.border-icon:hover {
	background-color: #333;
}

.color-bg-icon.fa-maxcdn,
a.fa-maxcdn.bg-icon:hover,
.fa-maxcdn.color-icon.border-icon:hover {
	background-color: #f60;
}

.color-bg-icon.fa-meanpath,
a.fa-meanpath.bg-icon:hover,
.fa-meanpath.color-icon.border-icon:hover {
	background-color: #538ed7;
}

.color-bg-icon.fa-medium,
a.fa-medium.bg-icon:hover,
.fa-medium.color-icon.border-icon:hover {
	background-color: #000;
}

.color-bg-icon.fa-odnoklassniki-square,
a.fa-odnoklassniki-square.bg-icon:hover,
.fa-odnoklassniki-square.color-icon.border-icon:hover {
	background-color: #ed812b;
}

.color-bg-icon.fa-odnoklassniki,
a.fa-odnoklassniki.bg-icon:hover,
.fa-odnoklassniki.color-icon.border-icon:hover {
	background-color: #ed812b;
}

.color-bg-icon.fa-opencart,
a.fa-opencart.bg-icon:hover,
.fa-opencart.color-icon.border-icon:hover {
	background-color: #2ac2ef;
}

.color-bg-icon.fa-openid,
a.fa-openid.bg-icon:hover,
.fa-openid.color-icon.border-icon:hover {
	background-color: #f78c40;
}

.color-bg-icon.fa-opera,
a.fa-opera.bg-icon:hover,
.fa-opera.color-icon.border-icon:hover {
	background-color: #cc0f16;
}

.color-bg-icon.fa-optin-monster,
a.fa-optin-monster.bg-icon:hover,
.fa-optin-monster.color-icon.border-icon:hover {
	background-color: #83c11f;
}

.color-bg-icon.fa-pagelines,
a.fa-pagelines.bg-icon:hover,
.fa-pagelines.color-icon.border-icon:hover {
	background-color: #000;
}

.color-bg-icon.fa-paypal,
a.fa-paypal.bg-icon:hover,
.fa-paypal.color-icon.border-icon:hover {
	background-color: #253b80;
}

.color-bg-icon.fa-pied-piper-alt,
a.fa-pied-piper-alt .bg-icon:hover,
.fa-pied-piper-alt .color-icon.border-icon:hover {
	color: #2f9f46;
}

.color-bg-icon.fa-pied-piper-square,
a.fa-pied-piper-square .bg-icon:hover,
.fa-pied-piper-square .color-icon.border-icon:hover {
	color: #2f9f46;
}

.color-bg-icon.fa-pied-piper,
a.fa-pied-piper.bg-icon:hover,
.fa-pied-piper.color-icon.border-icon:hover {
	background-color: #2f9f46;
}

.color-bg-icon.fa-pinterest-p,
a.fa-pinterest-p.bg-icon:hover,
.fa-pinterest-p.color-icon.border-icon:hover {
	background-color: #cc2127;
}

.color-bg-icon.fa-pinterest-square,
a.fa-pinterest-square.bg-icon:hover,
.fa-pinterest-square.color-icon.border-icon:hover {
	background-color: #cc2127;
}

.color-bg-icon.fa-pinterest,
a.fa-pinterest.bg-icon:hover,
.fa-pinterest.color-icon.border-icon:hover {
	background-color: #cc2127;
}

.color-bg-icon.fa-qq,
a.fa-qq.bg-icon:hover,
.fa-qq.color-icon.border-icon:hover {
	background-color: #000;
}

.color-bg-icon.fa-ra,
a.fa-ra.bg-icon:hover,
.fa-ra.color-icon.border-icon:hover {
	background-color: #000;
}

.color-bg-icon.fa-rebel,
a.fa-rebel.bg-icon:hover,
.fa-rebel.color-icon.border-icon:hover {
	background-color: #000;
}

.color-bg-icon.fa-reddit-square,
a.fa-reddit-square.bg-icon:hover,
.fa-reddit-square.color-icon.border-icon:hover {
	background-color: #ff4500;
}

.color-bg-icon.fa-reddit,
a.fa-reddit.bg-icon:hover,
.fa-reddit.color-icon.border-icon:hover {
	background-color: #ff4500;
}

.color-bg-icon.fa-renren,
a.fa-renren.bg-icon:hover,
.fa-renren.color-icon.border-icon:hover {
	background-color: #005eac;
}

.color-bg-icon.fa-safari,
a.fa-safari.bg-icon:hover,
.fa-safari.color-icon.border-icon:hover {
	background-color: #1b88ca;
}

.color-bg-icon.fa-sellsy,
a.fa-sellsy.bg-icon:hover,
.fa-sellsy.color-icon.border-icon:hover {
	background-color: #1f78b9;
}

.color-bg-icon.fa-share-alt-square,
a.fa-share-alt-square.bg-icon:hover,
.fa-share-alt-square.color-icon.border-icon:hover {
	background-color: #01bf01;
}

.color-bg-icon.fa-share-alt,
a.fa-share-alt.bg-icon:hover,
.fa-share-alt.color-icon.border-icon:hover {
	background-color: #01bf01;
}

.color-bg-icon.fa-shirtsinbulk,
a.fa-shirtsinbulk.bg-icon:hover,
.fa-shirtsinbulk.color-icon.border-icon:hover {
	background-color: #dd3a26;
}

.color-bg-icon.fa-simplybuilt,
a.fa-simplybuilt.bg-icon:hover,
.fa-simplybuilt.color-icon.border-icon:hover {
	background-color: #000;
}

.color-bg-icon.fa-skyatlas,
a.fa-skyatlas.bg-icon:hover,
.fa-skyatlas.color-icon.border-icon:hover {
	background-color: #00adbb;
}

.color-bg-icon.fa-skype,
a.fa-skype.bg-icon:hover,
.fa-skype.color-icon.border-icon:hover {
	background-color: #00aff0;
}

.color-bg-icon.fa-slack,
a.fa-slack.bg-icon:hover,
.fa-slack.color-icon.border-icon:hover {
	background-color: #0f7965;
}

.color-bg-icon.fa-slideshare,
a.fa-slideshare.bg-icon:hover,
.fa-slideshare.color-icon.border-icon:hover {
	background-color: #e98325;
}

.color-bg-icon.fa-soundcloud,
a.fa-soundcloud.bg-icon:hover,
.fa-soundcloud.color-icon.border-icon:hover {
	background-color: #f80;
}

.color-bg-icon.fa-spotify,
a.fa-spotify.bg-icon:hover,
.fa-spotify.color-icon.border-icon:hover {
	background-color: #7ab800;
}

.color-bg-icon.fa-stack-exchange,
a.fa-stack-exchange.bg-icon:hover,
.fa-stack-exchange.color-icon.border-icon:hover {
	background-color: #000;
}

.color-bg-icon.fa-stack-overflow,
a.fa-stack-overflow.bg-icon:hover,
.fa-stack-overflow.color-icon.border-icon:hover {
	background-color: #fe7a15;
}

.color-bg-icon.fa-steam-square,
a.fa-steam-square.bg-icon:hover,
.fa-steam-square.color-icon.border-icon:hover {
	background-color: #0b0b0b;
}

.color-bg-icon.fa-steam,
a.fa-steam.bg-icon:hover,
.fa-steam.color-icon.border-icon:hover {
	background-color: #0b0b0b;
}

.color-bg-icon.fa-stumbleupon-circle,
a.fa-stumbleupon-circle.bg-icon:hover,
.fa-stumbleupon-circle.color-icon.border-icon:hover {
	background-color: #eb4924;
}

.color-bg-icon.fa-stumbleupon,
a.fa-stumbleupon.bg-icon:hover,
.fa-stumbleupon.color-icon.border-icon:hover {
	background-color: #eb4924;
}

.color-bg-icon.fa-tencent-weibo,
a.fa-tencent-weibo.bg-icon:hover,
.fa-tencent-weibo.color-icon.border-icon:hover {
	background-color: #74af2c;
}

.color-bg-icon.fa-trello,
a.fa-trello.bg-icon:hover,
.fa-trello.color-icon.border-icon:hover {
	background-color: #256a92;
}

.color-bg-icon.fa-tripadvisor,
a.fa-tripadvisor.bg-icon:hover,
.fa-tripadvisor.color-icon.border-icon:hover {
	background-color: #589442;
}

.color-bg-icon.fa-tumblr-square,
a.fa-tumblr-square.bg-icon:hover,
.fa-tumblr-square.color-icon.border-icon:hover {
	background-color: #35465c;
}

.color-bg-icon.fa-tumblr,
a.fa-tumblr.bg-icon:hover,
.fa-tumblr.color-icon.border-icon:hover {
	background-color: #35465c;
}

.color-bg-icon.fa-twitch,
a.fa-twitch.bg-icon:hover,
.fa-twitch.color-icon.border-icon:hover {
	background-color: #6441a5;
}

.color-bg-icon.fa-twitter-square,
a.fa-twitter-square.bg-icon:hover,
.fa-twitter-square.color-icon.border-icon:hover {
	background-color: #55acee;
}

.color-bg-icon.fa-twitter,
a.fa-twitter.bg-icon:hover,
.fa-twitter.color-icon.border-icon:hover {
	background-color: #55acee;
}

.color-bg-icon.fa-viacoin,
a.fa-viacoin.bg-icon:hover,
.fa-viacoin.color-icon.border-icon:hover {
	background-color: #333;
}

.color-bg-icon.fa-vimeo-square,
a.fa-vimeo-square.bg-icon:hover,
.fa-vimeo-square.color-icon.border-icon:hover {
	background-color: #1ab7ea;
}

.color-bg-icon.fa-vimeo,
a.fa-vimeo.bg-icon:hover,
.fa-vimeo.color-icon.border-icon:hover {
	background-color: #1ab7ea;
}

.color-bg-icon.fa-vine,
a.fa-vine.bg-icon:hover,
.fa-vine.color-icon.border-icon:hover {
	background-color: #00b488;
}

.color-bg-icon.fa-vk,
a.fa-vk.bg-icon:hover,
.fa-vk.color-icon.border-icon:hover {
	background-color: #45668e;
}

.color-bg-icon.fa-wechat,
a.fa-wechat.bg-icon:hover,
.fa-wechat.color-icon.border-icon:hover {
	background-color: #93d034;
}

.color-bg-icon.fa-weibo,
a.fa-weibo.bg-icon:hover,
.fa-weibo.color-icon.border-icon:hover {
	background-color: #e71d34;
}

.color-bg-icon.fa-weixin,
a.fa-weixin.bg-icon:hover,
.fa-weixin.color-icon.border-icon:hover {
	background-color: #93d034;
}

.color-bg-icon.fa-wikipedia-w,
a.fa-wikipedia-w.bg-icon:hover,
.fa-wikipedia-w.color-icon.border-icon:hover {
	background-color: #000;
}

.color-bg-icon.fa-windows,
a.fa-windows.bg-icon:hover,
.fa-windows.color-icon.border-icon:hover {
	background-color: #00bcf2;
}

.color-bg-icon.fa-wordpress,
a.fa-wordpress.bg-icon:hover,
.fa-wordpress.color-icon.border-icon:hover {
	background-color: #21759b;
}

.color-bg-icon.fa-xing-square,
a.fa-xing-square.bg-icon:hover,
.fa-xing-square.color-icon.border-icon:hover {
	background-color: #026466;
}

.color-bg-icon.fa-xing,
a.fa-xing.bg-icon:hover,
.fa-xing.color-icon.border-icon:hover {
	background-color: #026466;
}

.color-bg-icon.fa-y-combinator,
a.fa-y-combinator.bg-icon:hover,
.fa-y-combinator.color-icon.border-icon:hover {
	background-color: #f0652f;
}

.color-bg-icon.fa-yahoo,
a.fa-yahoo.bg-icon:hover,
.fa-yahoo.color-icon.border-icon:hover {
	background-color: #400191;
}

.color-bg-icon.fa-yc,
a.fa-yc.bg-icon:hover,
.fa-yc.color-icon.border-icon:hover {
	background-color: #f0652f;
}

.color-bg-icon.fa-yelp,
a.fa-yelp.bg-icon:hover,
.fa-yelp.color-icon.border-icon:hover {
	background-color: #af0606;
}

.color-bg-icon.fa-youtube-play,
a.fa-youtube-play.bg-icon:hover,
.fa-youtube-play.color-icon.border-icon:hover {
	background-color: #e52d27;
}

.color-bg-icon.fa-youtube-square,
a.fa-youtube-square.bg-icon:hover,
.fa-youtube-square.color-icon.border-icon:hover {
	background-color: #e52d27;
}

.color-bg-icon.fa-youtube,
a.fa-youtube.bg-icon:hover,
.fa-youtube.color-icon.border-icon:hover {
	background-color: #e52d27;
}

.color-bg-icon.fa-rss,
a.fa-rss.bg-icon:hover,
.fa-rss.color-icon.border-icon:hover {
	background-color: #ffa811;
}

/*social icons default colors*/
.color-bg-icon {
	color: #fff;
}

a.fa {
	color: #13182a;
}

a.border-icon {
	border: 1px solid #808080;
	border-color: rgba(128, 128, 128, 0.4);
}

a.border-icon.color-icon:hover {
	border-color: transparent;
}

a.bg-icon {
	background-color: #e8e8e8;
}

a.color-bg-icon {
	background-color: #13182a;
	color: #fff;
}

a.fa.color-icon:hover {
	color: #13182a;
}

a.fa.bg-icon:hover {
	color: #fff;
}

a.fa.color-bg-icon:hover {
	background-color: var(--color-primary);
	color: #fff;
}

a.color-icon:hover {
	color: #13182a;
}

a.color-icon.border-icon:hover {
	color: #fff;
}

/*
** WordPress Required
*/
.alignnone {
	margin: 10px 0 30px;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 10px auto 30px auto;
}

.alignright {
	float: right;
	margin: 7px 0 15px 30px;
	max-width: 50%;
}

.alignleft {
	float: left;
	margin: 7px 30px 15px 0;
	max-width: 50%;
}

a img.alignright {
	float: right;
	margin: 10px 0 30px 40px;
}

a img.alignnone {
	margin: 10px 0 30px;
}

a img.alignleft {
	float: left;
	margin: 10px 40px 30px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	white-space: nowrap;
	width: 1px;
}

.screen-reader-text:focus {
	clip: auto !important;
	display: block;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

.sticky,
.bypostauthor {
	position: relative;
}

/*
** WordPress Page Links and Pagination
*/
.page-item,
.nav-links,
.page-links {
	clear: both;
}

.page-item > span,
.page-item > a:not(.btn),
.nav-links > span,
.nav-links > a:not(.btn),
.page-links > span,
.page-links > a:not(.btn) {
	background-color: transparent;
	border: 1px solid #3f4455;
	border-radius: 0 !important;
	color: #a4a9b9;
	display: inline-block;
	font-weight: 600;
	line-height: inherit;
	margin-left: 0;
	margin-right: 7px;
	min-width: 3em;
	padding: 0.5em 1.2em;
	text-align: center;
}

.page-item > span:hover,
.page-item > a:not(.btn):hover,
.nav-links > span:hover,
.nav-links > a:not(.btn):hover,
.page-links > span:hover,
.page-links > a:not(.btn):hover {
	background-color: var(--color-primary) !important;
	border: 1px solid var(--color-primary);
	color: #fff;
}

.page-item.active > a,
.page-item > span,
.nav-links.active > a,
.nav-links > span,
.page-links.active > a,
.page-links > span {
	background-color: var(--color-primary) !important;
	border: 1px solid var(--color-primary);
	color: #fff;
	cursor: not-allowed;
}

.page-item .fa,
.nav-links .fa,
.page-links .fa {
	font-size: 10px;
}

.page-links a:first-child {
	margin-left: 1em;
}

.pagination {
	justify-content: center;
	margin-top: 60px;
}

@media (max-width: 575px) {
	.pagination {
		margin-top: 30px;
	}
}

.post-nav {
	margin: 60px 0 0;
	position: relative;
}

@media (max-width: 575px) {
	.post-nav {
		margin-top: 30px;
	}
}

.post-nav .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.post-nav .nav-links > div {
	height: auto;
	padding: 30px 60px;
	position: relative;
	text-align: right;
	transition: 0.2s opacity ease;
	width: 49%;
}

.post-nav .nav-links > div:hover {
	opacity: 0.9;
}

@media (max-width: 575px) {
	.post-nav .nav-links > div {
		width: 100%;
	}
}

.post-nav .nav-links > div .fa {
	font-size: 20px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.post-nav .nav-links > div:first-child {
	text-align: left;
}

.post-nav .nav-links > div:first-child .fa {
	left: 0;
	right: auto;
}

.post-nav .nav-links .nav-subtitle {
	display: inline-block;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1;
	min-width: 8em;
	padding: 0.25em 0.8em 0.05em;
	text-align: center;
	text-align: center;
	text-transform: uppercase;
}

.post-nav .nav-links .nav-title {
	display: block;
	line-height: 1.3;
	margin-bottom: 5px;
	margin-top: 4px;
	text-transform: capitalize;
}

.post-nav .nav-links a {
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.post-nav .post-nav-image {
	display: none;
}

.post-nav .cover-image .post-nav-text-wrap {
	text-align: center;
}

/*
** Main Menu styles
*/
.nav-wrap {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

@media (min-width: 320px) and (max-width: 1250px) {
	.nav-wrap {
		align-items: flex-start;
		flex-direction: column;
		height: 120px;
	}
}

.nav-wrap > .top-nav + *:not(.top-includes) {
	padding-left: 30px;
	padding-right: 30px;
}

/* Desktop menu - (min 1200px) styles */

@media (min-width: 1200px) {
	.top-nav {
		align-items: center;
		display: flex;
		flex-grow: 10;
		flex-wrap: nowrap;
		position: relative;
	}

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

	.justify-nav-end .top-nav .sf-menu > li:last-child > a {
		padding-right: 0;
	}

	.justify-nav-center .top-nav {
		justify-content: center;
	}
	/* menu layout */
	.sf-menu {
		display: block;
	}

	.sf-menu,
	.sf-menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.sf-menu li {
		position: relative;
	}

	.sf-menu li > ul {
		display: none;
		position: absolute;
		top: 100%;
		z-index: 99;
	}

	.sf-menu li:hover > ul,
	.sf-menu li.sfHover > ul {
		display: block;
	}

	.sf-menu a {
		display: block;
		position: relative;
	}
	/* menu skin */
	.sf-menu a {
		font-family: "Industry", "Oswald", sans-serif;
		font-size: 20px;
		font-weight: 700;
		letter-spacing: 0.8px;
		line-height: 30px;
		padding: 15px 1.1em;
		text-decoration: none;
		text-transform: uppercase;
		transition-property: color, background-color, border-color, padding-top, padding-bottom;
		zoom: 1;
	}

	.sf-menu li {
		*white-space: normal;
		white-space: nowrap;
	}

	.sf-menu > li {
		display: inline-block;
		position: relative;
	}

	.sf-menu.nav > li:first-child > a {
		margin-left: 0;
	}

	.sf-menu > li > a {
		/* paint-order draws the stroke centred on the glyph edge, then the
		   fill over the top - so only half the width stays visible. 2px here
		   gives a true 1px of outline outside the letterform. */
		-webkit-text-stroke: 2px rgba(0, 0, 0, 0.7);
		font-style: italic;
		line-height: 14px;
		margin: 0 7.5px;
		padding-bottom: 53px;
		padding-left: 0;
		padding-right: 0;
		padding-top: 53px;
		paint-order: stroke fill;
		transition-duration: 0.15s;
	}

	.affix .sf-menu > li > a {
		padding-bottom: 33px;
		padding-top: 33px;
	}
}

@media (min-width: 1200px) and (min-width: 1500px) {
	.sf-menu > li > a {
		margin: 0 12.5px;
	}
}

@media (min-width: 1200px) {
	.sf-menu > li > a:hover {
		color: var(--color-primary);
	}

	.sf-menu > li.active > a {
		color: var(--color-secondary);
	}

	.nav-narrow .sf-menu > li {
		padding: 0;
	}

	.nav-narrow .sf-menu > li > a {
		margin-left: 29px;
		margin-right: 29px;
		padding-bottom: 24px;
		padding-top: 24px;
	}

	.nav-narrow .sf-menu > li.active > a:before {
		background-color: var(--color-primary);
		content: "";
		height: 1px;
		left: -20px;
		position: absolute;
		right: -20px;
		top: 0;
		z-index: 1;
	}

	.nav-bordered .sf-menu > li + li:before {
		background-color: rgba(255, 255, 255, 0.15);
		bottom: 0;
		content: "";
		left: -2px;
		position: absolute;
		top: 0;
		width: 1px;
	}

	.cs .sf-menu > li > a {
		color: #fff;
	}

	.cs .sf-menu > li > a:hover,
	.cs .sf-menu > li.active > a {
		color: #13182a;
	}

	.ds .sf-menu > li > a {
		color: #fff;
		text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7);
	}

	.ds .sf-menu > li > a:hover {
		color: var(--color-primary);
	}

	.ds .sf-menu > li.active > a {
		color: var(--color-secondary);
	}

	.ls .sf-menu > li > a {
		color: #13182a;
	}

	.ls .sf-menu > li > a:hover {
		color: var(--color-primary);
	}

	.ls .sf-menu > li.active > a {
		color: var(--color-secondary);
	}

	.ls .sf-menu > li + li:before {
		background-color: #e1e1e1;
	}

	.sf-menu li:hover,
	.sf-menu li.sfHover {
		/* only transition out, not in */
		transition: none;
	}
	/* second and next levels */
	.sf-menu > li .mega-menu,
	.sf-menu li > ul {
		/* allow long menu items to determine submenu width */
		*width: 10em;
		background-color: #13182a;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		list-style: none;
		margin-top: 5px;
		min-width: 15em;
		padding: 15px;
		text-align: center;
		/* no auto sub width for IE7, see white-space comment below */
	}

	.sf-menu > li .mega-menu li,
	.sf-menu li > ul li {
		padding-left: 30px;
		padding-right: 30px;
	}

	.sf-menu > li .mega-menu li a,
	.sf-menu li > ul li a {
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		display: block;
		padding-left: 0;
		padding-right: 0;
	}

	.sf-menu li > ul li:last-child a {
		border-bottom: none;
	}

	.sf-menu li > ul li:last-child ul li a {
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	.sf-menu li > ul li:last-child ul li:last-child a {
		border-bottom: none;
	}

	.sf-menu > li .mega-menu {
		padding-left: 0;
		padding-right: 0;
	}

	.sf-menu.nav ul a {
		padding-left: 40px;
		padding-right: 40px;
	}

	.sf-menu .mega-menu ul {
		background: transparent;
		box-shadow: none;
		padding: 0;
	}

	.sf-menu .mega-menu ul a {
		color: #fff;
		padding-left: 0;
		padding-right: 0;
	}

	.sf-menu ul a:hover,
	.sf-menu ul li.active > a {
		color: var(--color-primary);
	}
	/* third level */
	.sf-menu ul ul {
		margin-top: 0;
		top: -32px;
	}

	.sf-arrows ul .sf-with-ul:after {
		content: "\f105";
		font-family: "FontAwesome";
		padding-left: 7px;
	}
}

.sf-menu i[class] {
	font-size: 1.1em;
	margin-right: 7px;
}

/* hidden menu items */

@media (min-width: 1200px) {
	.sf-menu .sf-xl-hidden {
		display: none !important;
	}
}

@media (max-width: 1199px) {
	.sf-more-li {
		display: none;
	}
}

/* Mobile menu toggler */

@media (min-width: 1200px) {
	.page_header .toggle_menu,
	.page_toplogo .toggle_menu {
		display: none;
	}
}

/* The mobile toggle is positioned absolutely. Making the header's container
   the containing block means right: 0 resolves to the container's edge
   rather than the full-bleed header's, so the burger lines up with the logo
   on the opposite side. Requires the toggle to sit inside .container. */
.page_header > [class*='container'] {
	position: relative;
}

.toggle_menu {
	cursor: pointer;
	height: 60px;
	margin-left: -30px;
	margin-top: -30px;
	opacity: 0.95;
	padding: 0 !important;
	position: absolute;
	right: 0;
	top: 50%;
	visibility: visible;
	width: 60px;
	z-index: 1002;
}

.page_header_wrapper .toggle_menu {
	z-index: 1003;
}

.ls .toggle_menu {
	background-color: #fff;
}

.ls .toggle_menu:before,
.ls .toggle_menu span,
.ls .toggle_menu span:before,
.ls .toggle_menu span:after {
	background-color: #13182a;
}

.page_toplogo .toggle_menu {
	left: auto;
	margin: 0;
	position: fixed;
	right: 0;
	top: 0;
}

.toggle_menu:hover span:before {
	top: -9px;
}

.toggle_menu:hover span:after {
	top: 9px;
}

.toggle_menu:before,
.toggle_menu span,
.toggle_menu span:before,
.toggle_menu span:after {
	background-color: #fff;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .25s ease-in-out;
	width: 30px;
}

.toggle_menu:before,
.toggle_menu span {
	left: 15px;
	top: 50%;
}

.toggle_menu span:before {
	opacity: 1;
	top: -8px;
}

.toggle_menu span:after {
	opacity: 1;
	top: 8px;
}

.toggle_menu.mobile-active {
	background-color: var(--color-primary);
	border: none;
	left: auto;
	margin: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 3000;
}

.toggle_menu.mobile-active:before {
	background-color: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.toggle_menu.mobile-active span {
	background-color: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.toggle_menu.mobile-active span:before,
.toggle_menu.mobile-active span:after {
	opacity: 0;
}

.toggle_menu.active:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.toggle_menu.active span {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.toggle_menu.active span:before,
.toggle_menu.active span:after {
	opacity: 0;
}

/* Mobile Menu (max 991px) styles */

@media (max-width: 767px) {
	.nav-wrap {
		justify-content: space-between;
	}
}

@media (max-width: 1199px) {
	.page_header [class*="col"] {
		min-height: 0;
	}

	.top-nav {
		background-color: transparent;
		bottom: 0;
		left: 0;
		opacity: 0;
		position: fixed;
		right: 0;
		top: 0;
		transition: all 0.3s ease-in-out;
		visibility: hidden;
		z-index: 10;
	}

	.mobile-active .top-nav {
		background-color: #111;
		background-color: rgba(0, 0, 0, 0.9);
		opacity: 1;
		visibility: visible;
		z-index: 1002;
	}

	.nav-justified > li > a {
		text-align: left;
	}

	.sf-menu {
		background-color: #13182a;
		border-top: 61px solid var(--color-primary);
		bottom: 0;
		display: block;
		font-size: 12px;
		font-style: normal;
		font-weight: 600;
		left: 0;
		letter-spacing: -0.05em;
		line-height: 1;
		opacity: 0;
		overflow: auto;
		padding: 20px 10px 20px 20px;
		position: fixed;
		right: 100%;
		text-align: left;
		text-align: center;
		text-transform: uppercase;
		top: 0;
		transition: all 0.4s ease-in-out;
	}

	.mobile-active .sf-menu {
		opacity: 1;
		right: 0;
	}

	.sf-menu li {
		position: relative;
	}

	.top-nav .sf-menu a {
		color: #fff;
		display: block;
		font-size: 20px;
		padding: 15px 10px;
		z-index: 2;
	}

	.sf-menu ul {
		list-style: none;
		margin-top: 0 !important;
		padding-left: 10px;
	}

	.sf-menu ul li a {
		font-size: 16px !important;
		font-weight: 500;
		letter-spacing: 0.1em;
	}

	.mega-menu-row .mega-menu-col ul li a {
		font-size: 12px !important;
		text-transform: capitalize;
	}
	/* arrows (for all except IE7) */
	.sf-arrows .sf-with-ul {
		padding-right: 3.5em;
	}
	/* styling for both css and generated arrows */
	.sf-arrows .sf-with-ul + .sf-menu-item-mobile-toggler {
		border-radius: 50%;
		height: 30px;
		line-height: 30px;
		position: absolute;
		right: 5px;
		text-align: center;
		top: 5px;
		width: 30px;
		z-index: 1;
	}

	.sf-arrows .sf-with-ul + .sf-menu-item-mobile-toggler:after {
		color: #13182a;
		content: "\f105";
		font-family: "FontAwesome";
	}

	.sfHover > .sf-with-ul + .sf-menu-item-mobile-toggler:after {
		content: "\f107";
	}
}

/* Mega Menu */

@media screen and (min-width: 992px) {
	.top-nav ul .mega-menu ul {
		border: none;
		min-width: auto;
	}

	.top-nav .menu-item-has-mega-menu {
		position: relative;
	}

	.top-nav .mega-menu {
		display: none;
		position: absolute;
		top: 100%;
		width: 940px;
		z-index: 10;
	}

	.top-nav .menu-item-has-mega-menu:hover .mega-menu {
		display: block;
	}
	/* row */
	.top-nav .mega-menu-row {
		display: table;
		position: static;
		table-layout: fixed;
	}

	.top-nav .mega-menu-row ul {
		display: block;
		position: static;
	}
	/* column */
	.top-nav .mega-menu-col {
		border-left: 1px solid #3f4455;
		display: table-cell;
		padding: 0 15px;
		width: 2000px;
		/* overrides from settings / styling / mega-menu */
	}

	.top-nav .mega-menu-col > a {
		color: var(--color-primary) !important;
		font-family: "Oswald", sans-serif;
		font-size: 16px;
		font-weight: 700 !important;
		letter-spacing: 0.05em;
		text-transform: uppercase;
	}

	.top-nav .mega-menu-col:first-child {
		border-left: none;
	}

	.top-nav ul ul .mega-menu {
		display: block;
		margin-left: 1px;
		top: -20px;
		width: auto;
	}

	.top-nav ul ul .mega-menu li {
		border: none;
		display: block;
		width: auto;
	}
}

@media screen and (min-width: 1200px) {
	.top-nav .mega-menu {
		width: 1170px;
	}

	.top-nav ul .mega-menu ul {
		min-width: 10em;
	}

	.top-nav .mega-menu-col {
		padding: 0 40px;
	}
}

@media screen and (max-width: 991px) {
	.top-nav .mega-menu {
		position: static;
	}
}

/* side clickable menu styles */
.menu-click {
	padding: 0;
}

.menu-click i {
	margin-right: 10px;
	text-align: center;
	width: 1em;
}

.menu-click .toggle_submenu {
	border-radius: 50%;
	cursor: pointer;
	font-size: 8px;
	height: 3em;
	line-height: 3em;
	opacity: 0.9;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 8px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transition: .25s ease-in-out;
	width: 3em;
}

.menu-click .toggle_submenu:before {
	content: "\f078";
	font-family: "FontAwesome";
	height: 3em;
	left: 0;
	line-height: 3em;
	position: absolute;
	top: 0;
	width: 3em;
}

.menu-click ul {
	padding: 0;
}

.menu-click li {
	list-style: none;
	position: relative;
	width: 100%;
}

.menu-click > li {
	transition: 0.3s ease-in-out;
}

.menu-click a {
	display: block;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1;
	padding: 10px 40px;
	text-align: center;
	text-transform: uppercase;
}

.menu-click a:hover {
	background-color: rgba(150, 150, 150, 0.05);
}

.menu-click .active-submenu > a {
	background-color: rgba(150, 150, 150, 0.05);
}

.menu-click .active-submenu > .toggle_submenu {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.menu-click li.active > a {
	color: var(--color-primary);
}

.menu-click ul {
	height: 0;
	opacity: 0;
}

.menu-click ul a {
	padding-bottom: 8px;
	padding-left: 50px;
	padding-top: 8px;
}

.menu-click ul ul a {
	padding-left: 60px;
}

.menu-click ul ul ul a {
	padding-left: 70px;
}

.menu-click ul ul ul ul a {
	padding-left: 80px;
}

.menu-click .active-submenu > div.mega-menu {
	height: auto;
}

.menu-click .active-submenu > ul,
.menu-click .active-submenu > div.mega-menu > ul {
	height: auto;
	opacity: 1;
}

.menu-click ul,
.menu-click div.mega-menu {
	height: 0;
	overflow: hidden;
	transition: opacity 0.6s, margin-top 0.4s, margin-bottom 0.4s, height 0.3s ease-in-out;
}

.menu-click ul li.sfHover > .mega-menu ul {
	display: block;
	height: 100%;
}

.menu-click div.mega-menu > ul {
	height: auto;
	margin-right: 0;
}

/*
** Header
*/
.page_header {
	height: auto;
	left: 0;
	margin: 0;
	padding: 0;
	position: relative;
	right: 0;
	top: 0;
	transition: 0.5s ease-in-out;
	width: 100%;
	z-index: 1000;
}

.boxed .page_header,
.page_header.affix {
	box-shadow: 0 2px 15px 0 rgba(100, 100, 100, 0.05);
	opacity: 0.98;
	position: fixed !important;
	z-index: 1001;
}

.boxed .page_header:after,
.page_header.affix:after {
	background-color: transparent;
}

/* Bars under the header - gold, black, red, then a 1px white hairline, top
   to bottom (10px total). One pseudo-element with hard-stopped gradient
   stops rather than four elements or four shadows. Uses background-image, so the template's
   `.page_header.affix:after { background-color: transparent }

` above doesn't
   wipe it out when the header sticks. */
.page_header:after {
	background-image: linear-gradient(
		to bottom,
		var(--color-secondary) 0,
		var(--color-secondary) 3px,
		#000 3px,
		#000 6px,
		var(--color-primary) 6px,
		var(--color-primary) 9px,
		#fff 9px,
		#fff 10px
	);
	bottom: -10px;
	content: "";
	display: block;
	height: 10px;
	left: 0;
	position: absolute;
	right: 0;
	transition: opacity 0.5s ease-in-out;
}

/* The bars belong to the solid scrolled header only - in the top state the
   header is the black-to-transparent gradient, and a hard 9px stripe
   floating over the slideshow fights it. Same class pair the background
   switches on, so the two always change together.
   Faded with opacity rather than display, because display can't be
   transitioned - it would snap while the background behind it eased. */
#canvas:not(.boxed) .header_absolute .page_header:after,
#canvas:not(.boxed) .header_absolute .page_header.affix-top:after {
	opacity: 0;
}

#canvas:not(.boxed) .header_absolute .page_header.affix:after,
#canvas:not(.boxed) .header_absolute .page_header.header-scrolled:after {
	opacity: 1;
}

.page_header.affix.s-bordertop::before {
	display: none;
}

@media (max-width: 991px) {
	.page_header.mobile-active {
		opacity: 1;
		z-index: 1003;
	}
}

.page_header.affix-bottom {
	position: fixed;
	top: 0 !important;
}

/* Header logo - 120px at the top of the page, 84px (30% smaller) once
   scrolled. height, not max-height: max-height only caps a size, it will
   never scale an image up beyond its natural dimensions. */
.page_header a.logo img {
	filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.75));
	height: 120px;
	max-height: none;
	transition: height 0.35s ease-in-out;
	width: auto;
}

.page_header.affix a.logo img,
.page_header.header-scrolled a.logo img {
	height: 84px;
}

.page_header .row {
	min-height: 140px;
	transition: min-height 0.35s ease-in-out;
}

.page_header.affix .row,
.page_header.header-scrolled .row {
	min-height: 98px;
}

/* The header carries s-pt-10 / s-pb-10, which would add 20px on top of the
   row height. Zeroed here so the header is exactly 140px on every page. */
.page_header.s-pt-10 > [class*='container'] {
	padding-top: 0;
}

.page_header.s-pb-10 > [class*='container'] {
	padding-bottom: 0;
}

.page_header a {
	display: inline-block;
}

.page_header .btn {
	margin-bottom: 0;
}

.header_absolute {
	position: relative;
}

.header_absolute .page_header,
.header_absolute .page_header_wrapper {
	left: 0;
	position: absolute;
	right: 0;
	z-index: 1002;
}


.header_absolute .page_topline,
.header_absolute .page_toplogo,
.header_absolute .page_title {
	background-color: rgba(10, 13, 27, 0.8);
}

#canvas:not(.boxed) .header_absolute .page_header,
#canvas:not(.boxed) .header_absolute .page_header.affix-top {
	/* Solid black at the very top fading to nothing 140px down, so the logo
	   and nav keep contrast against a bright slide without a hard-edged bar. */
	background-color: transparent;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% 140px;
	box-shadow: none;
}

/* Only the black bar changes on scroll now - the gradient is declared on the
   base rule above and is NOT cleared here, so it stays put through both
   states. background-color transitions, so the bar fades in and out on the
   header's own 0.5s ease-in-out. */
#canvas:not(.boxed) .header_absolute .page_header.affix,
#canvas:not(.boxed) .header_absolute .page_header.header-scrolled {
	background-color: #000;
	opacity: 1;
}

@media (max-width: 991px) {
	#canvas:not(.boxed) .header_absolute .page_header.mobile-active {
		background-color: #000;
	}
}

.page_topline {
	line-height: 1.4;
}

.page_topline.small-text i {
	font-size: 14px;
}

.page_topline .icon-inline {
	justify-content: center;
}

.page_topline .social-icons {
	display: inline-block;
}

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

.page_topline ul {
	margin: 0;
	padding: 0;
}

.page_topline ul li {
	display: inline-block;
}

.page_topline .dropdown-menu {
	margin: 23px 0 0 -25px;
	min-width: auto;
}

.page_topline .dropdown-language a > img {
	bottom: 1px;
	margin-right: 6px;
	max-width: 16px;
	position: relative;
}

.page_topline .owl-news-slider-dates {
	font-weight: 700;
}

.page_topline .topline-news-item {
	height: 2em;
	line-height: 2em;
	margin: 0 90px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.page_topline .topline-news-item .cat-links {
	display: inline;
}

.page_topline .topline-news-nav-arrow {
	border: 1px solid #13182a;
	bottom: 20px;
	font-size: 10px;
	line-height: 38px;
	position: relative;
	transition: opacity 0.2s ease-in-out;
	width: 40px;
}

.page_topline .topline-news-nav-arrow:hover {
	opacity: 0.5;
}

.page_topline .owl-nav > div {
	opacity: 1;
}

@media (min-width: 992px) {
	.page_toplogo .media + .media {
		margin-left: 60px;
	}
}

.page_toplogo .widget_search form,
.page_toplogo .widget_product_search form,
.page_toplogo .widget_search input,
.page_toplogo .widget_product_search input {
	max-width: none;
}

@media (max-width: 991px) {
	.page_toplogo .media {
		margin: 10px;
	}
}

@media (min-width: 1500px) {
	.page_topline .container-fluid,
	.page_toplogo .container-fluid,
	.page_header .container-fluid {
		padding-left: 60px;
		padding-right: 60px;
	}
}

/*header includes*/
.top-includes {
	margin: 0;
	padding: 0;
}

@media (min-width: 992px) {
	.top-includes {
		white-space: nowrap;
	}
}

.top-includes > * {
	display: inline-block;
}

.top-includes > li {
	margin-left: 10px;
}

.top-includes > li:first-child {
	margin-left: 0;
}

@media (min-width: 992px) {
	.top-includes.border-divided > li + li {
		border-left: 2px solid rgba(200, 200, 200, 0.35);
		margin-left: 26px;
		padding-left: 30px;
	}
}

@media (min-width: 992px) {
	.top-nav + .top-includes {
		margin-left: 50px;
	}
}

@media (max-width: 991px) {
	.top-includes.md-absolute {
		bottom: 0;
		position: absolute;
		right: 80px;
	}
}

.top-includes a.border-icon,
.top-includes a.bg-icon,
.top-includes a.color-bg-icon {
	margin-bottom: 2px;
	margin-top: 2px;
}

/*logo*/
a.logo {
	align-items: center;
	display: flex;
}

a.logo img {
	display: inline-block;
	max-height: 80px;
}

a.logo .logo-text {
	font-size: 34px;
	padding: 0 10px;
}

a.logo .logo-subtext {
	font-size: 22px;
	padding: 0 10px;
}

a.logo .logo-text-bottom {
	font-size: 26px;
}

a.logo .flex-column,
a.logo.flex-column {
	align-items: flex-start;
	padding-bottom: 10px;
	padding-top: 10px;
}

a.logo .flex-column.text-center,
a.logo.flex-column.text-center {
	display: inline-block;
}

.text-center a.logo {
	align-items: center;
	justify-content: center;
}

.header_logo_center a.logo {
	display: inline-block;
	padding: 10px 0;
	position: relative;
	z-index: 2;
}

.header_logo_center.affix a.logo {
	padding: 5px 0;
}

@media (min-width: 992px) {
	.header_logo_center .logo_wrapper {
		align-items: center;
		bottom: 0;
		display: flex;
		justify-content: center;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}
}

@media (max-width: 768px) {
}

/*search modal*/
#search_modal {
	padding: 0 !important;
}

#search_modal .widget {
	background-color: #fff;
	padding: 20px 0;
}

@media (min-width: 1200px) {
	#search_modal .widget:before {
		background: url("../images/logo.png") no-repeat 0 0;
		content: "";
		height: 100px;
		opacity: 0.2;
		position: absolute;
		top: 0;
		width: 100%;
	}
}

#search_modal .search-form {
	margin: 0 auto;
	max-width: 960px;
	padding: 0 100px 0 0;
}

#search_modal a {
	color: #fff;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}

#search_modal a:hover {
	color: var(--color-primary);
	opacity: 1;
}

#search_modal .searchform-respond {
	color: #fff;
	margin: 20px auto;
	width: 300px;
}

#search_modal .form-group {
	margin-bottom: 0;
}

#search_modal .form-control {
	background-color: transparent;
	border: none;
	color: #13182a;
	font-size: 28px;
	font-style: italic;
	height: 60px;
	max-width: none;
	width: 100%;
}

#search_modal .form-control:-moz-placeholder {
	color: #808080;
	opacity: 1;
}

#search_modal .form-control::-moz-placeholder {
	color: #808080;
	opacity: 1;
}

#search_modal .form-control:-ms-input-placeholder {
	color: #808080;
}

#search_modal .form-control::-webkit-input-placeholder {
	color: #808080;
}

#search_modal .btn {
	color: #13182a;
	font-size: 0;
	margin: 0 60px 0 0;
	padding: 30px 22px 25px;
	width: auto;
}

#search_modal .btn:before {
	color: #13182a;
	font-size: 18px;
}

#search_modal .close {
	color: #13182a;
	font-size: 30px;
	line-height: 60px;
	min-width: 60px;
	opacity: 1;
	position: absolute;
	right: 0;
	text-align: center;
	text-shadow: none;
	top: 18px;
	z-index: 2;
}

.active-side-header #search_modal {
	right: 310px;
}

.search_modal_button {
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	padding: 0 0 0 10px;
}

/*
** Side Header
*/
/* side header layout */
body:after {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 1001;
}

body,
body:after,
#canvas,
.page_header_side {
	transition: 0.5s ease-in-out;
}

#canvas {
	left: 0;
	transition-property: left, margin-left;
}

body.active-side-header {
	overflow: hidden;
}

body.active-side-header #canvas {
	left: 310px;
}

body.active-side-header .page_header_side {
	left: 0;
}

body.active-side-header:after {
	opacity: 1;
	visibility: visible;
}

html.html-active-push-header {
	overflow: hidden;
}

.page_header_side {
	bottom: 0;
	left: -310px;
	position: fixed;
	top: 0;
	width: 310px;
	z-index: 1002;
}

.page_header_side.active-slide-side-header {
	box-shadow: 0 0 4px 3px rgba(50, 50, 50, 0.05);
}

.page_header_side ~ .page_toplogo .toggle_menu {
	display: none;
}

.page_header_side a.logo {
	margin-bottom: 20px;
	padding: 10px 20px;
}

.page_header_side a.logo img {
	max-width: 100%;
}

.page_header_side .widget {
	margin-top: 60px;
	padding-left: 30px;
	padding-right: 30px;
}

.page_header_side .widget_icons_list li + li {
	margin-top: 1em;
}

.page_header_side .social-icons {
	display: block;
	margin-top: 43px;
}

.page_header_side .social-icons a.border-icon,
.page_header_side .social-icons a.bg-icon,
.page_header_side .social-icons a.color-bg-icon {
	margin-bottom: 2px;
	margin-top: 2px;
}

@media (min-width: 1200px) {
	.page_header_side ~ .page_topline .container-fluid,
	.page_header_side ~ .page_toplogo .container-fluid,
	.page_header_side ~ div .page_header .container-fluid {
		padding-left: 65px;
		padding-right: 65px;
	}
}

@media (max-width: 1199px) {
	.page_header_side ~ .page_topline [class*="container"],
	.page_header_side ~ .page_toplogo [class*="container"],
	.page_header_side ~ div .page_header [class*="container"] {
		padding-left: 65px;
		padding-right: 65px;
	}
}

.side_header_inner {
	padding: 26px 0 60px;
}

.toggle_menu_side {
	margin: 0;
	position: absolute;
	right: -60px;
	top: 0;
	transition: right 0.3s ease-in-out;
}

@media (max-width: 370px) {
	.toggle_menu_side.active {
		opacity: 0.4;
		right: 0;
	}
}

.toggle_menu_side:before,
.toggle_menu_side span:before,
.toggle_menu_side span:after,
.toggle_menu_side span {
	background-color: #fff !important;
}

.ds .toggle_menu_side {
	background-color: var(--color-primary);
}

.bs .toggle_menu_side {
	background-color: var(--color-primary);
}

.ls .toggle_menu_side {
	background-color: var(--color-primary);
}

.page_header_side.header_side_sticked .toggle_menu_side {
	right: -60px;
	top: 0;
	transition: 0.5s ease-in-out;
}

.page_header_side.active-slide-side-header {
	left: 0;
}

.active-side-header .boxed .header_push ~ div .page_header,
.active-side-header .header_push ~ div .page_header.affix {
	margin-left: 310px;
}

.active-side-header.slide-right .boxed .header_push ~ div .page_header,
.active-side-header.slide-right .header_push ~ div .page_header.affix {
	margin-left: -310px;
}

.page_header_side.header_side_right {
	left: auto;
	right: -310px;
}

.page_header_side.header_side_right.active-slide-side-header {
	right: 0;
}

.page_header_side.header_side_right .toggle_menu_side {
	left: -60px;
	right: auto;
	transition: left 0.3s ease-in-out;
}

@media (max-width: 370px) {
	.page_header_side.header_side_right .toggle_menu_side.active {
		left: 0;
	}
}

body.active-side-header.slide-right #canvas {
	left: -310px;
}

body.active-side-header.slide-right .page_header_side {
	left: auto;
	right: 0;
}

@media (min-width: 600px) {
	.page_header_side.header_side_sticked.active-slide-side-header {
		left: 0;
	}

	.header_side_sticked ~ * {
		transition: margin 0.5s ease-in-out;
	}

	.header_side_sticked ~ * .container-fluid {
		padding-left: 80px;
	}

	.header_side_sticked ~ div .page_header {
		width: auto;
	}

	.header_side_sticked.active-slide-side-header ~ *,
	.header_side_sticked.active-slide-side-header ~ div .page_header {
		margin-left: 310px;
	}

	.boxed .header_side_sticked.active-slide-side-header ~ *,
	.boxed .header_side_sticked.active-slide-side-header ~ div .page_header {
		margin-left: 0;
	}

	.header_side_sticked ~ .page_header_wrapper {
		margin: 0 !important;
	}

	.page_header_side.header_side_sticked.header_side_right.active-slide-side-header {
		left: auto;
	}

	.header_side_sticked.header_side_right.active-slide-side-header ~ *,
	.header_side_sticked.header_side_right.active-slide-side-header ~ div .page_header {
		margin-left: 0;
		margin-right: 310px;
	}
}

/* 
** Intro Section Styles
*/
.page_slider {
	clear: both;
	height: 100vh;
	overflow: hidden;
	position: relative;
}

/* Colour wash over the slideshow - the two radial gradients from the open-day
   form's hero, recoloured to the theme red and gold, tracking the edges of
   the slider.

   Each layer is a circular blob that walks the PERIMETER: along the top, down
   the right, back along the bottom, up the left. The keyframes are the four
   corners, so the path is the rectangle's border rather than a circle
   inscribed in it. Both travel the same way round; the gold runs on a -20s
   delay against a 40s lap, which is exactly half the path, so the two stay
   diametrically opposite each other for the whole loop.

   The corner coordinates are viewport units, offset by 75px, because
   .page_slider is 100vh tall and full-bleed, so 100vw / 100vh map to its own
   edges. Percentages would not work here - a percentage in translate resolves
   against the element's own box, not its parent's.

   The wash lives on the SLIDE, not on .page_slider. FlexSlider writes an
   inline z-index onto the active slide in fade mode, which makes that slide
   its own stacking context - so anything placed on .page_slider above the
   photo is also above the headline, because the whole slide ranks as one
   layer from outside. Sitting inside the slide, z-index 1 clears the img
   (static) and stays below .intro_layers_wrapper at 5.

   Colours are literal rgba on purpose. rgba(var(--x), a) is all-or-nothing:
   if the custom property is missing the whole declaration is invalid and
   nothing paints. 237,32,36 is --color-primary; 245,197,24 is
   --color-secondary - keep them in step by hand if you retheme. */
.page_slider .flexslider .slides > li:before,
.page_slider .flexslider .slides > li:after {
	content: "";
	height: 50vmax;
	left: 0;
	margin-left: -25vmax;
	margin-top: -25vmax;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 50vmax;
	will-change: translate, scale;
	z-index: 1;
}

/* translate and scale are used as INDIVIDUAL properties rather than
   transform: two animations cannot both drive transform - the later one
   replaces the earlier - but they can drive translate and scale separately
   and compose. */
.page_slider .flexslider .slides > li:before {
	-webkit-animation: aswn-perimeter 40s linear infinite, aswn-pulse 7s ease-in-out infinite;
	animation: aswn-perimeter 40s linear infinite, aswn-pulse 7s ease-in-out infinite;
	background: radial-gradient(closest-side, rgba(237, 32, 36, 0.7), transparent 100%);
}

/* Same animation, same direction, half a lap behind. */
.page_slider .flexslider .slides > li:after {
	-webkit-animation: aswn-perimeter 40s linear -20s infinite, aswn-pulse 7s ease-in-out -3.5s infinite;
	animation: aswn-perimeter 40s linear -20s infinite, aswn-pulse 7s ease-in-out -3.5s infinite;
	background: radial-gradient(closest-side, rgba(245, 197, 24, 0.7), transparent 100%);
}

/* The path box is inset -75px, i.e. 75px OUTSIDE the slider on every side,
   so each blob's opaque centre stays off-screen and only its falloff washes
   across the slide. */
@keyframes aswn-perimeter {
	0% {
		translate: -75px -75px;
	}
	25% {
		translate: calc(100vw + 75px) -75px;
	}
	50% {
		translate: calc(100vw + 75px) calc(100vh + 75px);
	}
	75% {
		translate: -75px calc(100vh + 75px);
	}
	100% {
		translate: -75px -75px;
	}
}

@keyframes aswn-pulse {
	0%,
	100% {
		scale: 1;
	}
	50% {
		scale: 1.18;
	}
}

/* Held still for anyone who has asked their OS to reduce motion. If you see
   no movement at all, check this first - Windows Settings > Accessibility >
   Visual effects > Animation effects. */
@media (prefers-reduced-motion: reduce) {
	.page_slider .flexslider .slides > li:before,
	.page_slider .flexslider .slides > li:after {
		-webkit-animation: none;
		animation: none;
	}
}

/* Mirror of the header's gradient at the foot of the slideshow - same 140px,
   same black, fading upward instead of down.
   It hangs off .intro_layers_wrapper rather than .page_slider. FlexSlider
   gives the active slide an inline z-index, which makes that slide its own
   stacking context - so anything placed on .page_slider above the photo is
   also above the headline, and on shorter screens the headline sits low
   enough to be swallowed by it. Inside the wrapper, z-index -1 puts it
   behind the text but still in front of the photo.
   The negative left/right cancel the wrapper's 15px inset so the gradient
   still reaches both edges. */
.page_slider .intro_layers_wrapper:after {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	bottom: 0;
	content: "";
	height: 140px;
	/* Full viewport width, not the container's. The wrapper lives inside a
	   .container whose width FlexSlider also writes to inline, and that was
	   not growing back when the window was widened - so a shadow measured
	   from it stayed stuck at the narrow size. 100vw never does that. */
	left: 50%;
	margin-left: -50vw;
	pointer-events: none;
	position: absolute;
	width: 100vw;
	z-index: -1;
}

/* Lifted above that gradient - the dots sit 27px from the bottom, well inside
   it, and would otherwise be buried. */
.page_slider .flex-control-nav {
	z-index: 6;
}

/* Slide images have no height of their own, so without this the slider ends
   up as tall as the source image's aspect ratio, not as tall as the screen. */
.page_slider .flexslider,
.page_slider .flexslider .flex-viewport,
.page_slider .flexslider .slides,
.page_slider .flexslider .slides > li {
	height: 100vh;
}

.page_slider .flexslider .flex-viewport {
	max-height: none;
}

/* Direct child only - images inside .intro_layer are content, not backdrops. */
.page_slider .flexslider .slides > li > img {
	height: 100%;
	object-fit: cover;
	object-position: center center;
	width: 100%;
}

/* svh accounts for mobile browsers hiding the URL bar. */
@supports (height: 100svh) {
	.page_slider,
	.page_slider .flexslider,
	.page_slider .flexslider .flex-viewport,
	.page_slider .flexslider .slides,
	.page_slider .flexslider .slides > li {
		height: 100svh;
	}
}

.page_slider.blog-slider img {
	opacity: 0.5;
}

.page_slider.blog-slider .flex-direction-nav {
	display: none;
}

@media (max-width: 768px) {
	.page_slider.blog-slider .flex-control-nav {
		bottom: 139px;
	}
}

.page_slider > img {
	width: 100%;
}

.page_slider h2 {
	font-size: 3em;
	line-height: 1;
	margin: 0;
}

.page_slider h3 {
	font-size: 2em;
	line-height: 1;
	margin: 0;
}

.page_slider h4 {
	font-size: 1.5em;
	margin: 0;
}

.page_slider p {
	font-size: 1.2em;
	margin: 0;
}

@media (min-width: 992px) {
	.page_slider h2 {
		font-size: 6em;
	}

	.page_slider h3 {
		font-size: 3em;
	}

	.page_slider h4 {
		font-size: 2.5em;
	}

	.page_slider p {
		font-size: 1.7em;
	}
}

.page_slider .flex-direction-nav .flex-prev,
.page_slider .flex-direction-nav .flex-next {
	top: 56%;
}

@media (max-width: 1250px) {
	.page_slider .flex-direction-nav .flex-prev,
	.page_slider .flex-direction-nav .flex-next {
		display: none;
	}
}

.page_slider .flex-direction-nav .flex-prev {
	color: #fff;
	left: 9%;
	opacity: 0.5;
}

@media (max-width: 1550px) {
	.page_slider .flex-direction-nav .flex-prev {
		left: 4%;
	}
}

@media (max-width: 1400px) {
	.page_slider .flex-direction-nav .flex-prev {
		left: 1%;
	}
}

.page_slider .flex-direction-nav .flex-prev:before {
	color: #fff;
	font-size: 44px;
}

.page_slider .flex-direction-nav .flex-prev:hover:before {
	color: #fff;
}

.page_slider .flex-direction-nav .flex-next {
	color: #fff;
	opacity: 0.5;
	right: 9%;
}

@media (max-width: 1550px) {
	.page_slider .flex-direction-nav .flex-next {
		right: 4%;
	}
}

@media (max-width: 1400px) {
	.page_slider .flex-direction-nav .flex-next {
		right: 1%;
	}
}

.page_slider .flex-direction-nav .flex-next:before {
	color: #fff;
	font-size: 44px;
}

.page_slider .flex-direction-nav .flex-next:hover:before {
	color: #fff;
}

.page_slider .flexslider .slides {
	display: flex;
}

.page_slider .flexslider:before,
.page_slider .flexslider:after {
	clear: both;
	content: "";
	display: block;
}

.page_slider .flexslider .intro_layer img {
	display: inline-block;
	width: auto;
}

.page_slider .flexslider.slider-shadow {
	padding-bottom: 50px;
}

.page_slider .flexslider.slider-shadow:before,
.page_slider .flexslider.slider-shadow:after {
	background: transparent;
	bottom: 65px;
	box-shadow: 0 25px 20px rgba(0, 0, 0, 0.3);
	content: "";
	height: 20%;
	left: 10px;
	max-width: 400px;
	position: absolute;
	transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	width: 50%;
	z-index: 1;
}

.page_slider .flexslider.slider-shadow:after {
	left: auto;
	right: 10px;
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
}

.page_slider .intro_layers_wrapper {
	display: flex;
}

.page_slider .intro_layers {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 20px 0;
	width: 100%;
}

/* Slide text vertical alignment - put one of these on .intro_layers_wrapper.
   Middle is the default if none is given. */
.page_slider .intro_text_top .intro_layers {
	justify-content: flex-start;
}

.page_slider .intro_text_middle .intro_layers {
	justify-content: center;
}

.page_slider .intro_text_bottom .intro_layers {
	justify-content: flex-end;
}

/* Stop top-aligned text sitting underneath the transparent header. */
@media (min-width: 992px) {
	.page_slider .intro_text_top .intro_layers {
		padding-top: 140px;
	}
}

@media (max-width: 768px) {
	.page_slider .intro_layers {
		align-items: flex-start;
	}
}

.page_slider .flex-control-nav {
	bottom: 27px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: absolute;
	width: 100%;
}

@media (max-width: 768px) {
	.page_slider .flex-control-nav {
		position: relative;
		top: -33px;
	}
}

.page_slider .flex-control-nav li {
	display: block;
	padding-bottom: 6px;
	padding-top: 6px;
}

.page_slider .flex-control-nav li a {
	background: transparent;
	border-color: transparent;
	color: transparent;
	font: 400 0/1em "Oswald";
	height: 20px;
	opacity: 1;
	position: relative;
	transition: -webkit-transform 0.3s ease-in;
	transition: transform 0.3s ease-in;
	transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
	width: 20px;
}

@media (max-width: 768px) {
	.page_slider .flex-control-nav li a {
		font-size: 0;
	}
}

.page_slider .flex-control-nav li a:hover {
	color: transparent;
	-webkit-transform: translateY(-10px) scale(1.5);
	transform: translateY(-10px) scale(1.5);
}

@media (max-width: 768px) {
	.page_slider .flex-control-nav li a:hover {
		-webkit-transform: translateY(-5px) scale(1.2);
		transform: translateY(-5px) scale(1.2);
	}
}

/* Dots instead of the 01 / 02 / 03 numbering. The :before used to print a
   literal "0" in front of the number FlexSlider writes into the link; it now
   draws the dot, and the link text itself is hidden with font-size 0. */
.page_slider .flex-control-nav li a:before {
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	content: "";
	height: 12px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: background-color 0.3s ease-in;
	width: 12px;
}

@media (max-width: 768px) {
	.page_slider .flex-control-nav li a:before {
		height: 10px;
		left: 50%;
		width: 10px;
	}
}

.page_slider .flex-control-nav li a:hover:before {
	background-color: var(--color-primary);
}

.page_slider .flex-control-nav li a:after {
	content: "";
	height: 0;
	transition: height 0.3s ease-in;
}

.page_slider .flex-control-nav li a.flex-active {
	color: transparent;
	-webkit-transform: translateY(-10px) scale(1.5);
	transform: translateY(-10px) scale(1.5);
}

@media (max-width: 768px) {
	.page_slider .flex-control-nav li a.flex-active {
		-webkit-transform: translateY(-5px) scale(1.2);
		transform: translateY(-5px) scale(1.2);
	}
}

.page_slider .flex-control-nav li a.flex-active:before {
	background-color: var(--color-primary);
	top: 50%;
}

/* The little vertical tick under the active number - hidden now that the
   pagination is dots rather than numerals. */
.page_slider .flex-control-nav li a.flex-active:after {
	display: none;
}

@media (min-width: 300px) {
	.page_slider .cs,
	.page_slider .ds {
		background-color: transparent;
	}

	.page_slider .container-fluid,
	.page_slider .container,
	.page_slider img + .container {
		bottom: 0;
		color: #000;
		left: 0;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		right: 0;
		top: 0;
	}
}

@media (min-width: 300px) and (max-width: 768px) {
	.page_slider .container-fluid,
	.page_slider .container,
	.page_slider img + .container {
		position: static;
	}
}

@media (min-width: 300px) {
	.page_slider [class*="col-"] {
		margin-bottom: 0;
		margin-top: 0;
		min-height: 0;
		position: static;
	}

	.page_slider .intro_layers_wrapper {
		bottom: 0;
		height: 100%;
		left: 15px;
		position: absolute;
		right: 15px;
		top: 0;
		z-index: 5;
	}
}

@media (min-width: 300px) and (max-width: 768px) {
	.page_slider .intro_layers_wrapper .intro_before_featured_word {
		display: none;
	}

	.page_slider .intro_layers_wrapper .intro_layer.button {
		display: none;
	}

	.page_slider .intro_layers_wrapper h2:after {
		display: none;
	}

	.page_slider .intro_layers_wrapper h2 {
		font-size: 20px;
		text-align: left;
	}
}

@media (min-width: 300px) and (min-width: 600px) {
	.boxed .page_slider .intro_layers_wrapper {
		padding-left: 60px;
		padding-right: 60px;
	}
}

@media (min-width: 300px) {
	.page_slider .intro_before_featured_word {
		color: #fff;
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 2.6em;
		margin-top: 0;
		text-align: left;
	}
}

@media (min-width: 300px) and (max-width: 992px) {
	.page_slider .intro_before_featured_word {
		font-size: 16px;
		margin-bottom: 1em;
	}
}

@media (min-width: 300px) and (max-width: 768px) {
	.page_slider .intro_button {
		min-width: 100px;
		padding: 20px;
	}
}

@media (min-width: 300px) {
	.page_slider .intro_featured_word {
		font-size: 50px;
		line-height: 1.1;
		margin-bottom: 20px;
		white-space: nowrap;
	}
}

@media (min-width: 300px) and (max-width: 992px) {
	.page_slider .intro_featured_word {
		font-size: 30px;
	}
}

@media (min-width: 300px) and (max-width: 768px) {
	.page_slider .intro_featured_word {
		font-size: 25px;
		margin-top: 10px;
		text-align: center;
	}

	.page_slider .intro_featured_word:after {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media (min-width: 300px) {
	.page_slider .intro_after_featured_word {
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 1em;
		text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
		text-transform: uppercase;
	}
}

@media (min-width: 992px) {
	.page_slider .intro_layers_wrapper {
		padding: 260px 0 60px;
	}

	.page_slider .intro_featured_word {
		font-family: "Oswald", sans-serif;
		font-size: 48px;
		font-weight: 400;
		letter-spacing: 2.4px;
		line-height: 48px;
		margin-bottom: 40px;
	}

	.page_slider .intro_after_featured_word {
		font-size: 12px;
		letter-spacing: 2em;
	}
}

/* Slideshow headline - Industry Bold Italic.
   80pt = 106.67px at 96dpi, so the clamp tops out at 6.667rem. It scales
   with the viewport below that and never drops under 2rem. Placed after the
   breakpoint rules above, with a higher specificity, so it wins outright. */
.page_slider .intro_layers .intro_featured_word {
	/* 6px declared = 3px visible: paint-order draws the stroke centred on
	   the glyph edge, then the fill covers its inner half. Inherited by the
	   .intro_lead_word and .intro_word_layered spans and their pseudos. */
	-webkit-text-stroke: 6px #000;
	font-family: "Industry", "Oswald", sans-serif;
	/* Floor doubled from 2rem, and the slope raised so it holds its size
	   longer as the viewport narrows. Still tops out at 80pt. */
	font-size: clamp(4rem, 8vw, 6.667rem);
	font-style: italic;
	font-weight: 700;
	line-height: 1.05;
	padding-bottom: 0;
	paint-order: stroke fill;
	text-shadow: 0 4px 14px rgba(0, 0, 0, 0.65);
}

/* .special-heading draws a 50x3px accent bar under the text and reserves
   32px of padding for it - both removed on the slideshow headline. */
.page_slider .intro_layers .intro_featured_word:after {
	display: none;
}

.page_slider .intro_before_featured_word,
.page_slider .intro_after_featured_word {
	-webkit-text-stroke: 2px rgba(0, 0, 0, 0.7);
	paint-order: stroke fill;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
}

/* Lead-in words - half the size of the main headline.
   Markup: <span class="intro_lead_word">TRANSFORM FROM</span> */
.page_slider .intro_layers .intro_featured_word .intro_lead_word {
	/* 4px declared = 2px visible, lighter than the 3px on the big words. */
	-webkit-text-stroke: 4px #000;
	display: block;
	font-size: 0.5em;
	line-height: 1.1;
}

/* Layered treatment for the big words - white face, then the extrusion runs
   gold for its first half and red for its second, with a soft shadow behind.
   Markup: <span class="intro_word_layered">TRAINEE TO PRO</span> */
.page_slider .intro_layers .intro_featured_word .intro_word_layered,
.page_slider .intro_layers .intro_featured_word .intro_word_layered_inverse {
	/* Layer colours are read from these by aswn-layered-text.js, so a new
	   colourway is a class rather than a code change. face = front,
	   near = the steps just behind it, far = the deepest steps. */
	--layer-face: #fff;
	--layer-near: var(--color-secondary);
	--layer-far: var(--color-primary);
	/* Share of the extrusion given to the near colour; the rest goes to far.
	   0.5 splits it evenly. */
	--layer-near-fraction: 0.5;

	color: #fff;
	display: block;
	/* Closes the gap left by the lead-in line above. In em so it holds as
	   clamp() scales the headline. */
	margin-top: -0.3em;
	text-shadow:
		2px 2px 0 var(--color-secondary),
		4px 4px 0 var(--color-secondary),
		6px 6px 0 var(--color-secondary),
		8px 8px 0 var(--color-primary),
		10px 10px 0 var(--color-primary),
		12px 12px 0 var(--color-primary),
		15px 15px 14px rgba(0, 0, 0, 0.55);
}

/* Inverse colourway - gold face, red behind it, white deepest. Works either
   on its own or added alongside the base class. */
.page_slider .intro_layers .intro_featured_word .intro_word_layered_inverse {
	--layer-face: var(--color-secondary);
	--layer-near: var(--color-primary);
	--layer-far: #fff;
	/* White gets half the depth the red gets: 2 parts red, 1 part white. */
	--layer-near-fraction: 0.667;

	color: var(--color-secondary);
	text-shadow:
		2px 2px 0 var(--color-primary),
		4px 4px 0 var(--color-primary),
		6px 6px 0 var(--color-primary),
		8px 8px 0 #fff,
		10px 10px 0 #fff,
		12px 12px 0 #fff,
		15px 15px 14px rgba(0, 0, 0, 0.55);
}

/* Once aswn-layered-text.js has swapped in the SVG, the shadow stack above
   is dead weight - and while it was still applied a failed render was almost
   impossible to tell apart from a successful one. Keyed on the attribute
   rather than a class, so it covers every colourway. */
.page_slider .intro_layers .intro_featured_word [data-layered-rendered] {
	text-shadow: none;
}

@media (max-width: 991px) {
	.page_slider {
		text-align: center;
	}
}

/*
** Subpages
*/
/*
** 404
*/
.error-404 .page-header h2 {
	color: var(--color-primary);
	font-family: "Poppins", sans-serif;
	font-size: 300px;
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 0.8;
	margin-bottom: 12px;
	position: relative;
	text-indent: -0.05em;
}

@media (max-width: 768px) {
	.error-404 .page-header h2 {
		font-size: 250px;
	}
}

@media (max-width: 470px) {
	.error-404 .page-header h2 {
		font-size: 200px;
	}
}

@media (max-width: 380px) {
	.error-404 .page-header h2 {
		font-size: 158px;
	}
}

.error-404 .page-header h2 span {
	color: #fff;
	font-family: "Oswald", sans-serif;
	font-size: 36px;
	font-weight: 400;
	left: 50%;
	letter-spacing: 0.05em;
	margin-left: -2px;
	position: absolute;
	text-indent: 0.05em;
	text-transform: none;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
}

@media (max-width: 470px) {
	.error-404 .page-header h2 span {
		font-size: 26px;
	}
}

@media (max-width: 380px) {
	.error-404 .page-header h2 span {
		font-size: 20px;
	}
}

@media (min-width: 992px) {
	.error-404 .page-header h2 {
		font-size: 300px;
	}
}

.error-404 .page-header h3 {
	color: #fff;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 30px;
	text-transform: none;
}

@media (min-width: 768px) {
	.error-404 .page-header h3 {
		font-size: 40px;
		letter-spacing: 2px;
	}
}

.error-404 .widget_search {
	margin: 58px 0;
}

/*
** Blog
*/
.blog_slider {
	margin-bottom: 82px;
}

@media (min-width: 992px) {
	.blog_slider .intro_layers_wrapper {
		left: 130px;
		right: 130px;
	}
}

@media (max-width: 767px) {
	.blog_slider {
		display: none;
	}
}

.blog-featured-posts .post {
	height: 100%;
}

.entry-title,
.entry-title:last-child {
	font-size: 30px;
	line-height: 1;
	margin-bottom: 20px;
	margin-top: 3px;
	text-transform: none;
}

@media (max-width: 768px) {
	.entry-title,
	.entry-title:last-child {
		text-align: center;
	}
}

h4.entry-title {
	font-size: 24px;
	margin-bottom: 0.7em;
}

.item-media + .item-content h1.entry-title {
	margin-top: 5px;
}

.post {
	position: relative;
}

.post.format-status img {
	margin: 0 auto 25px;
}

.post.format-status .entry-meta {
	align-items: center;
	flex-direction: column-reverse;
	justify-content: center;
	margin-bottom: 23px;
}

.post.format-status .entry-meta .entry-categories {
	margin-bottom: 17px;
}

.post.format-status .entry-title {
	margin-bottom: 20px;
}

.post.format-status .blog-adds {
	justify-content: center;
}

.post.format-link .item-content {
	padding: 56px 51px 51px;
}

@media (max-width: 450px) {
	.post.format-link .item-content {
		padding: 30px;
	}
}

.post.format-link .item-content p {
	margin: 0 0 8px;
}

@media (max-width: 768px) {
	.post.format-link .item-content p {
		text-align: center;
	}
}

.post.format-link .item-content a.more:not(.btn) {
	color: var(--color-primary);
	font-family: "Oswald", sans-serif;
	font-size: 14px;
	font-weight: 400;
	margin-left: 10px;
	text-transform: uppercase;
}

.post.format-link .item-content a.more:not(.btn):hover {
	color: #fff;
}

.post.format-link .item-content a.more:not(.btn) i {
	margin-left: 5px;
}

.post .item-media + .item-content {
	padding: 56px;
}

@media (max-width: 450px) {
	.post .item-media + .item-content {
		padding: 25px;
	}
}

.post .item-media + .item-content p {
	margin: 0 0 8px;
}

.post > .fa {
	color: #fff;
	position: absolute;
	right: 9px;
	top: 7px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 2;
}

.post > .fa:before {
	position: relative;
	z-index: 3;
}

.post > .fa:after {
	border-color: transparent transparent var(--color-primary) transparent;
	border-style: solid;
	border-width: 0 40px 40px 40px;
	content: "";
	display: block;
	height: 0;
	left: -35px;
	position: absolute;
	top: -14px;
	width: 0;
	z-index: 2;
}

.post + .post {
	margin-top: 60px;
}

@media (max-width: 575px) {
	.post + .post {
		margin-top: 30px;
	}
}

.post h3.entry-title + .entry-meta {
	margin-top: -0.65em;
}

.post h1.entry-title + .entry-meta {
	margin: -1em 0 2em;
}

.post.cover-image {
	height: auto;
	padding: 35px 30px 30px;
	text-align: center;
}

@media (max-width: 768px) {
	.post.cover-image {
		padding: 25px;
	}
}

@media (min-width: 992px) {
	.post.cover-image {
		padding: 60px 60px 50px;
	}
}

.post.cover-image .post-thumbnail {
	display: none;
}

.post ul,
.post ol {
	margin-bottom: 40px;
}

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

.post-thumbnail .owl-dots {
	bottom: 30px;
	left: 0;
	position: absolute;
	right: 0;
}

.post-thumbnail + .entry-content {
	margin-top: 1.5em;
}

.post-password-form input[type="password"] {
	margin-top: 0.5em;
	width: auto;
}

.post-password-form input[type="submit"] {
	position: relative;
	top: -2px;
}

.entry-footer,
.entry-meta {
	clear: both;
	display: flex;
	justify-content: space-between;
	line-height: 1;
	margin-bottom: 1em;
}

.entry-footer .entry-date a,
.entry-meta .entry-date a {
	color: #a4a9b9;
}

.entry-footer .entry-categories a,
.entry-meta .entry-categories a {
	color: var(--color-primary);
}

.entry-footer .entry-categories a:hover,
.entry-meta .entry-categories a:hover {
	color: #a4a9b9;
}

.entry-footer a,
.entry-meta a {
	font-family: "Oswald", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -0.05em;
	letter-spacing: 0 !important;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}

.blog-adds {
	display: flex;
	height: 22px;
	justify-content: flex-start;
}

@media (max-width: 768px) {
	.blog-adds {
		justify-content: center;
	}
}

.blog-adds span {
	font-family: "Oswald", sans-serif;
	font-size: 12px;
	margin-left: 20px;
	text-transform: uppercase;
}

.blog-adds span:first-child {
	margin-left: 0;
}

.blog-adds .like-count i {
	color: var(--color-primary);
}

.blog-adds i {
	font-size: 14px;
	margin-right: 10px;
}

.entry-footer {
	margin-bottom: 50px;
	margin-top: 40px;
}

.entry-footer .fa {
	margin-right: 10px;
}

.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.entry-header:before,
.entry-header:after {
	clear: both;
	content: "";
	display: block;
}

.cat-links {
	display: block;
	font-size: 0;
	line-height: 1;
	margin-bottom: 12px;
}

.cat-links a {
	background-color: var(--color-primary);
	border-radius: 1px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1;
	margin: 0 4px 4px 0;
	padding: 0.35em 0.5em 0.25em;
	text-transform: uppercase;
}

.cat-links a:nth-child(4n-5) {
	background-color: #37c7ef;
}

.cat-links a:nth-child(4n-4) {
	background-color: #98c725;
}

.cat-links a:nth-child(4n-3) {
	background-color: #56d7fe;
}

.cat-links a:hover {
	background-color: #13182a;
}

.entry-footer .edit-link,
.entry-header .edit-link {
	float: right;
}

.entry-footer .edit-link a:before,
.entry-header .edit-link a:before {
	content: "\f040";
	font-family: "FontAwesome";
	padding-right: 0.4em;
}

.entry-footer .entry-title + .edit-link,
.entry-header .entry-title + .edit-link {
	position: absolute;
	right: 15px;
	top: 0.5em;
}

.author-bio {
	margin-top: 60px;
}

@media (max-width: 575px) {
	.author-bio {
		margin-top: 30px;
	}
}

.author-bio h4,
.author-bio h5 {
	margin-bottom: 7px;
	margin-top: 0;
	text-transform: capitalize;
}

.author-bio p {
	margin: 0 0 15px;
}

.video-post .item-content {
	padding: 56px;
}

@media (max-width: 575px) {
	.video-post .item-content {
		padding: 30px;
	}
}

.post-adds {
	align-items: center;
	background-color: #13182a;
	border: 1px solid #3f4455;
	display: flex;
	line-height: 1;
	margin-bottom: 30px;
}

.post-adds i {
	width: 1em;
}

.post-adds a {
	display: inline-block;
	margin: 0;
}

.post-adds .dropdown-menu {
	background-color: transparent;
	border: none;
	padding: 0;
}

.post-adds .share_buttons {
	display: flex;
}

.post-adds .share_button {
	background-color: var(--color-primary);
	color: #fff;
	line-height: 60px;
	padding: 0 21px;
}

.post-adds .like_button {
	border-right: 1px solid #3f4455;
	line-height: 60px;
	padding: 0 21px;
}

.post-adds .like_button i {
	color: var(--color-primary) !important;
}

.post-adds .votes_count {
	font-family: "Oswald", sans-serif;
	font-size: 17px;
	font-weight: 400;
	padding: 0 21px;
	text-transform: uppercase;
}

.post-adds .views-count {
	background-color: var(--color-primary);
	color: #fff;
	font-family: "Oswald", sans-serif;
	font-size: 17px;
	font-weight: 400;
	margin-left: auto;
	padding: 21px 51px;
	text-transform: uppercase;
}

@media (max-width: 576px) {
	.post-adds .share_button {
		line-height: 40px;
		padding: 0 11px;
	}

	.post-adds .like_button {
		line-height: 40px;
		padding: 0 11px;
	}

	.post-adds .views-count {
		padding: 10px 15px;
	}
}

/*gallery post*/
.post .gallery {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -7px;
}

.post .gallery .gallery-item {
	padding: 0 7px;
	width: 50%;
}

.post .gallery .gallery-item figcaption {
	padding: 20px 0 5px;
}

@media (min-width: 992px) {
	.post .gallery.gallery-columns-1 .gallery-item {
		width: 100%;
	}

	.post .gallery.gallery-columns-2 .gallery-item {
		width: 50%;
	}

	.post .gallery.gallery-columns-3 .gallery-item {
		width: 33.33%;
	}

	.post .gallery.gallery-columns-4 .gallery-item {
		width: 25%;
	}

	.post .gallery.gallery-columns-5 .gallery-item {
		width: 20%;
	}

	.post .gallery.gallery-columns-6 .gallery-item {
		width: 16.66%;
	}

	.post .gallery.gallery-columns-7 .gallery-item {
		width: 14.28%;
	}

	.post .gallery.gallery-columns-8 .gallery-item {
		width: 12.5%;
	}

	.post .gallery.gallery-columns-9 .gallery-item {
		width: 11.11%;
	}
}

/*post author*/
.author-bio a.fa {
	margin-bottom: 0;
}

/*comments*/
.comments-title {
	margin-bottom: 40px;
}

.comments-area {
	margin-top: 60px;
	padding: 54px 60px 20px;
}

@media (max-width: 575px) {
	.comments-area {
		margin-top: 30px;
		padding: 54px 15px 20px;
	}
}

.comments-area .comment-list {
	list-style: none;
	padding: 0;
}

.comments-area .comment-list ol.children {
	list-style: none;
	padding-left: 35px;
}

@media (min-width: 1200px) {
	.comments-area .comment-list ol.children {
		padding-left: 90px;
	}
}

.comments-area .comment-list ol.children ol.children ol.children {
	padding-left: 35px;
}

.comment-body {
	margin-bottom: 0;
	margin-left: 70px;
	padding: 10px 0px 20px 20px;
	position: relative;
}

.comment-body ol,
.comment-body ol ol {
	padding-left: 20px;
}

.comment-meta {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1em;
}

.comment-meta h4 {
	font-size: 25px;
	letter-spacing: -0.9px;
	margin-bottom: 7px;
	margin-top: 0;
	text-transform: capitalize;
}

.comment-meta img {
	border-radius: 50%;
	left: -70px;
	max-width: 70px;
	position: absolute;
	top: -1px;
}

.comment-meta .comment-author {
	font-size: 21px;
}

.comment-meta .comment-metadata {
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}

.comment-meta b {
	font-weight: inherit;
}

@media (max-width: 575px) {
	.comment-body {
		margin-left: 47px;
	}

	.comment-meta img {
		left: -48px;
		max-width: 55px;
	}
}

.reply {
	margin-top: 10px;
}

.reply a {
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}

.comment-content p {
	margin-bottom: 0.5em;
}

.no-comments,
.comment-awaiting-moderation {
	opacity: 0.7;
}

.comments-pagination {
	margin: 2em 0 3em;
}

/*comment respond form*/
.comments-area > .comment-respond {
	margin-top: 22px;
	padding: 0 2px 40px;
}

.comment-form {
	display: flex;
	flex-wrap: wrap;
}

.comment-form p {
	margin-bottom: 10px;
	width: 100%;
}

.comment-form p.form-submit {
	margin-bottom: 0;
	margin-top: 10px;
}

.comment-form label {
	display: block;
}

.comment-form textarea,
.comment-form input {
	width: 100%;
}

.comment-form input[type=checkbox] {
	margin: 0;
	visibility: hidden;
}

@media (min-width: 992px) {
	.comment-form .comment-form-author,
	.comment-form .comment-form-email {
		padding-right: 10px;
	}
}

/* post formats */
.format-status .avatar {
	border-radius: 50%;
	display: block;
	margin: 0 auto 35px;
	max-width: 100px;
}

.format-status .entry-title {
	margin-bottom: 35px;
}

.format-status .cat-links {
	margin-bottom: 5px;
}

.format-status.post .entry-title + .entry-meta {
	margin: 0 0 25px;
}

.format-status .entry-date {
	margin-top: -7px;
}

.format-chat .entry-content span {
	color: #fff;
}

.format-chat .entry-content p {
	margin-bottom: 0 !important;
}

.format-chat .entry-content p:nth-child(2n) {
	padding: 0.4em 1.2em;
}

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

.format-quote.cover-image .entry-header > i {
	display: inline-block;
	font-size: 2em;
	margin-bottom: 0.7em;
}

.format-quote blockquote {
	border: none;
	font-style: italic;
	margin-bottom: 0;
	margin-top: 27px;
	padding-bottom: 20px;
	padding-left: 0;
}

.format-quote blockquote cite {
	display: block;
	font-size: 16px;
	font-size: 12px;
	font-style: normal;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1;
	line-height: 1.5;
	margin: 24px 0 0;
	text-align: center;
	text-transform: uppercase;
}

/* 
** Template Specific Styles
*/
#box_wrapper > section,
#box_wrapper > div > section {
	overflow: hidden;
}

#box_wrapper > section.page_topline,
#box_wrapper > section.page_toplogo,
#box_wrapper > section.overflow-visible,
#box_wrapper > div > section.overflow-visible {
	overflow: visible;
}

img.absolute_image {
	position: absolute;
	top: 50px;
	z-index: 1;
}

.image-rounded-cross-borders {
	margin: 50px 0 60px;
	position: relative;
}

.image-rounded-cross-borders:before,
.image-rounded-cross-borders:after {
	background-color: #e1e1e1;
	content: "";
	height: 30px;
	left: 50%;
	position: absolute;
	top: -30px;
	width: 1px;
}

.image-rounded-cross-borders:after {
	bottom: -30px;
	top: auto;
}

.image-rounded-cross-borders .box-shadow {
	border-radius: 50%;
	padding: 9px;
}

.image-rounded-cross-borders .box-shadow:before,
.image-rounded-cross-borders .box-shadow:after {
	background-color: #e1e1e1;
	content: "";
	height: 1px;
	left: -30px;
	position: absolute;
	top: 50%;
	width: 30px;
}

@media (max-width: 1199px) {
	.image-rounded-cross-borders .box-shadow:before,
	.image-rounded-cross-borders .box-shadow:after {
		display: none;
	}
}

.image-rounded-cross-borders .box-shadow:after {
	left: auto;
	right: -30px;
}

.image-rounded-cross-borders img {
	border-radius: 50%;
}

.btn-action i {
	height: 1em;
	text-align: center;
	width: 1em;
}

.btn-action i.fa-chevron-right {
	left: 2px;
	position: relative;
}

.partners-carousel a {
	opacity: 0.2;
}

.partners-carousel a:hover {
	opacity: 0.8;
}

.partners-carousel .center a {
	opacity: 1;
}

.dropdown-shopping-cart {
	font-weight: 700;
	position: relative;
}

.page_toplogo .dropdown-shopping-cart {
	margin-left: 24px;
}

.dropdown-shopping-cart i {
	font-size: 28px;
	padding-right: 14px;
}

.page_toplogo .dropdown-shopping-cart i {
	position: relative;
	top: 0.18em;
}

.dropdown-shopping-cart .badge {
	border-radius: 1em;
	left: 24px;
	padding: .28em .5em .2em;
	position: absolute;
}

.page_toplogo .dropdown-shopping-cart .badge {
	top: -0.3em;
}

.dropdown-shopping-cart:hover {
	color: inherit;
}

.dropdown-shopping-cart + .dropdown-menu {
	margin-top: 50px;
}

@media (min-width: 576px) {
	.dropdown-shopping-cart + .dropdown-menu {
		min-width: 430px;
	}
}

.header_absolute.cover-background,
.header_absolute.s-parallax {
	background-image: url("../images/parallax/video_section_background.jpg");
}

.contact-info.ds {
	border-bottom: 1px solid rgba(128, 128, 128, 0.2);
}

.contact-info.cover-background,
.contact-info.s-parallax {
	background: url("../images/parallax/footer_bg.jpg") no-repeat fixed center;
	background-size: cover;
}

/* Anchor targets sit under the fixed header, so scrolling to one would put
   its heading behind the bar. scroll-margin-top offsets the landing point by
   the scrolled header height (98px) plus the bar stack. */
#about,
#classes,
#coaches,
#pricing,
#endorsements,
#faq {
	scroll-margin-top: 108px;
}

/* The section now carries s-py-30 / s-py-md-45 like the others, so this
   wrapper's own padding would stack on top of it. */
.faq-section-right {
	padding: 0;
}

.faq-section {
	background-image: url("../img/parallax/faqs_background.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Heading underline red here, rather than the gold used on the other dark
   sections. */
.ds.faq-section .special-heading:after {
	background-color: var(--color-primary);
}

/* Answer panel: black with white text. */
.faq-section [role="tablist"] .card-body,
.faq-section [role="tablist"] .card-body p {
	background-color: #000;
	color: #fff;
}

/* Accordion bars. Bigger type, tighter padding, and no pencil icon - the
   40px left padding existed to clear it. */
.faq-section [role="tablist"] .card-header a {
	font-size: 18px;
	padding: 16px 50px 15px 25px;
}

/* OPEN bar: red with white text. */
.faq-section [role="tablist"] .card-header a,
.faq-section [role="tablist"] .card-header a:before,
.faq-section [role="tablist"] .card-header a:after {
	background-color: var(--color-primary);
	color: #fff;
}

/* COLLAPSED bar: gold with black text.
   The .ds.ms prefix is needed, not cosmetic: the template's own collapsed
   rule is .ds.ms [role="tablist"] .card-header a.collapsed, and without
   matching that specificity this loses and the bars stay navy. */
.ds.ms.faq-section [role="tablist"] .card-header a.collapsed {
	background-color: var(--color-secondary);
	color: #000;
}

.ds.ms.faq-section [role="tablist"] .card-header a.collapsed:before,
.ds.ms.faq-section [role="tablist"] .card-header a.collapsed:after {
	background-color: transparent;
	color: #000;
}

/* HOVER, either state: red with white text. */
.ds.ms.faq-section [role="tablist"] .card-header a:not(.btn):hover,
.ds.ms.faq-section [role="tablist"] .card-header a.collapsed:hover,
.ds.ms.faq-section [role="tablist"] .card-header:hover a {
	background-color: var(--color-primary);
	color: #fff;
}

.ds.ms.faq-section [role="tablist"] .card-header a:not(.btn):hover:before,
.ds.ms.faq-section [role="tablist"] .card-header a:not(.btn):hover:after,
.ds.ms.faq-section [role="tablist"] .card-header a.collapsed:hover:before,
.ds.ms.faq-section [role="tablist"] .card-header a.collapsed:hover:after {
	background-color: transparent;
	color: #fff;
}

/* Mobile menu panel. The template gives it a navy background, a red 61px
   top border and its own 12px condensed type - this brings it in line with
   the desktop bar. */
@media (max-width: 1199px) {
	/* The button is width: fit-content, so the list item has to centre it -
	   it cannot centre itself on a width it does not have. */
	.top-nav .sf-menu > li.nav-cta {
		text-align: center;
	}

	.top-nav .sf-menu > li.nav-cta > a.btn {
		margin-left: auto;
		margin-right: auto;
	}

	.sf-menu {
		background-color: #000;
		border-top-color: #000;
		font-family: "Industry", "Oswald", sans-serif;
		font-size: 18px;
		font-style: italic;
		font-weight: 700;
		letter-spacing: 0.8px;
	}

	.top-nav .sf-menu a {
		font-family: "Industry", "Oswald", sans-serif;
		font-style: italic;
		font-weight: 700;
		text-transform: uppercase;
	}

	.toggle_menu.mobile-active {
		background-color: #000;
	}
}

/* Home icon in the nav - sized off the surrounding type, and inheriting the
   link colour so it turns gold when active and red on hover like the rest. */
/* An SVG can't inherit font-style, so the italic slant is applied as a skew.
   -12deg is a close match for Industry Italic; nudge it if it reads off. */
.nav-home-icon {
	display: inline-block;
	height: 22px;
	transform: skewX(-12deg);
	vertical-align: 0;
	width: 22px;
}

/* The -4px / -5px nudges align these against the horizontal bar's baseline.
   They must not apply in the burger panel, where the items stack and there
   is no baseline to align to. */
@media (min-width: 1200px) {
	.nav-home-icon {
		margin-top: -4px;
	}

	.top-nav .sf-menu > li.nav-cta > a.btn,
	.ds .top-nav .sf-menu > li.nav-cta > a.btn {
		margin-top: -5px !important;
	}
}

@media (max-width: 1200px) {
	.faq-section-right {
		padding: 30px;
	}
}

@media (max-width: 768px) {
	.faq-section-right {
		padding-bottom: 60px;
		padding-top: 0;
	}
}

.page_title.cover-background,
.page_title.s-parallax {
	background-image: url("../images/parallax/breadcrumbs.jpg");
}

.page_title h1,
.page_title h2 {
	font-size: 40px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
	line-height: 1.25;
	margin-bottom: 0.2em;
	text-transform: none;
	word-wrap: break-word;
}

@media (min-width: 992px) {
	.page_title h1,
	.page_title h2 {
		font-size: 40px;
		font-weight: 400;
		letter-spacing: 0;
		line-height: 1.25;
		text-transform: none;
		word-wrap: break-word;
	}

	.page_title h1:last-child,
	.page_title h2:last-child {
		margin-bottom: 0;
	}
}

.page_title .small-title {
	margin-bottom: 0;
}

.page_title .small-title + .breadcrumb {
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0;
	text-transform: none;
}

@media (min-width: 992px) {
	.page_title .title-inline {
		margin: 0;
	}

	.page_title .title-inline + .breadcrumb {
		border-left: 1px solid rgba(200, 200, 200, 0.35);
		margin-left: 30px;
		padding-left: 30px;
	}
}

.page_title .breadcrumb {
	line-height: 1.6;
}

.page_title [class*="container"] > .breadcrumb {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	padding: 0 15px;
	position: absolute;
	right: 15px;
}

.page_404 {
	background-image: url("../images/404.jpg");
}

/* This is the rule that actually applies - it sits later in the file than
   the .about-section block up in the sections area, at equal specificity. */
.about-section {
	background-image: url("../img/parallax/about_background.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.ds.coming-soon {
	background-image: url("../images/parallax/footer_bg.jpg");
}

.ds.coming-soon input {
	background-color: #13182a;
}

/* Coach photos are cropped to a landscape 16:9 rather than running at the
   source file's own aspect ratio. padding-top on a zero-height box is the
   ratio trick: 56.25% of the width. object-fit stops the crop distorting. */
.team-section .item-media {
	height: 0;
	padding-top: 56.25%;
}

.team-section .item-media img {
	height: 100%;
	left: 0;
	object-fit: cover;
	object-position: center top;
	position: absolute;
	top: 0;
	width: 100%;
}

/* Equal-height cards, same pattern as the classes and pricing cards. */
.team-section .row.c-mb-30 > [class*='col-'] {
	display: flex;
}

.team-section .row.c-mb-30 > [class*='col-'] > .vertical-item {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.team-section .vertical-item .item-content {
	flex-grow: 1;
}

/* Same rhythm as the classes cards. */
.team-section .vertical-item .item-content > * {
	margin-bottom: 0;
}

.team-section .vertical-item .item-content > * + * {
	margin-top: 6px;
}

.team-section .vertical-item .item-content p:not(.small-text):not(.social-icons) {
	margin-top: 18px;
}

.team-section {
	background-image: url("../img/parallax/coaches_background.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Endorsements section */
.endorsements-section {
	background-image: url("../img/parallax/endorsements_background.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

/* 40% red wash over the background image. This section has no .s-overlay
   class, so it gets its own layer rather than reusing the template's. */
.endorsements-section:before {
	background-color: var(--color-primary);
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.4;
	position: absolute;
	right: 0;
	top: 0;
}

/* Knocks the background image back to roughly half strength. There is no way
   to set opacity on a background-image itself, so this is a 50% black layer
   over it - against a .ds section that is already black, the result is the
   same as fading the image. Painted after :before, so it sits over the red
   wash as well as the photo. */
.endorsements-section:after {
	background-color: #000;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.5;
	position: absolute;
	right: 0;
	top: 0;
}

/* Content has to sit above both layers. */
.endorsements-section > [class*='container'] {
	position: relative;
	z-index: 1;
}

/* Card layout: photo down the left at full card height, copy to the right.
   The blockquote wrapper is gone from the markup - it sat between the card
   and the row and would not pass the card's height down, which is what left
   the gap under the photo. The row is now a direct child of the card. */
.endorsements-section .testimonial-item {
	display: flex;
	flex-direction: column;
}

.endorsements-section .testimonial-item > .row {
	flex: 1 1 auto;
	width: 100%;
}

/* The photo column is the positioning context; the image fills it. */
.endorsements-section .testimonial-item > .row > [class*='col-'] {
	position: relative;
}

.endorsements-section .testimonial-item > .row > [class*='col-'] > img {
	border-radius: 0;
	bottom: 0;
	display: block;
	height: 100%;
	left: 0;
	object-fit: cover;
	object-position: center center;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.endorsements-section .quote-body {
	padding: 40px;
}

.endorsements-section .quote-body > * + * {
	margin-top: 6px;
}

.endorsements-section .quote-body .small-text + p {
	margin-top: 18px;
}

.endorsements-section .quote-body h5 {
	margin: 0;
}

.endorsements-section .quote-body h5 + .small-text {
	margin-top: 6px;
}

/* Gold rather than the red .color-main gives it in the markup. */
.endorsements-section .quote-body .small-text {
	color: var(--color-secondary);
	font-size: 16px;
	font-style: italic;
	text-align: left;
}

/* Equal-height carousel items. */
.endorsements-section .owl-carousel .owl-stage {
	display: flex;
}

.endorsements-section .owl-carousel .owl-item {
	display: flex;
	height: auto;
}

.endorsements-section .owl-carousel .owl-item > .testimonial-item {
	width: 100%;
}

.endorsements-section .owl-carousel .owl-item .box-shadow {
	height: auto;
}

/* Below lg the columns stack: photo across the top. 640px was right at the
   991px breakpoint but stayed 640px as the card narrowed, so it turned into a
   tall portrait strip on a phone. aspect-ratio holds the shape it had at that
   breakpoint (roughly 930x640) at every width instead.

   The copy column is a stretched flex child, so its text was centring in the
   leftover vertical space instead of starting at the top. */
@media (max-width: 991px) {
	/* Once the columns wrap, the row has two flex LINES. Extra height in the
	   card gets shared between them by align-content: stretch (the default),
	   which is what was floating the copy in the middle - not align-items,
	   and not anything on .quote-body. flex-start keeps each line at its
	   content height and leaves the slack at the bottom. */
	.endorsements-section .testimonial-item > .row {
		align-content: flex-start;
	}

	.endorsements-section .testimonial-item > .row > [class*='col-'] > img {
		aspect-ratio: 1.45;
		bottom: auto;
		height: auto;
		left: auto;
		object-position: center top;
		position: relative;
		right: auto;
		top: auto;
	}
}

/* Carousel arrows. The template parks these outside the container at -8%
   and then hides them entirely below 1250px. Below 1650px they are brought
   inside the carousel and forced visible, so they never disappear. */
@media (max-width: 1650px) {
	.endorsements-section .owl-carousel .owl-nav {
		display: block;
		z-index: 10;
	}

	.endorsements-section .owl-carousel .owl-nav .owl-prev {
		left: 10px;
	}

	.endorsements-section .owl-carousel .owl-nav .owl-next {
		right: 10px;
	}
}

/* Pricing section */
.pricing-section {
	background-image: url("../img/parallax/pricing_background.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Gold section: black type reads far better than the .ds white, and the
   heavy black shadow that works over photography just muddies a flat gold,
   so it comes off here. Underline goes red - gold on gold is invisible. */
.pricing-section .special-heading {
	color: #000;
	text-shadow: none;
}

/* The small pound sign sits to the left of the digits, so the block reads
   off-centre even though it is centred. Nudged back by 10px.
   The colour is set here because only two of the three plans carry
   .color-darkgrey in the markup, and .ds redefines that class to #fff - so
   the plan without it inherited .ds's grey body colour instead. */
.pricing-plan .price-wrap {
	color: #fff;
	left: -10px;
	position: relative;
}

.pricing-section .special-heading:after {
	background-color: var(--color-primary);
}

.pricing-section .excerpt {
	color: #000;
}

/* Equal-height plans. Same approach as the classes cards: the column becomes
   a flex container, the card fills it, and .plan-button uses margin-top:auto
   so the buttons line up along the bottom whatever the copy length. */
.pricing .row.c-mb-30 > [class*='col-'] {
	display: flex;
}

.pricing .row.c-mb-30 > [class*='col-'] > .pricing-plan {
	display: flex;
	flex-direction: column;
	width: 100%;
}

/* NOTE: this .jpg path is the template's original and 404s against your
   img/ folder - repoint it at your texture. background-color underneath is
   overridden by .ds.ms (0,2,0 beats 0,1,0), which is where the section
   colour actually needs setting. */
.program-section {
	background-color: var(--color-primary);
	background-image: url("../img/parallax/programs_background.png");
	background-repeat: no-repeat;
	background-size: cover;
}

/* The .s-overlay.ds:before overlay paints 90% black over a section to darken
   a photographic background. Off entirely on the flat red. */
.program-section.s-overlay:before {
	display: none;
}

/* Coaches keeps it, dialled back to 40% so the artwork reads through.
   Same specificity as .s-overlay.ds:before (0,2,1) but later in the file,
   so it wins the tie. */
.team-section.s-overlay:before {
	opacity: 0.4;
}

.page_map {
	height: 600px;
	text-align: center;
}

.page_map .marker {
	display: none;
}

.page_map.map-small {
	height: 460px;
}

.page_map.main-map {
	height: 500px;
}

.map_marker_description {
	max-width: 270px;
}

.map_marker_description h3 {
	line-height: 1;
	margin-bottom: 10px;
}

.map_marker_description img {
	max-width: 90% !important;
}

.gm-style .gm-style-iw {
	line-height: 1.6em;
	overflow: visible !important;
	text-align: center;
}

.gm-style .gm-style-iw > *:first-child {
	position: relative;
}

.gm-style .gm-style-iw:before {
	background: #13182a;
	border-top: 2px solid var(--color-primary);
	bottom: -25px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	content: "";
	display: block;
	left: -16px;
	position: absolute;
	right: -16px;
	top: -25px;
}

.gm-style .gm-style-iw .icon-inline {
	display: inline-block;
	margin: 0.3em 0;
}

.gm-style .gm-style-iw .icon-inline .icon-styled {
	margin-right: 5px;
}

@media (max-width: 1200px) {
}

@media (min-width: 576px) {
}

@media (min-width: 1200px) {
}

.item-hover-content {
	overflow: hidden;
	position: relative;
}

.item-hover-content .item-media {
	z-index: 2;
}

.item-hover-content .item-content {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	left: 0;
	position: absolute;
	right: 0;
}

.item-hover-content .item-content h4 {
	letter-spacing: 0.15em;
	line-height: 1;
	margin-bottom: 1.4em;
}

.item-hover-content .item-content h4 span {
	font-weight: 900;
}

@media (min-width: 1200px) {
	.item-hover-content.content-padding .item-content {
		padding: 54px 40px;
	}
}

.item-hover-content:hover {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	overflow: visible;
	z-index: 3;
}

.content-show-hover {
	overflow: hidden;
}

.content-show-hover .item-content {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	opacity: 0;
	top: 0;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	transition: all 0.15s ease-in-out;
}

.content-show-hover .item-content h4 {
	letter-spacing: 0.15em;
	line-height: 1;
	margin-bottom: 1.4em;
}

.content-show-hover .item-content h4 span {
	display: block;
	font-weight: 900;
}

.content-show-hover:hover {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.content-show-hover:hover .item-content {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.item-gallery {
	background: transparent;
	overflow: hidden;
	position: relative;
}

.item-gallery .item-content h4,
.item-gallery .item-content h5 {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	transition: all 0.15s ease-in-out;
	z-index: 5;
}

.item-gallery:hover .item-content h4,
.item-gallery:hover .item-content h5 {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


/*
** Footer - ported from the Prime Wrestling build
** Replaces the template's .page_footer / .page_copyright rules, which have
** been removed. Colours are the Prime palette as-is; swap them for the
** :root theme variables when you want it on brand.
*/
.footer-container {
	/* Industry throughout - upright, not the italic used in the nav. Only the
	   Bold face is loaded, so a 400 weight still renders in Bold; add an
	   industry_regular.woff2 @font-face if you want a lighter one. */
	font-family: "Industry", "Oswald", sans-serif;
	font-weight: 400;
	letter-spacing: 0.02em;

	background-image: url("../img/parallax/copyright_background.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFFFFF !important;
	font-size: 12pt;
	position: relative;
}

/* The header's bar stack, mirrored: white, red, black, gold top to bottom. */
.footer-container:before {
	background-image: linear-gradient(
		to bottom,
		#fff 0,
		#fff 1px,
		var(--color-primary) 1px,
		var(--color-primary) 4px,
		#000 4px,
		#000 7px,
		var(--color-secondary) 7px,
		var(--color-secondary) 10px
	);
	content: "";
	display: block;
	height: 10px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

/* Partnership logos above the main footer.
   The rows are 4+4+4 then 2+4+4+2, so the lower pair sits centred under the
   gaps in the upper three. The two col-lg-2 spacers are d-none below lg,
   where everything stacks and they would just be empty blocks. */
.footer-container .partnerships {
	padding-bottom: 20px;
	padding-top: 20px;
}

/* The Partners heading uses .special-heading like the page sections, but its
   underline is red rather than the gold used on .ds sections, and it needs a
   little air beneath it before the logos. */
.footer-container .partnerships .special-heading {
	color: #fff;
	margin-bottom: 0.6em;
	padding-bottom: 0;
	text-align: center;
}

/* No underline on this one - .special-heading draws a 150px accent bar. */
.footer-container .partnerships .special-heading:after {
	display: none;
}

.footer-container .partnerships .excerpt {
	margin-bottom: 20px;
}

/* Each cell is a flex box centred both ways, and every cell in a row is the
   same height - so logos of different proportions sit on a shared centre
   line rather than each one hanging from the top of its own column. The
   padding lives on the cell, not the image, so it cannot eat into the
   available height and shrink the logo. */
.footer-container .partnerships .row {
	align-items: stretch;
}

.footer-container .partnerships [class*='col-'] {
	align-items: center;
	display: flex;
	justify-content: center;
	text-align: center;
}

/* The two size steps. Most logos are wordmarks of roughly even proportions;
   .partner-lg is for artwork with a lot of vertical space built in - the ASW
   star - which needs to be larger to read at the same optical weight. */
/* height is DEFINITE, not a max.
   An SVG with a viewBox but no width/height attributes has no intrinsic
   pixel size. Sitting directly in a flex cell it still resolves, because the
   cell gives it something to measure against - which is why the two unlinked
   logos were fine. Nested one level deeper inside an auto-width anchor there
   is nothing concrete anywhere in the chain, so the width can resolve to
   zero and the image renders at no size at all. Giving the height a real
   value breaks that circularity: the viewBox ratio then supplies the width. */
/* width is the DEFINITE dimension here, not height.
   An SVG with a viewBox but no width/height attributes has no intrinsic
   pixel size, so something in the chain has to be concrete or it can resolve
   to zero - which is what made the linked logos vanish. Using a definite
   HEIGHT worked but forced the box to that height regardless of the artwork's
   ratio, so a wide logo like ASW got letterboxed and looked padded. A
   definite width with height: auto lets the viewBox ratio set the height, so
   the box is always exactly the artwork. */
.footer-container .partnerships img {
	height: auto;
	max-height: 160px;
	object-fit: contain;
	padding: 20px;
	width: 100%;
}

.footer-container .partnerships img.partner-lg {
	max-height: 260px;
}

/* The linked logos sit inside an anchor. inline-block so it shrink-wraps the
   image exactly as the unlinked cells do - an SVG with no intrinsic width
   inside a flex anchor can resolve to zero, which is what made these three
   disappear while the two unlinked ones were fine. */
.footer-container .partnerships a {
	display: inline-block;
	/* Do not let the anchor be shrunk by the flex cell around it. */
	flex: 0 0 auto;
	line-height: 1;
	max-width: 100%;
}

.footer-container .partnerships a img {
	display: block;
}

/* Footer map.
   This is the keyless Google embed (?output=embed). Google's own colour
   styling needs the Maps JavaScript API with a key and billing enabled -
   which is the same billing error already showing in the console for the
   contact map - so the dark treatment is done with a CSS filter over the
   iframe instead. invert + hue-rotate flips the light map to dark without
   turning the roads cyan; the sepia/saturate pair pushes what is left of
   the colour toward the warm red-gold end. */
.footer-container .footer-map {
	padding-bottom: 20px;
}

/* Keyless Google embed (?output=embed). A real style array needs the Maps
   JavaScript API with a billed key, so the look is approximated with a
   filter instead.
   Snazzy Maps 285062 is essentially a desaturated light map - white land,
   grey roads, pale grey water, no POI pins - which greyscale reproduces
   closely. The brightness lifts the land toward white and the slight
   contrast drop softens the road outlines. */
.footer-container .footer-map iframe {
	border: 3px solid var(--color-primary);
	display: block;
	filter: grayscale(100%) brightness(1.06) contrast(0.94);
	height: 260px;
	width: 100%;
}

/* Gold edge on hover, matching the partner logos and nav. */
/* Address block: name and email in gold, the address lines themselves red. */
.footer-container .about p {
	color: var(--color-primary);
}

.footer-container .about .footer-org {
	color: var(--color-secondary);
	text-transform: uppercase;
}

.footer-container .about p:last-child {
	color: var(--color-secondary);
}

/* Copyright strip - replaces the inline style that was on the element. */
.footer-container .footer-copyright {
	background-color: rgba(0, 0, 0, 0.25);
}

.footer-container .logo {
	height: 40px;
}

.footer-container a {
	color: #FFFFFF !important;
}

.footer-container a:hover {
	color: var(--color-secondary) !important;
}

/* Footer headings on-theme: Industry Bold in white, matching the section
   headings, rather than the cyan carried over from the Prime build. */
/* Footer column headings. Upright, not italic - the italic was carried over
   from the nav, where it belongs; the section headings on the page are not
   italic and these should match them.
   Scoped to the link columns so it does not also shrink the partnerships
   heading, which takes its size from h3 like every other section title. */
.footer-container .container > .row h3 {
	color: #fff;
	font-family: "Industry", "Oswald", sans-serif;
	font-weight: 700;
	letter-spacing: 0.05em;
}

.footer-container .logo {
	max-height: 90px;
	width: auto;
}


/* "Join Now" call to action in the nav.
   Bootstrap's .btn supplies the box model and transition; everything visual
   is set here. Declared explicitly rather than inherited, because the nav's
   own link rules would otherwise apply 53px of vertical padding, a black
   text-stroke and a drop shadow to it.

   --aswn-cta-dark is the gradient's bottom stop: the theme red at roughly
   80% brightness. If you retheme, this needs adjusting by hand - there is no
   way to darken a custom property in plain CSS. */
.top-nav .sf-menu > li.nav-cta > a.btn,
.ds .top-nav .sf-menu > li.nav-cta > a.btn,
.pricing-plan .plan-button .btn,
.ds .pricing-plan .plan-button .btn {
	--aswn-cta-dark: #be1a1d;

	-webkit-text-stroke: 0;
	background-color: var(--color-primary);
	/* Solid, not a gradient. The emboss below is what gives it depth. */
	background-image: none;
	border: 1px solid var(--aswn-cta-dark);
	border-radius: 0;
	/* Embossed: a light inner edge along the top, a dark one along the
	   bottom, and a small drop shadow to lift it off the bar. */
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.35),
		inset 0 -2px 0 rgba(0, 0, 0, 0.25),
		0 2px 3px rgba(0, 0, 0, 0.45);
	color: #fff;
	font-size: 20px;
	letter-spacing: 0.05em;
	line-height: 1.2;
	/* Desktop only. On the stacked mobile menu this 14px was overriding the
	   auto margins that centre the button, because it sits later in the file
	   at equal specificity. */
	margin: 0;
	padding: 5px 10px;
	text-shadow: none;
	vertical-align: middle;
	/* The template redefines .btn at line 1486 with min-width: 170px, which
	   is what was making this look full width - a minimum beats a preferred
	   width, so neither `width: auto` nor `fit-content` could shrink it.
	   Zeroing the minimum is the actual fix. */
	min-width: 0;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

/* Hover keeps the emboss but flips to gold. Solid, with the darker gold as the
   border and black text - gold is too light to carry white legibly. */
.top-nav .sf-menu > li.nav-cta > a.btn:hover,
.ds .top-nav .sf-menu > li.nav-cta > a.btn:hover,
.pricing-plan .plan-button .btn:hover,
.ds .pricing-plan .plan-button .btn:hover {
	background-color: var(--color-secondary);
	background-image: none;
	border-color: #c99f11;
	color: #000;
}

/* The gap from the last nav item, desktop bar only. */
@media (min-width: 1200px) {
	.top-nav .sf-menu > li.nav-cta > a.btn,
	.ds .top-nav .sf-menu > li.nav-cta > a.btn {
		margin-left: 14px;
	}
}

/* Centre it in the slide-over menu.
   This has to live HERE, after the base rule above, not up with the other
   mobile styles at ~18300. The base rule sets `margin` at the same specificity
   and later in the file, so anything declared earlier loses -- which is why
   the button stayed glued to the left through two attempts at fixing it.
   display:block + auto margins, rather than relying on the parent's
   text-align, because the button is fit-content and the menu is flex in
   places. */
@media (max-width: 1199px) {
	.top-nav .sf-menu > li.nav-cta,
	.ds .top-nav .sf-menu > li.nav-cta {
		text-align: center;
	}

	.top-nav .sf-menu > li.nav-cta > a.btn,
	.ds .top-nav .sf-menu > li.nav-cta > a.btn {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

/* Pressed: shadows inverted so it reads as pushed in. */
.top-nav .sf-menu > li.nav-cta > a.btn:active,
.ds .top-nav .sf-menu > li.nav-cta > a.btn:active,
.pricing-plan .plan-button .btn:active,
.ds .pricing-plan .plan-button .btn:active {
	box-shadow:
		inset 0 2px 4px rgba(0, 0, 0, 0.4),
		inset 0 -1px 0 rgba(255, 255, 255, 0.15);
}

/* Same treatment as the nav's Join Now, sized up for the pricing cards -
   they are the primary action on the page rather than a compact bar item. */
.pricing-plan .plan-button .btn {
	font-family: "Industry", "Oswald", sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: 700;
	letter-spacing: 0.05em;
	min-width: 0;
	padding: 12px 34px;
	width: auto;
}

/* Plan description copy - white like the classes cards. The strapline and
   the feature list keep their own red and gold. */
.pricing-plan p:not(.plan-description) {
	color: #fff;
}


.join-section{ background:#16150f; }
.join-intro{ font-size:16px;color:#a4a9b9;margin:0 0 28px;line-height:1.6; }

.join-box{
    background:#fff;border-radius:10px;padding:28px;
    border-bottom:4px solid #ed2024;
}

.join-label{
    display:block;font-family:"Industry","Oswald",sans-serif;font-weight:700;
    text-transform:uppercase;letter-spacing:.05em;font-size:14px;
    color:#17150f;margin-bottom:10px;
}

/* Three boxes that type like one field. */
.join-dob{ display:flex;gap:10px;margin-bottom:6px; }
.join-dob input{
    width:70px;padding:12px;text-align:center;
    border:1px solid #c9cfd6;border-radius:6px;
    font-family:"Industry","Oswald",sans-serif;font-weight:700;font-size:18px;
    color:#17150f;
}
.join-dob input:last-child{ width:100px; }
.join-dob input:focus{ outline:none;border-color:#ed2024;box-shadow:0 0 0 3px rgba(237,32,36,.18); }

.join-error{ font-size:13px;color:#b91c1c;margin:6px 0 0; }

/* Step one, once answered. */
.join-summary{
    display:flex;align-items:center;gap:10px;
    font-size:14px;color:#3a3b42;
    padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #e3e7ec;
}
.join-change{
    border:0;background:none;color:#ed2024;font-size:13px;
    text-decoration:underline;cursor:pointer;padding:0;
}

.join-row{ display:flex;gap:12px;flex-wrap:wrap; }
.join-row .join-field{ flex:1;min-width:180px; }
.join-field{ margin-bottom:14px; }
.join-field label{
    display:block;font-size:12px;font-weight:600;color:#6b7280;
    text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;
}
.join-field input{
    width:100%;padding:11px 13px;border:1px solid #c9cfd6;border-radius:6px;
    font-size:15px;color:#17150f;font-family:inherit;
}
.join-field input:focus{ outline:none;border-color:#ed2024;box-shadow:0 0 0 3px rgba(237,32,36,.18); }

.join-sub{
    font-family:"Industry","Oswald",sans-serif;font-weight:700;
    text-transform:uppercase;letter-spacing:.05em;font-size:13px;
    color:#17150f;margin:20px 0 12px;padding-top:16px;border-top:1px solid #e3e7ec;
}

.join-note{
    background:#fff8e6;border-left:3px solid #f5c518;
    padding:12px 14px;font-size:14px;line-height:1.55;color:#3a3b42;
    border-radius:0 5px 5px 0;margin-bottom:18px;
}

.join-check{ display:flex;gap:10px;align-items:flex-start;margin:4px 0 20px;cursor:pointer; }
.join-check input{ width:17px;height:17px;margin-top:2px;accent-color:#ed2024;flex-shrink:0; }
.join-check span{ font-size:13px;color:#6b7280;line-height:1.5; }

.join-btn{
    width:100%;border:0;border-radius:6px;background:#ed2024;color:#fff;
    font-family:"Industry","Oswald",sans-serif;font-weight:700;font-style:italic;
    text-transform:uppercase;letter-spacing:.05em;font-size:17px;
    padding:15px;cursor:pointer;transition:background .15s;
}
.join-btn:hover{ background:#c4171b; }

@media(max-width:520px){
    .join-box{ padding:20px; }
    .join-dob input{ width:60px; }
    .join-dob input:last-child{ width:84px; }
}

/* Carousel controls, dark enough to see against the section backgrounds. */
.carousel-control-prev, .carousel-control-next{ width:6%;opacity:.8; }
.asn-indicators{ position:static;margin:24px 0 0; }
.asn-indicators button{
    width:10px;height:10px;border-radius:50%;
    background:rgba(255,255,255,.4);border:0;margin:0 5px;
}
.asn-indicators button.active{ background:#ed2024; }