/* FONT
----------------------------------------------------------------*/


/* montserrat-regular - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
	font-display: swap;
  src: url('../fonts/montserrat-v24-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v24-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v24-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v24-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v24-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v24-latin-ext_latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
	font-display: swap;
  src: url('../fonts/montserrat-v24-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v24-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v24-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v24-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v24-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v24-latin-ext_latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-700 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
	font-display: swap;
  src: url('../fonts/montserrat-v24-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v24-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v24-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v24-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v24-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v24-latin-ext_latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

:focus {
	outline: none;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Reset CSS
----------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	padding-left: 32px;
	margin: 20px 0 0;
}
ol li + li, ul li + li {
	padding: 8px 0 0 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* GENERAL
----------------------------------------------------------------*/

html {
    -webkit-text-size-adjust: 100%;
	height: 100%;
	font-size: 16px;
}
body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
	color: rgba(0,0,0,1.00);
	font-weight: 400;
}
a {
	color: rgba(0,0,0,1.00);
	text-decoration: none;
}
@media (hover: hover) {
	a:hover {
		color: rgba(220,26,76,1.00);
		text-decoration: none;
	}
	a:hover span {
		color: rgba(220,26,76,1.00);
	}
}
strong {
	font-weight: 600;
}
button {
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    border: none!important;	
}
.error-mesage, .error-mesage-coupon {
	background: #dc1a4c;
	color: white;
	padding: 10px;
	font-size: 0.75rem;
	line-height: 1.4em;
	position: fixed;
	width: 100%;
	z-index: 100;
	text-align: center;
	top: 0;
}

/* TITLES
----------------------------------------------------------------*/

h1,
h2,
h3,
h4 {
    padding: 0;
    line-height: 1.2em;
    font-weight: 600;
}

p,
ul,
h1,
h2,
h3,
h4 {
    margin: 20px 0;
}

h1 {
    font-size: 3rem;
}

h2 {
    font-size: 2.4rem;
}

h3 {
    font-size: 1.8rem;
}

h4 {
    font-size: 1.4rem;
}

@media only screen and (max-width: 1023px) {
    h1 {
        font-size: 2.4rem;
    }

    h2 {
        font-size: 2rem;
    }

    h3 {
        font-size: 1.6rem;
    }

    h4 {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.6rem;
    }

    h3 {
        font-size: 1.2rem;
    }

    h4 {
        font-size: 1.2rem;
    }
}

/* HEADER
----------------------------------------------------------------*/

header, #headerContainer, #header {
	display: flex;
	width: 100%;
	padding: 0;
	flex-flow: column;
}
header {
	position: relative;
	z-index: 10;
}
#headerContainer {
	position: relative;
}
#home #headerContainer {
	border: none;
}
#headerTopContainer {
	display: flex;
	width: 100%;
	background-color: rgba(243,243,245,1.00);
	height: 48px;
	transition: top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#headerTopContainer a {
	color: rgba(0,0,0,1.00);
}
#headerTopContainer a span {
	color: rgba(0,0,0,1.00);
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (hover: hover) {
	#headerTopContainer a:hover {
		text-decoration: none;
	}
	#headerTopContainer a:hover span {
		color: rgba(220,26,76,1.00);
		text-decoration: none;
	}
}
#headerTop {
	display: flex;
	width: 100%;
	max-width: 1460px;
	margin: 0 auto;
	flex-flow: row;
	justify-content: space-between;
	position: relative;
}
#headerTopLeft, #headerTopRight {
	display: flex;
	flex-flow: row;
}
.headerTopSlogan {
	display: flex;
	align-items: center;
	padding-left: 20px;
}
.headerTopSlogan div {
	display: block;
}
.headerTopItem {
	display: flex;
	align-items: center;
	margin: 0 20px;
}
.headerTopPhone::before {
	content: "";
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 6px 0 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjAuMDIzLDE1LjQ4OGExNS4wNzcsMTUuMDc3LDAsMCwxLTEuOTI0LS4xNCwxNC42NywxNC42NywwLDAsMS0xLjY1My0uNDI1LDEuMDE3LDEuMDE3LDAsMCwwLTEuMDE5LjI1M2wtMi4yMTcsMi4yYTE1LjM3NiwxNS4zNzYsMCwwLDEtMy44LTIuNzkyLDE1LjM3NiwxNS4zNzYsMCwwLDEtMi43OTItMy44bDIuMi0yLjIxOGExLjAxNywxLjAxNywwLDAsMCwuMjUzLTEuMDE5QTE0LjYsMTQuNiwwLDAsMSw4LjY1Myw1LjlhMTUuMDY3LDE1LjA2NywwLDAsMS0uMTQxLTEuOTI0QTEsMSwwLDAsMCw3LjUxLDNINEEuOTkyLjk5MiwwLDAsMCwzLDQsMTcuMTc5LDE3LjE3OSwwLDAsMCw3Ljk2NiwxNi4wMzQsMTcuMTc5LDE3LjE3OSwwLDAsMCwyMCwyMWEuOTkyLjk5MiwwLDAsMCwxLTFWMTYuNDlBMSwxLDAsMCwwLDIwLjAyMywxNS40ODhaIiBmaWxsPSIjZGMxYTRjIi8+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJub25lIi8+PC9zdmc+');
}
.headerTopMail::before {
	content: "";
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 6px 0 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNCw0QTIsMiwwLDAsMCwyLjA3LDUuNUwxMiwxMS43MjdsOS45MzYtNi4yMDZBMiwyLDAsMCwwLDIwLDRaTTIsNy43MzRWMThhMiwyLDAsMCwwLDIsMkgyMGEyLDIsMCwwLDAsMi0yVjcuNzU2TDEyLDE0WiIgZmlsbD0iI2RjMWE0YyIvPjwvc3ZnPg==');
}
#header {
	display: flex;
	flex-flow: row;
	max-width: 1460px;
	margin: 0 auto;
	padding: 0 20px;
	justify-content: space-between;
}
.headerAlign {
	display: flex;
	flex-flow: row;
}
#headerLogo {
	display: block;
	width: 200px;
	margin: 45px 0 46px;
}
#logo {
	display: block;
	width: 100%;
}
#logo img {
	display: block;
	width: 100%;
	height: auto;
}
@media only screen and (min-width : 1024px) {
	
	#headerContainer {
		z-index: 1;
	}
	#mobileHeaderContainer {
		display: none !important;
	}
	
}
@media only screen and (max-width: 1023px) {
	
	#headerTopMobileLanguage {
		margin-left: 0;
	}
	#headerTopContainer {
	}
	
}
@media only screen and (max-width: 767px) {
	
	#headerTopRight .headerTopMail {
		display: none !important;
	}
	
}
@media only screen and (max-width: 460px) {
	
	#headerTopRight .headerTopPhone span {
		display: none !important;
	}
	#headerTopRight .headerTopPhone {
		width: 48px;
		padding: 12px;
	}
	.headerTopPhone::before {
		margin: 0;
	}
	.headerTopItem {
		margin: 0;
	}
}

/* HEADER NAVIGATION
----------------------------------------------------------------*/

nav#headerNav {
	display: flex;
	flex-flow: row;
	align-items: center;
}
nav#headerNav a {
	display: flex;
	color: rgba(0,0,0,1.00);
	font-weight: 400;
	position: relative;
	margin-left: 40px;
}
#headerHelp {
	display: flex;
	align-items: center;
	margin-left: 0;
}
#headerHelp a {
	display: flex;
	padding: 0 20px;
	background-color: rgba(11,29,53,1.00);
	color: rgba(255,255,255,1.00);
	border-radius: 6px;
	height: 44px;
	align-items: center;
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (hover: hover) {
	nav#headerNav a:hover {
		text-decoration: none;
		color: rgba(220,26,76,1.00);
	}
	#headerHelp a:hover {
		background-color: rgba(220,26,76,1.00);
	}
}
nav#headerNav a.selected {
	color: rgba(220,26,76,1.00);
}
@media only screen and (max-width: 1260px) {
	
	nav#headerNav a {
		margin-left: 20px;
	}
	#headerNav {
		padding-left: 20px;
	}
	
}

