.custom-gutter           { margin-left: -8px; margin-right: -8px; }
.custom-gutter > .cell   { padding-left: 8px; padding-right: 8px; }




.remove-dropdown > a:after {
	display:none!important;
}

.dropdown .is-dropdown-submenu a{
	padding: 10px;
}

.dropdown .is-dropdown-submenu a:hover{
	background-color: #edf0f2;
}

.dropdown .menu {
	background-color: white;
	box-shadow: 0 4px 8px 3px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.3);
	border-radius: 10px;
	overflow: hidden;
}


a.dropdown {color: #6d7380;}
a.dropdown:hover {color: #6e7481;}


/* Hide up/down arrows for Chrome, Safari, Edge, and Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Hide up/down arrows for Firefox */
input[type="number"] {
	-moz-appearance: textfield;
}


input::placeholder {
	color: #303134;
}

input.header-search-input::placeholder {
	color: #303134;
	box-shadow: none;
	outline: none;
}

input.header-search-input {
	outline: none;
	box-shadow: none;
}

input.header-search-input:focus {
	outline: none;
	box-shadow: none;
}






.input-style {
	border-radius: 10px;
	background-color: #edeff1;
	font-size: 14px;
	height: auto;
	padding: 15px 8px 15px 12px;
	margin: 0;
	color: #303134;
	border-color: #e0e2e4;
}

.input-style:focus {
	border-radius: 10px;
	background-color: #edeff1;
	font-size: 14px;
	height: auto;
	padding: 15px 8px 15px 12px;
	margin: 0;
	color: #303134;
	border-color: #e0e2e4;
	outline: none;
	box-shadow: none;
}



.input-style-sm {
	border-radius: 10px;
	background-color: #edeff1;
	font-size: 12px;
	height: auto;
	padding: 10px 8px 10px 12px;
	margin: 0;
	color: #303134;
	border-color: #e0e2e4;
}

.input-style-sm:focus {
	border-radius: 10px;
	background-color: #edeff1;
	font-size: 12px;
	height: auto;
	padding: 10px 8px 10px 12px;
	margin: 0;
	color: #303134;
	border-color: #e0e2e4;
	outline: none;
	box-shadow: none;
}


.hollow {
	color: #6d7380;
	border-radius: 10px;
	border: 0.5px solid;
	border-color: #6d7380;
}

.hollow:hover {
	color: #202124;
	background-color: #edeff1;
	border-color: #6d7380;
}




.button.grey {
	background-color: #202124;
	color: white;
}

.button.grey:hover {
	background-color: #3f4148;
	color: white;
}


.reveal.full {top: 0 !important;}

.reveal {
	width: 400px;
	background-color: white;
	border-radius: 10px;
	border-color: #e0e2e4;
}

.reveal.shadow{
	box-shadow: 0 4px 8px 3px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.3);
}


.error {
	color: black;
	background-color: #e49086;
	border-radius: 10px;
}





.text-reg-in {
	background-color: #e5e5eb;
	color: black;
}

.text-reg-out {
	background-color: #458df0;
	color: white;
}





.button.light-grey {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px;
	font-size: 12px;
	line-height: 1;
	color: #6d7380;
	background: none;
	border: 0.5px solid #6d7380;
	font-weight: bold;
}

.button.light-grey:hover {
	border: #6d7380 solid 0.5px;
	background: #edeff1;
	color: #202124;
}







.nav-light-grey {
	line-height: 1;
	color: #6d7380;
	background: none;
	border: 0.5px solid #6d7380;
	font-weight: normal;
}

.nav-light-grey:hover {
	border: #6d7380 solid 0.5px;
	background: #edeff1;
	color: #202124;
}






body{
	font-family: "Inter", sans-serif;
}

select {
	box-shadow: none;
	outline: none;
}

select:focus {
	box-shadow: none;
	outline: none;
}
	


.change_link:hover{
	text-decoration: underline;
}

















.tabs-title.profile {
	float: left;
}

.tabs-title.profile > a {
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	margin: 0 5px;
	font-size: 10px;
	line-height: 1;
	color: #6d7380;
	background: none;
	border: 0.5px solid #6d7380;
	font-weight: normal;
}

.tabs-title.profile > a:hover {
	border: #6d7380 solid 0.5px;
	background: #edeff1;
	color: #202124;
}

.tabs-title.profile > a:focus,
.tabs-title.profile > a[aria-selected='true'] {
	border: #6d7380 solid 0.5px;
	background: #edeff1;
	color: black;
}










.accordion-title[aria-expanded="true"]::before,
.accordion-title[aria-expanded="false"]::before {
content: none;
}
  
 



.shadow {box-shadow: -1.7px 1px 20px 0 rgba(0,0,0,.16);}
.shadow-v2 {box-shadow: 0 20px 20px 0 rgba(217,230,239,.72);}









.is-accordion-submenu-parent[aria-expanded="true"] > a::after{
  display: none;
}

.tabs-title {
	float: left;
}

.tabs-title > a {
	display: block;
	padding: 5px 8px 5px 8px;
	margin: 0 5px 0 5px;
	font-size: 12px;
	line-height: 1;
	color: #4068a5;
	border-radius: 10px;
	background: #e6e6e6;
	color: black;
	font-weight: normal;
}

[data-whatinput='mouse'] .tabs-title > a {
	outline: 0;
}

.tabs-title > a:hover {
	background: #767676;
	color: white;
}

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
	background: #767676;
	color: white;
}









