/* ===================================================================== */
/* UNIVERSAL */
/* ===================================================================== */
/* XS - Default <576px */
	html{
		scroll-padding-top: 150px;
	}
	.bgDarkBlue{
		background-color:#164269;
	}
	.bgBlue{
		background-color:#0D89C1;
	}
	.bgLightBlue{
		background-color:#ECF4FC;
	}
	.borderRadius{
		border-radius:20px;
	}
	
	.rowPaddingL, .rowPaddingTopL{
		padding-top:50px;
	}
	.rowPadding, .rowPaddingTop{
		padding-top:50px;
	}
	.rowPaddingS, .rowPaddingTopS{
		padding-top:50px;
	}
	
	.rowPaddingL, .rowPaddingBottomL, .rowPaddingSpacerL{
		padding-bottom:50px;
	}
	.rowPadding, .rowPaddingBottom, .rowPaddingSpacer{
		padding-bottom:50px;
	}
	.rowPaddingS, .rowPaddingBottomS, .rowPaddingSpacerS{
		padding-bottom:50px;
	}
	.rowPaddingHideOnLBreak{
		padding-top:30px;
	}
	.rowPaddingSHideOnBreak{
		padding-top:0px;
	}
	.rowPaddingBottomHideOnBreak{
		padding-bottom:0px;
	}
	
	.normalTable{
		width:100%;
		border-top:1px solid #000000;
		border-left:1px solid #000000;
	}
	.normalTable td{
		border-right:1px solid #000000;
		border-bottom:1px solid #000000;
		padding:6px;
		vertical-align: top;
	}
	.normalTable tr:first-child td{
		background-color:#dcf4fa;
	}
	
	
	.pushPullSpacerL1{
		margin-top:100px;
	}
	.pushPullSpacerL2{
		margin-top:-200px;
	}
	.pushPullSpacer1{
		margin-top:75px;
	}
	.pushPullSpacer2{
		margin-top:-150px;
	}
	.pushPullSpacerS1{
		margin-top:50px;
	}
	.pushPullSpacerS2{
		margin-top:-100px;
	}
	
	.pushPullSpacerV21{
		margin-top:-100px;
	}
	.pushPullSpacerV22{
		height:100px;
	}
	
	
	.gradientBG {
	background: linear-gradient(45deg, #c8e6d8, #cdebf2, #c8e6d8, #cdebf2);
	background-size: 400% 400%;
	animation: gradient 12s ease infinite;
	}
	@keyframes gradient {
		0% {
			background-position: 0% 50%;
		}
		50% {
			background-position: 100% 50%;
		}
		100% {
			background-position: 0% 50%;
		}
	}
	
	.mainPatternBG{
		background-image:url(https://www.myonebadge.com/onebadge-design/images/layout/mainbgpattern.png?123) ; background-position: 50% 00%;
		background-repeat:no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.coverImage{
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	b{
		font-weight:bold !important;
	}
	.video-container {
	  position: relative;
	  width: 100%;
	  padding-bottom: 56.25%; /* 16:9 aspect ratio */
	}
	.video-container iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  border: 0;
	  border-radius:20px;
	}
	.form-group{
		padding-bottom:10px;
	}
	.form-reasonDropdown{
		padding:8px;
		width:100%;
		border-radius:6px;
		cursor:pointer;
		border: 1px solid #dddddd !important;
	}
/* --------------------------------------------------------------------- */
/* SM - ≥576px */
@media (min-width: 576px) {
}
/* --------------------------------------------------------------------- */
/* MD - ≥768px */
@media (min-width: 768px) {
}
/* --------------------------------------------------------------------- */
/* LG - ≥992px */
@media (min-width: 992px) {


	.rowPaddingL, .rowPaddingTopL{
		padding-top:100px;
	}
	.rowPadding, .rowPaddingTop{
		padding-top:75px;
	}
	.rowPaddingS, .rowPaddingTopS{
		padding-top:50px;
	}
	
	.rowPaddingL, .rowPaddingBottomL, .rowPaddingSpacerL{
		padding-bottom:100px;
	}
	.rowPadding, .rowPaddingBottom, .rowPaddingSpacer{
		padding-bottom:75px;
	}
	.rowPaddingS, .rowPaddingBottomS, .rowPaddingSpacerS{
		padding-bottom:50px;
	}
	.rowPaddingHideOnLBreak{
		padding-top:0px;
	}
	.rowPaddingSHideOnBreak{
		padding-top:50px;
	}
	.rowPaddingBottomHideOnBreak{
		padding-bottom:75px;
	}
	.form-group{
		padding-bottom:20px;
	}

	
}
/* --------------------------------------------------------------------- */
/* XL - ≥1200px */
@media (min-width: 1200px) {
	
}
/* --------------------------------------------------------------------- */
/* XXL ≥1400px */
@media (min-width: 1400px) {
	
}




/* ===================================================================== */
/* NAVIGATION */
/* ===================================================================== */
/* XS - Default <576px */
	.mainLogo{
		position:absolute;
		top:-3px;
		left:0px;
		height:72px !important;
		z-index:2;
	}
	.languageBar{
		display:none;
		color:#ffffff;
		padding-top:6px;
		padding-bottom:9px;
	}
	.languageBar a{
		text-decoration:none;
		color:#ffffff;
	}
	.languageBar a:hover{
		text-decoration:underline;
		color:#ffffff;
	}
	.translate-wrapper {
	  display: inline;
	  position:relative;
	}
	.translate-wrapper {
	  display: inline;
	  position:relative;
	}
	#customTranslate {
	  cursor:pointer;
	  width:90px;
	  border:0px;
	  background-color: transparent;
	  text-align:left;
	  color:#ffffff;
	  outline: none;
	}
	#customTranslate:hover{
		text-decoration: underline;
	}
	#customTranslate option{
		color:#000000;
	}
	
	.navbar{
		box-shadow: 0px 0px 25px rgba(0,0,0,0.25);
		padding:0px;
	}
	.navbar-nav{
		padding-bottom:12px;
	}
	.navbar a:hover{
		color:inherit;
	}
	.custom-navbar-wrapper {
		position: sticky;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1030;
		display: flex;
		justify-content: center;
	}
	.custom-navbar {
		width: 100%;
	}
	.dropdown-menu{
		font-size:inherit;
		border:0px;
		padding:0px;
		border-bottom:0px solid #cccccc;
		background-color:#f6f6f6;
		border-radius:0px;
	}
		.dropdown-menu a, .navCountry{
			border-top:1px solid #cccccc;
			color:#000000 !important;
			padding-left:10px;
			padding-right:10px;
			padding-top:8px;
			padding-bottom:8px;
		}
	.nav-link{
		color:#000000;
		border-top:1px solid #cccccc;
		padding-top:8px;
		padding-bottom:8px;
	}
	.nav-link:hover{
		color:#ff0000;
	}
	.navigationPull{
		margin-bottom:0px; 
	}
	.navigationPadding{
		margin-bottom:0px; 
	}
	.menuButtonSpace{
		margin-left:0px;
		width:100%;
		text-align:center;
	}

	.navbar .dropdown-toggle::after {
		content: "";
		border: none;
		width: 7px;
		height: 7px;
		border-right: 2px solid;
		border-bottom: 2px solid;
		transform: rotate(45deg);
	}
	.inlineIconLeft{
		height: 1em;   /* matches text height */
		vertical-align: middle;
		position:relative;
		top:-2px;
		margin-right:8px;
	}
	.countryDropdownMenu{
		width:100%;
	}
	.navbar-toggler{
		margin-bottom:12px; 
		margin-top:12px;
	}
	.navbar-toggler:focus,
	.navbar-toggler:active,
	.navbar-toggler-icon:focus {
		outline: none;
		box-shadow: none;
	}
	.btn{
		font-size:inherit;
	}
	.navButtonDesign{
		border-radius:100px;
		background-color:#0D89C1;
		padding-left:25px !important;
		padding-right:25px !important; 
		font-weight:bold;
		color:#ffffff !important;
		transition-duration:0s !important;
		border:0px !important;
	}
	.navButtonDesign:hover{
		color:#ffffff !important;
		background-color:#139ECE;
	}
	


	