/* Use the shorter desktop menu below 1460px; keep the mobile menu complete. */
@media only screen and (max-width: 1459.98px) {
    nav#headerNav a[data-secondary-nav] {
        display: none;
    }
}

/* MOBILE HEADER
----------------------------------------------------------------*/

@media only screen and (min-width: 1024px) {
	
	nav#headerNav a::after {
		content: '';
		display: block;
		position: absolute;
		bottom: -0px;
		opacity: 0;
		left: 0;
		width: 100%;
		height: 3px;
		background: rgba(220,26,76,1.00);
		transition: all .3s;
	}
	nav#headerNav a:hover::after {
		bottom: -4px;
		opacity: 1;
	}
	nav#headerNav a.selected::after {
		font-weight: 700;
		content: '';
		display: block;
		width: 100%;
		background: rgba(220,26,76,1.00);
	}
	
}
@media only screen and (max-width : 1023px) {

	#headerTopLeft {
		display: none !important;
	}
	#mobileHeaderContainer {
		display: flex !important;
		flex-flow: row;
		padding-left: 10px;
		align-self: center;
	}
	#mobileLogo {
		align-self: center;
		margin-left: 10px;
	}
	#mobileLogo, #mobileLogo img {
		display: block;
		width: 140px;
		height: auto;
	}
	#headerTopContainer {
		height: 64px;
		position: relative;
	}
	#header .headerAlign,
	#headerCartBox span,
	#header {
		display: none!important;
	}
	#headerCart {
		margin: 12px;		
	}
	a#headerCartBox {
		background-color: rgba(243,243,245,1.00);
		border-radius: 5px;
	}
	
}
@media only screen and (max-width: 460px) {
	
	#mobileLogo, #mobileLogo img {
		width: 120px;
	}
}

/* MOBILE MENU
----------------------------------------------------------------*/

#mobileMenuBtn {
	display: none;
	width: 48px;
	height: 48px;
	cursor: pointer;
	align-self: center;
}
#nav-icon {
	width: 26px;
	height: 20px;
	position: relative;
	margin: 14px auto;
	transform: rotate(0deg);
	transition: .5s ease-in-out;
	cursor: pointer;
}
#nav-icon span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: rgba(11,29,53,1.00);
	opacity: 1;
	left: 0;
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {
	top: 1px;
}
#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
	top: 9px;
}
#nav-icon span:nth-child(4) {
	top: 18px;
}
#nav-icon.open span:nth-child(1) {
	top: 10px;
	width: 0;
	left: 50%;
}
#nav-icon.open span:nth-child(2) {
	transform: rotate(45deg);
}
#nav-icon.open span:nth-child(3) {
	transform: rotate(-45deg);
}
#nav-icon.open span:nth-child(4) {
	top: 10px;
	width: 0;
	left: 50%;
}
@media only screen and (max-width : 1023px) {

	#mobileMenuBtn {
		display: flex !important;
	}
	
}

#heroMenu {
	display: flex;
	flex-flow: column;
}
#heroMenu a {
	display: flex;
	color: rgba(11,29,53,1.00);
	height: 48px;
	justify-content: center;
	text-align: center;
	align-items: center;
}
#heroMenu a + a {
	border-top: 1px solid rgba(0,0,0,0.10);
}

/* CONTENT
----------------------------------------------------------------*/

p a.file,
ul a.file {
    background: url("../img/icon-file.svg") no-repeat left center;
    padding-left: 26px;
}

p a.file[href*=".txt"] {
    background: url("../img/icon-file-txt.svg") no-repeat left center;
}

p a.file[href*=".xls"],
p a.file[href*=".xlsx"] {
    background: url("../img/icon-file-xls.svg") no-repeat left center;
}

p a.file[href*=".doc"],
p a.file[href*=".docx"] {
    background: url("../img/icon-file-doc.svg") no-repeat left center;
}

p a.file[href*=".pdf"],
ul a.file[href*=".pdf"] {
    background: url("../img/icon-file-pdf.svg") no-repeat left center;
}

a.external {
    background: url("../img/icon-external-link.svg") no-repeat right center;
    padding-right: 20px;
    background-size: 18px;
}

img.contentImg {
    display: block;
    width: 100%;
    height: auto;
}

img.contentImg100 {
    width: 100%;
}

img.contentImg50 {
    width: 50%;
}

img.contentImg33 {
    width: 33.33%;
}

main {
    display: flex;
    width: 100%;
    flex-flow: column;
}

section {
    display: flex;
    width: 100%;
}

section.grey {
    background-color: rgba(243,243,245,1.00);
    padding: 60px 0;
}
section.gradient {
    background: rgb(243,243,245);
	background: linear-gradient(180deg, rgba(243,243,245,1) 0%, rgba(255,255,255,1) 100%);
    padding: 40px 0 0;
}

section.title h1 {
    text-align: center;
    margin: 80px auto 0;
}

#heroContainer {
    margin-top: 40px;
    flex-flow: column;
}

#hero {
    display: block;
    width: 100%;
    max-width: 1420px;
    padding: 0;
    margin: 0 auto;
	position: relative;
}

#heroOverlay {
	position: absolute;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: flex-end;
	bottom: 0;
	left: 0;
	right: 0;
}
#heroOverlay h1 {
	max-width: 75%;
	text-align: center;
	margin: 0 auto;
	color: rgba(255,255,255,1.00)!important;
}
#heroOverlay p {
	max-width: 65%;
	text-align: center;
	color: rgba(255,255,255,1.00)!important;
	margin: 40px auto 80px;
}

@media only screen and (min-width: 1420px) {
	
	#hero {
		border-radius: 12px;
		overflow: hidden;
	}
	
}
@media only screen and (max-width: 1023px) {
	
	#heroOverlay p {
		margin: 40px auto 40px;
	}
	
}

@media only screen and (max-width: 767px) {
	
	#heroOverlay {
		top: 0;
	}
	#heroOverlay p {
		margin: 40px auto 0;
	}
	
}

#hero picture,
#hero picture img {
    display: block;
    width: 100%;
	height: auto;
}

#heroCutomerBadge {
	display: block;
	width: 100%;
	max-width: 140px;
	height: auto;
	position: absolute;
	top: 20px;
	right: 40px;
}

.contentContainer {
    margin-top: 60px;
    flex-flow: column;
}

@media only screen and (max-width: 767px) {
	.contentContainer {
		margin-top: 40px;
		flex-flow: column;
	}
}

#home h2 {
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1em;
}

.contentInner {
    display: block;
    width: 100%;
    max-width: 1460px;
    padding: 0 20px;
    margin: 0 auto;
}

.contentInner.noPadding {
    padding: 0;
}

.contentInner + .contentInner {
    margin-top: 40px;
}

.contentInner.articleItemContent h1,
.contentInner.articleItemContent h2,
.contentInner.articleItemContent h3,
.contentInner.articleItemContent h4 {
    margin: 40px 0 20px 0;
}

.contentInner p:first-child,
.contentInner ul:first-child,
.contentInner h1:first-child,
.contentInner h2:first-child,
.contentInner h3:first-child,
.contentInner h4:first-child,
.contentInner table:first-child,
.contentInner blockquote:first-child {
    margin-top: 0;
}

.contentInner p:last-child,
.contentInner ul:last-child,
.contentInner h1:last-child,
.contentInner h2:last-child,
.contentInner h3:last-child,
.contentInner h4:last-child,
.contentInner table:last-child,
.contentInner blockquote:last-child {
    margin-bottom: 0;
}

.contentInnerHeroImg {
    display: block;
    width: 100%;
    height: auto;
}

.contentContainer h4:last-of-type {
    margin: 0;
}

.contentContainer .heroTitle h1 {
    margin: 0 0 40px 0;
}

.contentInner p a,
.contentInner ul a {
    text-decoration: none;
    color: rgba(216,0,0,1.00);
}

