/* Colours */

:root {
  --primary: #FF7900!important;
  --primary-hover: #F2621E!important;
  --secondary: #023F88!important;
  --secondary-hover: #0E6DA3!important;
  --action: #0275D8!important;
  --action-hover: #0E6DA3!important;
  --grey-dark: #414042!important;
  --grey-lite: #ACAEB0!important;
  --black-coral: #445869!important;
  --shadow-blue: #6C849E!important;
  --beau-blue: #C8D5E2!important;
  --alice-blue: #E9EFF7!important;
  --ghost-white: #F6F9FE!important;
  --prussian-blue: #1C3657!important;
}


/* TEXT SIZE MULTIPLIERS */

	.tx1 {
		font-size:1em!important;
	}
	
	.tx2 {
		font-size:1.125em!important;
	}
	
	.tx3 {
		font-size:1.25em!important;
	}
	
	.tx4 {
		font-size:1.375em!important;
	}
	
	.tx5 {
		font-size:1.5em!important;
	}
	
	.txsml {
		font-size:0.8em!important;
	}
	
	.txtsml {
		font-size:80%!important;
	}


.make-orange {
	color: var(--primary)!important;
}

.make-blue {
	color: var(--secondary)!important;
}

.make-action {
	color: var( --action)!important;
}

.make-light {
	color: #fff!important;
}



ol.bs-list-reset {
  counter-reset: item;
  margin: 0 0 1.5em;
  padding: 0;
}
ol.bs-list-reset > li {
  counter-increment: item;
  list-style-type: none;
  margin: 0 0 8px 0;
  padding: 0 0 0 24px;
  text-indent: -24px;
}
ol.bs-list-reset > li::before {
  content: counter(item) ".";
  display: inline-block;
  font-weight: bold;
  padding-right: 0.5rem;
  text-align: right;
  width: 1.5rem;
  color:var(--primary)!important;
}


ul.bs-list-reset > li {
  margin: 0 0 12px 0;
}

.fa-ul>li {
    margin-bottom:0.25em;
}


.btn-shadow {
	transition: all 0.4s ease-in-out;
	box-shadow:0px 2px 6px rgba(0, 0, 0, 0.15),0px 4px 12px rgba(0, 0, 0, 0.05);
}
.btn-shadow:hover {
	box-shadow:0px 8px 24px rgba(0, 0, 0, 0.25),0px 16px 48px rgba(0, 0, 0, 0.15);	
}



/* Fancy List */

ul.fancy {
	padding:0 0 0 16px;
}


ul.fancy li {
  list-style: none;
  padding-left: 36px;
  margin-bottom:8px;
  position: relative;
}

ul.fancy li:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  display: inline-block;
  height: 24px;
  width: 24px;
  background-size: contain;
  background-image: url("../images/svg-icons/bulksms-pricing-big.svg");
  background-repeat: none;
}




/* Youtube Embeds */

.ytvideo {
  aspect-ratio: 16/9;
  width: 100%;	
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.10), 0 12px 24px 0 rgba(0, 0, 0, 0.10);
  border-radius:16px;
}

@media (max-width: 768px) {
	.ytvideo {
		border-radius:6px;
	}
}

/* Product Header Updates */

.product-header-info {
	display: flex;
	-webkit-align-items: center; 
	align-items: center;
	text-align:left;	
}

.product-header-info p {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 20px;
	color: var(--black-coral);
}

.product-header-content {
	display: flex;
	-webkit-align-items: center; 
	align-items: center;
	padding:50px 0;	
}

.product-header-content .container {
	padding:0;
	margin:0;
	width:100%;
}


@media (max-width: 768px) {

	.product-header-info {
		text-align:center;	
	}
	
	.product-header-content {
		padding:0;
		margin:30px 0;
	}
	
	.product-header-content .container {
		padding:12px;
		margin:0;
		width:100%;
	}
	
	.product-header-info a.btn, .when-to-use-section a.btn {
		margin-bottom:12px;
		min-width:240px;
	}
	
}


/* Header Nav Updates */

.head-nav {
	
}

@media (min-width: 992px) {
	
	.head-nav .nav-top .container {
    	width: 100%;
		max-width: 990px;
	}

	.head-nav .nav-bottom  .container {
		width: 100%;
		max-width: 990px;
	}
	
	.search input {
		width:120px;
	}
	
	.nav-bottom .nav-link {
		font-size:15px;
	}
	
	.navbar-nav .nav-link {
		margin-right: 10px;
	}
	
	a.navbar-brand img {
		height:40px;
	}
	
}

@media (min-width: 1200px) {
	
	.head-nav .nav-top .container {
    	width: 100%;
		max-width: 1400px;
	}

	.head-nav .nav-bottom  .container {
		width: 100%;
		max-width: 1400px;
	}
	
	.search input {
		width:200px;
	}
	
	.nav-bottom .nav-link {
		font-size:17px;
	}
	
	.navbar-nav .nav-link {
		margin-right: 20px;
		padding: 41px 0;
	}
	
	a.navbar-brand img {
		height:56px;
	}
	
}


/* Nav Icon Animated */

#nav-icon1 {
  width: 32px;
  height: 28px;
  position: relative;
  margin: 7px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: var(--grey-dark);
  border-radius: 4px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  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-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 10px;
}

#nav-icon1 span:nth-child(3) {
  top: 20px;
}

#nav-icon1.open span:nth-child(1) {
  top: 10px;
  background: var(--primary);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  background: var(--primary);
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 10px;
  background: var(--primary);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}




/* HOME PAGE */

/* HEADER */

.home {
	background: var(--ghost-white);
}

.banner .send-to-web-intro .block-text {
	padding: 63px 0; 
}

.banner .send-to-web-intro .block-text h1 {
	font-size: 40px;
    font-weight: 600;
    letter-spacing: -1.1px;
    margin: 0 0 20px 0;
    color: var(--black-coral);	 
}

.banner .send-to-web-intro .block-text p {
	padding-bottom: 13px;
    line-height: 1.5;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px;
    color: var(--black-coral);	 
}

.banner .send-to-web-intro .block-text a {
	font-size: 16px;	
}


@media (min-width: 0px) and (max-width: 425px) {

	.banner .send-to-web-intro .block-text {
		padding: 8px 16px;
		text-align:center; 
	}
	
	.banner .send-to-web-intro .block-text h1 {
		font-size: 32px;
		line-height: 36px;
	}
	
	.banner .send-to-web-intro .block-text h3 {
		font-size: 22px;
		line-height: 26px;
	}
	
}

@media (min-width: 426px) and (max-width: 768px) {

	.banner .send-to-web-intro .block-text {
		padding: 8px 16px; 
		text-align: center;
	}
	
	.banner .send-to-web-intro .block-text a {
		display:block;
		width:60%;
		margin:0 20%;
	}
	
}

@media (min-width: 769px) and (max-width: 1200px) {

	.banner .send-to-web-intro .block-text {
		padding: 63px 0; 
	}

	.banner .send-to-web-intro .block-text h1 {
		font-size: 36px;
	}
	
}




.banner .send-to-web-intro .block-img {
	text-align: center;
	display: block;
    margin: 0 auto;
    padding-top:1em;
	padding-bottom:0; 
}

@media (min-width: 0px) and (max-width: 425px) {

	.banner .send-to-web-intro .block-img img {
		width:96%;
	}
	
}

@media (min-width: 426px) and (max-width: 768px) {

	.banner .send-to-web-intro .block-img img {
		width:70%;
	}
	
}

@media (min-width: 769px) and (max-width: 1024px) {

	.banner .send-to-web-intro .block-img {
		text-align: center;
		display: block;
	    margin: 0 auto;
	    padding-top:24px;
	    padding-bottom:24px; 
	}
	    
	.banner .send-to-web-intro .block-img img {
		width:100%;
		margin:0;	
	}
	
}



/* Footer Redesign */



.footerTop {
	padding:3em;
}

.footerTop .container {
	width:100%;
	max-width:1440px;
}

.footerTop h3 {
	text-transform: uppercase;
	font-size:14px;
	font-weight:500;
	color:var(--primary);
	letter-spacing:0.5px;
}

.footerTop a {
	transition: all .5s ease-in-out;
	color:var(--action);
	font-size:17px;
	line-height:30px;
	letter-spacing:0.5px;
	font-weight: 300;
}
.footerTop a:hover {
	color:var(--primary);
}

.footerBottom {
	display: flex;
	flex-direction: row;
	padding-top:2em;	
}

.footerBottom .container {
	width:100%;
	max-width:1440px;
}

.footerBottom a {
	transition: all .5s ease-in-out;
	color:var(--shadow-blue);
	font-size:15px;
}
.footerBottom a:hover {
	color:var(--primary);
}
.footerBottom p {
	font-size:15px;
	letter-spacing:0.5px;
	padding:0;
	margin:0;
}

.footerBottom i {
	font-size:22px;
	padding:2px;
	margin:0;
}

.footerBottom img {
	max-height:30px;
}

.footerBottom .left {
	text-align:left;
}

.footerBottom .right {
	text-align:right;
}

.hide-on-desktop {
	display:none;
}

.footerNav-mobile {
	display:none;
}

.footerNav-desktop {
	
}

.footerTop .industry {
	
}


