@font-face{
	font-family: "Metric";
    src: url("fonts/Metric-Light.otf") format("opentype");
}
/*
@font-face {
    font-family: "Metric";
    src: url("fonts/Metric-Bold.otf") format("opentype");
    font-weight: bold;
}*/

/* A4U NORMALIZER */
html { font-size: 100.01%; }
html, body { margin: 0; padding: 0; }
body { font-size: 90%; background-color: #f5f5f5; color: #000; }
a { text-decoration: none;}
a:hover { text-decoration: underline; }
a img { border: none; }
img { max-width: 100%; }
h1 { font-size: 32px; }
h2 { font-size: 32px; }
h3 { font-size: 32px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { margin-top: 0; }
button, input, textarea, select, th, td, pre { font-size:100%; }
form { margin:0; padding:0; }
.powby { float: right; }
.powby a { color: #fff }
/* EOF A4U NORMALIZER */

/* IE10, 11 styleshit */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  }
/* EOF IE10, 11 styleshit */

/* A4U std blocks */
body { background: #000; overflow-y: scroll; font-family: "Metric", sans-serif; }
.bigWrap { background: #f5f5f5; }
.widthFix { max-width: 1000px; margin: auto; display: block !important; overflow:auto; }
@media all and (max-width: 1000px) {
	.widthFix { padding: 10px; }
}
.languages { text-align: right; }
.languages .active { font-weight: bold; }
.soctop { text-align: right; }

.logo { color: #fff; font-weight: bold; padding: 8px !important; float: left; }
.logoplace { text-align: center; background: #fafafa; min-height: 135px; }
.logoplace img { margin-top: 28px; }

.content { padding: 0px; font-size: 16px; line-height: 18px; }
.footer { padding: 10px 0px; color: #fff; }

.info { background: #9f9; color: #090; border: 1px solid #090; text-align: center; padding: 5px; }
.error { background: #f99; color: #900; border: 1px solid #900; text-align: center; padding: 5px; }
.findResulta { color: #000; }
a.findResulta:hover div h2 { text-decoration: none }
.findResult { color: #000; }
a.hidden { text-decoration: none; }
a.hidden:hover { text-decoration: none; }

@media all and (min-width: 500px) {
	.mobile { display: none }
}
@media all and (max-width: 500px) {
	.optional { display: none ; }
	img { max-height: 100vw; }
}

.liveEdit { min-height: 5px; }
.liveEdit:hover { outline: 1px dotted #ccc; }
/* EOF A4U std blocks */

/* A4U MENU */
.top { background: #000; overflow: auto; min-height: 57px; }
.top a { color: #bbb;   }
.top .active a, .top a:hover { color: #ffb20e; text-decoration: none  }
.top .active span.ion, .top .menuItem:hover span.ion { color: #ffb20e !important;  }

.bigMenu { }
.bigMenu div { display: inline-block; padding: 10px; font-size: 20px; text-transform: capitalize;}
.bigMenu div a { text-transform: uppercase; color: #e2e2e2;}
.bigMenu .languages { float: right; }
.bigMenu .languages a { margin-left: 10px; }
.bigMenu .soctop { float: right; }
.bigMenu .soctop .ion { font-size: 25px; margin-left: 10px; margin-top: 5px; color: #d9d9d9; }
.bigMenu .soctop a .ion { color: #fff; }
.bigMenu .soctop input { width: 90px; background: none; border: none; color: #fff; padding: 5px; font-size: 16px; }

.mobMenu { display: none; }
.mobMenuButton { display: none !important; }
.mobMenu div { display: block; }
@media all and (max-width: 770px) {
	.bigMenu { display: none; }

	.mobMenu { margin-top: 55px; }
	.mobMenu div { text-align: center; background: #555; padding: 10px; border-bottom: 1px solid #666; }
	.mobMenu .mobLanguages a { margin: 0px 5px; }
	.mobMenuButton { display: inline-block !important; font-size: 50px; color: #fff; float: right; margin-right: 10px; }
}
/* EOF A4U MENU */

/* A4U COLUMNS */
.row { overflow: auto }
[class^="col-"] { float: left; padding: 10px; box-sizing: border-box; }
.col-12 { width: 100%; }
.col-11 { width: 91.66666%; }
.col-10 { width: 83.333%; }
.col-9 { width: 75%; }
.col-8 { width: 66.66666%; }
.col-7 { width: 58.33333%; }
.col-6 { width: 50%; }
.col-5 { width: 41.66666%; }
.col-4 { width: 33.33333%; }
.col-3 { width: 25%; }
.col-2 { width: 16.66666%; }
.col-1 { width: 8.33333%; }
@media all and (max-width: 500px) {
	[class^="col-"] { width: 100% !important; }
}
@media all and (max-width: 768px) {
	.col-12 { width: 100%; }
	.col-11 { width: 100%; }
	.col-10 { width: 100%; }
	.col-9 { width: 100%; }
	.col-8 { width: 100%; }
	.col-7 { width: 100%; }
	.col-6 { width: 100%; }
	.col-5 { width: 100%; }
	.col-4 { width: 100%; }
	.col-3 { width: 75%; }
	.col-2 { width: 50%; }
	.col-1 { width: 25%; }
}
.col-r { float: right; }
/* EOF A4U COLUMNS */

/* SITE STYLE */
.topImg { height: 420px; background-size: cover; }
.topImgSlider { height: 420px; background-size: cover; margin-bottom: 30px; }
.topImgSlider .slide { background-size: cover; position: absolute; width: 100%; height: 420px; }

@media all and (max-width: 760px) {
	.topImg { height: 220px; }
	.topImgSlider { height: 220px; }
	.topImgSlider .slide { height: 220px; }
}
h1 { text-align: center; margin-bottom: 20px; }
h2 { text-align: center; margin-bottom: 20px; }
h3 { text-align: center; margin-bottom: 20px; }
blockquote { color: #a4a4a4; }
blockquote:before { content: "\f347"; display: inline-block; position: absolute; margin-left: -40px; font-size: 35px;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #a4a4a4; }

.postqsc { overflow: hidden; height: 310px; max-width: 990px; margin-left: 5px; }
@media all and (max-width: 990px) {
	.postqsc { overflow: auto; }
}
.postqs { overflow: auto; }
.postqsl { border-bottom: 1px solid #b7b7b7; }
a .postq { color: #000; }
.postq { width: 310px; float: left; padding: 10px; }
.postq2 { width: 480px; }
.postq .subject { font-weight: bold; font-size: 16px; padding: 10px 5px; background: #fff; border-bottom: 1px dashed #999; min-height: 37px; }
.postq .author { background: #fff; padding: 5px; font-size: 14px; }
.postq .added { margin-top: -25px; float: right; font-size: 14px; padding: 5px; }
.postqimg { width: 310px; height: 200px; background-size: cover; }
.postq2 .postqimg { width: 480px; height: 300px; }
.postqscc { height: 1px; }
.postqscc .ion { font-size: 70px; color: #818181; position: absolute; margin-top: -230px; cursor: pointer; }
.postqscc .left { float: left; }
.postqscc .left .ion { margin-left: -40px; }
.postqscc .right { float: right; }
.postqscc .right .ion { margin-left: 10px; }

/* HERE COMES BEAUTIFUL CSS NOT IN ONE ROW =) */

.notBlock {
	width:100%;
	max-width:450px;
	margin:0px 10px 20px 40px;
	background:#fff;
	float:left;
	color:#000;
}

.notLink:nth-child(even) .notBlock {
	margin:0px 40px 20px 10px;
}

.notImg {
	width:100%;
	height:230px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.notSubject {
	text-align:center;
	margin:15px 0;
	font-weight:bold;
	font-size:22px;
	min-height: 36px;
}

.notText {
	height:65px;
	overflow:hidden;
	box-sizing:border-box;
	padding:10px;
}

.notFoot {
	margin-top:15px;
	border-top:1px dashed #000;
}

.notAuthor {
	float:left;
	box-sizing:border-box;
	padding:10px;
}

.notDate {
	float:right;
	box-sizing:border-box;
	padding:10px;
}

.menuItem {
	-webkit-font-smoothing: subpixel-antialiased;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: -0.02em;
    line-height: 100%;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap
}

.menuItem:hover .submenu{
	display:block!important;
}

.submenu {
	left: 0;
    position: absolute;
    top: 45px;
	padding-top:15px!important;
    width: 100%;
	height:125px;
	background:rgba(0,0,0,0.8);
}

.submenu:hover {
	display:block;
}

.bigLetter { font-size: 72px; margin-right: 10px; font-weight: bold; float: left; line-height: 72px; }
h2 {
    color: #bdbdbd;
    font-size: 40px;
    font-weight: 300;
    letter-spacing: -0.02em;
    line-height: 100%;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
    border-bottom: 1px dashed #707070;
}
@media all and (max-width: 760px) {
	h2 { font-size: 35px; }
}

.authorInfo { overflow: auto }
.authorImage { width: 130px; height: 130px; border-radius: 65px; background-size: cover; float: left; margin-right: 30px;}
.authorDesc { color: #818181; }
.authorDesc.wbb { border-bottom: 1px dashed #555; padding-bottom: 20px; }

.center { text-align: center }
.moreButton { display: inline-block; margin: auto; color: #000; border: 1px solid #000; padding: 5px 10px; }
.moreButton:hover { text-decoration: none }

.right { text-align: right }
.backButton { color: #000; font-size: 18px; }

.white { background-color: #fff; }
.white h1 { color: #9c9a9b; }

.mbub { text-align: center; }
.mbub { padding: 20px 10px; font-size: 18px; background: #bdbdbd; color: #fff; border-radius: 3px; margin: 3px; }
tr.mtop td .mbub:before { content: "\f35f"; font-family: "Ionicons"; color: #bdbdbd; position: relative; left: 5px; top: 31px; float: left;  }
tr.mbot td .mbub:before { content: "\f365"; font-family: "Ionicons"; color: #bdbdbd; position: relative; left: 5px; top: -31px; float: left  }
tr td.mld { height: 30px; min-width: 50px; background: url(images/md.png) left center no-repeat;  }
tr td.mle { height: 30px; min-width: 50px; background: url(images/me.png) center center repeat-x;  }

.centerline { background: url(images/maccnlin.png) center top repeat-y; }

.authorTop { margin-top: 10px; padding-bottom: 7px; margin-bottom: 40px; min-height: 30px; font-size: 30px; border-bottom: 1px dashed #707070; }
.authorTop .dateblock { border-left: 1px solid #b7b7b7; padding-left: 5px; font-size: 35px; padding-top: 5px; position: relative; top: 3px; }
.authorTop .dateblock .date { font-weight: bold; }
.authorTop .dateblock .monyear { font-size: 14px; display: inline-block; line-height: 12px; }
.authorTop .dateblock .monyear .month { text-transform: uppercase; }


.totop { background: url('images/totop.svg') center center no-repeat; background-size: 50px; height: 100px; width: 100px; margin-left: auto; margin-right: 0px; cursor: pointer; }

.authorInfo a:hover { text-decoration: none }


.bx-wrapper { border: 0px !important; }

.caption1 { background: rgba(0,0,0,0.5); padding-top: 10px; margin-top: -100px; height: 90px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.caption1 .widthFix { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.caption1 a { color: #fff; font-size: 30px; line-height: 35px; }
.bx-wrapper .bx-pager { bottom: 10px !important; }

.pmets h4 { color: #ffb20c; margin: 10px 0px;  }
.pmets { border-bottom: 1px dashed #707070; margin-top: 25px; padding-bottom: 20px; }
.pmets:last-child { border-bottom: none; margin-bottom: 50px; }