.switch-paddle {
	border-radius: 10px;
	color: #303134;
}

.switch-paddle::after {
		background: #303134;
		border-radius: 10px;
}

.switch-input:checked + .switch-paddle {
	background-color: #c0e9c1; /* Change to the desired color when ON */
}

/* Style for the paddle when the switch is OFF */
.switch-input:not(:checked) + .switch-paddle {
	background-color: #e49086; /* Change to the desired color when OFF */
}






	



	
.button.navmenu {
	background-color: black;
	color: white;
	font-size: 12px;
	margin: 0;
}

.button.navmenu:hover {
	background-color: #414141;
	font-size: 12px;
	margin: 0;
}
	
	





	
	.button.nav {
		background-color: #222222;
		color: white;
	}

	.button.nav:hover {
		color: #c3c3c3;
	}

	.nav {
		color: white;
	}

	.nav:hover {
		color: #c3c3c3;
	}

	.alt {
		color: #323232;
	}

	.alt:hover {
		color: #0070c9;
		-webkit-transition: color 0.3s;
		-moz-transition: color 0.3s;
		-o-transition: color 0.3s;
		transition: color 0.3s;
	}

	.button.nav2 {
		background-color: #1d1d1e;
		color: white;
		font-size: 20px;
		font-family: "Inter", sans-serif;
		margin: 0;
	}

	.button.nav2:hover {
		background-color: white;
		color: black;
		font-size: 20px;
		font-family: "Inter", sans-serif;
		margin: 0;
	}

	.button.nav-top-class {
		background-color: #a01011;
		color: white;
		margin: 0;
	}

	.button.nav-top-class:hover {
		background-color: #c91113;
		color: white;
		margin: 0;
	}

	.button.page-class {
		padding: 20px 20px 20px 20px;
		font-size: 20px;
		background-color: #a01011;
		color: white;
		margin: 0;
	}

	.button.page-class:hover {
		padding: 20px 20px 20px 20px;
		font-size: 20px;
		background-color: #c91113;
		color: white;
		margin: 0;
	}

	.button.page-class-sm {
		padding: 10px 20px 10px 20px;
		font-size: 18px;
		background-color: #a01011;
		color: white;
		margin: 0;
	}

	.button.page-class-sm:hover {
		padding: 10px 20px 10px 20px;
		font-size: 18px;
		background-color: #c91113;
		color: white;
		margin: 0;
	}

	.button.hero {
		border-color: white;
		color: white;
		margin: 0;
		font-size: 25px;
	}

	.button.hero:hover {
		background-color: #a01011;
		border-color: white;
		color: white;
		margin: 0;
		font-size: 25px;
	}

	.nav-top {
		color: #b3b2b3;
		font-size: 14px;
	}

	.nav-top:hover {
		color: white;
		font-size: 14px;
	}

	.footer {
		color: white;
		margin: 0px;
		font-size: 14px;
		text-transform: uppercase;
	}

	.footer:hover {
		color: #b3b2b3;
		margin: 0px;
		font-size: 14px;
		text-transform: uppercase;
	}
	
	.button-link {
		background: none!important;
		border: none;
		cursor: pointer;
		color: #000;
		padding: 6px;
	}
	
	.button-link:hover {
		color: #3557e3;
	}
	
	
	button.radius, .button.radius {border-radius: 3px;}
	button.round, .button.round {border-radius: 10px;}
	
	
	
	
	
	
	
	
	.reveal.full {top: 0 !important;}
	
	
	
	.align-center-small {
	  @include breakpoint(small only) {
	    -webkit-box-pack: center !important;
	    -ms-flex-pack: center !important;
	    justify-content: center !important;
	  }
	}
	
	.align-center-medium {
	  @include breakpoint(medium only) {
	    -webkit-box-pack: center !important;
	    -ms-flex-pack: center !important;
	    justify-content: center !important;
	  }
	}
	
	.align-center-large {
	  @include breakpoint(large only) {
	    -webkit-box-pack: center !important;
	    -ms-flex-pack: center !important;
	    justify-content: center !important;
	  }
	}