@media (min-width: 0px) and (max-width: 575px) {

	.footerTop {
		padding:2em 0.5em;
	}
	
	.footerBottom {
		padding-top:1em
	}
	
	.footerBottom i {
		font-size:32px;
		padding:5px!important;
		margin:0;
	}
	
	.footerBottom img {
		max-height:42px;
		padding:0px!important;
	}
	
	.footerBottom p, .footerBottom p a {
		font-size:12px;
		letter-spacing:0;
	}
	
	.hide-on-mobile {
		display:none;
	}
	
	.footerNav-mobile {
		display:block;
		margin-bottom: 30px;
	}
	
	.footerNav-mobile p a {
		font-size: 20px;
		font-weight:600;
		color: var(--primary);
	}
	
	.footerNav-mobile .links {
		padding:18px;
		border-bottom:1px solid #efefef;
		margin-bottom:30px;
	}
	
	.footerNav-mobile .links a {
		font-size:18px;
		margin:8px 0;
	}
	
	.footerNav-desktop {
		display:none;
	}
	
	.footerTop .industry {
		text-align:center;
		padding-top:20px;
	}
	
	.footerTop .industry h3 {
		display:none;
	}
	
	.footerTop .industry img {
		max-width:70%;
	}
	
	.footerBottom .container .row :nth-child(1) {
		order: 2;
	}
	.footerBottom .container .row :nth-child(2) {
		order: 1;
	}
	
	.footerBottom .left, .footerBottom .right  {
		text-align:center;
		margin-top:16px;
	}
	
}

@media (min-width: 576px) {

	
	
}




/* MAIN CONTENT ON HOME PAGE */


.card-menu {
	
}

.card-menu  p {
    line-height: 1.5;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px;
}

.card-menu .card-block .cards .mini-card-right h3 {
	font-size: 24px;
	margin-bottom:12px;
}	

.stories-block {
	padding:1em 0;
}

.stories-block .badges img {

}

@media (min-width: 0px) and (max-width: 425px) {

	.card-menu {
		padding: 36px 0;	
	}
	
	.card-menu .cards {
	    box-shadow: 0 0 6px 2px #d3dce7;
	}
	
	.card-menu h2 {
		font-size: 30px;	
	}
	
	.card-menu .card-block .cards .mini-card-right h3 {
	    font-size: 22px;
		font-weight: 400;
		margin-bottom:8px;
	}
	
	.card-menu .card-block .cards .mini-card-right p {
	    font-size: 16px;
	    line-height: 1.5;
	    margin-bottom: 16px;
	    letter-spacing: 0px;
	}
	
	.card-menu .card-block .cards .mini-card-right .btn {
	    font-size: 16px;
	    display:block;
	    width:80%;
	    margin:18px 10%;
	}
	
	.stories-block {
		padding:1em 0;
	}
	
	.stories-block .badges img {
		width:40%;
	}
	
	.container-custom {
		padding:0 1.5em;
	}
	
	.container-custom .header {
		padding:0 4em !important;
	}
	
}

@media (min-width: 426px) and (max-width: 768px) {

	.card-menu {
		padding: 36px 0;
	}
	
	.card-menu .cards {
	    width: 306px;
	    box-shadow: 0 0 6px 2px #d3dce7;
	    margin-top:0;
	}
	
	.card-menu .cards:nth-child(n+3) {
		margin-top:14px;
	}
	
	.card-menu .card-block .cards .mini-card-right h3 {
	    font-size: 18px;
	    margin-bottom:8px;
	}
	
	.card-menu .card-block .cards .mini-card-right p {
	    font-size: 15px;
	    letter-spacing: -0.25px;
	}
	
	.card-menu .card-block .cards .mini-card-right .btn {
	    font-size: 15px;
	    display:block;
	    width:80%;
	    margin:18px 10%;
	}
	
	.stories-block .badges img {
		width:40%;
	}
	
}

@media (min-width: 769px) and (max-width: 1024px) {

	.card-menu {
		padding: 48px 0;	
	}
	
	.card-menu .cards {
	    width: 400px;
	    box-shadow: 0 0 6px 2px #d3dce7;
	    margin-top:0;
	}
	
	.card-menu .cards:nth-child(n+3) {
		margin-top:36px;
	}
	
	.card-menu .card-block .cards .mini-card-right h3 {
	    font-size: 22px;
		font-weight: 400;
		margin-bottom:8px;
	}
	
	.card-menu .card-block .cards .mini-card-right p {
	    font-size: 16px;
	    letter-spacing: -0.25px;
	}
	
	.card-menu .card-block .cards .mini-card-right .btn {
	    font-size: 16px;
	    display:block;
	    width:80%;
	    margin:18px 10%;
	}
	
}





/* HOME PAGE END */






/* RESOURCES PAGE UPDATES*/

.resources-header {
	
}

.resources-header h1 {
	font-size: 50px;
    font-weight: 600;
    letter-spacing: -1.1px;
    margin: 0 0 20px 0;	
}

.resources-header p {
	font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom:0;	
}

.resources-header .img-fluid {
	width:90%;
	margin:0 5%;	
}

.resource-img-50-fr {
	width:50%;
	float:right;
	padding:0 0 0 1em;
}

.resource-img-60-fr {
	width:60%;
	float:right;
	padding:0 0 0 1em;
}

@media (max-width: 768px) {

	.resources-header {
		text-align:center;
		padding:0 2em;
	}
	
	.resources-header h1 {
		font-size: 36px;
	}
	
	.resources-header p {
		font-size: 16px;
		font-weight: 400;	
	}
	
	.resources-header .img-fluid {
		
	}
	
	.resource-img-50-fr {
		width:100%;
		float:none;
		padding:1em;
	}
	
}


.resource-template-header .container .row {
	padding:60px 0 120px;
}

.resource-template-header .container .row h1 {
	color:#fff;
}

.resource-template-header .container .row p {
	color:#fff;
	font-size:120%;
}

.resource-template-header .container .row p.news-author {
	color: #fff;
	font-size: 15px;
}

.shift-news-image p:first-of-type img {
	margin-top: -140px;
	margin-bottom:20px;
}

.shift-news-image p:first-of-type {
	padding-top: 20px;
}

@media (max-width: 768px) {
	
	.resource-template-header .container .row {
		padding:30px 0 70px;
	}
	
	.resource-template-header .container .row h1 {
		color:#fff;
	}
	
	.resource-template-header .container .row p {
		color:#fff;
		font-size:110%;
	}		
	
	.shift-news-image p:first-of-type img {
		margin-top: -80px;
	}

	
}






.gradient-cover {
	height:80px;
	width:100%;
	background-image: linear-gradient(to top,rgba(250, 250, 250, 1),rgba(255, 255, 255, 0));
	margin-top:-90px;
	margin-bottom: 12px;
	display: block;
    position: relative;
}

.readmore {
	display:block;
	width: 60%;
	margin: 0 20%;
	text-align:center;
	text-transform: uppercase;
	background:#0275d8;
	border-radius:20px;
	font-size:12px;
	color:#fff;
	padding:8px 20px;
}

.readmore:hover {
	color:#fff;
}

@media (max-width: 768px) {

	.readmore {
		width: 80%;
		margin: 0 10%;
	}
	
}


.news-box {
	position: relative;
	background: #fafafa;
	color: #262524;
	border-radius:6px;
	overflow:hidden;
	height:290px;
	box-shadow:0px 0px 0px 1px rgba(0, 0, 0, 0.05)
}

.news-box h3 {
	font-size:26px;
	height:60px;
	font-weight: 400;
	letter-spacing: -0.5px;
}

.news-box .text-primary {
	font-size:14px;
}

.news-box p {
	font-size:16px;
	height:104px;
	overflow:hidden;
}

@media (max-width: 768px) {

	.news-box {
		height:auto;
	}
	
	.news-box h3 {
		font-size:22px;
		height:auto;
	}
	
	.news-box p {
		font-size:15px;
		height:auto;
		margin-bottom:12px;
	}	
	
}


/* Case Study Pages */

.case-study-row {
	background:#fff;
	border-radius:24px;
	padding:25px;
	margin-top:-50px;
}

.article-img-style-1 {
	margin:16px 15%;
}

.article-img-style-2 {
	float:right;
	width:230px;
}

@media (max-width: 768px) { 

	.case-study-row {
		border-radius:12px;
		padding:18px 0;
		margin-top:-20px;
	}
	
	.resource-template-content {
		margin-bottom: 1.5em;
		padding:0 30px;
	}
	
	.resource-template-header .container .row h1 {
	    color: #fff;
	    font-size: 28px;
	    letter-spacing: 0.5px;
	}
	
	.btn-mobile {
		font-size:14px;
		margin-bottom: 20px;
	}
	
	.article-img-style-1 {
		margin:12px;
	}
	
	.article-img-style-2 {
		float:none;
		width:60%;
		margin:0 20%;
	}

	
}


/* Blocks used in Resources pages */

.resource-block {
	display: flex;
	align-items: center;
	padding:0 10px;
	border-radius:6px;
	margin-bottom:20px;
	transition: all 0.4s ease-in-out;
}

.resource-block:hover img {
	width:240px;
	margin:0 5px 0 -20px;
}

.resource-block img {
	float:left;
	width:220px;
	margin:0 15px 0 -10px;
	transition: all 0.25s ease-out;
}


