/* HTML5 HACK -------------------------------------- */  
header, section, footer, aside, nav, article {  
	display: block;  
}

/* FONTS -------------------------------------- */  
/* barlow-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('../font-barlow/barlow-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* PRINT ------------------------------------------ */
 
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.content {
    width: 210mm;
    min-height: 297mm;
    padding: 0 15mm 15mm 15mm;
    margin: 10mm auto;
    border: 1px #d3d3d3 solid;
    border-radius: 5px;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@page {
	size: A4;
	margin: 10mm 0;
}
@media print {
  html, body {
    width: 210mm;
    height: 297mm;
  }
  .content {
	margin: 0;
	border: initial;
	border-radius: initial;
	width: initial;
	min-height: initial;
	box-shadow: initial;
	background: initial;
	page-break-after: always;
    }
}
 
/* LAYOUT ------------------------------------------ */

html {
	overflow-x:auto;
	overflow-y:auto;
}

body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	background:#fff none;
	
	color: #000;
    font-family: 'Barlow', Arial, sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
}

img{
	border-style:none;
	height: auto;
    max-width: 100%;
}

.wrapper {
	clear:both;
}

a {
	text-decoration:none;
	color:#000;
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #aeaeae;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 10px 0;
	position: relative;
}

h1, h2, h3, h4, h5, h6 { color: #000; padding-bottom: 0.1em; line-height: 1.1em; font-weight: 300;margin: 0; }
h1 {
	color: #e10098;	
}
h2 {
    float: left;
    font-size: 22px;
    margin: 0 0 2px;
    padding: 0;
    width: 100%;
}

div {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

strong, b { 
	font-weight: bold;
	color:#000;
}
p {
	margin:8px auto;
	clear: both;	
}
.textmagenta em, .textmagenta i { 
	color:#000;
}

/* TOP BAR ------------------------------------------ */

/* HEADER ------------------------------------------ */

.header {
	width:100%;
	height:auto;
	overflow: hidden !important;
	position:relative;
	margin:0 0 20px; 
	padding:0;
	font-family: 'Barlow', Arial, sans-serif;
}
.header-left {
    float: left;
    height: auto;
	margin:10px 0 0 0;
	padding:0;
	width:50%;
}
.header-right {
    float: left;
    height: auto;
	margin:10px 0 0 0;
	padding:0;
	width:50%;
	text-align:right;
}
.aside_slogan, .aside_hotline {
    color: #000;
}


/* SLIDER ------------------------------------------ */

/* MAIN ------------------------------------------ */

.main {
	width:100%;
	height:auto;
	position:relative;
	margin:0; 
	padding:5px 0 0 0;
	color: #000;
	clear:both;
}
.main-left {
    height: auto;
	float: left;
	width:100%;
	padding:0;
}
.main-right {
    height: auto;
	float: left;
	width:100%;
	padding:0;
}
.description {
	width:100%;
	height:auto;
	position:relative;
	clear:both;
}
.profile-text {
	width:100%;
	height:auto;
	position:relative;
	margin:10px 0 0 0; 
	padding:0;
	clear:both;
}

.profile-left {
	clear: both;
	float:left;
	padding: 4px 0 0 0;
	width: 100%;
	font-weight:400;
}
.profile-right {
	clear: both;
	float:left;
	padding: 0 0 4px 0;
	width: 100%;
}
.main ul, .main ol {
     position: relative;
     margin: 0 15px;
	 padding: 1em 0;
	 clear:both;
	 display: inline-block;
	 width:100%;
}
.main li {
	position: relative;
	margin:0;
	padding: 0;
	list-style:disc;
	clear: both;
	float:left;
	width:100%;
}

/* SIDEBAR ------------------------------------------ */

.sidebar  {
    height: auto;
    margin: 25px 0 0;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
    width: 100%;
	background-color:#fff;
	float:left;
	border-top:1px solid #aeaeae;
}
.sidebar-content  {
    height: auto;
    margin: 0;
}

.sidebar p {
	padding: 0.1em 0;
	font-size:12px;
	line-height:16px;
}

.sidebar ul {
    float: left;
    width: 100%;
	list-style: outside none none;
	padding:0;
	margin:5px 0;
}
.sidebar li {
    background-color: #555;
    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    float: left;
    font-size: 15px;
    margin: 0 5px 5px 0;
    padding: 4px 8px;
}
.sidebar li::before {
    color: #fff;
    content: "\f00c";
    font-family: "fontawesome";
	font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin: 0 5px 0 0;
	font-size: 10px;
}

/* COMMENTS ------------------------------------------ */

.advicenumber {
	color: #000;
	font-size:12px;
	line-height:normal;
	margin:0 0 30px 0;
}

/* DELETE ------------------------------------------ */

.nonprint {
	display:none;
	visibility:hidden;
}