.page-content {
	margin-top: 74px;
}


/** TEXT **/
h1, .h1 {
	font-size: 60px !important;
	line-height: 72px !important;
	font-weight: 600;
	letter-spacing: -2px;
	color:#414A54;
}

h2, .h2 {
	font-size:48px !important;
	line-height: 58px !important;
	font-weight: 600;
	letter-spacing: -1px;
	color:#414A54;
}

.card-text-wrapper .h2 {
	line-height: 42px!important;
}

h3, .h3 {
	font-size: 32px !important;
	line-height: 44px !important;
	font-weight: 600;
	letter-spacing: -1px;
	color:#414A54;
}

h4, .h4 {
	font-size: 28px !important;
	line-height: 36px !important;
	font-weight: 600;
	color: #161616;
	color:#414A54;
}

h5, .h5 {
	font-size: 18px !important;
	line-height: 28px !important;
	font-weight: 600 !important;
}

p, span, a {
	font-size: 1rem !important;
	line-height: 30px;
}

a, a.h3, .nav-menu li a {
	color:#0F55C9;
}

.blue-small {
	font-size: 21px!important;
	line-height: 24px!important;
	color: #4285F4;
}


.display-h3 {
	font-size: 24px!important;
	font-weight:600!important;
	line-height: 39px!important;
}

.display-h4 {
	font-size: 21px!important;
	line-height: 24px!important;
	font-weight:600!important;
}

.fw-400 {
	font-weight: 400 !important;
}

.font-weight-bold {
	font-weight:600!important;
}


/** COLOURS **/
.background-f4f6f8, .background-grey-1 {
	background-color:#f4f6f8!important;
}

.background-e9edf1, .background-grey-2 {
	background-color:#e9edf1!important;
}

.background-a9b0bb, .background-grey-3 {
	background-color:#a9b0bb!important;
}

.background-636c77, .background-grey-4 {
	background-color:#636c77 !important;
}

.background-196ae3  {
	background-color:#196ae3 !important;
	color:#fff!important;
}

.background-light-blue {
	background-color:#8DD2FF !important;
}

.background-196ae3 h2, .background-196ae3 h3 {
	color:#fff!important;
}

.background-0f55c9  {
	background-color:#0f55c9  !important;
}


.grey-1 {
	color:#F4F6F8;
}

.grey-2 {
	color:#e9edf1;
}

.grey-3 {
	color:#a9b0bb;
}

.grey-4 {
	color:#636c77;
}

.grey-5 {
	color:#414A54;
}

.blue-1 {
	color:#196AE3;
}

.blue-2 {
	color:#0F55C9;
}

.text-161616 {
	color:#161616 !important;
}

.bg-Waves.wave-Left.wave-Top {
	background-image:url("/media/2492/wave-top-min.png");
	background-repeat: no-repeat;
    background-position: top left;
    background-size: 100%;
	
}

.bg-Waves.wave-Left.wave-Bottom {
	background-image:url("/media/2493/wave-bottom-min.png");
	background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100%;
}

.bg-Waves.wave-Right.wave-Top {
	background-image:url("/media/2494/waves-top-right-min.png");
	background-repeat: no-repeat;
    background-position: top right;
    background-size: 100%;
	
}

.bg-Waves.wave-Right.wave-Bottom {
	background-image:url("/media/2495/waves-bottom-right-min.png");
	background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 100%;
}

.subtitle-block.bg-Waves.wave-Right.wave-Bottom {
	    background-size: 100% 50%;
}

.background-196ae3.bg-Waves.wave-Right.wave-Bottom {
	background-image:url("/media/2501/test_bg.png");
	background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 100%;
}

#Products.bg-Waves.wave-Left.wave-Bottom {
	background-image:url("/media/2493/wave-bottom-min.png");
	background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 20%;
}

.background-196ae3 .bg-txt-img {
	height: 600px;
    position: absolute;
	left: -90px;
    top: -180px;
}


.chev-down {
	height: 10px;
}

/** Containers **/
.overflow-hidden {
	overflow:hidden;
}

/** Widths **/
.w-md-70 {
	width: 70% !important;
}


.px-lg-6 {
	padding-left:6rem !important;
	padding-right:6rem !important;
}

.z-10 {
	z-index:10;
}