/* CAMPAIGN LANDING PAGES - CUSTOM STYLES */

/* ECOMMERCE LIVE */

.blue-ecomm {
	background: #0082ca;
	background-image: url(../images/campaigns/ecomm-live-bg.png); /* fallback */
	background-image: url(../images/campaigns/ecomm-live-bg.png),
		-moz-radial-gradient(center bottom, ellipse cover, rgba(81, 182, 245, 1) 0%, rgba(3, 77, 162, 1) 100%);
	background-image: url(../images/campaigns/ecomm-live-bg.png),
		-webkit-gradient(radial, center bottom, 0px, center center, 100%, color-stop(0%, rgba(81, 182, 245, 1)), color-stop(100%, rgba(3, 77, 162, 1)));
	background-image: url(../images/campaigns/ecomm-live-bg.png),
		-webkit-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3, 77, 162, 1) 100%);
	background-image: url(../images/campaigns/ecomm-live-bg.png),
		-o-radial-gradient(center bottom, ellipse cover, rgba(81, 182, 245, 1) 0%, rgba(3, 77, 162, 1) 100%);
	background-image: url(../images/campaigns/ecomm-live-bg.png),
		-ms-radial-gradient(center bottom, ellipse cover, rgba(81, 182, 245, 1) 0%, rgba(3, 77, 162, 1) 100%);
	background-image: url(../images/campaigns/ecomm-live-bg.png),
		radial-gradient(
			ellipse at center bottom,rgba(81, 182, 245, 1) 0%,rgba(3, 77, 162, 1) 100%);
	background-size: cover;
	background-position: center center;
}

/* THINKSALES */

	.banner .ts-header {
    	padding: 60px 30px 0; }

	.banner .ts-header h1 {
    	font-size:32px;
		text-align:left; }
	
	.banner .ts-text {
		padding-bottom: 13px;
		line-height: 1.5;
		color:#fff;
		text-align:left;
	 }

@media (max-width: 991px) {

	.banner .ts-header {
    	padding: 40px 20px 0px; }

	.banner .ts-header h1 {
    	font-size:34px;
		text-align: center; }
	
	.banner .ts-text {
		padding-bottom:10px;
		font-size:15px;
		line-height: 1.4;
		color:#fff;
		text-align: center;
	 }
	
}


/* LANDING PAGES */

	.banner .hr-header {
    	padding: 40px 30px 20px 0; }

	.banner .hr-header h1 {
    	font-size:40px;
		text-align:left; }
	
	.banner .hr-text {
		font-size:20px;
		padding-bottom: 13px;
		line-height: 1.4;
		color:#fff;
		text-align:left;
	 }

@media (max-width: 991px) {

	.banner .hr-header {
    	padding: 40px 20px 0px; }

	.banner .hr-header h1 {
    	font-size:34px;
		text-align: center; }
	
	.banner .hr-text {
		padding-bottom:10px;
		font-size:15px;
		line-height: 1.4;
		color:#fff;
		text-align: center;
	 }
	 
	 .hr-header .btn {
		 margin:0.5em 15%;
		 display: block;
		 max-width: 70%;
	 }
	
}


.container-shadow {
    background-color: #ffffff;
    box-shadow: 0 0 3px 0 rgba(157, 180, 208, 0.5);
    border-radius: 8px;
    padding-bottom: 30px;
    overflow: hidden;
}



.signup-box {
	margin:-1em 0 1em;
	padding:0.5em 1em;
	border:1px solid #eee;
	border-radius:12px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
	background:#f5f4f4;
	overflow:hidden;
/* 	min-height:430px;	 */
}

.signup-box h4 {
	font-size: 1.3em;
	margin:0.5em 1em;
	font-weight: 500;
	line-height: 1.5;
	color: #445869;
}

.signup-box p {
	font-size:0.9em;
	margin: 15px 0 30px;
}

.signup-box #mc-embedded-subscribe-form {
	background:#f5f4f4;		
}

.signup-box #mc-embedded-subscribe {
	margin: 1em 0!important;
}

#mc_embed_signup .mc-field-group {
	width:100%!important;
}

#mc-embedded-subscribe {
	display:block!important;
	margin: 1em 0!important;
	width:100%!important;
}

.hr-card-menu {
  text-align: center;
  padding-top: 79px; }
  .hr-card-menu h2 {
    color: #044da1; }
  .hr-card-menu p {
    font-size: 18px; }
    .hr-card-menu p a {
      border-bottom: solid 1px #6c849e;
      padding-bottom: 1px;
      color: #6c849e; }
    .hr-card-menu p a:hover {
      text-decoration: none; }
  .hr-card-menu p.card-p-bold {
    font-weight: 400; }
  .hr-card-menu .card-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .hr-card-menu .btn-primary {
    margin-bottom: 74px; }
  .hr-card-menu .cards {
    transition: all 0.4s ease-in-out;
    width: 30%;
    margin:1em 1.66%;
    box-shadow: 0 0 0 1px #d3dce7;
    border-radius: 6px;
    text-align: center;
    overflow:hidden; }
    .hr-card-menu .cards .mini-card-left {
      width: 100%; }
      .hr-card-menu .cards .mini-card-left .header-card {
        color: #445869; }
    .hr-card-menu .cards .mini-card-right {
      width: 100%;
      margin-top: 18px;
      margin-bottom: 17px;
      padding: 0px 36px; }
      .hr-card-menu .cards .mini-card-right .header-card {
        font-size: 18px;
        font-weight: 700;
        color: #445869;
        letter-spacing: -0.4px;
        margin-bottom: 6px; }
      .hr-card-menu .cards .mini-card-right .main-card {
        font-size: 16px;
        margin-bottom: 15px; }
      .hr-card-menu .cards .mini-card-right .btn-primary {
        margin-bottom: 17px; }
        .hr-card-menu .cards .mini-card-right .btn-primary a {
          text-decoration: none; }
  .hr-card-menu .cards:hover {
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.15); }
  .hr-card-menu .lines-div {
    margin-left: 46%;
    margin-top: 45px; }
  .hr-card-menu .line-1 {
    float: left;
    width: 10px;
    height: 3px;
    border-radius: 1.5px;
    background-color: #dee9f0;
    margin-right: 3px; }
  .hr-card-menu .line-2 {
    float: left;
    width: 40px;
    height: 3px;
    border-radius: 1.5px;
    background-color: #dee9f0; }
  .hr-card-menu .mini-cards {
    width: 479px;
    margin-top: 35px;
    background: #f5f6f8;
    border-radius: 4px;
    padding-bottom: 20px; }
    .hr-card-menu .mini-cards .mini-cards-header {
      height: 140px;
      border-bottom: 0.4px solid #d3dce7; }
      .hr-card-menu .mini-cards .mini-cards-header .row {
        margin: 0px; }
      .hr-card-menu .mini-cards .mini-cards-header .mini-cards-header-round {
        margin: 30px auto;
        text-align: center; }
      .hr-card-menu .mini-cards .mini-cards-header .header-card {
        text-align: left;
        margin-top: 31px;
        margin-bottom: 8px;
        font-size: 16px;
        letter-spacing: -0.4px;
        font-weight: 700; }
      .hr-card-menu .mini-cards .mini-cards-header .main-card {
        font-size: 14px;
        line-height: 20px;
        text-align: left; }
    .hr-card-menu .mini-cards .footer-receive a {
      float: left;
      margin: 13px 33px 0 19px; }
    .hr-card-menu .mini-cards .footer-receive a + a {
      margin-right: 0; }
    .hr-card-menu .mini-cards .mini-cards-footer {
      margin-top: 16px; }
      .hr-card-menu .mini-cards .mini-cards-footer .nav-item {
        font-size: 14px;
        color: #ff7900;
        font-family: "Open Sans", sans-serif;
        font-weight: 600; }
        .hr-card-menu .mini-cards .mini-cards-footer .nav-item .img-sx {
          position: relative;
          top: 2px; }
        .hr-card-menu .mini-cards .mini-cards-footer .nav-item .img-sx2 {
          position: relative;
          top: 13px; }


@media (max-width: 1024px) {
	
	.hr-card-menu .cards {
		width:32%;
		margin:1em 0.66%;
	}
	
	
	
}

@media (max-width: 768px) {
	
	.hr-card-menu .cards {
		width:100%;
		margin:0.5em 0;
	}	
	
	
	
}



/* Updated Campaign Pages */

.campaigns {
	padding:0 3em;	
}

.campaign-container-shift {
	margin-top:-60px!important;
}

.campaign-container {
	background: white;
	margin: 16px 0;
	padding: 4em;
	border-radius: 6px;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
	transition: all 0.5s ease-in-out;
}

.campaign-container h3 {
	color: var(--primary)!important;
	font-weight:500; 
}



/* Case Study Icons Animations */

.cs-zoom {
  transition: transform .2s; /* Animation */
  -webkit-filter: grayscale(100%) !important;
  filter: grayscale(100%) !important;
}

.cs-zoom:hover {
  transform: scale(1.15); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  -webkit-filter: grayscale(0) !important;
  filter: grayscale(0) !important;
}

.img-zoom {
  transition: transform .2s; /* Animation */
}

.img-zoom:hover {
  transform: scale(1.15); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.img-zoom2 img {
  transition: transform .2s; /* Animation */
}

.img-zoom2:hover img {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}


/* ZAPIER */

.zap-intro {
	color:#fff;
	font-size:1.25em;
	line-height:1.5em;
}



/* LOGO GUIDELINES PAGE */

	.guidelines-hero {
		margin:30px 0;
		padding:30px;
	}

	.guidelines-box {
		width:100%;
		border:1px solid #ccc;
		border-radius: 6px;
	}
	
	.guidelines-info {
		margin:1em;
		font-size:0.9em;
	}
	
	.wrong-colour-1 {
		background-color:#59C3C3;	
	}
	
	.wrong-colour-2 {
		background-color:#F45B69;	
	}
	
	.right-colour-1 {
		background-color:#F47920;	
	}
	
	.right-colour-2 {
		background-color:#414042;	
	}

	.guidelines-logo-holder {
		width:100%;
		margin:40px 0;
		padding:30px 15%;
		text-align:center;
	}
	
	.guidelines-space {
		background-color:#F4E9F0;
	}
	
	.guidelines-logo {
		width:100%;
	}
	
	.guidelines-logo-wrong {
		width:60%;
		height:36px;
	}
	
	.usage {
		margin:40px 0;
		padding:30px 15%;
		text-align:center;
		font-size:1.3em;
		line-height:30px; 
	}
	
	.usage.yes {
		color:#5cb85c;
	}
	
	.usage.no {
		color:#f0ad4e;
	}



/* Case Study Icons Animations */

.cs-zoom {
  transition: transform .2s; /* Animation */
  -webkit-filter: grayscale(100%) !important;
  filter: grayscale(100%) !important;
  mix-blend-mode: multiply;
}

.cs-zoom:hover {
  transform: scale(1.15); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  -webkit-filter: grayscale(0) !important;
  filter: grayscale(0) !important;
}



/* SMS Best Practises Page */

.best-practise-top {
	background:#f2f2f2;
	padding:50px 0 80px;
	font-size:18px;
}

.best-practise-top p {
	font-size:18px;
}

.best-practise-cards {
	margin-top: -60px;
}

.best-practise-content {

}

.best-practise-content h2 {
	color:#ff7900!important;
}

.best-practise-table {
	font-size: 1em;
	font-weight: 300;
	line-height: 1.25em;
	color: #6c849e;
}

.best-practise-table tr td {
	border:1px solid #eee;
	padding:16px;
	vertical-align: top;
	font-size: 0.8em;
}

.best-practise-table thead {
	background:#0275d8;
	font-size: 1.2em;
	line-height:150%;
	font-weight: 300;
	color:#fff;
	vertical-align: middle;
	text-align:center;
}


.resource-table {
	font-size: 1em;
	font-weight: 300;
	line-height: 1.25em;
	color: #6c849e;
}

.resource-table tr td {
	border:1px solid #eee;
	padding:12px;
	vertical-align: top;
	font-size: 0.8em;
}

.resource-table thead {
	background:#0275d8;
	font-size: 1em;
	line-height:150%;
	font-weight: 400;
	color:#fff;
	vertical-align: middle;
	text-align:center;
}

.resource-table b {
	color:var(--primary);
}


/* STOP SMS Page */

#stop-spam-messages .primary-table {
		width:100%;
		table-layout:auto;
		border-collapse: separate;
	border-spacing:6px;
}

#stop-spam-messages .primary-table pre {
		white-space:normal;
}

#stop-spam-messages .primary-table thead tr th {
		padding:1.5em;
}

#stop-spam-messages .primary-table thead tr th:nth-child(1) {
		width:30%;
}

#stop-spam-messages .primary-table thead tr th:nth-child(2) {
		width:70%;
}

