html,body,div,span,h2,h3,h4,p,a,i,label,article,section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, section {display: block;}
a{text-decoration:none;}/* text align right *//* text align left *//* text align center *//* float right *//* float left */
.clear{clear:both;}/* clear float *//* Position Relative *//* Position Absolute *//* vertical align baseline *//* vertical align top *//* vertical menu *//* horizontal menu */
.banner {
	background: url(/img/widgets/banner.jpg)no-repeat 0px 0px;
	background-size: cover;
}
.header-top {
	text-align: right;
	padding: 1em;
	background-color: rgba(14, 14, 14, 0.28);
}
.banner-bottom-left,.banner-bottom-right{
	float: left;
	width: 50%;
	text-align: center;
	background-color: #4dc2ff;
}
.banner-bottom-right { background-color: #ff7fe5; }
.banner-bottom h3 {
	font-size: 2.2em;
	color: #fff;
}
.banner-bottom p {
	font-size: 1em;
	color: #fff;
	font-weight: 500;
	margin-top: 0.1em;
}
.work-text {
	padding: 2em 1.5em 1.5em;
	background-color: transparent;
}
.ac-container label {
	padding: 8px 20px 8px 0;
	position: relative;
	z-index: 1040;
	display: block;
	cursor: pointer;
	color: #3c464f;
	line-height: 33px;
	font-size: 1em;
	font-weight: 600;
}
.ac-container label:hover { color: #4DC2FF; }
.ac-container input:checked + label,
.ac-container input:checked + label:hover{ color: #4DC2FF; }
.ac-container label:after, .ac-container input:checked + label:hover:after {
	content: '';
	position: absolute;
	width: 15px;
	height: 11px;
	right: 13px;
	top: 22px;
	background: url(/img/widgets/arrow_up.png) no-repeat -4px -5px;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
}
.ac-container input:checked + label:hover:after,.ac-container input:checked + label:after{
	color: #000;
	transform: rotate(180deg);
	top: 18px;
}
.ac-container input{ display: none; }
.ac-container article{
	background:#fff;
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 1050;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p {
	line-height: 21px;
	font-size: 0.9em;
	padding: 10px 24px;
	color: #FFFFFF;
	background-color: #FF7FE5;
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	background-color: #E259C6;
}
.ac-container input:checked ~ article.ac-small{ height: 65px; }
.ac-container label i {
	font-size: 1em;
	width: 13px;
	height: 13px;
	display: inline-block;
	border-radius: 50%;
	margin-right: 0.2em;
	vertical-align: text-top;
}
.login-form { margin: 1em 0 2.5em; }
::-webkit-input-placeholder{ color:#fff !important; }
@media(max-width:1440px){
.main { width: 26%; }
}
@media(max-width:1366px){
.main { width: 27%; }
}
@media(max-width:1280px){
.main { width: 30%; }
}
@media(max-width:1080px){
.main {
	width: 35%;
	margin: 2em auto;
}
}
@media(max-width:1024px){
.main { width: 38%; }
}
@media(max-width:900px){
.main { width: 42%; }
}
@media(max-width:800px){
.main { width: 49%; }
}
@media(max-width:640px){
.main { width: 60%; }
}
@media(max-width:480px){
.main { width: 78%; }
.header-top { padding: 0.8em; }
.banner-bottom-left, .banner-bottom-right { padding: 1.3em 0; }
.banner-bottom h3 { font-size: 1.8em; }
.banner-bottom p {
	font-size: 0.9em;
	margin-top: 0.3em;
}
.work-text { padding: 1.5em 1.5em 1em; }
.ac-container label { font-size: 0.9em; }
.ac-container label:after, .ac-container input:checked + label:hover:after { top: 19px; }
}
@media(max-width:320px){
.main {
	width: 89%;
	margin: 1.5em auto;
}
.login-form { margin: 1em 0 1.5em; }
.banner-bottom-left, .banner-bottom-right { padding: 1em 0; }
.banner-bottom h3 { font-size: 1.6em; }
.banner-bottom p { font-size: 0.8em; }
.work-text { padding: 1.5em 1em 1em; }
.ac-container label i {
	width: 10px;
	height: 10px;
	margin-right: 0.5em;
}
.ac-container label {
	font-size: 0.8em;
	line-height: 22px;
}
.ac-container label:after, .ac-container input:checked + label:hover:after {
	width: 12px;
	height: 7px;
	top: 16px;
	right: 4px;
	background-position:-5px -5px;
}
.ac-container article p {
	font-size: 0.8em;
	padding: 6px 13px;
}
.ac-container input:checked ~ article.ac-small { height: 57px; }
}


@font-face {
    font-family: 'Univers LT 45';
    src: url('https://media-cdn.factba.se/fonts/universlt45/UniversLT-Light.eot');
    src: url('https://media-cdn.factba.se/fonts/universlt45/UniversLT-Light.eot?#iefix') format('embedded-opentype'), url('https://media-cdn.factba.se/fonts/universlt45/UniversLT-Light.woff2') format('woff2'), url('https://media-cdn.factba.se/fonts/universlt45/UniversLT-Light.woff') format('woff'), url('https://media-cdn.factba.se/fonts/universlt45/UniversLT-Light.ttf') format('truetype'), url('https://media-cdn.factba.se/fonts/universlt45/UniversLT-Light.svg#UniversLT-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
html * { font-family: 'Univers LT 45', sans-serif; }
.ac-container label {line-height:normal !important;}
.tweetdate { text-align:right; font-size:0.7em; font-weight:normal; line-height:50%; width:100%; display:inline-block; margin-left:-15px; }
.ac-container label:hover { text-decoration:none !important; }
.ac-container article p {background-color:transparent !important; color: #222 !important; line-height:1em; !important; }
.ac-container input:checked ~article {background-color:transparent !important; color: #222 !important; }
.banner-bottom-left, .banner-bottom-right { background-color:transparent;}
.banner-bottom-left h3, .banner-bottom-left p, .banner-bottom-right h3, .banner-bottom-right p {  color: #222 !important;  }
.banner { background: url(/img/widgets/twitter-banner.png)no-repeat 0px 0px;background-size: cover; }
.nohover:hover { text-decoration:none; color:#222; }
a.nohover { text-decoration:none; color:#222; }