/* --------------------------------------------------------------------- */
/* SM - ≥576px */
@media (min-width: 576px) {

}
/* --------------------------------------------------------------------- */
/* MD - ≥768px */
@media (min-width: 768px) {

}
/* --------------------------------------------------------------------- */
/* LG - ≥992px */
@media (min-width: 992px) {

}
/* --------------------------------------------------------------------- */
/* XL - ≥1200px - MENU BREAKPOINT */ 
@media (min-width: 1200px) {	
	.mainLogo{
		top:-23px;
		left:-8px;
		height:100px !important;
	}
	.languageBar{
		display:block;
		text-align:right;
	}
	.custom-navbar-wrapper{
		position: sticky;
		top:0px;
		
	}
	.custom-navbar {
		max-width: 1140px;
		border-radius: 50px;
		margin-top: 28px;
	}
	.dropdown-menu{
		padding:10px;
		border-radius:12px;
		box-shadow: 0px 5px 4px rgba(0,0,0,0.25);
		background-color:#ffffff;
	}
		.dropdown-menu a, .navCountry{
			border-top:1px solid #cccccc;
			color:#000000 !important;
			padding-left:10px;
			padding-right:10px;
			padding-top:10px;
			padding-bottom:9px;
		}
	/* Dropdown on hover (desktop only) */
	.navbar .dropdown-menu {
		display: none;
		margin-top: 0;
		left: 0 !important;
		right: auto !important;
		transform: none !important;
	}
	.countryDropdownMenu{
		width:400px;
	}

	.navbar .dropdown:hover .dropdown-menu {
		display: block;
	}
	.navigationPull{
		margin-bottom:-98px;
	}
	.navigationPadding{
		padding-top:98px; 
	}
	.navbar{
		padding-top:10px;
		padding-bottom:10px;
	}
	.navbar-nav{
		padding-bottom:0px;
	}
	.nav-item{
		padding-right:1px;
		padding-left:1px;
	}
	.nav-link{
		color:#000000;
		padding-top:14px;
		padding-bottom:14px;
		border-top:0px solid #cccccc;
	}
	.menuButtonSpace{
		margin-left:15px;
		width:auto;
	}

}
/* --------------------------------------------------------------------- */
/* XXL ≥1400px */
@media (min-width: 1400px) {	
	.nav-item{
		padding-right:5px;
		padding-left:5px;
	}
	.custom-navbar {
		max-width: 1320px;
	}
}