#stop-spam-messages .primary-table tbody tr td {
		padding:0.5em 1.5em;
		margin:0.25em 0;
}

#stop-spam-messages .primary-table tbody tr td:nth-child(1) {
		font-size:90%;
		color:#ff7900;
}

#stop-spam-messages .primary-table tbody tr td:nth-child(2) {
		overflow: visible;
		white-space: normal;
		border:1px solid #eee;
		border-radius:6px;
		margin:0.25em 0;
		background:#f5f5f5;
}

#stop-spam-messages .primary-table .messageBody {
		cursor:pointer;
}


/* STOP SMS Page Popup */

.featherlight .featherlight-content {
		position: relative;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	overflow: auto;
	padding: 40px;
	margin-left: auto;
	margin-right: auto;
	max-width:900px;
	max-height: 95%;
	background: #fff;
	cursor: auto;
	white-space: normal;
	border:5px solid #efefef;
	border-radius:6px;        
}

#stop-spam-details form {
		display:inline-block;
}

#stop-spam-details .label {
	font-size: 1em;
	font-weight:600;
	line-height: 1.5;
	color: #6c849e;        
}

#stop-spam-details .label2 {
		font-size: 90%;
	color: #ff7900;        
}


#stop-spam-details .blockable, #stop-spam-details .not-blockable {
		font-size: 90%;
		border:1px solid #ddd;
		border-radius:6px;
		padding:2em 1em;
		background:#efefef;
}

#stop-spam-details .blockable span {
		margin:0 0 1em;
}

#stop-spam-details .blockable textarea {
		margin:1em 0;
}




/* Pricing Page */

.pricing-header {
/* 	padding:60px 0 140px; */
}

.pricing-section {
	margin-top:-100px;
}



.pricing-header h1 {
	font-size:42px;
	line-height:80px;
	color:var(--ghost-white);
	padding:0;
	margin:0;
}


.pricing-header h2 {
	font-size:20px;
	color:var(--ghost-white);
	font-weight: 500;
	padding:0;
	margin:0 0 30px 0;
}


.pricing-slide {
	background-color: #ffffff;
    box-shadow: 0 0 12px 0 rgb(28 54 86 / 25%);
    border-radius: 8px;
    padding:3em;
    z-index: 2;	
    text-align:center;
}

.pricing-slide h2 {
	font-size:24px;
	color: var(--primary);
	margin-bottom:20px;
}

.pricing-enterprise {
	background-color: var(--ghost-white);
    box-shadow: 0 0 12px 0 rgb(28 54 86 / 25%);
    border-radius: 0 8px 8px 0;
    margin:3em 0;
    padding:2em;
    z-index: 1;		
    text-align:center;
}

.pricing-enterprise h2 {
	font-size:32px;
	color: var(--black-coral);
}

.pricing-enterprise p {
	font-size:18px;
	color: var(--black-coral);
}

.pricing-enterprise .enterprise-btn {
	border-radius:6px;
	background:var(--action);
	color:#fff;
	width:80%;
	margin:1em 10%;
	font-size:22px;
	font-weight:500;
}

.pricing-enterprise .enterprise-btn:hover {
	background:var(--action-hover);
}

.pricing-breakdown {
	font-size:16px;
	text-align:center;
	padding:0 1em;	
}

.pricing-breakdown span {
	color:#ff7900;
	font-weight:600;
}

.pricing-fineprint {
	text-align:center;
	font-size:11px;
	padding:0;
	margin:0;
}

.slider-holder {
	padding-top:100px;
}

.package-section {
	padding-top:14px;
	text-align:center;
}

.package-row {
	background: var(--primary);
	border-radius:6px;
	padding:24px;
	margin:0 0 30px;	
}

.package-row .package-options {
	color:#fff;
	text-align:center;
	padding:1em 0;
}

.package-row .package-options .row div:first-child {
	border-right:1px dashed #fff;	
}

.package-row .package-options .row div:last-child {
	border-left:1px dashed #fff;	
}

.package-row .package-options .option-top {
	color:#fff;
	text-align:center;
	font-size:18px;
}

.package-row .package-options .option-numbes {
	color:#fff;
	text-align:center;
	font-size:36px;
	font-weight:500;
}

.package-row .package-options .option-tax, .option-dot {
	color:#fff;
	text-align:center;
	font-size:14px;
	padding:0;
	margin:0;
}


@media (max-width: 768px) {

	.pricing-header {
		padding:60px 0 120px;
	}
	
	.pricing-section {
		margin:-100px 20px 30px 20px;
		
	}

	.pricing-header h1 {
		font-size:38px;
		line-height:42px;
		margin-bottom:20px;
	}
	
	
	.pricing-header h2 {
		font-size:18px;
	}

	.pricing-slide {
	    padding:1em;
	}
	
	.pricing-slide h2 {
		font-size:24px;
		margin:20px 0;
	}
	
	.pricing-enterprise {
	    margin:1em 0;
	    padding:2em;
	}
	
	.pricing-enterprise h2 {
		font-size:32px;
	}
	
	.pricing-enterprise p {
		font-size:18px;
	}

	.slider-holder {
		padding-top:10px;
	}
	
	.package-row .package-options .row div:first-child {
		border-right:none;	
	}
	
	.package-row .package-options .row div:last-child {
		border-left:none;	
	}
	
	.package-row .package-options .option-top {
		color:#fff;
		text-align:center;
		font-size:18px;
		margin-bottom:6px;
	}
	
	.package-row .package-options .option-numbes {
		color:#fff;
		text-align:center;
		font-size:42px;
		line-height:46px;
		font-weight:600;
		margin:0 0 6px;
	}
	
	.package-row .package-options .option-tax, .option-dot {
		color:#fff;
		text-align:center;
		font-size:13px;
		padding:0;
		margin:0 0 30px;
	}
	
}