.contentInner p a:hover,
.contentInner ul a:hover {
    text-decoration: underline;
}

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

.center {
    text-align: center;
}

.contentColContainer {
	display: flex;
	flex-flow: row;
}

.contentCol + .contentCol {
	margin-left: 15%;
}

@media only screen and (max-width: 767px) {
	.contentColContainer {
		flex-flow: column;
	}
	.contentCol + .contentCol {
		margin-left: 0;
		margin-top: 40px;
	}
}

ul,
ol {
    list-style: disc;
    padding-left: 16px;
    margin: 20px 0;
}

ol {
    list-style: decimal;
}

ul li,
ol li {
    padding: 4px 0;
}

.contentInner a.textLink {
    font-weight: 700;
    border-bottom: 1px dotted rgba(216, 0, 0, 1.00);
    line-height: 2em;
    text-decoration: none;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.contentInner a.textLink:hover {
	color: rgba(0,0,0,1.00);
    border-bottom: 1px solid rgba(216, 0, 0, 1.00);
    text-decoration: none;
}

.btn {
	display: flex;
	justify-content: center;
	text-align: center;
	align-content: center;
	background-color: #0B1D35;
	width: 100%;
	padding: 14px 20px;
	font-weight: 400;
	color: #fff;
	border-radius: 5px;
	text-decoration: none;
	font-size: 1.25em;
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (hover: hover) {
	.btn:hover,
	.btn:hover span,
	a.btn:hover,
	a.btn:hover span {
		cursor: pointer;
		color: #FFFFFF;
	}
	.btn:hover {
		background-color: #DC1A4C;
	}
}
@media (hover: none) {
	.btn:active {
		cursor: pointer;
		background-color: #DC1A4C;
		color: #FFFFFF;
	}
}
.contentInner.splitContent {
	display: flex;
	flex-flow: row;
}
.splitCol1 {
	display: block;
	width: 220px;
	min-width: 220px;
	font-size: 0.875rem;
	line-height: 1.3em;
	margin: 0 auto;
}
.splitCol1 img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 6px;
}
.splitCol2 {
	display: block;
	flex-grow: 1;
	padding-left: 60px;
}
@media only screen and (max-width: 767px) {
	.splitCol2 {
		padding-left: 20px;
	}
}
@media only screen and (max-width: 567px) {
	.splitCol1 {
		width: 100%;
		min-width: 280px;
	}
	.contentInner.splitContent {
		flex-flow: column;
	}
	.splitCol2 {
		padding-left: 0px;
		margin-top: 40px;
	}
}

/* HOME BOOK
----------------------------------------------------------------*/

.contentContainer.heroContainer {
	margin-top: 0;
}
.productNew {
	font-size: 2.4rem;
	line-height: 1.2em;
	color: #dc1a4c;
	margin-bottom: 10px;
}
.contentProduct {
	display: flex;
	flex-flow: row;
}
.productImg {
	border-radius: 12px;
	overflow: hidden;
}
.productImgContainer, .productImg, .productImg img {
	display: block;
	width: 100%;
	height: auto;
}
.productImgContainer {
	padding-right: 20px;
	width: 50%;
}
.productDetailsContainer {
	display: flex;
	width: 50%;
	flex-flow: row;
	padding-left: 20px;
}
.productDetailsInner {
	display: flex;
	width: 100%;
	flex-flow: column;
}
.productName {
	display: block;
	width: 100%;
}
.productDescription {
	display: block;
	width: 100%;
	margin-top: 40px;
}
@media only screen and (max-width: 767px) {

	.contentProduct {
		flex-flow: column;
	}
	.productImgContainer {
		padding-right: 0;
		width: 100%;
	}
	.productDetailsContainer {
		width: 100%;
		padding-left: 0;
		margin-top: 40px;
	}

}
a.moreInfoBtn:hover {
	color: #FFF!important;
}



/* HOME FORM
----------------------------------------------------------------*/

/*.contentContainer.heroContainer {*/
/*	margin-top: 0;*/
/*}*/
.contentInner.heroForm {
	display: flex;
	flex-flow: row;
}
.contentInner.heroForm h1 {
	font-size: 2.4rem;
	line-height: 1.2em;
}
.introFormText {
	margin-bottom: 20px;
}
#introVideoContainer {
	display: flex;
	flex-flow: column;
	width: 60%;
	background-color: rgba(243,243,245,1.00);
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	overflow: hidden;
	padding: 40px 0 40px 40px;
}
#introVideo {
	display: flex;
	width: 100%;
	flex-flow: column;
	flex-grow: 1;
	justify-content: center;
	background-color: #000;
}
#introVideoInner {
	display: block;
}
#introForm {
	display: flex;
	flex-flow: column;
	justify-content: center;
	min-width: 460px;
	flex-shrink: 0;
	width: 40%;
	background-color: rgba(243,243,245,1.00);
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	overflow: hidden;
	padding: 40px;
}
#introForm form {
	display: flex;
	width: 100%;
	flex-flow: row wrap;
}
.contentContainer.homeForm {
	background-color: #8ECFD3;
}
@media only screen and (max-width: 1023px) {
	.contentInner.heroForm {
		flex-flow: column;
		padding: 0;
		background-color: rgba(243,243,245,1.00);
	}
	#introVideoContainer {
		width: 100%;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		padding: 0;
	}
	#introForm {
		display: flex;
		flex-flow: column;
		width: 100%;
		max-width: 740px;
		min-width: 0px;
		padding: 40px 20px;
		margin: 0 auto;
		flex-shrink: 1;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.contentInner.heroForm h1 {
		text-align: center;
		font-size: 2rem;
	}
}
@media only screen and (max-width: 767px) {
	.contentContainer.homeForm {
		padding: 40px 0;
	}
	#introForm {
		padding: 20px 20px 40px 20px;
	}
}
@media only screen and (min-width: 568px) {
	.contentContainer.homeForm {
		padding: 60px 0;
	}
	#introForm .formItem50 {
		padding-right: 5px;
	}
	#introForm .formItem50 + .formItem50 {
		padding-right: 0px;
		padding-left: 5px;
	}
	#introForm .formItem50 {
		width: 50%;
		margin-top: 0!important;
	}
}

/* COST CALCULATOR
----------------------------------------------------------------*/

.costForm,
.costCalculator,
.costResult {
	display: flex;
	width: 100%;
	flex-flow: column;
	text-align: center;
	justify-content: center;
}
.costFrame {
	border: 2px dashed rgba(11,29,53,1.00);
	padding: 40px;
	border-radius: 12px;
}
.costDesc {
	display: block;
	margin-bottom: 10px;
}
.costDesc2 {
	display: block;
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 1.25rem;
}
.costFinal {
	font-size: 1.5rem;
	color: rgba(220,26,76,1.00);
}
.number-style {
	display: block;
	margin-bottom: 20px;
}
.number-style input {
    display: inline-block;
    width: 80px;
    vertical-align: middle;
    text-align: center;
    border: none;
	margin: 0 10px;
	padding: 0;
	color: rgba(0,0,0,1.00);
	height: 44px;
	border-radius: 6px;
}
.number-style div {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 44px;
    height: 44px;
    cursor: pointer;
	border-radius: 6px;
	overflow: hidden;
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.number-style div.number-minus {
    border: 2px solid rgba(11,29,53,1.00);
}
.number-style div.number-minus::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -8px;
    width: 16px;
    height: 2px;
    background-color: rgba(11,29,53,1.00);
}
.number-style div.number-plus {
    border: 2px solid #0B1D35;
}
.number-style div.number-plus::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -8px;
    width: 16px;
    height: 2px;
    background-color: #0B1D35;
}
.number-style div.number-plus::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -1px;
    width: 2px;
    height: 16px;
    background-color: #0B1D35;
}
.number-style div:hover {
	background-color: rgba(11,29,53,1.00);	
}
.number-style div:hover.number-minus::after,
.number-style div:hover.number-plus::after,
.number-style div:hover.number-plus::before {
	background-color: rgba(255,255,255,1.00);	
}
.number-style input[type='number'] {
    -moz-appearance:textfield;
}