/** Buttons **/
.primary-button {
	background-color: #196AE3 !important;
	border: solid 1px #196AE3 !important;
	display: inline-block;
	color:#fff !important;
	border-radius: 4px;
	font-size: 1rem !important;
	line-height: 26px !important;
	padding: 13px 49px;
	transition: all 0.3s ease;
}
.primary-button:hover {
	background-color: #0F55C9 !important;
	border: solid 1px #0F55C9 !important;
	color:#fff!important;
	text-decoration:none!important;
}

.ghost-button {
	background-color: #fff !important;
	border: solid 1px #196AE3 !important;
	display: inline-block;
	color:#161616 !important;
	border-radius: 4px;
	font-size: 1rem !important;
	line-height: 26px !important;
	padding: 13px 49px;
	transition: all 0.3s ease;
}
.ghost-button:hover {
	background-color: #0F55C9 !important;
	border: solid 1px #0F55C9 !important;
	color:#fff!important;
	text-decoration:none!important;
}


.primary-button-small {
	background-color: #196AE3 !important;
	border: solid 1px #196AE3 !important;
	display: inline-block;
	color:#fff !important;
	border-radius: 4px;
	font-size: 1rem !important;
	line-height: 16px !important;
	padding: 12px 32px;
	transition: all 0.3s ease;
}
.primary-button-small:hover {
	background-color: #0F55C9 !important;
	border: solid 1px #0F55C9 !important;
	color:#fff!important;
	text-decoration:none!important;
}

.primary-button-small.disabled {
	background-color:#E9EDF1!important;
	border: solid 1px #E9EDF1 !important;
	color:#A9B0BB !important;
}

.ghost-button-small {
	background-color: transparent !important;
	border: solid 1px #196AE3 !important;
	display: inline-block;
	color:#161616 !important;
	border-radius: 4px;
	font-size: 1rem !important;
	line-height: 16px !important;
	padding: 12px 32px;
	transition: all 0.3s ease;
}
.ghost-button-small:hover {
	background-color: #0F55C9 !important;
	border: solid 1px #0F55C9 !important;
	color:#fff!important;
	text-decoration:none!important;
}


.button-small {
	background: #196AE3 !important;
	border: solid 1px #196AE3;
    color: #fff;
    padding: 12px 32px;
    border-radius: 4px;
	display: inline-block;
	transition: all 0.3s ease;
	line-height:26px;
	font-size: 1rem !important;
}

.button-small:hover {
	background:#0F55C9 !important;
	color: #fff;
	text-decoration:none;
}

.button-ghost {
	border: solid 1px #196AE3 !important;
	background:transparent !important;
    color: #222;
    padding: 18px 49px;
    border-radius: 4px;
	display: inline-block;
	transition: all 0.3s ease;
	line-height:1;
	font-size: 1rem !important;
}

.button-ghost:hover {
	background:#196AE3 !important;
	color: #fff;
	text-decoration:none;
}

.button-ghost-100 {
	padding: 18px 0px;
	width: 100%;
}

.primary-small {
	background: #196AE3 !important;
	border: solid 1px #196AE3;
    color: #fff;
    padding: 12px 32px;
    border-radius: 4px;
	display: inline-block;
	transition: all 0.3s ease;
	line-height:26px;
	font-size: 1rem !important;
}

.primary-small:hover {
	background:#0F55C9 !important;
	color: #fff;
	text-decoration:none;
}

.ghost-small {
	border: solid 1px #196AE3 !important;
	background:transparent !important;
    color: #222;
	padding: 12px 32px;
	border-radius: 4px;
	display: inline-block;
	transition: all 0.3s ease;
	line-height:26px;
	font-size: 1rem!important;
}

.ghost-small:hover {
	background:#0F55C9 !important;
	color: #fff;
	text-decoration:none;	
}

.text-link {
	text-decoration:none !important;
}

.link {
	color:#0F55C9!important;
	text-decoration:underline !important;
}

.link.small {
	font-size: 13px !important;
    line-height: 19px;
}

/** Container **/

.fill-container {
	background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}

.text-quote {
	font-size: 32px !important;
	line-height: 64px !important;
	color: #404B67 !important;
	font-weight: 600 !important;
}