/* New pricing Nav */

.new-pricing-nav .nav {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
}

.new-pricing-nav .nav-link {
	flex-grow: 1;
	border:1px solid #0275d8!important;
	font-size:16px;
}

.new-pricing-nav .nav-pills .nav-link.active {
	color: #0275d8!important;
	background-color: #fff;
	border:1px solid #0275d8!important;
}


/* NEW NAV ICONS */

.circle1 {
	border: 2px solid #eee;
	background:#f47920;
	border-radius:100px;
}

.dropdown-item-long .circle1 {
	margin-top:-5px;
	background:#0275d8;
}

.dropdown-item:hover .circle1 {
	background:#0275d8;
}

.dropdown-item-long:hover .circle1 {
	background:#0275d8;
}



.covid-message {
	display:inline;
}

.send-web-text .covid-message {
	display:none;
}





/* Newsletter Banner */

@media (max-width: 768px) {

	.newsletter {
		padding:30px;
		margin:0;
	}
	
	.newsletter h2  {
		margin: 15px 0 10px;
		font-size:26px;
	}
	
	.newsletter h3   {
		margin: 0 0 34px;
		font-size:22px;
	}

	.newsletter .btn-primary {
		display:block;
		margin:0 0 15px;
	}
	
}

/* Networks Section on Mobile */

@media (max-width: 768px) {

	.Network-block-container {
		
	}
	
	.Network-block-container h2 {
		padding:20px 0
	}
	
	.Network-block-container .container .row {
		margin:0 60px 15px;
	}
	
	.Network-block-container .row .col-sm-6 {
		margin:0 0 15px;
	}
	
	.Network-block-container .row .col-sm-6 .country-name {

	}
	
	.Network-block-container .test-network {
		padding: 20px;
	}
	
	.Network-block-container .test-network .btn-primary {
		margin:10px 0;
		display:block;
	}
	
	.card-menu .mini-cards .mini-cards-header .header-card {
		text-align:center;
	}
	
	.card-menu .mini-cards .mini-cards-header .main-card {
		text-align:center;
	}

}


/* Dropdown Nav Improvements */

@media (max-width: 768px) {

	.navbar-collapse {
		padding:20px;
	}

	.nav-bottom .navbar-light .navbar-nav .nav-link {
		text-align: center;
		font-size:16px;	
		padding:6px;
	}

	.nav-bottom .navbar-light .navbar-nav .nav-item .btn {
		display: block;
		margin: 8px;
	}
	
	.nav-bottom .dropdown-item {
	    padding: 10px;
	}
	
	.nav-bottom .dropdown-item .circle1 {
	    width:50px;
	    height:50px;
	}
	
	.nav-bottom .text-box {
	    padding: 0px 0px 0px 10px;
	}
	
	.nav-bottom .text-box h2 {
	    font-size:14px;
	}
	
	.nav-bottom .text-box p {
	    font-size:13px;
	}
	
	.solution-options, .dev-options, .resource-options {
		background:#f9f9f9;
	}
	
}


/* Cool card shadow */

.card-shadow {
	transition: all 0.4s ease-in-out;	
}

.card-shadow:hover {
	box-shadow:0px 10px 20px rgba(0, 0, 0, 0.25);	
}


/* Fake Phone */

.fake-phone {
	border:13px solid #1d3557;
	border-radius:35px;
	min-height:320px;
	background: rgb(29,174,235);
	background: linear-gradient(147deg, rgba(29,174,235,1) 0%, rgba(34,118,185,1) 100%);
	cursor:pointer;
	transition: all 0.4s ease-in-out;
}

.fake-phone:hover {
	transition: all 0.4s ease-in-out;
	background: rgb(55,191,247);
	background: linear-gradient(147deg, rgba(55,191,247,1) 0%, rgba(34,118,185,1) 100%);
}

.fake-phone-side {
	position: absolute;
    bottom: 30px;
    background: #1d3557;
    border-radius: 15px;
    height: 10px;
    width: 50%;
    margin: 0 10%;
    display: block;
}


/* Integration Pages */


.dots-pattern-blue-bg {
	background:#0082ca;
	background-image: url(../images/integrations/pattern.png); /* fallback */
	background-image: url(../images/integrations/pattern.png), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/integrations/pattern.png), -webkit-gradient(radial, center bottom, 0px, center center, 100%, color-stop(0%, rgba(81,182,245,1)), color-stop(100%, rgba(3,77,162,1)));
	background-image: url(../images/integrations/pattern.png), -webkit-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/integrations/pattern.png), -o-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/integrations/pattern.png), -ms-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/integrations/pattern.png), radial-gradient(ellipse at center bottom, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-size: cover;
	background-position:center center;
}

.resource-template-content p.quoted-text {
	font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    font-style: italic;
}


.bulksms-integration-list {
	
}

.integration-link {
	padding:1em;
	border-radius:8px;
	cursor:pointer;
	background:#f5f5f5;
	border:1px solid #f5f5f5;
	transition: all 0.4s ease-in-out;	
}

.give-me-a-pointer {
	cursor:pointer;
}

.integration-logo {
	border:1px solid #eee;
	border-radius:8px;
	padding:16px;
	background: #fff;
	transition: all 0.4s ease-in-out;
}

.integration-link:hover {
	background:#efefef;
	border:1px solid #fff;
}

.integration-link:hover .integration-logo {
	box-shadow:0px 6px 10px rgba(0, 0, 0, 0.1);
}

.integration-pill-01 {
	background:rgba(255, 120, 0, 0.9);
	border:1px solid #ff7900;
    padding: 0.75em 1em;
    font-size: 75%;
    line-height: 1;
    font-weight: 300;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 2rem;	
}

.integration-pill-02 {
	background: rgba(2, 116, 217, 0.9);
	border:1px solid #0275d8;
    padding: 0.75em 1em;
    font-size: 75%;
    line-height: 1;
    font-weight: 300;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 2rem;	
}

/* Cookie bar */
@media only screen and (max-width: 768px) {
  .cookie-bar {
	width:100%;
    max-width: 100% !important;
    height: 80% !important;
    left: 0 !important;
    bottom: 0 !important;
	position:fixed;
	display:none;
	background:#fff;
	box-shadow: 0 -2px 10px rgba(47, 54, 64, 0.15);
	display: flex;
	-webkit-align-items: center; 
	align-items: center;
	padding:10px 0;
  }
  .cookie-bar p {
	font-size: 11px!important;
	line-height:13px!important;
	margin:6px 0;
	letter-spacing: -0.5px;
   }
   
   .cookie-bar .btn {
	   font-size: 10px!important;
	   letter-spacing: 0px!important;
	   text-align: center;
	   padding: 6px 12px!important;
	   margin:8px 4px!important;
	   outline: none;
	   border: none;
	   box-shadow: none;
	   font-weight: 300;
	   min-width:50px;
	   box-shadow: 0 3px 6px rgba(15, 15, 15, 0.15);
   }
   
   	.animate-enter {
	  animation: animate-enter-frames 1.00s ease 0.50s 1 normal forwards;
	  opacity: 0.0;
	  transform: translate(0, 200px);
	}
	
	@keyframes animate-enter-frames {
	  0% {opacity: 0.0;
		  	transform: translate(0, 200px);
		}
	  100%   {opacity: 1;
		  	transform: translate(0,0);
		}
	}
   
}

@media only screen and (min-width: 769px) {

	.cookie-bar {
		position: fixed;
		display: none;
		bottom: 40%;
		left: calc(50% - 200px);
		max-width: 400px;
		background: #fff;
		color: var(--grey-dark);
		padding: 0px;
		box-shadow:0px 6px 12px rgba(0, 0, 0, 0.2),0px 8px 22px rgba(0, 0, 0, 0.1);
		transition: 500ms;
		font-size: 18px;
		border-radius:12px;
	}
	
	.cookie-bar p {
		font-size: 16px;
		line-height:22px;
		margin:0;
		color: var(--grey-dark);
		letter-spacing:0;
	}
	
	.cookie-bar .btn {
    	font-size: 14px;
    	letter-spacing:0;
    	text-align: center;
    	padding: 12px 16px;
    	margin:5px;
    	outline: none;
    	border: none;
    	box-shadow: none;
    	font-weight: 300;
    	min-width:80px;
    	box-shadow: 0 3px 6px rgba(13, 14, 86, 0.15);
	}
	
	.cookie-bar .btn:hover {
		background: var(--action);
	}

}

@media only screen and (min-width: 1025px) {

	.cookie-bar p {
		margin:10px 0;
	}
}

/* Cookie bar preferences */
@media (max-width: 425px) {
  .cookie-bar-preferences {
    max-width: 100% !important;
    height: 50% !important;
    left: 0 !important;
    bottom: 0 !important;
  }
}

.cookie-bar-preferences {
	position: fixed;
	display: none;
	bottom: 20%;
	left: 38%;
	right: 0;
	max-width: 340px;
	min-height: 470px;
	background: #fff;
	color: var(--grey-dark);
	padding: 0px;
	box-shadow: 0 -2px 16px rgba(47, 54, 64, 0.39);
	transition: 500ms;
	font-size: 14px;
}

