@import url(../fontface.css);
.bg-1{background:#ECEFF1;color:#37474f;}
.bg-2{background:#7986cb;color:#ECEFF1;}
.bg-3{background:#37474f;color:#fff;}

.button{min-width:200px;max-width:250px;display:block;/*margin:1em;padding:1em 2em;*/border:none;background:none;color:inherit;vertical-align:middle;position:relative;z-index:1;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;}

.button-en{min-width:300px;max-width:450px;display:block;padding:1em;/*margin:1em; 2em;*/border:none;background:none;color:inherit;vertical-align:middle;position:relative;z-index:1;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;}

.button-mobile{min-width:100%;max-width:100%;display:block;/*margin:1em;padding:1em 2em;*/border:none;background:none;color:inherit;vertical-align:middle;position:relative;z-index:1;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;}

.button:focus{outline:none;}
.button > span{vertical-align:middle;}
.bg-1 .button{color:#37474f;border-color:#37474f;}
.bg-2 .button{color:#ECEFF1;border-color:#ECEFF1;}
.bg-3 .button{color:#fff;border-color:#fff;}
.button--size-s{font-size:14px;}
.button--size-m{font-size:16px;}
.button--size-l{font-size:18px;}
.button--text-upper{letter-spacing:2px;text-transform:uppercase;}
.button--text-thin{font-weight:300;}
.button--text-medium{font-weight:500;}
.button--text-thick{font-weight:600;}
.button--round-s{border-radius:5px;}
.button--round-m{border-radius:15px;}
.button--round-l{border-radius:40px;}
.button--border-thin{border:1px solid;}
.button--border-medium{border:2px solid;}
.button--border-thick{border:3px solid;}

.button--theline71{-webkit-transition:border-color 0.4s, color 0.4s;transition:border-color 0.4s, color 0.4s;}
.button--theline71::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#9459A1;z-index:-1;opacity:0;-webkit-transform:scale3d(0.7, 1, 1);transform:scale3d(0.7, 1, 1);-webkit-transition:-webkit-transform 0.4s, opacity 0.4s;transition:transform 0.4s, opacity 0.4s;-webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);}
.button--theline71.button--round-s::before{border-radius:2px;}
.button--theline71.button--inverted::before{background:#9459A1;}
.button--theline71,
.button--theline71::before{-webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);border-color:#9459A1;color:#9459A1;font-family:'DB Helvethaica X Extended';font-size:22px;font-weight:normal;padding:14px 10px;}
.button--theline71:hover{color:#fff;border-color:#9459A1;}
.button--theline71.button--inverted:hover{color:#9459A1;border-color:#9459A1;}
.button--theline71:hover::before{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}

.button--theline71en{-webkit-transition:border-color 0.4s, color 0.4s;transition:border-color 0.4s, color 0.4s;}
.button--theline71en::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#9459A1;z-index:-1;opacity:0;-webkit-transform:scale3d(0.7, 1, 1);transform:scale3d(0.7, 1, 1);-webkit-transition:-webkit-transform 0.4s, opacity 0.4s;transition:transform 0.4s, opacity 0.4s;-webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);}
.button--theline71en.button--round-s::before{border-radius:2px;}
.button--theline71en.button--inverted::before{background:#9459A1;}
.button--theline71en,
.button--theline71en::before{-webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);border-color:#9459A1;color:#9459A1;font-family:'Akzidenz Grotesk Regular';font-size:14px;font-weight:normal;padding:14px 10px; text-transform:uppercase;}
.button--theline71en:hover{color:#fff;border-color:#9459A1;}
.button--theline71en.button--inverted:hover{color:#9459A1;border-color:#9459A1;}
.button--theline71en:hover::before{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}

/* Quidel */
.button--quidel {
	background: #c95937;
	color: #fff;
	overflow: hidden;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	font-family:'DB Helvethaica X Extended';font-size:22px;
    padding:7px;
}

.button--quidel.button--inverted {
	background: #fff;
	color: #fff;
}
.button--quidel::before,
.button--quidel::after {
	content: '';
	position: absolute;
	z-index: -1;
	border-radius: inherit;
}
.button--quidel::after {
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	background: #fff;
}
.button--quidel.button--inverted::after {
	background: #c95937;
}
.button--quidel::before {
	background: #37474f;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--quidel.button--inverted::before {
	background: #fff;
}
.button--round-s.button--quidel::after {
	border-radius: 3px;
}
.button--round-m.button--quidel::after {
	border-radius: 13px;
}
.button--round-l.button--quidel::after {
	border-radius: 40px;
}
.button--quidel > span {
	padding-left: 0.35em;
}
.button--quidel:hover {
	color: #000;
	background: #fff;
}
.button--quidel.button--inverted:hover {
	color: #000;
	background: #fff;
}
.button--quidel:hover::before {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}