/*
----------------------------------------------------------------

IMPREZA basic styles

Copyright 2014 UpSolution
http://us-themes.com/

NOTE: DO NOT EDIT THIS FILE!
THIS FILE IS REPLACED DURING AUTO-UPDATES
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.

----------------------------------------------------------------
*/

a {
	-webkit-transition: opacity 0.3s, padding 0.3s, color 0.3s, background-color 0.3s, box-shadow 0.3s, border 0.3s;
			transition: opacity 0.3s, padding 0.3s, color 0.3s, background-color 0.3s, box-shadow 0.3s, border 0.3s;
	}

::-moz-selection {
	background-color: rgba(0,0,0,0.66);
	color: #fff;
	}
::selection {
	background-color: rgba(0,0,0,0.66);
	color: #fff;
	}


/* ====================================
====== MAIN GRID ======================
==================================== */
.l-body {
	height: auto;
	background-color: #ddd; /* variable */
	}

.l-canvas {
	background-color: #fff; /* variable */
	color: #666; /* variable */
	}

/* Header */
.l-subheader {
	font-size: 0;
	-webkit-transition: background-color 0.3s, box-shadow 0.3s, top 0.3s;
			transition: background-color 0.3s, box-shadow 0.3s, top 0.3s;
	}
.l-header.no_fixed .l-subheader {
	-webkit-transition: none;
			transition: none;
	}
.l-subheader.at_top {
	display: none;
	line-height: 36px;
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
	background-color: #f2f2f2; /* variable */
	}
.l-subheader.at_middle {
	text-align: right;
	line-height: 120px; /* temp */
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
	box-shadow: 0 2px 0 -1px rgba(0,0,0,0.08);
	background-color: #fff; /* variable */
	}
.l-header.logopos_right .l-subheader.at_middle {
	text-align: left;
	}
.l-subheader.at_bottom {
	display: none;
	clear: both;
	line-height: 50px;
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
	background-color: #f2f2f2; /* variable */
	}
	.l-subheader-h {
		height: 100%;
		position: relative;
		}
	/* FULL: width */
	.l-header.full_width .l-subheader-h {
		max-width: 100% !important;
		}
	/* HEADER POS: fixed */
	.headerpos_fixed .l-header {
		position: fixed;
		left: 0;
		width: 100%;
		z-index: 101;
		}
	.headerpos_fixed .l-header.no_fixed {
		position: static;
		}
	/* HEADER LAYOUT: extended */
	.headerlayout_extended .l-subheader.at_top {
		display: block;
		}
	/* HEADER LAYOUT: advanced & centered */
	.headerlayout_advanced .l-subheader.at_middle,
	.headerlayout_centered .l-subheader.at_middle {
		box-shadow: none;
		}
	.headerlayout_advanced.headerpos_fixed .l-header.sticky .l-subheader.at_middle,
	.headerlayout_centered.headerpos_fixed .l-header.sticky .l-subheader.at_middle {
		overflow: hidden;
		}
	.headerlayout_advanced .l-subheader.at_bottom,
	.headerlayout_centered .l-subheader.at_bottom {
		display: block;
		}
	.l-header.sticky .l-subheader.at_bottom {
		box-shadow: 0 2px 0 -1px rgba(0,0,0,0.08);
		}
	.headerlayout_centered .l-header .l-subheader.at_middle,
	.headerlayout_centered .l-header .l-subheader.at_bottom {
		text-align: center;
		}
	/* transparent */
	.l-header.transparent .l-subheader {
		box-shadow: none;
		background-color: transparent;
		color: #fff;
		}
	.headerlayout_extended .l-header.transparent .l-subheader.at_top {
		background-color: rgba(0,0,0,0.2);
		}
		.headerlayout_advanced .l-header.transparent .at_middle .l-subheader-h {
			box-shadow: 0 1px 0 rgba(255,255,255,0.22);
			}
		.l-header.transparent .type_desktop .w-nav-item.level_1.active .w-nav-anchor.level_1,
		.l-header.transparent .type_desktop .w-nav-item.level_1.current-menu-item .w-nav-anchor.level_1,
		.l-header.transparent .type_desktop .w-nav-item.level_1.current-menu-ancestor .w-nav-anchor.level_1,
		.no-touch .l-header.transparent .type_desktop .w-nav-item.level_1:hover .w-nav-anchor.level_1 {
			background-color: transparent;
			}