.cookie-bar-preferences p {
	font-size: 14px;
	margin:0;
	color: var(--grey-dark);
}

.cookie-bar-preferences .btn {
    font-size: 16px;
    letter-spacing: 0.5px;
    text-align: center;
    padding: 10px 20px;
    margin:13px 5px;
    outline: none;
    border: none;
    box-shadow: none;
    font-weight: 300;
    min-width:80px;
    box-shadow: 0 3px 6px rgba(13, 14, 86, 0.75);
}

.cookie-bar-preferences .btn:hover {
	background: var(--action);
}

.cookie-link {
	color: #ff7900 !important;
	text-decoration: underline;
}

	.animate-enter {
	  animation: animate-enter-frames 0.5s ease 0.50s 1 normal forwards;
	  opacity: 0.0;
	  transform: translate(0, 0px);
	}
	
	@keyframes animate-enter-frames {
	  0% {opacity: 0.0;
		  	transform: translate(0, 200px);
		}
	  90% {opacity: 1;
			transform: translate(0, -20px);
	  }
	  100%   {opacity: 1;
		  	transform: translate(0,0);
		}
	}
  
.cookie-notice-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.cookie-notice-switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.cookie-notice-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.cookie-notice-slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.cookiehide {
	display:block!important;
}

.strictly-necessary-info, .performance-info, .functional-info, .targeted-info {
	cursor:pointer;
	color: var(--primary);
}

.strictly-necessary-info:hover, .performance-info:hover, .functional-info:hover, .targeted-info:hover {
	cursor:pointer;
	color: var(--primary-hover);
}

.strictly-necessary-text, .performance-text, .functional-text, .targeted-text {
	display:none;
	text-align:center;
	font-size: 0.8em;
}

input:checked + .cookie-notice-slider {
    background-color: #2196F3;
}

input:focus + .cookie-notice-slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .cookie-notice-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.cookie-notice-cookie-notice-round {
    border-radius: 34px;
}

.cookie-notice-slider.cookie-notice-round:before {
    border-radius: 50%;
}

@media (min-width: 7px) {
  .cookie-notice-switch {
    width: 30px;
    height: 17px;
  }


  .cookie-notice-slider:before {
      height: 13px;
      width: 13px;
      left: 2px;
      bottom: 2px;
  }

  input:checked + .cookie-notice-slider:before {
      -webkit-transform: translateX(13px);
      -ms-transform: translateX(13px);
      transform: translateX(13px);
  }

  /* Rounded sliders */
  .cookie-notice-slider.cookie-notice-round {
      border-radius: 17px;
  }
}

#show-cookie-notice {
    position: fixed;
    right: 0;
    bottom: 0;
}

#show-cookie-notice .btn {
    font-size: 20px;
    background-color: #ff7900;
    color: #fff !important;
    padding: 10px 20px;
    box-shadow: 0 3px 6px rgba(13, 14, 86, 0.75);
}

#show-cookie-notice .btn:hover {
    background: var(--action);
}

.cookie-bar-preferences .btn {
    font-size: 14px;
    background-color: #ff7900;
    color: #fff !important;
    padding: 10px 20px;
    box-shadow: 0 3px 6px rgba(13, 14, 86, 0.75);
}

.cookie-bar-preferences .btn:hover {
    background: var(--action);
}

/* Simple CTA full width Banner */

.simple-cat-banner {
	background:#fff;
	padding:1em;
}


/* WUFOO STYLE EDITS */

.wufoo .info h2 {
	font-size: 180% !important;
	font-family: Verdana;
	font-style: normal;
	font-weight: bold;
	color: #ec6e00 !important;
}

.wufoo .info div {
	font-size: 110% !important;
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	color: #444444 !important;
}

.wufoo label.desc {
	font-size: 95% !important;
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	color: #444444 !important;
}

.wufoo input.text, .wufoo textarea.textarea, .wufoo input.file, .wufoo select.select, .wufoo li .wufoo-dropdown span {
	font-style: normal;
	font-weight: normal;
	color: #333333 !important;
	font-size: 100% !important;
}

form.wufoo input.btTxt.submit {
	color: #fff;
	background-color: #0275d8;
	border-color: #0275d8;
	display: inline-block;
	font-weight: 300;
	line-height: 1.25;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.7rem 1.4rem;
	font-size: 1rem;
	border-radius: 0.4em;
	transition: all 0.25s ease-in-out;
}

form.wufoo input.btTxt.submit:hover {
	color: #fff;
	background-color: #023f88;
	border-color: #023f88;
}


.form-box-container {
	background: white;
	margin: 24px;
	padding: 24px;
	border-radius: 6px;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
	transition: all 0.5s ease-in-out;	
}

.wufoo li {
    width: 100%;
}

.wufoo input.btTxt {
    background-color: #0275d8;
    color: #fff !important;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-align: center;
    padding: 12px 22px 12px 22px;
    outline: none;
    border: none;
    box-shadow: none;
    font-weight: 300;
}

.wufoo input.btTxt:hover {
	background-color: #033c7e;
    box-shadow: none;
}


/* STICKY HEADER */

main {
	margin-top:157px;
}

#site-header {
    position: fixed;
    height: 157px;
    background: #fff;
    top: 0;
    width: 100%;
    z-index: 100;
    transition: all 0.5s ease-out;
	transform:translateY(0px);
	-webkit-transition: all 0.5s ease-out;
	-webkit-transform:translateY(0px);
}
#site-header.spider-hide {
	transform:translateY(-157px);
	-webkit-transform:-webkit-translateY(-157px);
}


@media only screen and (max-width: 767px) {

	main {
		margin-top:130px;
	}
	
	#site-header {
	    height: 130px;
	}
	#site-header.spider-hide {
		transform:translateY(-130px);
		-webkit-transform:-webkit-translateY(-130px);
	}	
	
}


@media only screen and (min-width: 768px) and (max-width: 1199px) {

	main {
		margin-top:141px;
	}
	
	#site-header {
	    height: 141px;
	}
	#site-header.spider-hide {
		transform:translateY(-141px);
		-webkit-transform:-webkit-translateY(-141px);
	}	
	
}

/* USA Incoming Long Number Page */

.blue-usa {
	background: #0082ca;
	background-image: url(../images/usa-bg.png); /* fallback */
	background-image: url(../images/usa-bg.png),
		-moz-radial-gradient(center bottom, ellipse cover, rgba(81, 182, 245, 1) 0%, rgba(3, 77, 162, 1) 100%);
	background-image: url(../images/usa-bg.png),
		-webkit-gradient(radial, center bottom, 0px, center center, 100%, color-stop(0%, rgba(81, 182, 245, 1)), color-stop(100%, rgba(3, 77, 162, 1)));
	background-image: url(../images/usa-bg.png),
		-webkit-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3, 77, 162, 1) 100%);
	background-image: url(../images/usa-bg.png),
		-o-radial-gradient(center bottom, ellipse cover, rgba(81, 182, 245, 1) 0%, rgba(3, 77, 162, 1) 100%);
	background-image: url(../images/usa-bg.png),
		-ms-radial-gradient(center bottom, ellipse cover, rgba(81, 182, 245, 1) 0%, rgba(3, 77, 162, 1) 100%);
	background-image: url(../images/usa-bg.png),
		radial-gradient(
			ellipse at center bottom,rgba(81, 182, 245, 1) 0%,rgba(3, 77, 162, 1) 100%);
	background-size: cover;
	background-position: center center;
}


/* Test SMS Page */

.test-box {
	margin: -50px 0 50px;
	padding:3em;
	box-shadow:0px 8px 24px rgba(0, 0, 0, 0.25),0px 16px 48px rgba(0, 0, 0, 0.15);
}

.test-box form {
	width:70%;
	margin:0 auto;
}

p.test-box-sml {
	font-size:12px;
	text-align:center;
	margin:15px 0 25px;
}

/* Test SMS Page */

/* Hello Sweden */


.add-dropshadow {
	text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.4), 0px 9px 27px rgba(0, 0, 0, 0.15);
}

.sweden-test {
	margin: -80px 0 50px;
	padding:3.5em;
	box-shadow:0px 8px 24px rgba(0, 0, 0, 0.25),0px 16px 48px rgba(0, 0, 0, 0.15);
}

.sweden-test h2 {
	color:var(--primary);
	font-size: 28px;
	margin-bottom: 16px;
	letter-spacing: 1px;	
}

.sweden-test h3 {
	color:var(--secondary);
	font-size: 20px;
	margin-bottom: 16px;
	letter-spacing: 0px;
}

.sweden-bg {
	background:#0082ca;
	background-image: url(../images/hello/sweden-bg2.jpg); /* fallback */
	background-image: url(../images/hello/sweden-bg2.jpg), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/sweden-bg2.jpg), -webkit-gradient(radial, center bottom, 0px, center center, 100%, color-stop(0%, rgba(81,182,245,1)), color-stop(100%, rgba(3,77,162,1)));
	background-image: url(../images/hello/sweden-bg2.jpg), -webkit-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/sweden-bg2.jpg), -o-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/sweden-bg2.jpg), -ms-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/sweden-bg2.jpg), radial-gradient(ellipse at center bottom, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-size: cover;
	background-position:center center;
	padding-bottom:20px;
}

