@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
body * {
    font-family: "Public Sans", sans-serif;
	font-size: 14px;
}
main {
    display: block;
    position: relative;
    margin: 0px auto;
	width: 100%;
    font-family: "Public Sans", sans-serif;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
}
main * {
    max-width: 1412px;
    display: block;
    position: relative;
    color: #000;
    top: 0px;
    left: 0px;
    margin: 0 auto;
    padding: 0;
	box-sizing: border-box;
	hyphens: auto;
}
script {
	display: none;
}
strong, em {
	display: inline;
}
table {
	display: table;
	margin: 0 0;
	border-collapse: collapse;
	width: 100%;
}
tr {
	display: table-row;
}
td, th {
	display: table-cell;
	line-height: normal;
	padding: 5px;
	text-align: left;
}
td img {
	display: inline-block;
}
label {
	display: inline-block;
}
input[type=radio] {
	display: inline-block;
}
svg {
	display: inline-block;
	top: 12px;
}
h1, h2, h3 {
	font-family: "Dosis", sans-serif;
}
h3 {
	font-size: 20px;
	font-weight: bold;
}
p.links {
	float: left;
	margin: 10px 0px;
	text-align: left;
}
.clear {
	clear: both;
}
input {
	margin: 0px;
}
header {
	width: 100%;
}
header #primair {
    height: 140px;
	width: 100%;
	overflow: hidden;
}
#primair .logo {
	float: left;
	width: 160px;
	display: block;
}
#primair #iconsrechtsboven {
	right: 0px;
	width: 150px;
	margin-right: 0px;
	top: 36px;
	height: 20px;
	padding-right: 30px;
}
#primair #iconsrechtsboven img {
	float: right;
	padding-left: 18px;
}
#primair #iconsrechtsboven #aantalchart {
	position: absolute;
	left: 110px;
	top: -15px;
	z-index: 500;
	display: block;
	text-align: center;
	width: 24px;
	height: 24px;
	background-color: #f00;
  	border-radius: 50%;
	font-size: 14px;
	color: #fff;
}
/* Dimlaag die normaal onzichtbaar is */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Dimming effect */
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 10000;
}

/* Zoekcontainer die boven de dimlaag komt */
.search-container {
  position: absolute;
  z-index: 20000;
  top: 27px;
  left: 500px;
  width: 444px;
  overflow: hidden;
}
.search-box {
	position: relative;
	float: left;
	padding: 12px 20px;
	height: 16px;
	width: 362px;
	border: 1px solid #911A5B;
	border-radius: 4px 0px 0px 4px;
}
.submitbutton {
	position: relative;
	float: right;
	padding: 10px;
	height: 41px;
	width: 40px;
	border: 1px solid #911A5B;
	border-radius: 0px 4px 4px 0px;
	background-color: #911a5b;
}
.svg-icon.search-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
}
/* Als zoekvak focus krijgt, laat overlay zien */
.search-container:focus-within + .overlay {
  opacity: 1;
  pointer-events: all;
}
#resultaten {
  position: absolute;
  top: 67px;
  left: 500px;
  width: 444px;
  background: white;
  z-index: 15000;
  height: auto;
  border-left: 1px solid #911A5B;
  border-right: 1px solid #911A5B;
  border-top: none;
}
#resultaten ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#resultaten li {
    padding: 5px 20px;
    cursor: pointer;
}
#resultaten li:hover {
    background: #eee;
}
#resultaten a, #resultaten a:hover {
	color: #000;
	text-decoration: none;
}