/* Main */
.l-main {
	z-index: 1;
	box-shadow: 0 1px 0 rgba(0,0,0,0.08);
	}
.headerlayout_advanced .l-main {
	box-shadow: none;
	}

/* Submain */
.l-submain {
	padding: 0 40px;
	}
.headerpos_fixed .l-header.no_fixed + .l-main .l-submain,
.headerbg_transparent .l-submain.full_height:first-child {
	padding-top: 0 !important;
	}
	.l-submain:before {
		content: '';
		display: table;
		}
	.l-submain-h {
		padding: 50px 0;
		z-index: 1;
		}
	.l-submain-img {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-position: center center;
		-webkit-background-size: cover;
				background-size: cover;
		}
	/* FOR: pagehead */
	.l-submain.for_pagehead {
		box-shadow: 0 -2px 0 -1px rgba(0,0,0,0.08) inset;
		}
		.l-submain.for_pagehead.size_small .l-submain-h {
			padding: 16px 0;
			}
		.l-submain.for_pagehead.size_medium .l-submain-h {
			padding: 30px 0 32px;
			}
		.l-submain.for_pagehead.size_huge .l-submain-h {
			padding: 80px 0;
			}
	.headerbg_transparent .l-submain.for_pagehead.size_large,
	.headerbg_transparent .l-submain.for_pagehead.size_huge {
		padding-bottom: 30px;
		}
	.headerbg_transparent .l-header.no_fixed + .l-main .l-submain.for_pagehead {
		padding-bottom: 0;
		}
	.l-submain.for_pagehead.color_alternate {
		box-shadow: none;
		}
	/* FOR: comments */
	.l-submain.for_comments {
		box-shadow: 0 1px 0 rgba(0,0,0,0.08) inset;
		}
	/* FULL: width */
	.l-submain.full_width {
		padding-left: 0;
		padding-right: 0;
		}
		.l-submain.full_width .l-submain-h {
			max-width: 100% !important;
			}
	/* FULL: height */
	.l-submain.full_height .l-submain-h {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		}
	/* PARALLAX: ver */
	.no-touch .l-submain.parallax_ver .l-submain-img {
		background-attachment: fixed;
		}
	/* PARALLAX: hor */
	.l-submain.parallax_hor {
		overflow: hidden;
		}
		.l-submain.parallax_hor .l-submain-img {
			width: 130%;
			}
		.l-submain.parallax_hor.bgwidth_110 .l-submain-img {
			width: 110%;
			}
		.l-submain.parallax_hor.bgwidth_120 .l-submain-img {
			width: 120%;
			}
		.l-submain.parallax_hor.bgwidth_140 .l-submain-img {
			width: 140%;
			}
		.l-submain.parallax_hor.bgwidth_150 .l-submain-img {
			width: 150%;
			}
	/* COLOR: alternate */
	.l-submain.color_alternate {
		background-color: #f2f2f2; /* variable */
		color: #555; /* variable */
		}
	/* COLOR: primary & secondary */
	.l-submain.color_primary {
		background-color: #d13a7a; /* variable */
		color: #fff;
		}
	.l-submain.color_secondary {
		background-color: #6254a8; /* variable */
		color: #fff;
		}
		.l-submain.color_primary a,
		.l-submain.color_secondary a,
		.no-touch .for_pagehead.color_secondary a:hover {
			color: #fff;
			}
		.l-submain.color_primary .g-hr-h:before,
		.l-submain.color_primary .g-hr-h:after,
		.l-submain.color_secondary .g-hr-h:before,
		.l-submain.color_secondary .g-hr-h:after {
			background-color: #fff;
			background-color: rgba(255,255,255,0.5);
			}
			.l-submain.color_primary .g-hr-h i,
			.l-submain.color_secondary .g-hr-h i {
				color: #fff;
				color: rgba(255,255,255,0.5);
				}
		.l-submain.color_primary .w-pagehead-nav-item,
		.l-submain.color_secondary .w-pagehead-nav-item {
			color: #fff !important;
			}
			.no-touch .l-submain.color_primary .w-pagehead-nav-item:hover,
			.no-touch .l-submain.color_secondary .w-pagehead-nav-item:hover {
				box-shadow: 0 0 0 2px #fff inset !important;
				}
	/* WITH: video */
	.l-submain.with_video {
		overflow: hidden;
		}
		.l-submain.with_video .l-submain-img {
			background-attachment: scroll !important;
			}
		.l-submain-video {
			display: inline-block;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			}
			.l-submain-video .mejs-offscreen {
				display: none !important;
				}
	/* WITH: overlay */
	.l-submain-overlay {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		}
	.l-submain-overlay.black_10 {
		background-color: rgba(0,0,0,0.1);
		}
	.l-submain-overlay.black_20 {
		background-color: rgba(0,0,0,0.2);
		}
	.l-submain-overlay.black_30 {
		background-color: rgba(0,0,0,0.3);
		}
	.l-submain-overlay.black_40 {
		background-color: rgba(0,0,0,0.4);
		}
	.l-submain-overlay.black_50 {
		background-color: rgba(0,0,0,0.5);
		}
	.l-submain-overlay.black_60 {
		background-color: rgba(0,0,0,0.6);
		}
	.l-submain-overlay.black_70 {
		background-color: rgba(0,0,0,0.7);
		}
	.l-submain-overlay.black_80 {
		background-color: rgba(0,0,0,0.8);
		}
	.l-submain-overlay.black_90 {
		background-color: rgba(0,0,0,0.9);
		}
	.l-submain-overlay.white_10 {
		background-color: rgba(255,255,255,0.1);
		}
	.l-submain-overlay.white_20 {
		background-color: rgba(255,255,255,0.2);
		}
	.l-submain-overlay.white_30 {
		background-color: rgba(255,255,255,0.3);
		}
	.l-submain-overlay.white_40 {
		background-color: rgba(255,255,255,0.4);
		}
	.l-submain-overlay.white_50 {
		background-color: rgba(255,255,255,0.5);
		}
	.l-submain-overlay.white_60 {
		background-color: rgba(255,255,255,0.6);
		}
	.l-submain-overlay.white_70 {
		background-color: rgba(255,255,255,0.7);
		}
	.l-submain-overlay.white_80 {
		background-color: rgba(255,255,255,0.8);
		}
	.l-submain-overlay.white_90 {
		background-color: rgba(255,255,255,0.9);
		}