.txt-img ul {
	padding-left: 15px;
}

.txt-img ul li {
	font-size: 1rem!important;
    line-height: 30px!important;
}

.textImg {
	max-height: 550px;
	width: auto;
	max-width: 100%;
}

.video-flex {
	flex: 1 1 0px;
}

.video-box {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
  	height: 0;
}

.video-box iframe {
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sign-up-form .input-text {
	font-size: 16px !important;
}

.dropdown.bootstrap-select {
	width: 100% !important;
}

.btn.dropdown-toggle {
	background: #fff;
    border: solid 1px #CECFD2;
	padding: 13px 30px 13px 20px;
}

.show>.btn-light.dropdown-toggle {
	background: #fff;
}

.home-banner-img {
	width: 120%;
    margin-top: -230px;
    margin-left: -10%;
}

.heading-banner-text {
	width: 95%;
}

.icon-wrapper .icon-container {
}

.icon-wrapper .icon-container img {
	width: 160px;
}

.icon-wrapper:nth-child(1) .icon-container, .icon-wrapper:nth-child(9) .icon-container {
	/*background-color:#4788E9;*/
}

.icon-wrapper:nth-child(2) .icon-container, .icon-wrapper:nth-child(8) .icon-container {
	/*background-color:#75A6EE;*/
}

.icon-wrapper:nth-child(3) .icon-container, .icon-wrapper:nth-child(7) .icon-container {
	/*background-color:#BAD2F7;*/
}

.icon-wrapper:nth-child(4) .icon-container, .icon-wrapper:nth-child(5) .icon-container, .icon-wrapper:nth-child(6) .icon-container {
	/*background-color:#fff;*/
}

.card-icon-wrapper img {
	height: 70px;
}

.card-icon-wrapper {
	padding-bottom: 1.5rem;
}

.six-cards {
	height: 215px !important;
}

.card-icon-circle {
	height: 100px;
	width: 100px;
	background-color:#fff!important;
	border-radius: 50%;
	display: flex;
    align-items: center;
    justify-content: center;
	margin: auto;
	box-shadow: 0px 5px 19px 0px rgb(51 56 11963/ 15%);
}

.card-icon-circle img {
	height: 50px;
	width: 50px;
}

.icon-smaller .card-icon-circle {
	height: 70px;
	width: 70px;
}

.icon-smaller .card-icon-circle img {
	height: 40px;
	width: 40px;
}


.background-196ae3.three-column-block-six::before, .background-196ae3.four-col-icons::before {
	display:block;
	content:" ";
	background-image: url(/media/2506/six-cards-top-wave-min.png);
    height: 560px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-size: auto 100%;
    background-position: top right;
    background-repeat: no-repeat;
}

.background-196ae3.three-column-block-six::after {
	display:block;
	content:" ";
	background-image: url(/media/2505/six-cards-bottom-wave-min.png);
    height: 560px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-size: auto 100%;
    background-position: bottom left;
    background-repeat: no-repeat;
}

.background-196ae3.three-column-block-six .card-text-wrapper p, .card.background-0f55c9 .card-text-wrapper p{
	color:#fff !important;
}

#whr_embed_hook {
}

#whr_embed_hook .whr-group {
	padding-top: 2rem;
	margin-top:2rem;
	font-size: 21px!important;
    line-height: 24px;
    color: #4285F4;
	border-top: solid 1px #d8d8d8;
}

#whr_embed_hook .whr-group:nth-child(1) {
	margin-top: 0rem;
}

#whr_embed_hook .whr-title {
	
}

#whr_embed_hook .whr-title a {
	font-size: 28px!important;
    line-height: 40px;
    font-weight: 600!important;
	color:#222 !important;
}


#whr_embed_hook .whr-items {
	list-style: none;
    padding-left: 0;
}

#whr_embed_hook .whr-items .whr-date {
	display:none;
}

#whr_embed_hook .whr-info {
	list-style: none;
    padding-left: 0;
	display:flex;
}

#whr_embed_hook .whr-items:nth-last-child(1) {
	border-bottom: solid 1px #d8d8d8;
	    padding-bottom: 2rem;
}

.whr-location {
	flex: 0 0 60%;
}

.whr-apply {
	flex: 0 0 40%;
	margin-top: -50px;
	flex:auto;
}