@media only screen and (max-width: 767px) {
	
	.sweden-test {
		margin: 0 0 20px;
		padding:2em;
		box-shadow:0px 4px 12px rgba(0, 0, 0, 0.15),0px 8px 20px rgba(0, 0, 0, 0.1);
	}	
	
	.sweden-bg .btn {
		max-width: 100%!important;
	}
	
	.banner .block-img-resources {
		padding: 0 20px;
	}
}

/* Hello Sweden */

/* Hello Australia */

.oz-bg {
	background:#0082ca;
	background-image: url(../images/hello/oz-bg.jpg); /* fallback */
	background-image: url(../images/hello/oz-bg.jpg), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/oz-bg.jpg), -webkit-gradient(radial, center bottom, 0px, center center, 100%, color-stop(0%, rgba(81,182,245,1)), color-stop(100%, rgba(3,77,162,1)));
	background-image: url(../images/hello/oz-bg.jpg), -webkit-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/oz-bg.jpg), -o-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/oz-bg.jpg), -ms-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/oz-bg.jpg), radial-gradient(ellipse at center bottom, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-size: cover;
	background-position:center center;
	padding-bottom:20px;
}

/* Hello Australia */

/* Hello Italy */

.italy-bg {
	background:#0082ca;
	background-image: url(../images/hello/italy-bg.jpg); /* fallback */
	background-image: url(../images/hello/italy-bg.jpg), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/italy-bg.jpg), -webkit-gradient(radial, center bottom, 0px, center center, 100%, color-stop(0%, rgba(81,182,245,1)), color-stop(100%, rgba(3,77,162,1)));
	background-image: url(../images/hello/italy-bg.jpg), -webkit-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/italy-bg.jpg), -o-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/italy-bg.jpg), -ms-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/italy-bg.jpg), radial-gradient(ellipse at center bottom, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-size: cover;
	background-position:center center;
	padding-bottom:20px;
}

/* Hello Italy */

/* Hello Netherlands */

.netherlands-bg {
	background:#0082ca;
	background-image: url(../images/hello/netherlands-bg.webp); /* fallback */
	background-image: url(../images/hello/netherlands-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/netherlands-bg.webp), -webkit-gradient(radial, center bottom, 0px, center center, 100%, color-stop(0%, rgba(81,182,245,1)), color-stop(100%, rgba(3,77,162,1)));
	background-image: url(../images/hello/netherlands-bg.webp), -webkit-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/netherlands-bg.webp), -o-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/netherlands-bg.webp), -ms-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/netherlands-bg.webp), radial-gradient(ellipse at center bottom, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-size: cover;
	background-position:center center;
	padding-bottom:20px;
}

/* Hello Netherlands */


/* Hello USA */

.usa-bg {
	background:#0082ca;
	background-image: url(../images/hello/usa-bg.webp); /* fallback */
	background-image: url(../images/hello/usa-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/usa-bg.webp), -webkit-gradient(radial, center bottom, 0px, center center, 100%, color-stop(0%, rgba(81,182,245,1)), color-stop(100%, rgba(3,77,162,1)));
	background-image: url(../images/hello/usa-bg.webp), -webkit-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/usa-bg.webp), -o-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/usa-bg.webp), -ms-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/usa-bg.webp), radial-gradient(ellipse at center bottom, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-size: cover;
	background-position:center center;
	padding-bottom:20px;
}

/* Hello USA */

/* Hello Canada */

.canada-bg {
	background:#0082ca;
	background-image: url(../images/hello/canada-bg.webp); /* fallback */
	background-image: url(../images/hello/canada-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/canada-bg.webp), -webkit-gradient(radial, center bottom, 0px, center center, 100%, color-stop(0%, rgba(81,182,245,1)), color-stop(100%, rgba(3,77,162,1)));
	background-image: url(../images/hello/canada-bg.webp), -webkit-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/canada-bg.webp), -o-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/canada-bg.webp), -ms-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/canada-bg.webp), radial-gradient(ellipse at center bottom, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-size: cover;
	background-position:center center;
	padding-bottom:20px;
}

/* Hello Canada */

/* Hello UK */

.uk-bg {
	background:#0082ca;
	background-image: url(../images/hello/uk-bg.webp); /* fallback */
	background-image: url(../images/hello/uk-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/uk-bg.webp), -webkit-gradient(radial, center bottom, 0px, center center, 100%, color-stop(0%, rgba(81,182,245,1)), color-stop(100%, rgba(3,77,162,1)));
	background-image: url(../images/hello/uk-bg.webp), -webkit-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/uk-bg.webp), -o-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/uk-bg.webp), -ms-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/uk-bg.webp), radial-gradient(ellipse at center bottom, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-size: cover;
	background-position:center center;
	padding-bottom:20px;
}

/* Hello UK */

/* Hello Ireland */

.ireland-bg {
	background:#0082ca;
	background-image: url(../images/hello/ireland-bg.webp); /* fallback */
	background-image: url(../images/hello/ireland-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/ireland-bg.webp), -webkit-gradient(radial, center bottom, 0px, center center, 100%, color-stop(0%, rgba(81,182,245,1)), color-stop(100%, rgba(3,77,162,1)));
	background-image: url(../images/hello/ireland-bg.webp), -webkit-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/ireland-bg.webp), -o-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/ireland-bg.webp), -ms-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/ireland-bg.webp), radial-gradient(ellipse at center bottom, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-size: cover;
	background-position:center center;
	padding-bottom:20px;
}

/* Hello Ireland */

/* Hello Israel */

.israel-bg {
	background:#0082ca;
	background-image: url(../images/hello/israel-bg.webp); /* fallback */
	background-image: url(../images/hello/israel-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/israel-bg.webp), -webkit-gradient(radial, center bottom, 0px, center center, 100%, color-stop(0%, rgba(81,182,245,1)), color-stop(100%, rgba(3,77,162,1)));
	background-image: url(../images/hello/israel-bg.webp), -webkit-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/israel-bg.webp), -o-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/israel-bg.webp), -ms-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/israel-bg.webp), radial-gradient(ellipse at center bottom, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-size: cover;
	background-position:center center;
	padding-bottom:20px;
}

/* Hello Israel */

/* Hello Namibia */

.nam-bg {
	background:#0082ca;
	background-image: url(../images/hello/nam-bg.webp); /* fallback */
	background-image: url(../images/hello/nam-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/nam-bg.webp), -webkit-gradient(radial, center bottom, 0px, center center, 100%, color-stop(0%, rgba(81,182,245,1)), color-stop(100%, rgba(3,77,162,1)));
	background-image: url(../images/hello/nam-bg.webp), -webkit-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/nam-bg.webp), -o-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/nam-bg.webp), -ms-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/nam-bg.webp), radial-gradient(ellipse at center bottom, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-size: cover;
	background-position:center center;
	padding-bottom:20px;
}

/* Hello Namibia */

/* Hello Thailand */

.thai-bg {
	background:#0082ca;
	background-image: url(../images/hello/thai-bg.webp); /* fallback */
	background-image: url(../images/hello/thai-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/thai-bg.webp), -webkit-gradient(radial, center bottom, 0px, center center, 100%, color-stop(0%, rgba(81,182,245,1)), color-stop(100%, rgba(3,77,162,1)));
	background-image: url(../images/hello/thai-bg.webp), -webkit-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/thai-bg.webp), -o-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/thai-bg.webp), -ms-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/thai-bg.webp), radial-gradient(ellipse at center bottom, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-size: cover;
	background-position:center center;
	padding-bottom:20px;
}

/* Hello Thailand */

/* Hello Germany */

.ger-bg {
	background:#0082ca;
	background-image: url(../images/hello/ger-bg.webp); /* fallback */
	background-image: url(../images/hello/ger-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/ger-bg.webp), -webkit-gradient(radial, center bottom, 0px, center center, 100%, color-stop(0%, rgba(81,182,245,1)), color-stop(100%, rgba(3,77,162,1)));
	background-image: url(../images/hello/ger-bg.webp), -webkit-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/ger-bg.webp), -o-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/ger-bg.webp), -ms-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/hello/ger-bg.webp), radial-gradient(ellipse at center bottom, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-size: cover;
	background-position:center center;
	padding-bottom:20px;
}

/* Hello Germany */

/* Hello France */