#menutop {
	width: 66.66666667%;
	float: right;
	top: 27px;
}
#hoofdmenu {
	width: 100%;
	position: absolute;
	top: 100px;
	left: 0px;
	overflow: hidden;
}
#hoofdmenu a {
	display: block;
	float: left;
	font-weight: 600;
	padding-right: 30px;
	color: #000;
}
#hoofdmenu a:hover, #hoofdmenu a.actief {
	text-decoration: none;
	color: #e73b27;
}
#hoofdmenu a.rechts {
	float: right;
}
#intro {
    max-width: 100%;
    height: 587px;
    background-image: url("../images/intro.png");
	background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain;
    filter: brightness(90%);
    padding-left: 120px;
    padding-top: 163px;
}
#intro h1 {
     font-size: 72px;
	 line-height: 91px;
     font-weight: 400;
     color: #fff;
}
#intro h1 strong {
    font-weight: 700;
    color: #fff;
}
#breadcrumb {
	width: 100%;
	height: 17px;
	margin-top: 40px;
	font-size: 14px;
}
#breadcrumb a {
	display: inline-block;
	color: #000;
}
#breadcrumb img {
	display: inline-block;
}
.viercolsmal {
	padding-top: 68px;
	margin: 0 auto;
	width: 90%;
	height: 288px;
	padding-bottom: 100px;
}
.viercolsmalitem {
	width: 25.6667%;
	height: 120px;
	padding-left: 2.6667%;
	float: left;
}
.viercolsmalitem:first-child {
	width: 23%;
	padding-left: 0px;
}
h2 {
	color: #911a5b;
	font-size: 26px;
	padding-bottom: 20px;
}
h2 img {
	display: inline;
	vertical-align: center;
	padding-right: 18px;
}
strong {
	color: #e73b27;
}
.donker strong {
	color: #911a5b;
}
.donkerrood {
	color: #8a1454;
	font-weight: bold;
	padding-bottom: 33px;
}
a {
	display: inline;
	text-decoration: none;
	color: #e73b27;
}
a:hover {
	text-decoration: underline;
}
.viercolsmalitem p {
	padding-left: 45px;
}
.gelebalkaandacht {
	background-color: #f9ea9e;
	width: 100%;
	height: auto;
	min-height: 506px;
	margin-bottom: 80px;
}
.gelebalkaandacht h3 {
	padding-left: 134px;
	padding-top: 94px;
	float: left;
	width: 792px;
	font-weight: 400;
	color: #89004F;
	font-size: 42px;
	line-height: 54px;
}
.gelebalkaandacht h3 strong {
	color: #89004F;
}
.gelebalkaandacht .intro {
	width: 492px;
	float: right;
	height: 273px;
	padding-right: 120px;
	padding-top: 110px;
}
.gelebalkaandacht .transparanteafb {
	position: absolute;
	top: 240px;
	left: 119px;
	height: 259px;
	width: 562px;
}
#driecolsmal {
	padding-top: 0px;
	padding-left: 105px;
	padding-right: 105px;
	width: 100%;
	height: 550px;
	padding-bottom: 70px;
}
#driecolsmal h2 {
	padding-bottom: 30px;
	font-size: 42px;
	line-height: 53px;
}
.favorietproductbox {
	width: 372px;
	height: 397px;
	margin-left: 33px;
	padding: 36px;
	float: left;
	background-color: #fcf8e2;
}
.favorietproductbox:first-child {
	margin-left: 0px;
}
.favorietproduct {
	height: 200px;
}
.favorietproduct img {
	float: left;
	margin-right: 13px;
	padding-bottom: 23px;
	height: 97px;
}
.favorietmedewerker {
	height: 65px;
	margin-top: 40px;
}
.medewerker img {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	float: left;
	box-sizing: content-box;
	margin-right: 16px;
}
#overzichtkennisbank {
	width: 100%;
	height: auto;
	background-color: #fcf8e2;
	padding-top: 80px;
	padding-left: 120px;
	padding-right: 120px;
	overflow: hidden;
}
#overzichtkennisbank h2 {
	padding-bottom: 10px;
	font-size: 42px;
	line-height: 53px;
}
#overzichtkennisbank h3 {
	font-size: 22px;
	line-height: 28px;
	font-weight: 400;
	padding-bottom: 40px;
}
.kennisbankblokken {
	position: relative;
	width: 100%;
}
.kennisbankitem {
	width: calc(25% - 28px);
	background-color: #fff;
	margin-right: 28px;
	float: left;
}
.kennisbankitem a {
	width: 100%;
	display: block;
}
.kennisbankitem a:hover {
	text-decoration: none;
}
.kennisbankitem p {
	padding: 24px;
}
.kennisbanklink {
	width: 100%;
	text-align: center;
	clear: both;
	padding-top: 60px;
	padding-bottom: 60px;
}