.number-style input::-webkit-outer-spin-button,
.number-style input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.costForm .btn {
	margin-top: 20px;
}
@media only screen and (max-width: 567px) {
	
	.costFrame {
		padding: 20px;
	}
	
}

/* FOOTER FORM
----------------------------------------------------------------*/

#footerFormContainer {
	display: flex;
	flex-flow: column;
	width: 100%;
	padding: 50px 0;
	background: rgb(11,29,53);
	color: rgba(255,255,255,1.00);
	margin-top: 60px;
}
#footerFormContainer p {	
	color: rgba(255,255,255,1.00);
}
#footerFormAlign {
	display: flex;
	flex-flow: row;
}
.mailFormImg {
	display: flex;
	flex-flow: column;
	width: 300px;
	flex-shrink: 0;
	padding-left: 40px;
}
.mailFormImg img {
	display: block;
	width: 100%;
	height: auto;
}
.mailFormContent {
	display: flex;
	flex-grow: 1;
	flex-flow: column;
}
.formItem {
	display: block;
	width: 100%;
}
.formItem + .formItem {
	margin-top: 10px;
}
#footerFormContainer input.text,
.homeForm input.text,
.heroForm input.text {
	display: block;
	width: 100%;
	height: 44px;
	font-size: 1rem;
	border: none;
	padding-left: 10px;
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	font-family: 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
	border-radius: 6px;
}
@media (hover: hover) {
	#footerFormContainer input.text:hover,
	.homeForm input.text:hover,
	.heroForm input.text:hover {
		background-color: rgba(230,230,230,1.00);
	}
}
#footerFormContainer .disclaimer,
.homeForm .disclaimer,
.heroForm .disclaimer {
	font-size: 0.75rem;
}
#footerFormContainer input.btn,
.homeForm button.btn,
.heroForm button.btn {
	border: none;
	background-color: rgba(142,207,211,1.00);
	color: rgba(11,29,53,1.00);
	font-family: 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
	white-space: normal;
}
.homeForm button.btn,
.heroForm button.btn {
	background-color: rgba(11,29,53,1.00);
	color: #FFF;
}
@media (hover: hover) {
	#footerFormContainer input.btn:hover,
	.homeForm button.btn:hover,
	.heroForm button.btn:hover {
		background-color: rgba(220,26,76,1.00);
		color: rgba(255,255,255,1.00);
	}
}
#footerFormContainer .disclaimer a,
.homeForm .disclaimer a,
.heroForm .disclaimer a {
	color: rgba(255,255,255,1.00);
	text-decoration: underline;
	line-height: 1.2em;
}
#footerFormContainer .disclaimer,
.homeForm .disclaimer,
.heroForm .disclaimer {
	line-height: 1.2em;
}
@media only screen and (max-width: 767px) {
	
	#footerFormAlign {
		flex-flow: column;
	}
	.mailFormImg {
		order: 1;
		padding-left: 0;
		max-width: 240px;
		margin: 0 auto 40px;
	}
	.mailFormContent {
		order: 2;
	}
	
}

/* HOME ADVANTAGES CAROUSEL
----------------------------------------------------------------*/

.advantageCarousel {
	display: block;
}
.advantageCarousel .advantageItem {
	display: block;
	padding: 0 40px;
}
.advantageCarousel .advantageItem a {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	text-align: center;
}
.advantageCarousel .advantageItem a:hover {
	color: rgba(11,29,53,1.00);
}
.advantageIcon {
	display: block;
	width: 180px;
	height: 180px;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 20px;
}
.advantageIcon img {
  display: block;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 767px) {
	
	.advantageCarousel .advantageItem {
		padding: 0 20px;
	}
	
}

/* HOME COMPANIES LOGOS
----------------------------------------------------------------*/

.companiesBlock {
	display: flex;
	width: 100%;
	margin-top: -40px;
}
.companiesItem {
	display: flex;
	width: 20%;
	padding: 20px;
}
.companiesItem img {
	display: block;
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 767px) {
	
	.companiesBlock {
		flex-wrap: wrap;
		justify-content: center;
		margin-top: -20px;
	}
	.companiesItem {
		padding: 10px;
		width: 33.333333%;
	}
	
}

@media only screen and (max-width: 460px) {
	
	.companiesItem {
		padding: 10px;
		width: 50%;
	}
	
}

/* HOME TESTIMONIALS 1
----------------------------------------------------------------*/

.testimonialsCarousel .testimonialsIcon {
	display: block;
	width: 100%;
	padding: 0 20px;
}
.testimonialsCarousel .testimonialsIcon img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;
	overflow: hidden;
}

/* HOME TESTIMONIALS 2
----------------------------------------------------------------*/

.testimonialsCarousel2 .testimonialsItem2 {
	padding: 0 40px;
	font-size: 0.875rem;
	line-height: 1.5em;
}

/* EVENT CALEDAR TABLE
----------------------------------------------------------------*/

ul#calendarContainer {
	display: flex;
	flex-flow: column;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}