/* Blank Page Template */
.page-template-page-blank {
	height: 100%;
	}
	.page-template-page-blank .l-canvas {
		height: 100%;
		max-width: none;
		font-size: 0;
		}
		.page-template-page-blank .l-canvas:before {
			content: '';
			display: inline-block;
			vertical-align: middle;
			vertical-align: -webkit-baseline-middle;
			height: 100%;
			}
		.page-template-page-blank .l-main {
			display: inline-block;
			vertical-align: middle;
			vertical-align: -webkit-baseline-middle;
			width: 100%;
			font-size: 14px;
			box-shadow: none;
			}
			.page-template-page-blank .l-submain {
				padding-top: 0 !important;
				}
			
/* Footer */
.l-subfooter.at_top {
	font-size: 13px;
	line-height: 21px;
	padding: 50px 40px 20px;
	background-color: #1a1a1a; /* variable */
	color: #808080; /* variable */
	}
	.l-subfooter.at_top p {
		font-size: 13px;
		line-height: 21px;
		margin: 0 0 20px;
		}
		.l-subfooter.at_top p:last-child {
			margin-bottom: 0;
			}
	.l-subfooter.at_top h1,
	.l-subfooter.at_top h2,
	.l-subfooter.at_top h3,
	.l-subfooter.at_top h4,
	.l-subfooter.at_top a {
		color: #ccc;
		}
		.no-touch .l-subfooter.at_top a:hover {
			color: #fff;
			}
		.no-touch .l-subfooter.at_top p a:hover,
		.no-touch .l-subfooter.at_top li a:hover {
			border-bottom: 1px solid;
			}
.l-subfooter.at_bottom {
	font-size: 13px;
	text-align: center;
	line-height: 20px;
	padding: 30px 40px;
	background-color: #222; /* variable */
	color: #666; /* variable */
	}
	.l-subfooter.at_bottom a {
		color: #999; /* variable */
		}
		.no-touch .l-subfooter.at_bottom a:hover {
			border-bottom: 1px solid;
			color: #fff; /* variable */
			}
			

/* ====================================
====== TYPOGRAPHY =====================
==================================== */

/* Main font */
body {
	font: 15px/26px 'Open Sans', sans-serif;
	}

/* Headers */
h1 {
	font: 38px/1.4 'Noto Sans', sans-serif;
	}
h2 {
	font: 32px/1.4 'Noto Sans', sans-serif;
	}