#tags {
	height: auto;
	width: 100%;
	padding-bottom: 65px;
	overflow: hidden;
}
.tagitem {
	font-size: 16px;
	padding: 11px 24px;
	border-radius: 22px;
	background-color: #fff;
	float: left;
	width: auto;
	color: #000;
	margin-left: 10px;
	margin-bottom: 10px;
}
.tagitem:first-child {
	margin-left: 0px;
}
#tags .active {
	background-color: #911a5b;
	color: #fff;
}
.rowgeel {
	background-color: #f9ea9e;
	padding-top: 61px;
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
}
.geel {
	background-color: #f9ea9e;
}
.productimg {
	background-size: 100%; 
	background-position: center;
	background-repeat: no-repeat;
}
footer {
	width: 100%;
	min-height: 490px;
	height: auto;
	background-color: #fff;
	background-image: url("../public/mask-group-1.svg");
	background-repeat: no-repeat;
}
footer .vierkolommen {
	width: 25%;
	float: left;
	padding-top: 100px;
}
footer .vierkolommen p {
	font-size: 16px;
	line-height: 24px;
}
footer .vierkolommen p strong {
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
#subfooter {
	clear: both;
	float: left;
	border-top: 1px solid #999;
	height: 160px;
	width: 100%;
	margin-top: 140px;
	padding: 100px;
	padding-top: 25px;
	font-size: 12px;
	color: #999;
}
#volgsocmed {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	float: right;
	width: 250px;
}

 /* Hieronder de id's en classes van de webshop */
#uitgelicht {
	width: 100%;
	padding-top: 20px;
	overflow: hidden;
	margin-bottom: 70px;
}
a.uitgelichtproductbox {
	width: calc(25% - 28px);
	height: 344px;
	background-color: #fff;
	margin-right: 28px;
	float: left;
	font-family: "Dosis", sans-serif;
	font-weight: 600;
}
a.uitgelichtproductboxklein {
	width: calc(16.66667% - 28px);
	height: 228px;
	background-color: #fff;
	margin-right: 28px;
	float: left;
	font-weight: 600;
}
a.uitgelichtproductbox:hover, a.uitgelichtproductboxklein:hover {
	text-decoration: none;
}
a.uitgelichtproductbox .productimg {
	width: 100%;
	height: 222px;
}
a.uitgelichtproductboxklein .productimg {
	width: 100%;
	height: 140px;
}
a.productingroep {
	display: block;
	float: left;
	width: 272px;
	height: 410px;
	margin-right: 28px;
	margin-bottom: 16px;
	break-inside: avoid;
	page-break-inside: avoid;
	column-break-inside: avoid;
}
a.productingroep:hover {
	text-decoration: none;
}
a.productingroep .productimg {
	width: 100%;
	height: 260px;
}
a.productingroep h3 {
	color: #8a1454;
	font-size: 22px;
	padding-top: 10px;
	line-height: 28px;
}
a.productingroep .prijsproductingroep {
	color: #e73b27;
	font-weight: bold;
	padding-top: 5px;
}
.prijsproductingroep {
	padding-bottom: 0px;
	width: 50%;
	margin-left: 0px;
}
.prodpagcol1  {
	width: calc(50% - 28px);
	margin-right: 28px;
}
.prodpagcol2  {
	width: calc(50% - 28px);
}

