code {
font-size: 80%;
}
.bg-darkblue {
	background-color: #0a192e !important;
}
.bg-darkerblue {
	background-color: #071322 !important;
}

.text-darkblue { color:  #0a192e !important; }

a { text-decoration: none; }

.pagecontainer { /* padding-top:5em; */ }

.page-header { padding-bottom: 16px; }

.login-button {
	padding-left: 0px;
}

.image_picker_image{
	max-width: 150px;
}

.box {
	/*width: 500px;*/
	max-height: 255px;
	display: flex;
	flex-wrap: wrap;
}
.box>* {
	flex: 1 1 80%;
}

.sizeradio:hover {
	border-color: #4cd264;
	outline: none !important;
	box-shadow: 0px 3px 22px 0px #7b7b7b;
}

.sizeradio:active {
	border-color: #4cd264;
	/* outline: none !important; */
	box-shadow: 0px 3px 22px 0px #7b7b7b;
}

.sizeradio {
	position: absolute;
	right: 3px;
	top: 3px;
	bottom: 3px;
	left: 3px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 2px solid transparent;
	transition: all 0.5s;
}

.sizeradio {
	width: 100px;
	height: 100px;
	margin-left: -27px;
	margin-top: -37px;
}

.s2 { background-image: url(../img/size/70.jpg); }


.sizeradio:hover {
	border-color: #4cd264;
	outline: none !important;
}

.nav-link, .navbar-text a {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.navbar-text {
    padding-right: 0.5rem;
}




@media (min-width: 992px){
	.navbar-expand-lg .navbar-collapse {
		display: flex!important;
		flex-basis: auto;
		float: right;
		margin-left: 200px;
	}
}

@media (max-width: 991px){
	.navbar-brand-img { display: none !important; }
}




@media (min-width: 992px){
	.loyalty_qr_code { width: 250px; }
}

@media (max-width: 991px){
	.loyalty_qr_code { width: 250px; }
}




@media (min-width: 992px){
	.purple-background {
		display: block;
		width: 100%;
		position: relative;
		z-index: 1;
		overflow: hidden;
		color: white;
		background-color: #0a192e;
		background-size: cover;
		clip-path: polygon(0 12%,100% 3%,100% 100%,0% 100%);
	}
}

@media (max-width: 991px){
	.purple-background {
		display: block;
		width: 100%;
		position: relative;
		z-index: 1;
		overflow: hidden;
		color: white;
		background-color: #0a192e;
		background-size: cover;
		clip-path: polygon(0 15%,100% 1%,100% 100%,0% 100%);
	}
}


.btn-purple {
	background-color: #43165c;
	border-color: #43165c;
	color: #fff;
}

.bg-gryellow {
	background-color: #fefeb6;
}


@media (min-width: 992px){
	.site-footer {
		/* padding: 0 0 2.5%; */
		font-size: 17px;
		line-height: 1.5;
		display: block;
		width: 100%;
		position: relative;
		z-index: 1;
		overflow: hidden;
		background-color: #0a192e;
		background-size: cover;
		color: #272c30;
		clip-path: polygon(0 10%,100% 0%,100% 100%,0% 100%);
	}
}

@media (max-width: 991px){
	.site-footer {
		/* padding: 0 0 2.5%; */
		font-size: 17px;
		line-height: 1.5;
		display: block;
		width: 100%;
		position: relative;
		z-index: 1;
		overflow: hidden;
		background-color: #0a192e;
		background-size: cover;
		color: #272c30;
		clip-path: polygon(0 4%,100% 1%,100% 100%,0% 100%);
	}
}


.footer-link a:link, .footer-link a:active, .footer-link a:hover, .footer-link a:visited {
	color: #fefeb6;
	text-decoration: none;
}

.social-icon-bg-offset-facebook { background-image: -webkit-linear-gradient(top, transparent 5px,#fff 0px, #fff 100%); width: 27px; height: 30px; }
.social-icon-bg-offset-twitter { background-image: -webkit-linear-gradient(top, transparent 5px,#fff 0px, #fff 100%); width: 27px; height: 30px; }
.social-icon-bg-offset-instagram { background-image: -webkit-linear-gradient(top, transparent 5px,#fff 0px, #fff 100%); width: 29px; height: 30px; border-radius: 10px; }
.social-icon-bg-offset-youtube { background-image: radial-gradient(circle at 50%, #fff, #fff 50%, transparent 50%); width: 27px; height: 30px; }
.social-icon-bg-offset-twitch { background-image: -webkit-linear-gradient(left, transparent 5px,#fff 11px, #fff 100%); width: 28px; height: 23px; }
.social-icon-bg-offset-discord { background-image: radial-gradient(circle at 50%, #fff, #fff 50%, transparent 50%); width: 38px; height: 32px; }

.navbar-text a:focus, .navbar-text a:hover, .nav-link:focus, .nav-link:hover, .navbar-nav .nav-link.show {
    color: #fefeb6;
}

td .nav-link { color: #000 !important; }
.dropdown-menu li {
	position: relative;
	}
	.dropdown-menu .dropdown-submenu {
	display: none;
	position: absolute;
	left: 100%;
	top: -7px;
	}
	.dropdown-menu .dropdown-submenu-left {
	right: 100%;
	left: auto;
	}
	.dropdown-menu > li:hover > .dropdown-submenu {
	display: block;
	}

.wishlistbtn {
	background-color: #f4abe6;
}

.wishlistbtn-heart {
	color: #e85dcc;
}
.navcar {
	min-height: 38px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	padding-top: 9px;
	font-weight: bold;
}

.navcar a {
	color: #fff;
	text-decoration: none;
}

.navcar-blue {
	background: rgb(8,154,191);
	background: linear-gradient(90deg, rgb(43, 113, 211) 0%, rgb(53, 41, 96) 100%);
}

.navcar-orange {
	background: rgb(195, 102, 20);
	background: linear-gradient(90deg, rgb(211, 158, 43) 0%, rgb(204, 79, 21) 100%);
}

.navcar-green {
	background: rgb(19, 152, 48);
	background: linear-gradient(90deg, rgb(31, 153, 53) 0%, rgb(14, 71, 22) 100%);
}

.navcar-yellow {
	background: rgb(241, 229, 10);
	background: linear-gradient(90deg, rgb(237, 223, 75) 0%, rgb(158, 153, 14) 100%);
}

.navcar-purple {
	background: rgb(122, 27, 104);
	background: linear-gradient(90deg, rgb(177, 43, 211) 0%, rgb(81, 17, 82) 100%);
}

.navcar-pink {
	background: rgb(135, 9, 131);
	background: linear-gradient(90deg, rgb(166, 42, 154) 0%, rgb(111, 37, 73) 100%);
}

.navcar-red {
	background: rgb(211, 54, 43);
	background: linear-gradient(90deg, rgb(211, 54, 43) 0%, rgb(100, 11, 11) 100%);
}