li.clendarRow {
	display: flex;
	flex-flow: column;
	width: 100%;
	background-color: rgba(243,243,245,1.00);
	min-height: 120px;
	border-radius: 12px;
	overflow: hidden;
	padding: 40px;
}
li.clendarRow + 
li.clendarRow {
	margin-top: 40px;
}
.calendarRowDate {
	display: inline-block;
	white-space: nowrap;
	font-size: 0.875rem;
	padding-left: 30px;
	width: 24px;
	height: 24px;
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCAyMjYgMjI2IgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDIyNnYtMjI2aDIyNnYyMjZ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2RjMWE0YyI+PHBhdGggZD0iTTU4Ljg1NDE3LDI4LjI1Yy0xNi44MTc4OCwwIC0zMC42MDQxNywxMy43ODYyOSAtMzAuNjA0MTcsMzAuNjA0MTd2MTA4LjI5MTY3YzAsMTYuODE3ODcgMTMuNzg2MjksMzAuNjA0MTcgMzAuNjA0MTcsMzAuNjA0MTdoMTA4LjI5MTY3YzE2LjgxNzg3LDAgMzAuNjA0MTcsLTEzLjc4NjI5IDMwLjYwNDE3LC0zMC42MDQxN3YtMTA4LjI5MTY3YzAsLTE2LjgxNzg4IC0xMy43ODYyOSwtMzAuNjA0MTcgLTMwLjYwNDE3LC0zMC42MDQxN3pNNTguODU0MTcsNDIuMzc1aDEwOC4yOTE2N2M5LjE4MTU0LDAgMTYuNDc5MTcsNy4yOTc2MiAxNi40NzkxNywxNi40NzkxN3Y3LjA2MjVoLTE0MS4yNXYtNy4wNjI1YzAsLTkuMTgxNTQgNy4yOTc2MiwtMTYuNDc5MTcgMTYuNDc5MTcsLTE2LjQ3OTE3ek00Mi4zNzUsODAuMDQxNjdoMTQxLjI1djg3LjEwNDE3YzAsOS4xODE1NCAtNy4yOTc2MiwxNi40NzkxNyAtMTYuNDc5MTcsMTYuNDc5MTdoLTEwOC4yOTE2N2MtOS4xODE1NCwwIC0xNi40NzkxNywtNy4yOTc2MiAtMTYuNDc5MTcsLTE2LjQ3OTE3ek03Mi45NzkxNyw5OC44NzVjLTYuNTAwODUsMCAtMTEuNzcwODMsNS4yNjk5OCAtMTEuNzcwODMsMTEuNzcwODNjMCw2LjUwMDg1IDUuMjY5OTgsMTEuNzcwODMgMTEuNzcwODMsMTEuNzcwODNjNi41MDA4NSwwIDExLjc3MDgzLC01LjI2OTk4IDExLjc3MDgzLC0xMS43NzA4M2MwLC02LjUwMDg1IC01LjI2OTk4LC0xMS43NzA4MyAtMTEuNzcwODMsLTExLjc3MDgzek0xMTMsOTguODc1Yy02LjUwMDg1LDAgLTExLjc3MDgzLDUuMjY5OTggLTExLjc3MDgzLDExLjc3MDgzYzAsNi41MDA4NSA1LjI2OTk4LDExLjc3MDgzIDExLjc3MDgzLDExLjc3MDgzYzYuNTAwODUsMCAxMS43NzA4MywtNS4yNjk5OCAxMS43NzA4MywtMTEuNzcwODNjMCwtNi41MDA4NSAtNS4yNjk5OCwtMTEuNzcwODMgLTExLjc3MDgzLC0xMS43NzA4M3pNMTUzLjAyMDgzLDk4Ljg3NWMtNi41MDA4NSwwIC0xMS43NzA4Myw1LjI2OTk4IC0xMS43NzA4MywxMS43NzA4M2MwLDYuNTAwODUgNS4yNjk5OCwxMS43NzA4MyAxMS43NzA4MywxMS43NzA4M2M2LjUwMDg1LDAgMTEuNzcwODMsLTUuMjY5OTggMTEuNzcwODMsLTExLjc3MDgzYzAsLTYuNTAwODUgLTUuMjY5OTgsLTExLjc3MDgzIC0xMS43NzA4MywtMTEuNzcwODN6TTcyLjk3OTE3LDE0MS4yNWMtNi41MDA4NSwwIC0xMS43NzA4Myw1LjI2OTk4IC0xMS43NzA4MywxMS43NzA4M2MwLDYuNTAwODUgNS4yNjk5OCwxMS43NzA4MyAxMS43NzA4MywxMS43NzA4M2M2LjUwMDg1LDAgMTEuNzcwODMsLTUuMjY5OTggMTEuNzcwODMsLTExLjc3MDgzYzAsLTYuNTAwODUgLTUuMjY5OTgsLTExLjc3MDgzIC0xMS43NzA4MywtMTEuNzcwODN6TTExMywxNDEuMjVjLTYuNTAwODUsMCAtMTEuNzcwODMsNS4yNjk5OCAtMTEuNzcwODMsMTEuNzcwODNjMCw2LjUwMDg1IDUuMjY5OTgsMTEuNzcwODMgMTEuNzcwODMsMTEuNzcwODNjNi41MDA4NSwwIDExLjc3MDgzLC01LjI2OTk4IDExLjc3MDgzLC0xMS43NzA4M2MwLC02LjUwMDg1IC01LjI2OTk4LC0xMS43NzA4MyAtMTEuNzcwODMsLTExLjc3MDgzeiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 24px 24px;
	line-height: 24px;
}
.calendarRowBtn {
	display: block;
}
.calendarRowBtn a {
	display: inline-block;
	background-color: #dc1a4c;
	width: 100%;
	max-width: 400px;
	text-align: center;
	padding: 14px 20px;
	color: #fff!important;
	border-radius: 5px;
	text-decoration: none!important;
	font-size: 1.25em;
	cursor: pointer;
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.full .calendarRowBtn a {
	background-color: #666666;
}
@media (hover: hover) {
	.calendarRowBtn a:hover,
	.full .calendarRowBtn a:hover {
		background-color: #0B1D35;
	}
}
@media (hover: none) {
	.calendarRowBtn a:active,
	.full .calendarRowBtn a:active {
		background-color: #0B1D35;
	}
}
@media only screen and (max-width: 767px) {
	li.clendarRow {
		padding: 20px;
	}
	.calendarRowBtn a {
		max-width: 100%;
	}
}

/* BLOG GRID
----------------------------------------------------------------*/

.contentInner.blogGridContainer {
	padding: 0 10px;
}
.blogGrid {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
}
.blogGrid .blogItem {
	display: flex;
	width: 50%;
	padding: 30px;
}
.blogGrid article.blogArticle {
	display: flex;
	flex-flow: column;
	width: 100%;
	background-color: rgba(243,243,245,1.00);
	padding: 30px;
	border-radius: 12px;
	overflow: hidden;
}
.blogGrid article.blogArticle a.blogTitle {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.blogGrid article.blogArticle a.blogImg, .blogGrid article.blogArticle .blogVideo {
	display: block;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
}
.blogGrid article.blogArticle a.blogImg img {
	display: block;
	width: 100%;
	height: auto;
}
.blogGrid article.blogDate {
	font-size: 0.875rem;
}
@media only screen and (max-width: 1023px) {
	.blogGrid .blogItem {
		padding: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.blogGrid {
		flex-flow: column;
	}
	.blogGrid .blogItem {
		width: 100%;
		padding: 10px;
	}
	.blogGrid article.blogArticle {
		padding: 20px;
	}
}

/* BLOG ARTICLE
----------------------------------------------------------------*/

.contentInner.blogGalleryContainer {
	padding: 0 10px;
}
#blogArticleContainer .blogImg {
	display: block;
	width: 100%;
	height: auto;
}
#blogArticleContainer .blogImg img {
	display: block;
	width: 100%;
	height: auto;
}
#blogArticleContainer .blogGallery {
	display: flex;
	width: 100%;
	flex-flow: row wrap;
}
#blogArticleContainer .blogGallery a {
	display: flex;
	width: 25%;
	padding: 10px;
}
#blogArticleContainer .blogGallery a img {
	display: block;
	width: 100%;
	height: auto;
}
@media only screen and (max-width: 767px) {
	#blogArticleContainer .blogGallery a {
		width: 50%;
	}
}

#blogArticleContainer .blogNav {
	display: flex;
	width: 100%;
	flex-flow: column;
	text-align: center;
	justify-content: center;
}
#blogArticleContainer .blogNav span {
	font-weight: 600;
}
#blogArticleContainer .blogNav a {
	text-decoration: none;
	padding: 10px 20px;
	color: #0B1D35;
	border-radius: 6px;
	margin-top: 10px;
}
#blogArticleContainer .blogNav a:hover {
	background-color: rgba(243,243,245,1.00);
}
#blogArticleContainer .blogNav a.active {
	color: #fff;
	background-color: #DC1A4C;
}
#blogArticleContainer .blogNav .disable {
	display: none;
}

/* PAGINATION
----------------------------------------------------------------*/

#pagination {
	display: flex;
	text-align: center;
	justify-content: center;
}
#pagination .padding {
	padding: 5px 0 5px 10px;
	border-right: 1px solid #ccc;
	margin-right: 10px;
}
#pagination a {
	text-decoration: none;
	padding: 8px 14px;
	color: #0B1C35;
	border-radius: 6px;
	min-width: 40px;
}
#pagination a + a {
	margin-left: 10px;
}
#pagination a:hover {
	background-color: rgba(0,0,0,0.10);
}
#pagination a.active {
	color: #fff;
	background-color: #DC1A4C;
}
#pagination .disable {
	display: none;
}

/* CONTENT WIDTHS
----------------------------------------------------------------*/

.width12 {
    max-width: 1460px;
}

.width10 {
    max-width: 1220px;
}

.width8 {
    max-width: 980px;
}

.width6 {
    max-width: 740px;
}

.width4 {
    max-width: 500px;
}

.width2 {
    max-width: 260px;
}

/* WEBINAR BOXES
----------------------------------------------------------------*/