a.uitgelichtproductbox .producttitel {
	font-size: 22px;
	line-height: 28px;
	color: #8a1454;
	padding-top: 22px;
	width: 100%;
	height: 71px;
	overflow: hidden;
}
a.uitgelichtproductboxklein .producttitel {
	font-size: 13px;
	line-height: 20px;
	color: #000;
	padding-top: 8px;
	width: 100%;
	height: 47px;
	overflow: hidden;
}
a.uitgelichtproductbox .productprijs, a.uitgelichtproductboxklein .productprijs {
	font-size: 16px;
	color: #e73b27;
	padding-top: 10px;
}
.overzicht {
	display: block;
	max-width: 100%;
}
.donker {
	background-color: #f9ea9e;
	color: #911a5b;
	max-width: 100%;
	padding-left: calc((100% - 1412px)/2);
	padding-right: calc((100% - 1412px)/2);
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
}
#webwinkeloverzicht, #groepoverzicht {
	max-width: 100%;
	padding-left: calc((100% - 1412px)/2);
	padding-right: calc((100% - 1412px)/2);
	padding-top: 70px;
	padding-bottom: 70px;
	margin-bottom: 70px;
	width: 100%;
	background-color: #fcf8e2;
	overflow: hidden;
}
#groepoverzicht {
	background-color: #fff;
	padding-top: 40px;
	column-count: 3;
}
#webwinkeloverzicht h1, #groepoverzicht h1, #content h1 {
	color: #8a1454;
	font-size: 42px;
	line-height: 53px;
	padding-bottom: 40px;
}
#content {
	overflow: hidden;
	padding-bottom: 30px;
}
#content h1 {
	padding-top: 40px;
}
#inlogscherm {
	background-color: #fcf8e2;
	max-width: 100%;
	padding-left: calc((100% - 1412px)/2);
	padding-right: calc((100% - 1412px)/2);
	padding-top: 30px;
	padding-bottom: 110px;
	width: 100%;
	margin-top: 30px;
	overflow: hidden;
}
#inlogscherm h1 {
	color: #8a1454;
	font-size: 26px;
	padding-bottom: 15px;
}
#inlogscherm h3 {
	font-size: 22px;
	padding-bottom: 10px;
	padding-top: 15px;
}
.kolom1, .kolom2  {
	width: calc(50% - 14px);
	float: left;
	margin-top: 30px;
}
.kolom1  {
	margin-right: 28px;
}
.formveld {
	background-color: #f9f1c8;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 40px;
	padding-bottom: 70px;
}
.formlabel, .inputinlog, .submitinlog {
	width: 100%;
	float: left;
	padding-top: 15px;
}
.inputinlog, .submitinlog {
	height: 47px;
	padding: 5px;
    font-family: "Public Sans", sans-serif;
}
.submitinlog {
	margin-top: 17px;
	background-color: #e73b27;
	color: #ffffff;
	text-align: center;
	border: none;
	cursor: pointer;
}
table.orderoverzicht {
	width: 100%;
}
a.buttonbestel, input[type=submit].buttonbestel {
	background-color: #e73b27;
	color: #fff;
	padding: 10px;
	cursor: pointer;
	display: inline-block;
}
a.buttonbestel:hover, input[type=submit].buttonbestel {
	text-decoration: none;
}
#q {
	display: block;
	position: relative;
	left: 0px;
	margin: 20px 0px;
	padding: 10px;
}
a.overzichtbox {
	width: calc(33% - 28px);
	margin-bottom: 28px;
	height: 93px;
	background-color: #fff;
	margin-right: 24px;
	float: left;
	overflow: hidden;
}
a.overzichtbox:hover {
	text-decoration: none;
}
a.overzichtbox .imgassortiment {
	height: 100%;
	width: 109px;
	float: left;
	margin-right: 20px;
}
a.overzichtbox .titelassortiment {
	padding-top: 14px;
	color: #8a1454;
	font-size: 20px;
	line-height: 26px;
	font-family: "Dosis", sans-serif;
	font-weight: 600;
}
.artikelgroep {
	break-inside: avoid-column;
	padding-bottom: 80px;
}
.artikelgroep h3, .artikelgroep h3 a {
	font-family: "Dosis", sans-serif;
	font-weight: 600;
	font-size: 26px;
	line-height: 33px;
	padding-bottom: 30px;
	color: #8a1454;
}
a.productgroep {
	display: block;
	border-bottom: 1px solid #E6E6E6;
	color: #000;
}
a.productgroep:last-child {
	border-bottom: none;
}
a.productgroep:hover {
	text-decoration: none;
	color: #e73b27;
}