/* ===================================================================== */
/* BODY COLUMNS */
/* ===================================================================== */
/* XS - Default <576px */
	.industryBoxTitle{
		text-align:center;
	}
	.industryBoxLogo{
		padding-left:00px;
		border-left:0px dashed #ffffff;
		padding-bottom:20px;
	}
	.industryLogo{
		width:60%;
		max-width:400px;
	}
	.industryPhoneImageCutter{
		width:100%;
		height:auto;
		aspect-ratio: 1.025;
		overflow:hidden;
		text-align:center;
		position:relative;
		
	}
	.industryPhoneImage{
		position:absolute;
		width:100%;
		max-width:500px;
		left: 50%;
		transform: translate(-50%, 0%);
	}
/* --------------------------------------------------------------------- */
/* SM - ≥576px */
@media (min-width: 576px) {
	.industryPhoneImageCutter{
		height:490px;
	}
}
/* --------------------------------------------------------------------- */
/* MD - ≥768px */
@media (min-width: 768px) {
	
}
/* --------------------------------------------------------------------- */
/* LG - ≥992px */
@media (min-width: 992px) {
	.industryBoxTitle{
		padding-right:40px;
		text-align:left;
	}
	.industryBoxLogo{
		padding-left:40px;
		border-left:2px dashed #ffffff;
		padding-bottom:0px;
	}
	.industryLogo{
		width:90%;
		max-width:400px;
	}
	.industryPhoneImageCutter{
		height:100%;
	}
}
/* --------------------------------------------------------------------- */
/* XL - ≥1200px */
@media (min-width: 1200px) {
	
}
/* --------------------------------------------------------------------- */
/* XXL ≥1400px */
@media (min-width: 1400px) {
	
}










/* ===================================================================== */
/* FOOTER */
/* ===================================================================== */
/* XS - Default <576px */
	.footer{
		color:#888888;
		line-height:160% !important;
	}
	.footer a{
		color:#888888;
		text-decoration:none;
	}
	.socialIcons{
		width:40px;
	}
	.socialIcons:hover {
	  /* turn svg red on hover */
	  filter: invert(82%) sepia(120%) saturate(1352%) hue-rotate(325deg) brightness(95%) contrast(180%);
	}
	.zippyLine{
		border-top:1px solid #cccccc;
		position:relative;
		margin-top:60px;
		margin-bottom:80px;
	}
	.footerZippy{
		position:absolute;
		right: 50%;
		transform: translate(50%, 0%);
		height:110px;
		top:-55px;
	}
	.footerTextCenter{
		text-align:center;
	}
	.inlineIconRight{
		height: 1em;   /* matches text height */
		vertical-align: middle;
		position:relative;
		top:-2px;
	}
	
 .VIpgJd-ZVi9od-ORHb-OEVmcd {
    display: none;
}
	
/* --------------------------------------------------------------------- */
/* SM - ≥576px */
@media (min-width: 576px) {
	.zippyLine{
		margin-top:0px;
		margin-bottom:0px;
	}
	.footerZippy{
		right: 0%;
		transform: translate(0%, 0%);
		height:120px;
		top:-100px;
	}
	.footerTextCenter{
		text-align:left;
	}
}
/* --------------------------------------------------------------------- */
/* MD - ≥768px */
@media (min-width: 768px) {

}
/* --------------------------------------------------------------------- */
/* LG - ≥992px */
@media (min-width: 992px) {
	.footerZippy{
		right: 0%;
		transform: translate(0%, 0%);
		height:160px;
		top:-95px;
	}
}
/* --------------------------------------------------------------------- */
/* XL - ≥1200px */
@media (min-width: 1200px) {
	
}
/* --------------------------------------------------------------------- */
/* XXL ≥1400px */
@media (min-width: 1400px) {
	
}







