@import "custom/fonts.css";
@import "custom/card-masonry.css";

body {
	font-family: "ProductSans-Regular",  Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #333333;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	 -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Firefox */
			-ms-user-select: none; /* Internet Explorer/Edge */
					user-select: none; /* Non-prefixed version, currently
																supported by Chrome and Opera */
}

a {
	color: #0FADC6;
	text-decoration: none;
}

a:hover {
	color: #0b899d;
	text-decoration: none;
}

a:focus {
	outline: 0 !important;
	outline-offset: 0 !important;
	text-decoration: none;
}

a.u-link {
	color: #0FADC6;
	text-decoration: underline;
}

a.u-link:hover {
	color: #0b899d;
	text-decoration: none;
}

a.u-link-white {
	color: #ffffff;
	text-decoration: underline;
}

a.u-link-white:hover {
	color: #cdcdcd;
	text-decoration: none;
}

a.u-link-pink {
	color: #d40f7d;
	text-decoration: underline;
}

a.u-link-pink:hover {
	color: #9e2877;
	text-decoration: none;
}

a.u-link-orange {
	color: #f58021;
	text-decoration: underline;
}

a.u-link-orange:hover {
	color: #cf6a1f;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4 {
	font-family: "ProductSans-Medium", Arial, Helvetica, sans-serif;
}

.ahs-r {
  font-family: Arial, Helvetica, sans-serif !important;
}

.gtr-r {
	font-family: 'ProductSans-Regular', Arial, Helvetica, sans-serif !important;
}

.gtr-m {
	font-family: 'ProductSans-Medium', Arial, Helvetica, sans-serif !important;
}

.gtr-b {
	font-family: 'ProductSans-Bold', Arial, Helvetica, sans-serif !important;
}

strong {
	font-family: 'ProductSans-Bold', Arial, Helvetica, sans-serif !important;
}

.font-weight-bold {
	font-family: 'ProductSans-Bold', Arial, Helvetica, sans-serif !important;
}

.tfs-b {
	font-family: 'TerfensW01-Bold', Arial, Helvetica, sans-serif !important;
}

.line-height-1 {
	line-height: 1 !important;
}

/* Hard Shadow */
.h-shadow {
	box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.5);
}

@media (min-width: 768px) {
	.col-md-5cs {
		flex: 0 0 20% !important;
		max-width: 20%;
	}
}

@media (min-width: 992px) {
	.col-lg-5cs {
		flex: 0 0 20% !important;
		max-width: 20%;
	}
}

@media (min-width: 1200px) {
	.col-xl-5cs {
		flex: 0 0 20% !important;
		max-width: 20%;
	}
}

@media (min-width: 1200px) {
	.col-xl-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
}

/* Custom Border */
.border-grey {
	border: 1px solid #F0F0F1;
}

.border-grey-2 {
	border: 2px solid #F0F0F1;
}

.rounded-top-1 {
	border-radius: 1rem 1rem 0 0 !important;
}

.rounded-bottom-1 {
	border-radius: 0 0 1rem 1rem !important;
}

.rounded-1 {
	border-radius: 1rem !important;
}

.rounded-xs-1 {
	border-radius: 1rem !important;
}

@media (max-width: 576px) {
	.rounded-xs-1 {
		border-radius: 0rem !important;
	}
}

/* Custom Border Color */
.border-orange {
	border-color: #f58021;
}

.border-purple {
	border-color: #9E3270;
}

.border-darkpurple {
	border-color: #330072;
}

.border-pink {
	border-color: #d40f7d;
}

.border-cyan {
	border-color: #0FADC6;
}

.border-green {
	border-color: #39bcb5;
}

.border-grey {
	border-color: #F0F0F1;
}

.border-lightblue {
	border-color: #1BA8E1;
}

/* Custom Background Color */
.bg-orange {
	background-color: #f58021;
}

.bg-purple {
	background-color: #9E3270;
}

.bg-darkpurple {
	background-color: #330072;
}

.bg-pink {
	background-color: #d40f7d;
}

.bg-cyan {
	background-color: #0FADC6;
}

.bg-green {
	background-color: #39bcb5;
}

.bg-grey {
	background-color: #F0F0F1;
}

.bg-lightblue {
	background-color: #1BA8E1;
}