h3 {
	font: 26px/1.4 'Noto Sans', sans-serif;
	}
h4 {
	font: 22px/1.5 'Noto Sans', sans-serif;
	}
h5 {
	font: 20px/1.6 'Noto Sans', sans-serif;
	}
h6 {
	font: 18px/1.6 'Noto Sans', sans-serif;
	}
h1, h2, h3, h4, h5, h6 {
	color: #444; /* variable */
	}
.l-submain.color_primary h1,
.l-submain.color_primary h2,
.l-submain.color_primary h3,
.l-submain.color_primary h4,
.l-submain.color_primary h5,
.l-submain.color_primary h6,
.l-submain.color_secondary h1,
.l-submain.color_secondary h2,
.l-submain.color_secondary h3,
.l-submain.color_secondary h4,
.l-submain.color_secondary h5,
.l-submain.color_secondary h6,
.l-submain.color_custom h1,
.l-submain.color_custom h2,
.l-submain.color_custom h3,
.l-submain.color_custom h4,
.l-submain.color_custom h5,
.l-submain.color_custom h6,
.g-cols > .color_custom h1,
.g-cols > .color_custom h2,
.g-cols > .color_custom h3,
.g-cols > .color_custom h4,
.g-cols > .color_custom h5,
.g-cols > .color_custom h6 {
	color: inherit;
	}

/* Paragraph */
.g-html .g-cols > div > p:last-child,
.g-html > p:last-child {
	margin-bottom: 0;
	}
	.no-touch .g-html p a:hover {
		border-bottom: 1px solid;
		}

/* Lists */
.g-html .g-cols > div > ul:last-child,
.g-html > ul:last-child,
.g-html .g-cols > div > ol:last-child,
.g-html > ol:last-child {
	margin-bottom: 0;
	}
	.g-html ul li,
	.g-html ol li {
		margin-bottom: 6px;
		padding-left: 2px;
		}
		.no-touch .g-html li a:hover {
			border-bottom: 1px solid;
			}
		.g-html ul > li ul,
		.g-html ul > li ol,
		.g-html ol > li ul,
		.g-html ol > li ol {
			margin-bottom: 6px;
			margin-top: 6px;
			}

/* Preformat */
.g-html pre {
	font-size: 13px;
	line-height: 19px;
	padding: 12px 15px;
	background-color: #faf6e1;
	color: #333;
	}
.g-html p + pre {
	margin-top: -16px;
	}
.g-html code {
	padding: 0 5px;
	background-color: #faf6e1;
	color: #333;
	}

/* Blockquote */
.g-html blockquote {
	font-size: 16px;
	line-height: 26px;
	font-style: italic;
	padding: 0 0 0 32px;
	border-left: 5px solid #d13a7a; /* variable */
	}
	

/* ====================================
====== BASIC ELEMENTS =================
==================================== */

/* Columns */
.g-cols.type_boxed {
	display: table;
	width: 100%;
	table-layout: fixed;
	}
	.g-cols.type_boxed > div {
		float: none;
		display: table-cell;
		vertical-align: middle;
		padding: 5%;
		background-position: center center;
		background-size: cover;
		}

/* Image */
.g-html img + h1,
.g-html img + h2,
.g-html img + h3,
.g-html img + h4,
.g-html img + ul,
.g-html img + ol,
.g-html img + p {
	margin-top: 20px;
	}
	.g-html div[class^="animate"] {
		margin-bottom: 20px;
		}
.g-html img.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}
.g-html img.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	}
.g-html img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	.no-touch .g-html a.image-link:hover {
		border-bottom: none;
		}
	.g-html a.image-link img {
		-webkit-transition: opacity 0.3s;
				transition: opacity 0.3s;
		}
		.no-touch .g-html a.image-link:hover img {
			opacity: 0.8;
			}