/* ===================================================================== */
/* BUTTONS + ICONS */
/* ===================================================================== */
/* XS - Default <576px */
	
	.buttonDesign, .buttonDesignWithLeftIcon, .buttonDesignWithRightIcon, .buttonDesignFullCenter{
		position:relative;
		display:inline-block;
		border-radius:100px;
		background-color:#0D89C1;
		border:3px solid #0D89C1;
		font-weight:bold;
		color:#ffffff;
		text-decoration:none;
		line-height:100%;
		border:0px;
		margin-top:5px;
		margin-bottom:5px;
		padding-top:13px;
		padding-bottom:13px;
		padding-left:20px;
		padding-right:20px;
		width:100%;
		text-align:center;
	}
	.buttonDesignFullCenter{
		width:100%;
		padding-left:10px;
		padding-right:10px;
		text-align:center;
	}
	.buttonDesign:hover, .buttonDesignWithLeftIcon:hover, .buttonDesignWithRightIcon:hover{
		color:#ffffff;
		text-decoration:underline;
	}
	.buttonDesignWithLeftIcon{
		padding-left:20px;
	}
	.buttonDesignWithRightIcon{
		padding-right:20px;
	}
	.buttonDesignWithLeftIcon .buttonDesignIcon{
		height: 2.1em;   /* matches text height */
		position:absolute;
		top:50%;
		transform: translateY(-50%);
		left:15px;
	}
	.buttonDesignWithRightIcon .buttonDesignIcon{
		height: 2.1em;   /* matches text height */
		position:absolute;
		top:50%;
		transform: translateY(-50%);
		right:15px;
	}
	
	.blueButton{
		color:#ffffff;
		background-color:#0D89C1;
		border:3px solid #0D89C1;
	}
	.blueButton:hover{
		color:#ffffff;
		background-color:#139ECE;
		border:3px solid #139ECE;
		text-decoration:underline;
	}
	.blueButton .buttonDesignIcon{
		filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(77deg) brightness(106%) contrast(103%);
		/* USE SITE FOR CODE TO CHANGE SVG COLOR - https://codepen.io/sosuke/pen/Pjoqqp */
	}
	
	.blueOutlineButton{
		background-color:transparent;
		color:#0D89C1;
		border:3px solid #0D89C1;
	}
	.blueOutlineButton:hover{
		background-color:transparent;
		color:#0D89C1;
		border:3px solid #0D89C1;
		text-decoration:underline;
	}
	.blueOutlineButton .buttonDesignIcon{
		filter: invert(36%) sepia(89%) saturate(1594%) hue-rotate(171deg) brightness(86%) contrast(90%);
	}
	.blueOutlineButton:hover .buttonDesignIcon{
		filter: invert(36%) sepia(89%) saturate(1594%) hue-rotate(171deg) brightness(86%) contrast(90%);
	}
	
	.whiteOutlineButton{
		background-color:transparent;
		color:#ffffff;
		border:3px solid #ffffff;
	}
	.whiteOutlineButton:hover{
		background-color:transparent;
		color:#ffffff;
		border:3px solid #ffffff;
		text-decoration:underline;
	}
	.whiteOutlineButton .buttonDesignIcon{
		filter: invert(100%) sepia(100%) saturate(7465%) hue-rotate(192deg) brightness(205%) contrast(101%);
	}
	.whiteOutlineButton:hover .buttonDesignIcon{
		filter: invert(100%) sepia(100%) saturate(7465%) hue-rotate(192deg) brightness(205%) contrast(101%);
	}
	
	.whiteShadowButton{
		background-color:#ffffff;
		color:#000000;
		border:3px solid #ffffff;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
	}
	.whiteShadowButton:hover{
		background-color:#ffffff;
		color:#ff0000;
		border:3px solid #ffffff;
		text-decoration:underline;
	}
	.whiteShadowButton .buttonDesignIcon{
		filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(176deg) brightness(98%) contrast(102%);
	}
	.whiteShadowButton:hover .buttonDesignIcon{
		filter: invert(29%) sepia(88%) saturate(6769%) hue-rotate(354deg) brightness(93%) contrast(124%);
	}
	

	.darkBlueIcon, .blueIcon, .whiteIcon{
		width:60%;
		max-width:160px;
	}
	.darkBlueIcon{
		filter: invert(18%) sepia(96%) saturate(480%) hue-rotate(175deg) brightness(69%) contrast(93%);
	}
	.blueIcon{
		filter: invert(36%) sepia(89%) saturate(1594%) hue-rotate(171deg) brightness(86%) contrast(90%);
	}
	.whiteIcon{
		filter: invert(100%) sepia(100%) saturate(7465%) hue-rotate(192deg) brightness(205%) contrast(101%);
	}
	.circleIconHolder{
		display:inline-block;
		width:100%;
		max-width:60px;
		background-color:#ffffff;
		text-align:center;
		border-radius:50%;
		padding:6px;
	}
	.circleIconHolder .darkBlueIcon, .circleIconHolder .blueIcon, .circleIconHolder .whiteIcon{
		width:100%;
	}
	
	.circleIconHolderLeft{
		float:left;
		margin-right:20px;
	}
	
	.circleIconLineHolderOverall{
		border-left:1px solid #cccccc;
		margin-left:30px;
	}
	.circleIconLineHolder{
		width:100%;
		margin-bottom:12px;
	}
	.circleIconLineHolderSmallText{
		float:left;
	}
	.circleIconLineHolderSmall{
		width:60px !important;
		background-color:#ffffff;
		text-align:center;
		border-radius:50%;
		padding:6px;
		margin-right:12px;
		margin-left:-30px;
		border:1px solid #cccccc;
	}
	.circleIconLineHolderSmall .darkBlueIcon, .circleIconLineHolderSmall .blueIcon, .circleIconLineHolderSmall .whiteIcon{
		width:100%;
	}
	
	.buttonXLWithRightIcon{
		position:relative;
		display:inline-block;
		border-radius:20px;
		background-color:#0D89C1;
		color:#ffffff;
		text-decoration:none;
		line-height:100%;
		margin-top:5px;
		margin-bottom:5px;
		padding-top:80px;
		padding-bottom:30px;
		padding-left:20px;
		padding-right:20px;
		width:100%;
		text-align:center;
	}
	.buttonXLWithRightIcon .buttonDesignIcon{
		height: 3.5em;   /* matches text height */
		position:absolute;
		top:20px;
		left:50%;
		transform: translateX(-50%);
	}
	
	