.fra-bg {
	background:#0082ca;
	background-image: url(../images/hello/fra-bg.webp); /* fallback */
	background-image: url(../images/hello/fra-bg.webp), radial-gradient(ellipse at center bottom, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-size: cover;
	background-position:center center;
	padding-bottom:20px;
}


/* Hello Global */

/* Country Header Backgrounds */

.bg-US {
	background-image: url(../images/hello/usa-bg.webp); /* fallback */
	background-image: url(../images/hello/usa-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
}

.bg-GB {
	background-image: url(../images/hello/uk-bg.webp); /* fallback */
	background-image: url(../images/hello/uk-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
}

.bg-AU {
	background-image: url(../images/hello/oz-bg.jpg); /* fallback */
	background-image: url(../images/hello/oz-bg.jpg), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
}

.bg-CA {
	background-image: url(../images/hello/canada-bg.webp); /* fallback */
	background-image: url(../images/hello/canada-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
}

.bg-DE {
	background-image: url(../images/hello/ger-bg.webp); /* fallback */
	background-image: url(../images/hello/ger-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
}

.bg-IE {
	background-image: url(../images/hello/ireland-bg.webp); /* fallback */
	background-image: url(../images/hello/ireland-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
}

.bg-IL {
	background-image: url(../images/hello/israel-bg.webp); /* fallback */
	background-image: url(../images/hello/israel-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
}

.bg-IT {
	background-image: url(../images/hello/italy-bg.jpg); /* fallback */
	background-image: url(../images/hello/italy-bg.jpg), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
}

.bg-NA {
	background-image: url(../images/hello/nam-bg.webp); /* fallback */
	background-image: url(../images/hello/nam-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
}

.bg-NO {
	background-image: url(../images/hello/norway-bg.webp); /* fallback */
	background-image: url(../images/hello/norway-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
}

.bg-NL {
	background-image: url(../images/hello/netherlands-bg.webp); /* fallback */
	background-image: url(../images/hello/netherlands-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
}

.bg-SE {
	background-image: url(../images/hello/sweden-bg.jpg); /* fallback */
	background-image: url(../images/hello/sweden-bg.jpg), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
}

.bg-CH {
	background-image: url(../images/hello/swiss-bg.webp); /* fallback */
	background-image: url(../images/hello/swiss-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
}

.bg-TH {
	background-image: url(../images/hello/thai-bg.webp); /* fallback */
	background-image: url(../images/hello/thai-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
}

.bg-FR {
	background-image: url(../images/hello/fra-bg.webp); /* fallback */
	background-image: url(../images/hello/fra-bg.webp), radial-gradient(ellipse at center bottom, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);	
}

.bg-ZA {
	background-image: url(../images/hello/rsa-bg.webp); /* fallback */
	background-image: url(../images/hello/rsa-bg.webp), radial-gradient(ellipse at center bottom, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);	
}



.global-bg {
	background-image: url(../images/hello/global-bg.webp); /* fallback */
	background-image: url(../images/hello/global-bg.webp), radial-gradient(ellipse at center bottom, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);	
	background-position: bottom center;
}


/* Hello Global */


/* RCS Page */

.rcs-bg {
	background:#0082ca;
	background-image: url(../images/rcs/rcs-banner-bg.webp); /* fallback */
	background-image: url(../images/rcs/rcs-banner-bg.webp), -moz-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/rcs/rcs-banner-bg.webp), -webkit-gradient(radial, center bottom, 0px, center center, 100%, color-stop(0%, rgba(81,182,245,1)), color-stop(100%, rgba(3,77,162,1)));
	background-image: url(../images/rcs/rcs-banner-bg.webp), -webkit-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/rcs/rcs-banner-bg.webp), -o-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/rcs/rcs-banner-bg.webp), -ms-radial-gradient(center bottom, ellipse cover, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-image: url(../images/rcs/rcs-banner-bg.webp), radial-gradient(ellipse at center bottom, rgba(81,182,245,1) 0%, rgba(3,77,162,1) 100%);
	background-size: cover;
	background-position:center center;
	padding-bottom:20px;
}


.rcs-img {
	width:50%;
	float:right;
	margin:24px;
}

@media only screen and (max-width: 767px) {
	
	.rcs-img {
		width:100%;
		float:none;
		margin:24px 0;
	}	
		
}


.booking iframe body {
	background-color:#fff!important;
}



/* RCS Page */


/* Padding and Margin adjustments for Mobile */

@media only screen and (max-width: 767px) {
	
	.m-1 {
		margin: 0.25rem 0.25rem !important;
	}
	
	.mt-1 {
		margin-top: 0.25rem !important;
	}
	
	.mr-1 {
		margin-right: 0.25rem !important;
	}
	
	.mb-1 {
		margin-bottom: 0.25rem !important;
	}
	
	.ml-1 {
		margin-left: 0.25rem !important;
	}
	
	.mx-1 {
		margin-right: 0.25rem !important;
		margin-left: 0.25rem !important;
	}
	
	.my-1 {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
	}
	
	.m-2 {
		margin: 0.5rem 0.5rem !important;
	}
	
	.mt-2 {
		margin-top: 0.5rem !important;
	}
	
	.mr-2 {
		margin-right: 0.5rem !important;
	}
	
	.mb-2 {
		margin-bottom: 0.5rem !important;
	}
	
	.ml-2 {
		margin-left: 0.5rem !important;
	}
	
	.mx-2 {
		margin-right: 0.5rem !important;
		margin-left: 0.5rem !important;
	}
	
	.my-2 {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}
	
	.m-3 {
		margin: 1rem 1rem !important;
	}
	
	.mt-3 {
		margin-top: 1rem !important;
	}
	
	.mr-3 {
		margin-right: 1rem !important;
	}
	
	.mb-3 {
		margin-bottom: 1rem !important;
	}
	
	.ml-3 {
		margin-left: 1rem !important;
	}
	
	.mx-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important;
	}
	
	.my-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}
	
	.m-4 {
		margin: 1.5rem 1.5rem !important;
	}
	
	.mt-4 {
		margin-top: 1.5rem !important;
	}
	
	.mr-4 {
		margin-right: 1.5rem !important;
	}
	
	.mb-4 {
		margin-bottom: 1.5rem !important;
	}
	
	.ml-4 {
		margin-left: 1.5rem !important;
	}
	
	.mx-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important;
	}
	
	.my-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}
	
	.m-5 {
		margin: 3rem 3rem !important;
	}
	
	.mt-5 {
		margin-top: 3rem !important;
	}
	
	.mr-5 {
		margin-right: 3rem !important;
	}
	
	.mb-5 {
		margin-bottom: 3rem !important;
	}
	
	.ml-5 {
		margin-left: 3rem !important;
	}
	
	.mx-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important;
	}
	
	.my-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}
	
	.p-0 {
		padding: 0 0 !important;
	}
	
	.pt-0 {
		padding-top: 0 !important;
	}
	
	.pr-0 {
		padding-right: 0 !important;
	}
	
	.pb-0 {
		padding-bottom: 0 !important;
	}
	
	.pl-0 {
		padding-left: 0 !important;
	}
	
	.px-0 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	
	.py-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	.p-1 {
		padding: 0.25rem 0.25rem !important;
	}
	
	.pt-1 {
		padding-top: 0.25rem !important;
	}
	
	.pr-1 {
		padding-right: 0.25rem !important;
	}
	
	.pb-1 {
		padding-bottom: 0.25rem !important;
	}
	
	.pl-1 {
		padding-left: 0.25rem !important;
	}
	
	.px-1 {
		padding-right: 0.25rem !important;
		padding-left: 0.25rem !important;
	}
	
	.py-1 {
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}
	
	.p-2 {
		padding: 0.5rem 0.5rem !important;
	}
	
	.pt-2 {
		padding-top: 0.5rem !important;
	}
	
	.pr-2 {
		padding-right: 0.5rem !important;
	}
	
	.pb-2 {
		padding-bottom: 0.5rem !important;
	}
	
	.pl-2 {
		padding-left: 0.5rem !important;
	}
	
	.px-2 {
		padding-right: 0.5rem !important;
		padding-left: 0.5rem !important;
	}
	
	.py-2 {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	
	.p-3 {
		padding: 1rem 1rem !important;
	}
	
	.pt-3 {
		padding-top: 1rem !important;
	}
	
	.pr-3 {
		padding-right: 1rem !important;
	}
	
	.pb-3 {
		padding-bottom: 1rem !important;
	}
	
	.pl-3 {
		padding-left: 1rem !important;
	}
	
	.px-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}
	
	.py-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}
	
	.p-4 {
		padding: 1.5rem 1.5rem !important;
	}
	
	.pt-4 {
		padding-top: 1.5rem !important;
	}
	
	.pr-4 {
		padding-right: 1.5rem !important;
	}
	
	.pb-4 {
		padding-bottom: 1.5rem !important;
	}
	
	.pl-4 {
		padding-left: 1.5rem !important;
	}
	
	.px-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}
	
	.py-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}
	
	.p-5 {
		padding: 1.5rem 1.5rem !important;
	}
	
	.pt-5 {
		padding-top: 1.5rem !important;
	}
	
	.pr-5 {
		padding-right: 1.5rem !important;
	}
	
	.pb-5 {
		padding-bottom: 1.5rem !important;
	}
	
	.pl-5 {
		padding-left: 1.5rem !important;
	}
	
	.px-5 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}
	
	.py-5 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}

}




.sms-guide {
	border:1px solid #efefef;
	border-radius:1em;
	padding:1.5em;
	margin:1em 0;
}


.sms-guide h3 {
	width: 100%;
}

.sms-guide .badge {
	display: inline-block;
	float: right;
	padding: 0.5em 1em;
	font-size: 60%;
	letter-spacing:1px;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 1rem;
	background-color:var(--primary)!important;
}

ol.basiclist {
	margin: 0 0 1.2rem 1em;
	padding-left: 1em;
	list-style: none;
	counter-reset: my-awesome-counter;
}
ol.basiclist li {
	counter-increment: my-awesome-counter;
	margin-left: -1em;
	padding-left: 1.5em;
	margin-bottom: 0.75em;
}
ol.basiclist li::before {
	content: counters(my-awesome-counter, ".") " ";
	font-size: 1em;
	color: #ff7900;
	font-weight: 700;
	width: 1.5em;
	margin-left: -1.5em;
	float: left;
}