.artnrprodpag {
	font-size: 14px;
	opacity: 0.6;
	color: #000;
	padding-bottom: 26px;
}
.colprodpag {
	width: calc(50% - 28px);
	float: left;
}
.colprodpag:first-of-type {
	margin-right: 28px;
}
.afbeeldingprodpag {
}
#gerelateerd {
	background-color: #fcf8e2;	
	max-width: 100%;
	padding-left: calc((100% - 1412px)/2);
	padding-right: calc((100% - 1412px)/2);
	width: 100%;
}
.tekstprodpag {
	background-color: #fcf8e2;
	padding: 32px 24px 24px 24px;
}
.colprodpag .productimg {
	width: 100%;
	height: 560px;
	background-position: top;
}
.colprodpag .omschrijving {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 25px;
}
.colprodpag .omschrijving p, .colprodpag .omschrijving ul {
	padding-bottom: 20px;
}
.colprodpag .omschrijving a {
	display: inline;
}
a.labelinhoud {
	border-radius: 18px;
	background-color: #F9EA9E;
	margin-right: 12px;
	margin-bottom: 12px;
	font-weight: bold;
	color: #000;
	padding: 8px 12px;
	display: inline-block;
	float: left; 
}
a.labelinhoud:hover, a.labelactief {
	text-decoration: none;
	color: #fff;
	background-color: #911a5b;
}
.aantalbestellen {
	height: 47px;
	width: 77px;
	background-color: #fff;
	border: solid 1px #911A5BB2;
	text-align: center;
	position: relative;
	margin-top: 47px;
	float: left;
  }
.aantalbestellen::-webkit-inner-spin-button,
.aantalbestellen::-webkit-outer-spin-button 
	{-webkit-appearance: none;
		margin: 0;
	}
.aantalbestellen {
	-moz-appearance: textfield;
	}
.knopbestellen {
	width: 236px;
	height: 47px;
	text-align: center;
	position: relative;
	margin-top: 47px;
	float: left;
	background-color: #e73b27;
	color: #fff;
	border: solid 1px #e73b27;
	left: 16.5px;
	padding-top: 10px;
}
input.knopbestellen {
	padding-top: 0px;
	cursor: pointer;	
}
.aantal {
	float: right;
	display: inline-block;
	width: 30px;
	color: #999999;
}
.alert, .accent {
	margin-top: 30px;
	padding: 15px 20px 15px 35px;
	color: #325e1c;
  border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
  background-color: #f3faef;
  background-image: url(/svgs/check-white.svg);
  box-shadow: -8px 0 0 #77b259;
}

/* classes van winkelmandje etc. */
.winkelmandjeitem {
	width: 672px;
	border-bottom: solid 1px #911a5b;
	float: left;
	padding-bottom: 14px;
	margin-left: 0px;
	margin-bottom: 20px;
	overflow: hidden;
}
.winkelmandjeitem * {
	float: left;
	margin: 0px;
}
.winkelmandjeitem img {
	margin-right: 18px;
}
.winkelmandjeitem a.prodtitel {
	width: 350px;
	font-size: 22px;
	font-weight: bold;
	color: #8a1454;
	text-decoration: none;
	display: inline-block;
}
.winkelmandjeitem .prodaantal {
	padding: 10px;
	border: 1px solid #911A5B;
	border-radius: 4px;
	width: 40px;
	height: 44px;
	text-align: right;
	margin-right: 10px;
}
.winkelmandjeitem .wisregel {
	display: inline-block;
}
.totaalwinkelmandje {
	padding: 26px 22px;
	margin: 0px 60px 30px 60px;
	background-color: #FCF8E2;
	overflow: hidden; 
}
.totaalwinkelmandje * {
	min-height: 40px;
	float: left;
}
.totaalwinkelmandje .totaalaantallabel {
	width: 65%;
}
.totaalwinkelmandje .totaalbedrag {
	width: 35%;
	float: right;
	text-align: right;
}
.totaalwinkelmandje .toelichtingtotaal {
	height: 40px;
}