/* --------------------------------------------------------------------- */
/* SM - ≥576px */
@media (min-width: 576px) {
	.buttonDesign, .buttonDesignWithLeftIcon, .buttonDesignWithRightIcon, .buttonDesignFullCenter{
		width:auto;
		text-align:left;
		padding-top:13px;
		padding-bottom:13px;
		padding-left:30px;
		padding-right:30px;
	}
	.buttonDesignWithLeftIcon{
		padding-left:70px;
	}
	.buttonDesignWithRightIcon{
		padding-right:70px;
	}
	.buttonDesignWithLeftIcon .buttonDesignIcon{
		left:20px;
	}
	.buttonDesignWithRightIcon .buttonDesignIcon{
		right:20px;
	}
	.buttonDesignFullCenter{
		padding-left:10px;
		padding-right:10px;
	}

	.buttonXLWithRightIcon{
		padding-top:30px;
		padding-bottom:32px;
		padding-left:20px;
		padding-right:90px;
		text-align:left;
	}
	.buttonXLWithRightIcon .buttonDesignIcon{
		height: 3.5em;   /* matches text height */
		position:absolute;
		top:50%;
		transform: translateY(-50%);
		right:25px;
		left:auto;
	}
	
	
}
/* --------------------------------------------------------------------- */
/* MD - ≥768px */
@media (min-width: 768px) {
	
}
/* --------------------------------------------------------------------- */
/* LG - ≥992px */
@media (min-width: 992px) {
	.circleIconHolder{
		width:100%;
		max-width:90px;
		padding:12px;
	}
}
/* --------------------------------------------------------------------- */
/* XL - ≥1200px */
@media (min-width: 1200px) {
	
}
/* --------------------------------------------------------------------- */
/* XXL ≥1400px */
@media (min-width: 1400px) {
	
}






/* ===================================================================== */
/* FONTS */
/* ===================================================================== */
/* XS - Default <576px */
	body {
		font-family: "Roboto", sans-serif;
		font-weight:400;
		line-height:120%;
		color:#000000;
		top:0px !important;
		background-color:#ffffff;
	} 
	a{
		color:#0D89C1;
		text-decoration:underline;
	}
	a:hover{
		color:#ff0000;
		text-decoration:underline;
	}
	.titleLoose{
		letter-spacing:40%;
		font-weight:bold;
		text-transform: uppercase;
	}
	.fontBlue{
		color:#0D89C1;
	}
	.fontDarkBlue{
		color:#164269;
	}
	.fontLightGrey{
		color:#cccccc;
	}
	.fontGrey{
		color:#999999;
	}
	.fontWhite{
		color:#ffffff;
	}
	
	.mytext-center, .mytext-sm-center, .mytext-md-center, .mytext-lg-center, .mytext-xl-center, .mytext-xxl-center{
		text-align:center;
	}
	
	.redStar{
		font-weight:bold;
		color:#ff0000;
	}
	

/* ===================================================================== */
/* FONT SIZES */
/* ===================================================================== */
	.titleXL{
		font-size: 32px;
		letter-spacing:-4%;
		line-height:95%;
		font-weight:300;
	}
	.titleL{
		font-size: 32px;
		letter-spacing:-4%;
		line-height:95%;
		font-weight:300;
	}
	.titleM{
		font-size: 32px;
		letter-spacing:-4%;
		line-height:95%;
		font-weight:300;		
	}
	.titleS{
		font-size: 18px;
		letter-spacing:-4%;
		line-height:95%;
	}
	.fontBodyL{
		font-size: 18px;
		line-height:120%;
	}
	body {
		font-size: 15px;
		line-height:120%;
	} 
	.fontBodyS{
		font-size: 12px;
		line-height:120%;
	}
	.fontBodyXS{
		font-size: 10px;
		line-height:120%;
	}
	.fontNav{
		font-size: 15px;
		line-height:120%;
	}