.webinarBoxContainer {
	display: flex;
	width: 100%;
	max-width: 1460px;
	flex-flow: row;
	gap: 40px;
	padding: 0 20px;
	margin: 80px auto 0;
}
.webinarBox {
	display: flex;
	width: 100%;
	flex-grow: 1;
	border-radius: 12px;
	overflow: hidden;
}
.webinarBoxInner {
	display: flex;
	flex-flow: column;
	width: 100%;
	justify-content: space-between;
	padding: 40px 60px 60px;
	background: rgb(11,29,53);
	text-align: center;
	color: #FFF;
}
.webinarBoxIcon  {
	display: block;
	width: 64px;
	margin: 0 auto;
}
.webinarBoxIcon img {
	display: block;
	width: 100%;
	height: auto;
	opacity: .5;
}
.webinarBox h2 {
	font-weight: 600;
	margin: 15px 0;
	text-align: center;
}
.webinarBoxText {
	text-align: center;
}
.webinarBoxBtn {
	display: flex;
	flex-flow: column;
	justify-content: center;
	text-align: center;
	align-content: center;
	background-color: #dc1a4c;
	width: 100%;
	padding: 14px 20px;
	color: #fff;
	border-radius: 5px;
	margin-top: 30px;
	text-decoration: none;
	font-size: 1.25em;
	transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (hover: hover) {
	.webinarBoxBtn:hover {
		cursor: pointer;
		background-color: #8ECFD3;
		color: #0B1C35;
	}
}
@media (hover: none) {
	.webinarBoxBtn:active {
		cursor: pointer;
		background-color: #8ECFD3;
		color: #0B1C35;
	}
}
.webinarBoxSecondaryBtn {
	display: flex;
	flex-flow: column;
	justify-content: center;
	text-align: center;
	width: 100%;
	height: 32px;
	color: #fff;
	font-weight: 600;
	margin-top: 20px;
	text-decoration: none;
}
.webinarBoxSecondaryBtn:hover {
	text-decoration: underline;
	cursor: pointer;
}
@media only screen and (max-width: 767px) {
	
	.webinarBoxContainer {
		flex-flow: column;
	}
	.webinarBoxContainer {
		margin-top: 40px;
	}	
}
@media only screen and (max-width: 567px) {
	
	.webinarBoxInner {
		padding: 30px;
	}
}

/* FOOTER CONTACT
----------------------------------------------------------------*/

#footerContactContainer {
    display: flex;
    width: 100%;
    flex-flow: row;
    background-color: rgba(220,26,76,1.00);
    color: rgba(255,255,255,1.00);
}

.footerContactContainerInner {
    display: flex;
    flex-flow: row wrap;
    max-width: 1460px;
    padding: 20px;
    margin: 0 auto;
    justify-content: space-between;
}

.footerContactContainerBox {
    display: flex;
}

.footerContactIcon {
    display: flex;
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
}

.footerContactIcon img {
    display: block;
    width: 100%;
    height: auto;
}

.footerContactInfo {
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding-left: 20px;
}

.footerContactQuestion {
    font-size: 0.875rem;
    line-height: 1.5em;
}

.footerContactBox {
    display: flex;
    flex-flow: row;
    margin-top: 8px;
}

footer .footerContactBox a {
    color: rgba(255,255,255,1.00);
    font-size: 1.25rem;
    line-height: 1em;
    font-weight: 500;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

footer .footerContactBox a + a {
    margin-left: 40px;
}

.footerContactBox span {
    font-size: 1.5rem;
    line-height: 1em;
    color: rgba(255,255,255,0.5);
    padding: 0 15px;
}

.footerShare {
	display: flex;
	align-self: center;
}

.footerShareItem {
	display: flex;
	width: 48px;
	height: 48px;
	background-size: 36px 36px;
	text-indent: -9999px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	overflow: hidden;
	border-radius: 50%;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.footerShareItem + .footerShareItem {
	margin-left: 10px;
}

@media (hover: hover) {
	footer .footerContactBox a:hover {
		color: rgba(255,255,255,1.00);
		text-decoration: underline;
	} 
	.footerShareItem:hover {
		background-color: rgba(0,0,0,0.10);
	}
}

.footerShareInstagram {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTU5LjEyNSwxNy45MTY2N2MtMjIuNjk1NDQsMCAtNDEuMjA4MzMsMTguNTEyOSAtNDEuMjA4MzMsNDEuMjA4MzN2NTMuNzVjMCwyMi42OTIzOCAxOC41MTIyNSw0MS4yMDgzMyA0MS4yMDgzMyw0MS4yMDgzM2g1My43NWMyMi42OTMwMywwIDQxLjIwODMzLC0xOC41MTUzMSA0MS4yMDgzMywtNDEuMjA4MzN2LTUzLjc1YzAsLTIyLjY5NjA4IC0xOC41MTU5NSwtNDEuMjA4MzMgLTQxLjIwODMzLC00MS4yMDgzM3pNNTkuMTI1LDI4LjY2NjY3aDUzLjc1YzE2Ljg4MTk1LDAgMzAuNDU4MzMsMTMuNTcyOTIgMzAuNDU4MzMsMzAuNDU4MzN2NTMuNzVjMCwxNi44ODEzMSAtMTMuNTc3MDMsMzAuNDU4MzMgLTMwLjQ1ODMzLDMwLjQ1ODMzaC01My43NWMtMTYuODg1NDIsMCAtMzAuNDU4MzMsLTEzLjU3NjM4IC0zMC40NTgzMywtMzAuNDU4MzN2LTUzLjc1YzAsLTE2Ljg4NjA2IDEzLjU3MjI3LC0zMC40NTgzMyAzMC40NTgzMywtMzAuNDU4MzN6TTEyMS44MzMzMyw0M2MtMy45NTk1OCwwIC03LjE2NjY3LDMuMjA3MDggLTcuMTY2NjcsNy4xNjY2N2MwLDMuOTU5NTggMy4yMDcwOCw3LjE2NjY3IDcuMTY2NjcsNy4xNjY2N2MzLjk1OTU4LDAgNy4xNjY2NywtMy4yMDcwOCA3LjE2NjY3LC03LjE2NjY3YzAsLTMuOTU5NTggLTMuMjA3MDgsLTcuMTY2NjcgLTcuMTY2NjcsLTcuMTY2Njd6TTg2LDUwLjE2NjY3Yy0xOS43MjU2MSwwIC0zNS44MzMzMywxNi4xMDc3MiAtMzUuODMzMzMsMzUuODMzMzNjMCwxOS43MjU2MSAxNi4xMDc3MiwzNS44MzMzMyAzNS44MzMzMywzNS44MzMzM2MxOS43MjU2MSwwIDM1LjgzMzMzLC0xNi4xMDc3MiAzNS44MzMzMywtMzUuODMzMzNjMCwtMTkuNzI1NjEgLTE2LjEwNzcyLC0zNS44MzMzMyAtMzUuODMzMzMsLTM1LjgzMzMzek04Niw2MC45MTY2N2MxMy45MTQ3MiwwIDI1LjA4MzMzLDExLjE2ODYxIDI1LjA4MzMzLDI1LjA4MzMzYzAsMTMuOTE0NzIgLTExLjE2ODYxLDI1LjA4MzMzIC0yNS4wODMzMywyNS4wODMzM2MtMTMuOTE0NzIsMCAtMjUuMDgzMzMsLTExLjE2ODYxIC0yNS4wODMzMywtMjUuMDgzMzNjMCwtMTMuOTE0NzIgMTEuMTY4NjEsLTI1LjA4MzMzIDI1LjA4MzMzLC0yNS4wODMzM3oiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==');
}

.footerShareFacebook {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTQxLjIwODMzLDIxLjVjLTEwLjgyMDg2LDAgLTE5LjcwODMzLDguODg3NDggLTE5LjcwODMzLDE5LjcwODMzdjg5LjU4MzMzYzAsMTAuODIwODYgOC44ODc0OCwxOS43MDgzMyAxOS43MDgzMywxOS43MDgzM2g4OS41ODMzM2MxMC44MjA4NiwwIDE5LjcwODMzLC04Ljg4NzQ4IDE5LjcwODMzLC0xOS43MDgzM3YtODkuNTgzMzNjMCwtMTAuODIwODYgLTguODg3NDgsLTE5LjcwODMzIC0xOS43MDgzMywtMTkuNzA4MzN6TTQxLjIwODMzLDMyLjI1aDg5LjU4MzMzYzUuMDEwMzEsMCA4Ljk1ODMzLDMuOTQ4MDIgOC45NTgzMyw4Ljk1ODMzdjg5LjU4MzMzYzAsNS4wMTAzMSAtMy45NDgwMiw4Ljk1ODMzIC04Ljk1ODMzLDguOTU4MzNoLTIzLjI5MTY3di0zNS44MzMzM2gxMi45ODk1OGMxLjgwNiwwIDMuMzMzMTcsLTEuMzUwNzUgMy41NTUzNCwtMy4xNDI0MWwxLjM0Mzc1LC0xMC43NWMwLjEyOSwtMS4wMTc2NyAtMC4xOTQwMSwtMi4wMzk0OCAtMC44NzQ4NCwtMi44MTM0OGMtMC42NzcyNSwtMC43NzA0MiAtMS42NTIwOSwtMS4yMTA3OCAtMi42ODA1LC0xLjIxMDc4aC0xNC4zMzMzM3YtMTIuNTQxNjdjMCwtMy45NTI0MiAzLjIxNDI1LC03LjE2NjY3IDcuMTY2NjcsLTcuMTY2NjdoNy4xNjY2N2MxLjk3OCwwIDMuNTgzMzMsLTEuNjAxNzUgMy41ODMzMywtMy41ODMzM3YtMTIuMDkzNzVjMCwtMS44NTYxNyAtMS40MTU5OCwtMy40MDQ1IC0zLjI2MTM5LC0zLjU2OTM0Yy0wLjIxMTQyLC0wLjAxNzkyIC01LjI2NywtMC40NjE5MSAtMTEuNjY2ODMsLTAuNDYxOTFjLTE1Ljc5MTc1LDAgLTI0LjQ4ODQ0LDkuMzc0NjcgLTI0LjQ4ODQ0LDI2LjM5OTA5djEzLjAxNzU4aC0xNC4zMzMzM2MtMS45NzgsMCAtMy41ODMzMywxLjYwMTc1IC0zLjU4MzMzLDMuNTgzMzN2MTAuNzVjMCwxLjk4MTU4IDEuNjA1MzMsMy41ODMzMyAzLjU4MzMzLDMuNTgzMzNoMTQuMzMzMzN2MzUuODMzMzNoLTQ0Ljc5MTY3Yy01LjAxMDMxLDAgLTguOTU4MzMsLTMuOTQ4MDIgLTguOTU4MzMsLTguOTU4MzN2LTg5LjU4MzMzYzAsLTUuMDEwMzEgMy45NDgwMiwtOC45NTgzMyA4Ljk1ODMzLC04Ljk1ODMzeiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+');
}

@media only screen and (min-width: 768px) {
    .footerContactContainerInner {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
	.footerContactContainerInner {
		flex-flow: column;
	}
	.footerShare {
		display: flex;
		margin-top: 20px;
		margin-left: 74px;
	}
	.footerShare {
		margin-top: 20px;
		width: 100%;
		padding-left: 74px;
		margin-left: 0;
	}

	.footerShareItem {
		display: flex;
		width: 48px;
		height: 48px;
		background-size: 36px 36px;
		text-indent: -9999px;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		overflow: hidden;
		border-radius: 50%;
		transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
}

@media only screen and (max-width: 767px) {
    .footerContactContainerInner {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footerContactBox {
        flex-flow: column;
        margin-top: 0;
    }

    footer .footerContactBox a {
        margin-top: 15px;
    }

    .footerContactBox span {
        display: none;
    }
}

/* FOOTER
----------------------------------------------------------------*/

footer {
    display: flex;
    flex-flow: column;
    width: 100%;
    margin: 0 auto;
}

footer a {
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (hover: hover) {
    footer a:hover {
        color: rgba(0, 0, 0, 1.00);
        text-decoration: none;
    }
}

@media (hover: none) {
    footer a:active {
        color: rgba(0, 0, 0, 1.00);
        text-decoration: none;
    }
}

#footerContainer {
    display: flex;
    flex-flow: column;
    width: 100%;
    max-width: 1460px;
    padding: 0 20px;
    margin: 0 auto;
    justify-content: space-between;
	font-size: 0.875rem;
}

#footerLinks {
    display: flex;
    width: 100%;
    flex-flow: row;
	margin: 80px 0 40px;
}

.footerDisclaimer {
	display: block;
	margin-bottom: 40px;
}

#footerColCompany {
	display: flex;
	width: 33.333334%;
	flex-flow: column;
	line-height: 1.8em;
}
#footerLogo {
	display: block;
	margin-bottom: 40px;
}
#footerLogo a {
	display: block;
	width: 100%;
}
#footerLogo a img {
	width: 200px;
	display: block;
	height: auto;
}
#footerPayment {
	display: block;
	margin-top: 40px;
}