.whr-apply a.primary-small {
	    float: right;
}

.pr-lg-8 {
	padding-right: 8rem!important;
}

.card {
	border: none !important;
	padding: 2rem;
	border-radius: 12px;
}

.four-tile-container .col-lg-3 .card {
	min-height: 160px;
    padding: 1rem !important;
}

.three-column-container .col-lg-4 .card {
	height: auto;
	padding: 2rem !important;
}

.three-column-container .col-lg-4 .card .card-wrapper .card-text-wrapper p:nth-last-child(1) {
	margin-bottom:0!important;
}


.news-carousel .items .item h3, .news-carousel .items .item h5 {
	font-size: 21px!important;
	line-height: 140%!important;
}

.news-carousel .items .item .item-inner .link {
	position: absolute;
    bottom: 24px;
    left: 16px;
}


/* TABS */
.product-tabs .nav-tabs{
	display:inline-flex;
	justify-content: space-between;
    width: 100%;
	border-bottom: 1px solid #E9EDF1;
}

.product-tabs .nav-tabs .nav-item {
	margin-bottom: 10px;
}


.product-tabs .nav-tabs .nav-item .nav-link {
	font-size: 18px!important;
    padding: 0px;
    font-weight: 400;
	color: #222;
	letter-spacing: -1px;
	border-bottom:none !important;
	position: relative;
	border:none!important;
}
.product-tabs .nav-tabs .nav-item .nav-link.active::after {
	display:block;
	content:" ";
	 height: 5px;
    width: 100%;
    bottom: -11px;
    position: absolute;
    background: rgb(15, 85, 201);
}


.product-tabs .nav-tabs .nav-item.show .nav-link, .product-tabs .nav-tabs .nav-link.active {
	color: #0F55C9;
    background-color: transparent;
    border-color: none;
	border: none;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border: none;
	border-color: transparent;
}



@supports (display: grid) {
	 .grid-container {
		 display: grid;
		 grid-template-columns: 1fr 1fr 1fr;
		 grid-template-rows: auto 1fr auto;
		 grid-template-areas: "header header header" "title title footer" "main main main";
	}
	 @media screen and (max-width: 500px) {
		 .grid-container {
			 grid-template-columns: 1fr;
			 grid-template-rows: 0.3fr 1fr auto 1fr;
			 grid-template-areas: "header" "title" "main" "footer";
		}
	}
	 .grid-item {
		 color: #fff;
		 padding: 3.5em 1em;
		 font-size: 1em;
		 font-weight: 700;
	}
	 .title {
		 color: #555;
		 background-color: #f4fbfd;
		 grid-area: title;
	}
	 .main {
		 color: #959595;
		 grid-area: main;
		 padding: 0;
		 overflow-x: scroll;
		 overflow-y: hidden;
	}
	 .items {
		 position: relative;
		 width: 100%;
		 overflow-x: scroll;
		 overflow-y: hidden;
		 white-space: nowrap;
		 transition: all 0.2s;
		 transform: scale(0.98);
		 will-change: transform;
		 user-select: none;
		 cursor: pointer;
	}
	 .items.active {
		 cursor: grabbing;
		 cursor: -webkit-grabbing;
		 transform: scale(1);
	}
	 .item {
		 display: inline-block;
		 background: #fff;
		 height: 450px;
         min-width: 400px;
		 margin: 2em 1em;
		 border-radius: 12px;
		 max-width: 380px;
		 overflow:hidden;
		 box-shadow: 2px 2px 10px rgb(166 181 212 / 54%);
	}
	.item-inner {
	    white-space: normal;
	}
	 @media screen and (max-width: 500px) {
		 .item {
			 min-height: 200px;
			 min-width: 200px;
		}
	}
}