/* --------------------------------------------------------------------- */
/* SM - ≥576px */
@media (min-width: 576px) {
	.mytext-sm-center{
		text-align:left;
	}
}
/* --------------------------------------------------------------------- */
/* MD - ≥768px */
@media (min-width: 768px) {
	.mytext-md-center{
		text-align:left;
	}
}
/* --------------------------------------------------------------------- */
/* LG - ≥992px */
@media (min-width: 992px) {
	.mytext-lg-center{
		text-align:left;
	}
	.titleXL{
		font-size: 55px;
		letter-spacing:-4%;
		line-height:95%;
		font-weight:300;
	}
	.titleL{
		font-size: 48px;
		letter-spacing:-4%;
		line-height:95%;
		font-weight:300;
	}
	.titleM{
		font-size: 42px;
		letter-spacing:-4%;
		line-height:95%;
		font-weight:300;		
	}
	.titleS{
		font-size: 30px;
		letter-spacing:-4%;
		line-height:95%;
	}
	.fontBodyL{
		font-size: 22px;
		line-height:120%;
	}
	body {
		font-size: 17px;
		line-height:120%;
	} 
	.fontBodyS{
		font-size: 14px;
		line-height:120%;
	}
	.fontBodyXS{
		font-size: 12px;
		line-height:120%;
	}
	.fontNav{
		font-size: 17px;
		line-height:120%;
	}
}
/* --------------------------------------------------------------------- */
/* XL - ≥1200px */
@media (min-width: 1200px) {
	.mytext-xl-center{
		text-align:left;
	}
	.mytext-lg-center{
		text-align:left;
	}
	.titleXL{
		font-size: 70px;
		letter-spacing:-4%;
		line-height:95%;
		font-weight:300;
	}
	.titleL{
		font-size: 60px;
		letter-spacing:-4%;
		line-height:95%;
		font-weight:300;
	}
	.titleM{
		font-size: 48px;
		letter-spacing:-4%;
		line-height:95%;
		font-weight:300;		
	}
	.titleS{
		font-size: 34px;
		letter-spacing:-4%;
		line-height:95%;
	}
	.fontBodyL{
		font-size: 22px;
		line-height:120%;
	}
	body {
		font-size: 17px;
		line-height:120%;
	} 
	.fontBodyS{
		font-size: 14px;
		line-height:120%;
	}
	.fontBodyXS{
		font-size: 12px;
		line-height:120%;
	}
	.fontNav{
		font-size: 17px;
		line-height:120%;
	}
}
/* --------------------------------------------------------------------- */
/* XXL ≥1400px */
@media (min-width: 1400px) {
	.mytext-xxl-center{
		text-align:left;
	}
}




/* ===================================================================== */
/* BOXES */
/* ===================================================================== */
/* XS - Default <576px */
	.greyLine{
		border-bottom:1px solid #cccccc;
		margin:0px;
	}
	.greyLine10{
		border-bottom:1px solid #cccccc;
		margin-top:10px;
		margin-bottom:10px;
	}
	.lightBlueBox{
		background-color:#ECF4FC;
		border-radius: 15px;
		padding:20px 20px 25px 20px;
		height:100%;
	}
	.greyBorderBox{
		background-color:#ffffff;
		border: 1px solid #cccccc;
		border-radius: 15px;
		padding:20px 20px 25px 20px;
		height:100%;
	}
	.whiteShadowBox{
		background-color:#ffffff;
		border-radius: 15px;
		padding:20px 20px 25px 20px;
		height:100%;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
	}
	.boxHolder{
		margin-bottom:20px;
	}
	
	.googleMap iframe{
		aspect-ratio: 16 / 10;
		margin-bottom:20px;
		border-radius: 20px;
	}
	.googleMap{
		padding-bottom:20px;
	}
	.iconLine .iconLineBox{
		border-top:1px solid #cccccc;
		padding-top:30px;
		padding-bottom:30px;
		text-align:center;
	}
	.iconLine .iconLineBox .darkBlueIcon{
		width:70%;
		max-width:180px;
	}
	.iconLine .iconLineBox:first-child{
		border-top:0px solid #cccccc;
	}
	.trendingGridBox {
		text-align:center;
		padding-right:12px;
		padding-left:12px;
		padding-bottom:110px;
		position:relative !important;
		line-height:140%;
	}
	.trendingGridBoxRowPaddingBottom{
		padding-bottom:30px;
		text-align:left;
	}
	.trendingGridBox .titleMedium{
		padding-bottom:12px !important;
	}
	.trendingGridBox img{
		width:100%;
		border-radius:20px;
		margin-bottom:20px;
	}

	.trendingGridBoxRow .trendingGridBox{
		border-right:0px solid #cccccc;
	}
	.trendingGridBoxRow .trendingGridBox:last-child{
		border-right:0px solid #cccccc;
	}

/* --------------------------------------------------------------------- */
/* SM - ≥576px */
@media (min-width: 576px) {
	
}
/* --------------------------------------------------------------------- */
/* MD - ≥768px */
@media (min-width: 768px) {
	.iconLine .iconLineBox{
		border-top:0px solid #cccccc;
		border-left:1px solid #cccccc;
		padding-top:0px;
		padding-bottom:0px;
		padding-left:20px;
		padding-right:20px;
	}
	.iconLine .iconLineBox:first-child{
		border-top:0px solid #cccccc;
		border-left:0px solid #cccccc;
	}
	.trendingGridBox {
		padding-right:20px;
		padding-left:20px;
	}
	.trendingGridBoxRow .trendingGridBox{
		border-right:1px solid #cccccc;
	}
	.trendingGridBoxRow .trendingGridBox:last-child{
		border-right:0px solid #cccccc;
	}
}
/* --------------------------------------------------------------------- */
/* LG - ≥992px */
@media (min-width: 992px) {

}
/* --------------------------------------------------------------------- */
/* XL - ≥1200px */
@media (min-width: 1200px) {
	.lightBlueBox, .greyBorderBox, .whiteShadowBox{
		padding:30px 30px 40px 30px;
	}
}
/* --------------------------------------------------------------------- */
/* XXL ≥1400px */
@media (min-width: 1400px) {
	
}