#footerPayment img {
	display: block;
	height: 26px;
	width: auto;
}

#footerLinksContainer {
	display: flex;
	flex-flow: row;
	width: 67.666666%;
}

#footerLinks .linksColGroup {
    display: flex;
    width: 66.666666%;
	flex-flow: row;
}

#footerLinks .linksCol {
    display: flex;
    width: 33.333334%;
    flex-flow: column;
	padding-right: 20px;
}

#footerLinks .linksCol ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footerLinks .linksCol ul li {
    display: flex;
    width: 100%;
}

#footerLinks .linksCol ul li a {
    display: block;
    width: 100%;
    line-height: 1.2rem;
	padding: 8px 0;
}
@media (hover: hover) {
	#footerLinks .linksCol ul li a:hover {
		color: rgba(220,26,76,1.00);
	}	
}
.linksColTitle {
	display: flex;
	width: 100%;
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 20px;
}
.linksColSplit {
	display: flex;
	flex-flow: row wrap;
}
#footerLinks .linksColGroup .linksCol {
	width: 100%;
}
#footerLinks .linksCol ul.linksColSplit li {
	width: 50%;
}
.footerFinancing {
    display: flex;
    flex-flow: row;
    width: 100%;
    max-width: 1460px;
    margin: 0 auto 80px;
}
.footerFinancingImg {
	display: flex;
	max-width: 458px;
}
.footerFinancing img {
	display: block;
	width: 100%;
	height: auto;
}
.footerFinancingDisclaimer {
	display: flex;
	flex-grow: 1;
	align-items: center;
	font-size: 0.625rem;
	line-height: 1.5em;
	padding-left: 40px;
	max-width: 540px;
}
@media only screen and (max-width: 1199px) {
	.footerFinancing {
		margin: 0 auto 40px;
	}
	#footerLinks {
		margin: 40px 0;
	}
	#footerLinks .linksColGroup {
		flex-flow: column;
	}
	#footerLinks .linksColGroup, #footerLinks .linksCol {
		width: 50%;
	}
	/*#footerLinks .linksColGroup .linksCol {
		width: 100%;
	}*/
	#footerLinks .linksCol ul.linksColSplit li {
		width: 100%;
	}
}
@media only screen and (max-width: 1023px) {
	#footerLinks, #footerLinksContainer {
		flex-flow: column;
		width: 100%;
	}
	#footerLinks .linksColGroup {
		margin: 40px 0;
		text-align: center;
		width: 100%;
	}
	#footerLinks .linksCol {
		padding-right: 0;
		text-align: center;
		width: 100%;
	}
	#footerColCompany {
		width: 100%;
		text-align: center;
	}
	#footerLogo {
		margin: 0 auto 40px;
	}
	#footerPayment img {
		margin: 0 auto;
	}
	.footerFinancing {
		flex-flow: column;
	}
	.footerFinancingDisclaimer {
		padding-left: 0;
		margin: 20px auto 0;
		text-align: center;
	}
	.footerFinancingImg {
		display: flex;
		max-width: 458px;
		margin: 0 auto;
	}
	.linksColTitle {
		text-align: center;
		justify-content: center;
		margin-top: 40px;
	}
	.footerDisclaimer {
		text-align: center;
	}
}

/* COPYRIGHT
----------------------------------------------------------------*/