@media screen and (max-width:768px){
	
	.sm-overflow-hidden {
		overflow:hidden;
	}
	
	.w-sm-100 {
		width: 100% !important;
	}
	
	.px-3 {
		padding-left: 1rem!important;;
		padding-right: 1rem!important;
	}
	
	/** FONTS **/
	h1, .h1, .display1 {
		font-size: 32px !important;
		line-height: 50px !important;
		font-weight: 600;
		letter-spacing: -1px;
	}

	h2, .h2 {
		font-size: 28px !important;
		line-height: 42px !important;
		font-weight: 600;
		letter-spacing: -1px;
	}

	h3, .h3 {
		font-size: 21px !important;
		line-height: 38px !important;
		font-weight: 600;
		letter-spacing: -1px;
	}

	h4, .h4 {
		font-size: 18px !important;
		line-height: 27px !important;
		font-weight: 600;
		letter-spacing: -1px;
	}

	
	a {
		font-size: 1rem!important;
	}
	
	
	.text-quote {
		font-size: 16px!important;
    	line-height: 36px!important;
		height: auto !important;
    	max-height: none !important;
	}
	
	.textImg {
		max-width: 100%;
		height: auto;
		max-height:none !important;
	}
	.video-container {
		flex-wrap: wrap;
	}
	.video-flex {
		padding-top: 2rem;
	}
	
	.center-img-container {
		overflow:hidden;
	}
	
	.home-banner-img {
		width: 110%;
		margin-top: 2rem;
		margin-left: -2.5%;
	}
	.pr-0 {
		padding-right:0!important;
	}
	
	.card-icon-wrapper img {
		height: 60px;
	}
	
	#whr_embed_hook .whr-info {
		flex-wrap: wrap;
	}
	.whr-apply {
		flex: 0 0 100%;
    	margin-top: 0;
	}
	
	.whr-location {
		flex: 0 0 100%;
	}
	
	.whr-apply a.primary-small {
		    float: left;
	}
	
	.mobile-Left {
		max-width: 180% !important;
		margin-left: -10%;
	}
	
	.mobile-Center {
		max-width: 180% !important;
		margin-left: -40%;
	}
	
	.mobile-Right {
		max-width: 180% !important;
		margin-left: -70%;
	}
	
}å

@media only screen and (max-width:768px) and (orientation:landscape){ 
	
}

@media only screen and (max-width:768px) and (orientation:portrait){ 
	
	
	.mobile-Left {
		max-width: 180% !important;
		margin-left: -10%;
	}
	
	.mobile-Center {
		max-width: 180% !important;
		margin-left: -40%;
	}
	
	.mobile-Right {
		max-width: 180% !important;
		margin-left: -85%;
	}
	
}


.nav-tabs {
    display:none;
}

@media(min-width:1024px) {
    .nav-tabs {
        display: flex;
    }
    
    .product-tabs .card {
        border: none;
		background: transparent!important;
    }

    .product-tabs .card .card-header {
        display:none;
    }  

    .product-tabs .card .collapse{
        display:block;
    }
}

@media(max-width:1024px){
    .tab-content > .tab-pane {
        display: block !important;
        opacity: 1;
    }
	.product-tabs .nav-tabs {
		display:none !important;
	}
	
	.product-tabs .card {
		background: transparent!important;
	}
	
	.product-tabs .card .card-header {
		background: transparent!important;
		padding:1rem 0px !important;
	}
	
	.discover-btn {
		transition: all 0.3s ease;
	}
	
	.product-tabs .card .card-header a  {
		
	}
	
	.product-tabs .card:nth-last-child(1) .card-header {
		border-bottom: 1px solid #636C77;
	}
	
	.product-tabs .card .card-header {
		border-bottom: none;
		border-top: 1px solid #636C77;
		padding: 1.5rem 0 !important;
	}
	
	.product-tabs .card .card-header a .close-accordion-btn {
		display:none;
	}
	
	.product-tabs .card .card-header a .text-left {
		color:#222 !important;
	}
	
	.product-tabs .card .card-header a .discover-btn {
		color:#196AE3 !important;
		text-decoration:underline !important;
	}
	
	.product-tabs .card .card-header a[aria-expanded="true"] .text-left {
		color:#196AE3 !important;
		font-weight: 700;
		font-size: 21px !important;
	}
	
	.product-tabs .card .card-header a[aria-expanded="true"] .discover-btn {
		display:none;
	}
	
	.product-tabs .card .card-header a[aria-expanded="true"] .close-accordion-btn {
		display:block;
		color:#196AE3!important;
		text-decoration:underline !important;
	}
	
	
	.logos-container .icon-wrapper {
		flex: 0 0 33.333%;
		margin-top: 1rem;
	}
	
}