#varianten {
	width: 100%;
	padding-bottom: 22px;
	overflow: hidden;
}
#kenmerken {
	display: block;
	position: relative;
	width: 100%;
}
#kenmerken li, .colprodpag .omschrijving li, #meerovergroep li {
	list-style-type: circle;
	list-style-position: outside;
	padding-left: 20px;
    margin: 0;
}
#kenmerken li:before, .colprodpag .omschrijving li:before, #meerovergroep li:before {
    content: '\2022';
    position: absolute;
    left: 0;
    top: 0;
	color: #911a5b;
    font-size: 20px;
	font-weight: bold;
}
#meerlezen {
	cursor: pointer;
	text-decoration: underline;
}
#meerlezen img {
	margin: 0;
	display: inline-block;
}
#more {display: none;}
/* Veel gestelde vragen*/
h3.faq {
	color: #8a1454;
	font-size: 26px;
}
.accordion {
  margin: 10px 0px 0px 0px;
  width: 672px;
  background-color: #fff;
  color: #000;
  cursor: pointer;
  padding: 28px;
  padding-left: 34px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #8a1454;
  color: #fff;
}
.panel {
  margin: 0px;
  padding: 0 34px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  width: 672px;
}
.panel p {padding-top: 10px;
	padding-bottom: 10px;
}
.panel.show {
  display: block;
}
.staffelprijs {
    display: none; /* Verberg standaard */
	width: 150px;
	position: relative;
	float: right;
	top: 5px;	
	clear: right;
    }
.staffelprijs.show {
  display: block; /* Toon als class 'show' wordt toegevoegd */
}
.staffelprijzen {
  cursor: pointer;
  text-decoration: none;
	width: 150px;
	position: relative; 
	float: right;

}
#meerovergroep {
	padding-bottom: 55px;
	overflow: hidden;
	width: 50%;
	margin-left: 0px;
}
#meerovergroep h3, #uspbalk h3 {
	color: #8a1454;
	font-size: 26px;
	line-height: 33px;
	padding-bottom: 15px;}
#uspbalk {
	padding-bottom: 55px;
	overflow: hidden;
}
#uspbalk .uspitemalg {
	float: left;
	width: 25%;
	padding-left: 45px;
	height: 26px;
	background-image: url("https://nieuw.dewerkbij.nl/svgs/check-dark.svg");
	background-position: 19px 10px;
	background-repeat: no-repeat;
	z-index: 1;
}
#uspbalk .uspitemalg:before {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0px;
	left: 0px;
	background-image: url('https://nieuw.dewerkbij.nl/svgs/hexa-darker.svg');
	background-repeat: no-repeat;
	background-position: left top, 19px 10px;
	transform: rotate(90deg);
}
#uspbalk .uspitemb2b {
	float: left;
	width: 100%;
	padding-left: 45px;
	height: 45px;
}
#uspbalk .uspitemb2b:before {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0px;
	left: 0px;
	background-image: url('https://nieuw.dewerkbij.nl/svgs/check-dark.svg'), url('https://nieuw.dewerkbij.nl/svgs/hexa-darker.svg');
	background-repeat: no-repeat;
	background-position: 10px 10px, left top;
	transform: rotate(90deg), rotate(90deg);
}
input:checked+#verzendgegevensbestellev {
	  display: none;
	}
#ordergegevens {
	display: block;
	position: relative;
	float: left;
	width: 50%;
}
#orderdetails {
	display: block;
	position: relative;
	float: left;
	width: 50%;
}
#orderdetails p {
	padding-bottom: 25px;
}
#bewerken {
	display: block;
	position: relative;
	width: 100%; 
	background-color: #fff;
	z-index: 500;
	max-width: 100%;
	padding-left: calc((100% - 1412px)/2);
	padding-right: calc((100% - 1412px)/2);
	padding-top: 30px;
	padding-bottom: 110px;
	margin-top: 30px;
	overflow: hidden;	
}
#username {
	position: absolute;
	left: 45px;
	top: 17px;
	font-size: 12px;
	font-style: italic;
}