.bg-lightpurple {
  background-color: #9c83cc;
}

.bg-blue {
  background-color: #00a3e0;
}

.bg-darkblue {
  background-color: #222267;
}

.bg-lightgreen {
	background-color: #cdeeec;
}

.bg-lightgray {
  background-color: #e6e7e8;
}

/* Custom Text Color */
.text-orange {
	color: #f58021;
}
/* Custom Text Color */
a.text-orange:hover {
	color: #cf6a1f;
}

.text-purple {
	color: #9E3270;
}

a.text-purple:hover {
	color: #6a1e4a;
}

.text-darkpurple {
	color: #330072;
}

a.text-darkpurple:hover {
	color: #312066;
}

.text-darkblue {
	color: #27295E;
}

a.text-darkblue:hover {
	color: #42447f;
}

.text-blue {
	color: #4B81BF;
}

a.text-blue:hover {
	color: #32629a;
}

.text-pink {
	color: #d40f7d;
}

a.text-pink:hover {
	color: #9e2877;
}

.text-cyan {
	color: #0FADC6;
}

a.text-cyan:hover {
	color: #0b899d;
}

.text-green {
	color: #39bcb5;
}

a.text-green:hover {
	color: #39bcb5;
}

.text-lightblue {
	color: #1BA8E1;
}

a.text-lightblue:hover {
	color: #158bbb;
}

.text-lightpurple {
	color: #9c83cc;
}

a.text-lightpurple:hover {
	color: #6c5597;
}

.text-black {
	color: #000000;
}

/* Custom Button Color */
.btn-orange {
	color: #ffffff;
	background-color: #f58021;
	border-color: #f58021;
}

.btn-orange:focus,
.btn-orange:hover {
	color: #ffffff;
	background-color: #cf6a1f;
	border-color: #cf6a1f;
}

.btn-orange-outline {
	color: #cf6a1f;
	border-color: #f58021;
}

.btn-orange-outline a {
	color: #cf6a1f !important;
}

.btn-orange-outline:focus,
.btn-orange-outline:hover {
	color: #ffffff !important;
  text-decoration: none !important;
	background-color: #ffdec4;
	border-color: #cf6a1f;
}

.btn-orange-outline a:focus,
.btn-orange-outline a:hover {
	color: #cf6a1f !important;
  text-decoration: none !important;
}

.btn-purple {
	color: #ffffff;
	background-color: #9E3270;
	border-color: #9E3270;
}

.btn-purple:focus,
.btn-purple:hover {
	color: #ffffff;
	background-color: #6a1e4a;
	border-color: #6a1e4a;
}

.btn-darkpurple {
	color: #ffffff;
	background-color: #330072;
	border-color: #330072;
}

.btn-darkpurple:focus,
.btn-darkpurple:hover {
	color: #ffffff;
	background-color: #312066;
	border-color: #312066;
}

.btn-darkblue {
	color: #ffffff;
	background-color: #2D2D93;
	border-color: #2D2D93;
}

.btn-darkblue:focus,
.btn-darkblue:hover {
	color: #ffffff;
	background-color: #222267;
	border-color: #222267;
}

.btn-pink {
	color: #c91288;
	background-color: #e9c3d8;
	border-color: #e9c3d8;
}

.btn-pink:focus,
.btn-pink:hover {
	color: #c91288;
	background-color: #e19fc3;
	border-color: #e19fc3;
}

.btn-darkpink {
	color: #ffffff;
	background-color: #d40f7d;
	border-color: #d40f7d;
}

.btn-darkpink:focus,
.btn-darkpink:hover {
	color: #ffffff;
	background-color: #9e2877;
	border-color: #9e2877;
}

.btn-cyan {
	color: #ffffff;
	background-color: #0FADC6;
	border-color: #0FADC6;
}

.btn-cyan:focus,
.btn-cyan:hover {
	color: #ffffff;
	background-color: #0b899d;
	border-color: #0b899d;
}

.btn-green {
	color: #ffffff;
	background-color: #39bcb5;
	border-color: #39bcb5;
}

.btn-green:focus,
.btn-green:hover {
	color: #ffffff;
	background-color: #39bcb5;
	border-color: #39bcb5;
}