/* Dividers */
.g-hr {
	text-align: center;
	height: 20px;
	width: 100%;
	margin: 35px 0;
	padding: 2px 0;
	overflow: hidden;
	position: relative;
	clear: both;
	}
	.g-hr-h:before,
	.g-hr-h:after {
		display: inline-block;
		content: "";
		height: 1px;
		width: 50%;
		margin-top: 7px;
		vertical-align: top;
		position: relative;
		background-color: #e8e8e8; /* variable */
		}
	.g-hr-h:before {
		left: -13px;
		margin-left: -50%;
		}
	.g-hr-h:after {
		left: 13px;
		margin-right: -50%;
		}
		.g-hr-h i {
			font-size: 16px;
			line-height: 16px;
			height: 16px;
			width: 20px;
			vertical-align: top;
			text-align: center;
			color: #e8e8e8; /* variable */
			}
	/* SIZE: small */
	.g-hr.size_small {
		margin: 25px 0;
		}
	/* SIZE: big */
	.g-hr.size_big {
		margin: 45px 0;
		}
	/* SIZE: huge */
	.g-hr.size_huge {
		margin: 65px 0;
		}
	/* TYPE: invisible */
	.g-hr.type_invisible {
		height: 0;
		margin: 20px 0;
		}
		.g-hr.type_invisible.size_small {
			margin: 10px 0;
			}
		.g-hr.type_invisible.size_big {
			margin: 30px 0;
			}
		.g-hr.type_invisible.size_huge {
			margin: 50px 0;
			}
		.g-hr.type_invisible .g-hr-h {
			display: none;
			}
	/* TYPE: short */
	.g-hr.type_short {
		width: 30%;
		margin-left: auto !important;
		margin-right: auto !important;
		}
	/* TYPE: fullwidth */
	.g-hr.type_fullwidth {
		overflow: visible;
		}
	.type_boxed .g-hr.type_fullwidth {
		overflow: hidden;
		margin-left: -50px;
		margin-right: -50px;
		width: auto;
		}
		.g-hr.type_fullwidth .g-hr-h:before,
		.g-hr.type_fullwidth .g-hr-h:after {
			width: 90%;
			}
	/* NO: icon */
	.g-hr.no_icon {
		font-size: 0;
		}
		.g-hr.no_icon .g-hr-h:before,
		.g-hr.no_icon .g-hr-h:after {
			left: 0;
			}
		.g-hr.no_icon .g-hr-h i {
			display: none;
			}
	/* WITH: text */
	.g-hr.with_text {
		padding: 0;
		}
		.g-hr.with_text .g-hr-h:before,
		.g-hr.with_text .g-hr-h:after {
			margin-top: 11px;
			}
		.g-hr.with_text .g-hr-h h6 {
			display: inline-block;
			vertical-aligN: top;
			line-height: 20px;
			margin: 0;
			}

/* Misc */
.g-html .highlight {
	color: #31c5c7;
	}

.g-html .thin {
	font-weight: 300;
	}
.g-html .bold {
	font-weight: 700;
	}

.g-html .align_left {
	text-align: left;
	}
.g-html .align_right {
	text-align: right;
	}
.g-html .align_center {
	text-align: center;
	}
.g-html .align_justify {
	text-align: justify;
	}


/* ====================================
====== BASIC ELEMENTS =================
==================================== */

/* Form elements */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="search"],
textarea,
select {
	padding: 8px 12px;
	border-radius: 5px;
	-webkit-transition: all 0.3s;
			transition: all 0.3s;
	box-shadow: 0 0 0 2px transparent, 0 1px 0 rgba(0,0,0,0.08) inset;
	background-color: #f2f2f2; /* variable */
	color: #444; /* variable */
	}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
	box-shadow: 0 0 0 2px #d13a7a;
	}
input[type="checkbox"],
input[type="radio"] {
	margin-right: 5px;
	}