/* ===================================================================== */
/* CAROUSEL + ANIMATIONS */
/* ===================================================================== */
/* XS - Default <576px */
	.logo-carousel {
	  position: relative;
	  width:100%;
	}
	.logo-track {
	  display: flex;
	  width: max-content;
	  animation: scroll 60s linear infinite;
	}
	.logo-group {
	  display: flex;
	}
	.logo-group img {
	  height: 105px;
	  margin: 0 2rem;
	  aspect-ratio: 3/2;
	  object-fit: contain;
	}
	/* TRUE infinite loop */
	@keyframes scroll {
	  from {
		transform: translateX(0);
	  }
	  to {
		transform: translateX(-50%);
	  }
	}
	/* optional pause */
	.logo-carousel:hover .logo-track {
	  animation-play-state: paused;
	}
	
	.bubble-carousel {
	  position: relative;
	  width:100%;
	}
	.bubble-track {
	  display: flex;
	  width: max-content;
	  animation: scroll 60s linear infinite;
	}
	.bubble-group {
	  display: flex;
	}
	.bubble-group img {
	  height: 200px;
	  margin: 0 2rem;
	  object-fit: contain;
	}
	/* TRUE infinite loop */
	@keyframes scroll {
	  from {
		transform: translateX(0);
	  }
	  to {
		transform: translateX(-50%);
	  }
	}

	
	
	
	
	.phoneContainer {
		position: relative;
		width: 100%;
		max-width:500px;
		aspect-ratio: 1 / 1;
		overflow: hidden;
	}
	.phoneAnimationBox {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	#phoneDivA img, #phoneDivB img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	/* Start phoneDivB below */
	#phoneDivB {
		top: 100%;
		background: transparent;
		transition: top 1.0s ease;
	}
	/* When active, move on top */
	#phoneDivB.active {
		top: 0;
	}
	/* phoneSpinner */
	.phoneSpinner {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 18%;
		height: 18%;
		border: 9px solid #ffffff;
		border-top: 9px solid #333;
		border-radius: 50%;
		transform: translate(-50%, -32%);
		animation: spin 1s linear infinite;
		display: none;
	}
	@keyframes spin {
		0% { transform: translate(-50%, -32%) rotate(0deg); }
		100% { transform: translate(-50%, -32%) rotate(360deg); }
	}
	
	
    .carousel-16x9 {
      aspect-ratio: 16 / 10;
      overflow: hidden;
	  background-color:#ffffff;
    }

    .carousel-16x9 img {
      width: 100%;
      height: 100%;
      object-fit: cover;
	  background-color:#000000;
    }

	.indicator-dot {
	  width: 40px;
	  height: 7px;
	  background-color: #bbb;
	  border: none;
	  margin: 3px;
	}

	.indicator-dot.active {
	  background-color: #0D89C1; 
}

	.carousel-wrapper-for-screen {
	  width: 56%;
	  position:absolute;
	  left:22%;
	  top:7%;
	  z-index:0;
	}
	.carouselScreen{
		position:relative;
	}
	.monitorTop{
		position:absolute;
		top:0px;
		z-index:1;
		left:0px;
		width:100%;
	}
	
	.carouselBorder1{
		border:1px solid #cccccc;
		border-radius:20px;
		overflow:hidden;
		width:100%;
		margin: auto;
	}	
	.carouselBorder2{
		border:10px solid #ffffff;
	}
	
	
	.benefitsAccordionDesign, .accordion-item{
		background-color:transparent;
		border:0px;
	}
	.benefitsAccordionDesign button{
		padding:14px 0px;
		border:0px;
		border-top:1px solid #cccccc;
		border-radius:0px !important;
		background-color:transparent !important;
		font-size:inherit !important;
		color:#096bab;
		box-shadow: none !important;
	}
	.benefitsAccordionDesign button span{
		text-decoration:underline;
		margin-left:30px;
	}
	.benefitsAccordionDesign button:hover{
		color:#ff0000;
	}
	.benefitsAccordionDesign button:selected{
		color:#096bab;
		z-index:0;
	}
	.benefitsAccordionDesign button:focus {
		box-shadow: none !important;
		border-top:1px solid #cccccc;
		color:#096bab;
		z-index:0;
	}
	.benefitsAccordionDesign button:after {
		order: -1;
		margin-left: 0; 
		margin-right:0.5em;
		position:absolute;
		top:11px;
		font-size: inherit !important;
		font-size: 110% !important;
		color:#096bab !important;
	}
	.benefitsAccordionDesign button::after {
		content: '[+]';
		background-image:none;
		transform: scale(.7) !important;
		white-space: nowrap !important;
		width:30px !important; height:30px !important;
	}
	.benefitsAccordionDesign button:not(.collapsed)::after {
		content: '[–]';
		background-image:none;
		transform: scale(.7) !important;
		white-space: nowrap !important;
		width:30px !important; 
		height:30px !important;
	}
	.benefitsAccordionDesign .accordion-body{
		padding-top:0px !important;
		padding-left:0px !important;
		padding-right:0px !important;
		padding-bottom:14px;
	}
	
	
	/* ************************************* */
	.benefitsAccordionBigDesign{
		border-bottom:1px solid #cccccc;
	}
	.benefitsAccordionBigDesign, .accordion-item{
		background-color:transparent;
		border:0px;
	}
	.benefitsAccordionBigDesign button{
		padding:26px 0px;
		padding-right:40px;
		border:0px;
		border-top:1px solid #cccccc;
		border-radius:0px !important;
		background-color:transparent !important;
		font-size:inherit !important;
		font-weight:300 !important;
		color:#000000;
		box-shadow: none !important;
		
	}
	.benefitsAccordionBigDesign button span{
		text-decoration:none;
		margin-left:0px;
	}
	.benefitsAccordionBigDesign button:hover{
		color:#ff0000;
	}
	.benefitsAccordionBigDesign button:selected{
		color:#000000;
		z-index:0;
	}
	.benefitsAccordionBigDesign button:focus {
		box-shadow: none !important;
		border-top:1px solid #aaaaaa;
		color:#000000;
		z-index:0;
	}
	.benefitsAccordionBigDesign button:after {
		order: -1;
		margin-left: 0; 
		margin-right:0;
		position:absolute;
		top:40px;
		right:35px;
		font-size: inherit !important;
		color:#000000 !important;
	}
	.benefitsAccordionBigDesign button::after {

		content: '+';
		background-image:none;
		transform: scale(3) !important;
		white-space: nowrap !important;
		width:0px !important; 
		height:30px !important;
		font-weight:100;
	}
	.benefitsAccordionBigDesign button:not(.collapsed)::after {

		content: '−';
		background-image:none;
		transform: scale(3) !important;
		white-space: nowrap !important;
		width:0px !important; 
		height:30px !important;
	}
	.benefitsAccordionBigDesign .accordion-body{
		padding-top:0px !important;
		padding-left:0px !important;
		padding-right:0px !important;
		padding-bottom:28px;
	}
	
	
	