.btn-lightgreen {
	color: #ffffff;
	background-color: #c6e8d8;;
	border-color: #c6e8d8;;
}

.btn-lightgreen:focus,
.btn-lightgreen:hover {
	color: #ffffff;
	background-color: #9cc4b2;
	border-color: #9cc4b2;
}

.btn-darkcyan {
	color: #ffffff;
	background-color: #0b899d;
	border-color: #0b899d;
}

.btn-darkcyan:focus,
.btn-darkcyan:hover {
	color: #ffffff;
	background-color: #054853;
	border-color: #054853;
}

.btn-darkgreen {
	color: #ffffff;
	background-color: #39bcb5;
	border-color: #39bcb5;
}

.btn-darkgreen:focus,
.btn-darkgreen:hover {
	color: #ffffff;
	background-color: #114134;
	border-color: #114134;
}

.btn-lightblue {
	color: #1BA8E1;
	background-color: #AFE8FF;
	border-color: #AFE8FF;
}

.btn-lightblue:focus,
.btn-lightblue:hover {
	color: #ffffff;
	background-color: #89C5DD;
	border-color: #89C5DD;
}

.btn-blue {
	color: #ffffff;
	background-color: #27295E;
	border-color: #27295E;
}

.btn-blue:focus,
.btn-blue:hover {
	color: #ffffff;
	background-color: #393b6f;
	border-color: #393b6f;
}

.btn-blue-official {
	color: #ffffff;
	background-color: #3683c4;
	border-color: #3683c4;
}

.btn-blue-official:focus,
.btn-blue-official:hover {
	color: #ffffff;
	background-color: #225f90;
	border-color: #225f90;
}

.btn-blue-outline {
	color: #61a7de;
	border-color: #393b6f;
}

.btn-blue-outline a {
	color: #61a7de !important;
}

.btn-blue-outline:focus,
.btn-blue-outline:hover {
	color: #ffffff !important;
  text-decoration: none !important;
	background-color: #dbe3ea;
	border-color: #61a7de;
}

.btn-blue-outline a:focus,
.btn-blue-outline a:hover {
	color: #61a7de !important;
  text-decoration: none !important;
}

.btn-white-p {
	color: #330072;
	background-color: #ffffff;
	border-color: #ffffff;
}

.btn-white-p:focus,
.btn-white-p:hover {
	color: #312066;
	background-color: #8186bf;
	border-color: #330072;
}


/* Embeded Video Responsive */
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	border: 3px solid #ffffff;
	overflow: hidden;
	max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.custom-video {
	position: absolute;
	top: 3%;
	bottom: 3%;
	left: 100px;
	right: 0;
}

@media (max-width: 1200px) {
	legend {
		font-size: calc(1.275rem + 0.3vw);
	}
	h1,
	.h1 {
		font-size: calc(1.375rem + 1.5vw);
	}
	h2,
	.h2 {
		font-size: calc(1.325rem + 0.9vw);
	}
	h3,
	.h3 {
		font-size: calc(1.3rem + 0.6vw);
	}
	h4,
	.h4 {
		font-size: calc(1.275rem + 0.3vw);
	}
	.display-1 {
		font-size: calc(1.725rem + 5.7vw);
	}
	.display-2 {
		font-size: calc(1.675rem + 5.1vw);
	}
	.display-3 {
		font-size: calc(1.575rem + 3.9vw);
	}
	.display-4 {
		font-size: calc(1.475rem + 2.7vw);
	}
	.close {
		font-size: calc(1.275rem + 0.3vw);
	}
}

/* Custom all site with Personalised Badge */
.personalised-img {
	max-width: 120px;
}

@media (min-width: 576px) {
	.personalised-img {
		max-width: 150px;
	}
}

@media (min-width: 768px) {
	.personalised-img {
		max-width: 135px;
	}
}

/* Image overlay text */
.img_container {
	position: relative;
}

.img_container .card-img {
	display: block;
	width: 100%;
	height: auto;
}

.img_container .overlay {
	display: table;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: rgba(0, 0, 0, 0.8);
}

.img_container:hover  .overlay {
	opacity: 1;
}

.img_container .text {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
	color: #ffffff;
	font-size: 120%;
	text-align: center;
	line-height: 1.2;
}