#footerCopyrightContainer {
	display: flex;
	width: 100%;
	flex-flow: column;
	font-size: 0.875rem;
	background-color: rgba(0,0,0,0.05);
}
#copyrightAlign {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	width: 100%;
	max-width: 1460px;
	margin: 0 auto 40px;
	padding: 40px 20px 0;
}
#foterWebdesign, #footerCopyright, .footerCopyrightCol {
	display: flex;
}
.footerCopyrightCol a {
	color: rgba(220,26,76,1.00);
}
.footerCopyrightCol a, #foterWebdesign a {
    border-bottom: 1px dotted rgba(0,0,0,0.50);
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (hover: hover) {
	.footerCopyrightCol a:hover, #foterWebdesign a:hover {
		color: rgba(220,26,76,1.00);
		border-bottom: 1px solid rgba(220,26,76,1.00);
	}
}
#footerCopyrightContainer span.padding {
	padding: 0 20px;
	opacity: 0.4;
}
@media only screen and (max-width : 1023px) {
	
	#copyrightAlign {
		flex-flow: column;
		align-items: center;
	}
	#foterWebdesign {
		margin-top: 40px;
	}
	
}
@media only screen and (max-width : 767px) {

	#footerCopyright {
		flex-flow: column;
	}
	.footerCopyrightCol {
		display: block;
		text-align: center;
	}
	.footerCopyrightCol + .footerCopyrightCol {
		margin-top: 20px;
	}
	.footerCopyrightCol > span:first-of-type {
		display: none;
	}
	#footerCopyrightContainer span.padding {
		width: 100%;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		line-height: 15px;
	}
	#footerCopyrightContainer span.padding:first-of-type {
		display: none;
	}

}

/* COOKIES
----------------------------------------------------------------*/

#cookieContainer {
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 20px;
    z-index: 1001;
    max-width: 567px;
    font-size: 0.875rem;
    line-height: 1.5em;
}

#cookieBoxContent {
    display: flex;
    flex-flow: column;
    width: 100%;
    max-width: 1460px;
    padding: 15px;
    background-color: rgba(255,255,255,1.00);
    border: 2px solid rgba(11,29,53,1.00);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}

#cookieText {
    display: block;
    margin-bottom: 15px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTguNTgiIGN5PSI1LjYyIiByPSIyLjEyIi8+PGNpcmNsZSBjeD0iMjMuMjQiIGN5PSI3LjEzIiByPSIxLjA3Ii8+PGNpcmNsZSBjeD0iMjYuMTEiIGN5PSIxMC40MyIgcj0iLjc4Ii8+PGNpcmNsZSBjeD0iMjMuNjUiIGN5PSIxMC4zMSIgcj0iLjY2Ii8+PHBhdGggZD0ibTIxLjE3IDEwYTYuMTggNi4xOCAwIDAgMSAtMS41Ni4yIDYuMjMgNi4yMyAwIDAgMSAtNi4yLTUuNjUgMTEgMTEgMCAxIDAgMTEuNzEgMTEgMTAuNjkgMTAuNjkgMCAwIDAgLS4wNy0xLjI3IDQuNjkgNC42OSAwIDAgMSAtMy44OC00LjI4em0tMTIuNyAxMC4yOWExLjcyIDEuNzIgMCAxIDEgMS43Mi0xLjcyIDEuNzIgMS43MiAwIDAgMSAtMS43MiAxLjcyem0xLjUzLTEwLjY0YTEuMDkgMS4wOSAwIDEgMSAxLjA5IDEuMDkgMS4wOSAxLjA5IDAgMCAxIC0xLjA5LTEuMDl6bTMuNTkgMTIuOWExLjA1IDEuMDUgMCAxIDEgMS0xLjA1IDEgMSAwIDAgMSAtMS4wNCAxLjA1em0tLjQ2LTYuNTVhMS41OSAxLjU5IDAgMSAxIDEuNTktMS41OSAxLjU5IDEuNTkgMCAwIDEgLTEuNTkgMS41OXptNS40NSAzLjY1YTEuOTQgMS45NCAwIDEgMSAxLjk0LTEuOTQgMS45NCAxLjk0IDAgMCAxIC0xLjk0IDEuOTZ6Ii8+PC9zdmc+");
    background-repeat: no-repeat;
    background-size: 42px 42px;
    padding-left: 52px;
    background-position: left top;
}

#cookieBtnBox {
    display: flex;
    flex-flow: row;
}

#cookieBtn,
#cookieBoxMore,
#cookieAccept,
#cookieDecline {
    display: flex;
    min-height: 36px;
    font-weight: 600;
    padding: 6px 20px;
    justify-content: center;   
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer;
    text-align: center;
    align-items: center;
}

#cookieBtn,
#cookieAccept {
    background-color: rgba(11,29,53,1.00);
    color: rgba(255,255,255,1.00);
}

#cookieBoxMore,
#cookieDecline {
    border: 2px solid rgba(11,29,53,1.00);
    color: rgba(11,29,53,1.00);
    margin-left: 15px;
}

#cookieAccept,
#cookieDecline {
    min-height: 44px;
}

#cookieBtn,
#cookieBoxMore {
    width: 90%;
}

#cookieDecline {
    margin: 20px 0 0 0;
}

@media (hover: hover) {
    #cookieBtn:hover,
    #cookieAccept:hover {
        text-decoration: none;
        background-color: rgba(11,29,53,1.00);
    }

    #cookieBoxMore:hover,
    #cookieDecline:hover {
        text-decoration: none;
    	color: rgba(255,255,255,1.00);
        background-color: rgba(11,29,53,1.00);
    }
}

@media (hover: none) {
    #cookieBtn:active,
    #cookieAccept:active {
        text-decoration: none;
        background-color: rgba(11,29,53,1.00);
    }

    #cookieBoxMore:active,
    #cookieDecline:active {
        text-decoration: none;
    	color: rgba(255,255,255,1.00);
        background-color: rgba(11,29,53,1.00);
    }
}

ul#cookieSet {
    list-style: none;
    padding: 0;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    #cookieBox {
        padding: 10px;
    }
}

@media only screen and (max-width: 567px) {
    #cookieContainer {
        max-width: 100%;
    }

    #cookieBtnBox {
        flex-flow: column;
    }

    #cookieBtn,
    #cookieBoxMore {
        width: 100%;
    }

    #cookieBoxMore {
        margin-left: 0;
        margin-top: 10px;
    }
}
.h1Size{font-size:3rem}
@media only screen and (max-width:1023px){.h1Size{font-size:2.4rem}}
@media only screen and (max-width:767px){.h1Size{font-size:2rem}}

/* HOME HERO PRODUCTS
----------------------------------------------------------------*/

.heroHeading {
	text-align: center;
	margin: 60px 0 0 0;
}
.heroProducts {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}
.heroProduct {
	display: flex;
	flex-flow: column;
	min-width: 0;
}
.heroProductImg {
	display: block;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
}
.heroProductImg img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (hover: hover) {
	.heroProductImg:hover img {
		transform: scale(1.06);
	}
}
.heroProductBody {
	display: flex;
	flex-flow: column;
	flex-grow: 1;
	padding-top: 20px;
}
.heroProductBadge {
	position: absolute;
	top: 0;
	left: 0;
	padding: 8px 16px;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2em;
	color: #fff;
	background-color: #dc1a4c;
	border-radius: 12px 0 12px 0;
}
.heroProductBadgeDark {
	background-color: #0B1D35;
}
.heroProductName {
	font-size: 1.6rem;
	margin: 0 0 15px 0;
}
.heroProductDesc {
	margin: 0 0 25px 0;
}
.heroProductBtn {
	margin-top: auto;
}
@media only screen and (max-width: 1023px) {
	.heroProducts {
		gap: 20px;
	}
	.heroProductName {
		font-size: 1.3rem;
	}
	.heroProductBtn {
		font-size: 1rem;
	}
}
@media only screen and (max-width: 767px) {
	.heroHeading {
		margin-top: 40px;
	}
	.heroProducts {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.heroProductName {
		font-size: 1.5rem;
	}
	.heroProductBtn {
		font-size: 1.25em;
	}
}