/* Buttons */
.g-btn,
button,
input[type="submit"] {
	font-size: 15px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 36px;
	margin: 5px 0;
	border: none;
	border-radius: 5px;
	overflow: hidden;
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s;
			transition: color 0.3s, background-color 0.3s, box-shadow 0.3s;
	}
	.no-touch .g-btn:before {
		display: block;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 0;
		background-color: rgba(0,0,0,0.1);
		-webkit-transition: height 0.3s;
				transition: height 0.3s;
		}
		.no-touch .g-btn:hover:before {
			height: 100%;
			}
	.g-btn span {
		position: relative;
		}
		.g-btn i {
			position: relative;
			line-height: inherit;
			vertical-align: top;
			margin: 0 8px 0 -2px;
			}
	/* SIZE: small */
	.g-btn.size_small,
	input.g-btn.size_small {
		padding: 8px 26px;
		font-size: 13px;
		border-radius: 4px;
		}
	/* SIZE: big */
	.g-btn.size_big,
	input.g-btn.size_big {
		padding: 16px 50px;
		font-size: 18px;
		}
	/* TYPE: outlined */
	.g-btn.outlined {
		background-color: transparent !important;
		}
	/* COLOR: transparent */
	.g-btn.color_transparent {
		font-weight: normal;
		text-transform: none;
		overflow: visible;
		padding: 0 2px !important;
		border: none !important;
		background: none !important;
		}
		.no-touch .g-btn.color_transparent:before {
			display: none;
			}
		.no-touch .g-btn.color_transparent:hover span {
			border-bottom: 1px solid;
			}
	/* COLOR: white */
	.g-btn.color_white,
	a.g-btn.color_white {
		background-color: #fff;
		color: #444;
		}
	.no-touch .g-btn.color_white:before {
		background-color: rgba(0,0,0,0.06);
		}
		.no-touch .g-btn.color_white:hover,
		.no-touch a.g-btn.color_white:hover {
			color: #444;
			}
		/* COLOR: white outlined */
		.g-btn.color_white.outlined,
		a.g-btn.color_white.outlined {
			box-shadow: 0 0 0 2px #fff inset;
			color: #fff;
			}
			.no-touch .g-btn.color_white.outlined:hover,
			.no-touch a.g-btn.color_white.outlined:hover {
				color: #444;
				}
			.g-btn.color_white.outlined:before {
				background-color: #fff;
				}
	/* COLOR: default */
	.g-btn.color_default {
		background-color: #e8e8e8; /* variable */
		color: #666; /* variable */
		}
		.no-touch .g-btn.color_default:hover {
			color: #444;
			}
		.g-btn.color_default:before {
			background-color: rgba(0,0,0,0.06);
			}
		/* COLOR: default outlined */
		.g-btn.color_default.outlined {
			box-shadow: 0 0 0 2px #e8e8e8 inset; /* variable */
			color: #666; /* variable */
			}
			.no-touch .g-btn.color_default.outlined:hover,
			.no-touch .color_alternate .g-btn.color_default.outlined:hover {
				color: #444; /* variable */
				}
			.g-btn.color_default.outlined:before {
				background-color: #e8e8e8; /* variable */
				}
	/* COLOR: primary */
	button,
	.g-btn.color_primary,
	input[type="submit"]	{
		background-color: #d13a7a; /* variable */
		color: #fff;
		}
		.no-touch button:hover,
		.no-touch .g-btn.color_primary:hover,
		.no-touch input[type="submit"]:hover {
			color: #fff;
			}
		/* COLOR: primary outlined */
		.g-btn.color_primary.outlined {
			box-shadow: 0 0 0 2px #d13a7a inset; /* variable */
			color: #d13a7a; /* variable */
			}
			.no-touch .g-btn.color_primary.outlined:hover,
			.no-touch .color_alternate .g-btn.color_primary.outlined:hover {
				color: #fff;
				}
			.g-btn.color_primary.outlined:before {
				background-color: #d13a7a; /* variable */
				}
	/* COLOR: secondary */
	.g-btn.color_secondary {
		background-color: #6254a8; /* variable */
		color: #fff;
		}
		.no-touch .g-btn.color_secondary:hover {
			color: #fff;
			}
		/* COLOR: secondary outlined */
		.g-btn.color_secondary.outlined {
			box-shadow: 0 0 0 2px #6254a8 inset; /* variable */
			color: #6254a8; /* variable */
			}
			.no-touch .g-btn.color_secondary.outlined:hover,
			.no-touch .color_alternate .g-btn.color_secondary.outlined:hover {
				color: #fff;
				}
			.g-btn.color_secondary.outlined:before {
				background-color: #6254a8; /* variable */
				}
	/* COLOR: contrast */
	.g-btn.color_contrast {
		background-color: #444; /* variable */
		color: #fff; /* variable */
		}
		.no-touch .g-btn.color_contrast:hover {
			color: #fff; /* variable */
			}
		.g-btn.color_contrast:before {
			background-color: rgba(0,0,0,0.06);
			}
		/* COLOR: default outlined */
		.g-btn.color_contrast.outlined {
			box-shadow: 0 0 0 2px #444 inset; /* variable */
			color: #444; /* variable */
			}
			.no-touch .g-btn.color_contrast.outlined:hover,
			.no-touch .color_alternate .g-btn.color_contrast.outlined:hover {
				color: #fff; /* variable */
				}
			.g-btn.color_contrast.outlined:before {
				background-color: #444; /* variable */
				}
	/* COLOR: pink */
	.g-btn.color_pink {
		background-color: #ff6b6b;
		color: #fff;
		}
		.no-touch .g-btn.color_pink:hover {
			color: #fff;
			}
		/* COLOR: pink outlined */
		.g-btn.color_pink.outlined {
			box-shadow: 0 0 0 2px #ff6b6b inset;
			color: #ff6b6b;
			}
			.no-touch .g-btn.color_pink.outlined:hover {
				color: #fff;
				}
			.g-btn.color_pink.outlined:before {
				background-color: #ff6b6b;
				}
	/* COLOR: blue */
	.g-btn.color_blue {
		background-color: #5ac8ed;
		color: #fff;
		}
		.no-touch .g-btn.color_blue:hover {
			color: #fff;
			}
		/* COLOR: blue outlined */
		.g-btn.color_blue.outlined {
			box-shadow: 0 0 0 2px #5ac8ed inset;
			color: #5ac8ed;
			}
			.no-touch .g-btn.color_blue.outlined:hover {
				color: #fff;
				}
			.g-btn.color_blue.outlined:before {
				background-color: #5ac8ed;
				}
	/* COLOR: midnight */
	.g-btn.color_midnight {
		background-color: #2c3e50;
		color: #fff;
		}
		.no-touch .g-btn.color_midnight:hover {
			color: #fff;
			}
		/* COLOR: midnight outlined */
		.g-btn.color_midnight.outlined {
			box-shadow: 0 0 0 2px #2c3e50 inset;
			color: #2c3e50;
			}
			.no-touch .g-btn.color_midnight.outlined:hover {
				color: #fff;
				}
			.g-btn.color_midnight.outlined:before {
				background-color: #2c3e50;
				}
	/* COLOR: purple */
	.g-btn.color_purple {
		background-color: #8560a8;
		color: #fff;
		}
		.no-touch .g-btn.color_purple:hover {
			color: #fff;
			}
		/* COLOR: purple outlined */
		.g-btn.color_purple.outlined {
			box-shadow: 0 0 0 2px #8560a8 inset;
			color: #8560a8;
			}
			.no-touch .g-btn.color_purple.outlined:hover {
				color: #fff;
				}
			.g-btn.color_purple.outlined:before {
				background-color: #8560a8;
				}
	/* COLOR: navy */
	.g-btn.color_navy {
		background-color: #1265a8;
		color: #fff;
		}
		.no-touch .g-btn.color_navy:hover {
			color: #fff;
			}
		/* COLOR: navy outlined */
		.g-btn.color_navy.outlined {
			box-shadow: 0 0 0 2px #1265a8 inset;
			color: #1265a8;
			}
			.no-touch .g-btn.color_navy.outlined:hover {
				color: #fff;
				}
			.g-btn.color_navy.outlined:before {
				background-color: #1265a8;
				}
	/* COLOR: green */
	.g-btn.color_green {
		background-color: #59ba41;
		color: #fff;
		}
		.no-touch .g-btn.color_green:hover {
			color: #fff;
			}
		/* COLOR: green outlined */
		.g-btn.color_green.outlined {
			box-shadow: 0 0 0 2px #59ba41 inset;
			color: #59ba41;
			}
			.no-touch .g-btn.color_green.outlined:hover {
				color: #fff;
				}
			.g-btn.color_green.outlined:before {
				background-color: #59ba41;
				}
	/* COLOR: yellow */
	.g-btn.color_yellow {
		background-color: #fac000;
		color: #fff;
		}
		.g-btn.color_yellow:before {
			background-color: rgba(0,0,0,0.06);
			}
		.no-touch .g-btn.color_yellow:hover {
			color: #fff;
			}
		/* COLOR: yellow outlined */
		.g-btn.color_yellow.outlined {
			box-shadow: 0 0 0 2px #fac000 inset;
			color: #fac000;
			}
			.no-touch .g-btn.color_yellow.outlined:hover {
				color: #fff;
				}
			.g-btn.color_yellow.outlined:before {
				background-color: #fac000;
				}
	/* COLOR: teal */
	.g-btn.color_teal {
		background-color: #008b83;
		color: #fff;
		}
		.no-touch .g-btn.color_teal:hover {
			color: #fff;
			}
		/* COLOR: teal outlined */
		.g-btn.color_teal.outlined {
			box-shadow: 0 0 0 2px #008b83 inset;
			color: #008b83;
			}
			.no-touch .g-btn.color_teal