/* --------------------------------------------------------------------- */
/* SM - ≥576px */
@media (min-width: 576px) {
	
}
/* --------------------------------------------------------------------- */
/* MD - ≥768px */
@media (min-width: 768px) {

}
/* --------------------------------------------------------------------- */
/* LG - ≥992px */
@media (min-width: 992px) {
	.carouselBorder1{
		width:70%;
	}	
	.carouselBorder2{
		border:20px solid #ffffff;
	}
	.indicator-dot {
	  width: 55px;
	  height: 7px;
	  margin: 5px;
	}	
}
/* --------------------------------------------------------------------- */
/* XL - ≥1200px */
@media (min-width: 1200px) {
	.benefitsAccordionBigDesign button:after {
		top:42px;
	}
}
/* --------------------------------------------------------------------- */
/* XXL ≥1400px */
@media (min-width: 1400px) {
	
}






/* ===================================================================== */
/* RANDOM IMAGES */
/* ===================================================================== */
/* XS - Default <576px */
	.googleStarImage{
		width:80%;
		max-width:413px
	}
	.badgeImage{
		width:100%;
		max-width:180px;
		margin-bottom:10px;
	}
	.isbLogoImage{
		width:50%;
		max-width:250px;
	}
	.bodyImage{
		width:100%;
		max-width:650px;
	}
/* --------------------------------------------------------------------- */
/* SM - ≥576px */
@media (min-width: 576px) {
	
}
/* --------------------------------------------------------------------- */
/* MD - ≥768px */
@media (min-width: 768px) {
	
}
/* --------------------------------------------------------------------- */
/* LG - ≥992px */
@media (min-width: 992px) {
	
}
/* --------------------------------------------------------------------- */
/* XL - ≥1200px */
@media (min-width: 1200px) {
	
}
/* --------------------------------------------------------------------- */
/* XXL ≥1400px */
@media (min-width: 1400px) {
	
}














/* ===================================================================== */
/* TEMPLATE */
/* ===================================================================== */
/* XS - Default <576px */
	
/* --------------------------------------------------------------------- */
/* SM - ≥576px */
@media (min-width: 576px) {
	
}
/* --------------------------------------------------------------------- */
/* MD - ≥768px */
@media (min-width: 768px) {
	
}
/* --------------------------------------------------------------------- */
/* LG - ≥992px */
@media (min-width: 992px) {
	
}
/* --------------------------------------------------------------------- */
/* XL - ≥1200px */
@media (min-width: 1200px) {
	
}
/* --------------------------------------------------------------------- */
/* XXL ≥1400px */
@media (min-width: 1400px) {
	
}