@charset "utf-8";
/* CSS Document */

/* ============= */
/* === FONT === */
/* ============= */

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

/* ============= */
/* === RESET === */
/* ============= */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

a {
	text-decoration: none;
	color: inherit;
}

/* =============== */
/* === GENERAL === */
/* =============== */

html {
	height: 100%;
	width: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-size: 0.9em;
}

.container {
	position: relative;
	width: 960px;
	height: auto;
	margin: 0px auto;
	clear: both;
}

/* ============== */
/* === HEADER === */
/* ============== */

header {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 0px;
	background-image: url(../img/pattern.header.png);
	background-repeat: repeat;
	background-position: top center;
	-moz-box-shadow: 5px 0px 4px #888;
	-webkit-box-shadow: 5px 0px 4px #888;
	box-shadow: 5px 0px 4px #888;
	z-index: 10;
}

.separator {
	height: 1px;
}

.logo {
	position: relative;
	float: left;
	width: 27.5%;
	height: 120px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

/* ============== */
/* === FOOTER === */
/* ============== */

.affiliate {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 24px 0px 36px 0px;
	background-color: #ababab;
	text-align: left;
	margin-top: 20px;
}

.affiliate-item {
	position: relative;
	float: left;
	width: auto;
	height: 72px;
	margin: 12px 36px 0px 0px;
}

.affiliate-item img {
	width: auto;
	height: 100%;
}

footer {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 1.5em 0em;
	background-image: url(../img/pattern.footer.png);
	background-repeat: repeat;
	background-position: top center;
	color: #ffffff;
	line-height: 0.8em;
	text-align: left;
}

footer strong {
	font-size: 1.1em;
}

.footer-div {
	position: relative;
	float: left;
	width: 45%;
	margin-right: 5%;
	height: auto;
	line-height: 1.75em;
}

/* ================== */
/* === NAVIGATION === */
/* ================== */

.nav-desktop {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	height: auto;
	z-index: 999;
	background-color: #ffca30;
	-webkit-transform: translateZ(0); /* Chrome hack */
}

#menu-button {
	display: none;
	position: absolute;
	float: right;
	left: 1em;
	top: 0em;
	width: 43px;
	height: 43px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}

.menu-open {
	background-image: url(../img/menu.open.png);
}

.menu-close {
	background-image: url(../img/menu.close.png) !important;
}

.search {
	position: relative;
	float: left;
	width: 72.5%;
	height: auto;
	margin-top: 6px;
}

.search span {
	position: relative;
	float: right;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 15px;
}

.search-form {
	position: relative;
	float: right;
	margin-left: 1.5em;
}

.search-form > .search-input {
	width: 80px;
	padding: 0.5em 2.5em 0.5em 0.75em;
	margin: 0.5em 0em 0.5em 0em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #e7e8e8;
	background-image: url(../img/search.png);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 1.75em;
	border: none;
	border-right: 5px solid transparent;
	-moz-box-shadow: 2px 2px 2px #ddd;
	-webkit-box-shadow: 2px 2px 2px #ddd;
	box-shadow: 2px 2px 2px #ddd;
}

.social-media {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin: 12px 0px 24px 0px;
}

.social-media-item {
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 10px;
}

/* =============== */
/* === CONTENT === */
/* =============== */

.title-bar {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 0.5em 0em;
	margin: 0.5em 0em 1em 0em;
	text-align: center;
}

.title-bar .title {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.75em;
}

.title-bar .title-separator {
	position: relative;
	float: left;
	width: 15%;
	height: 4px;
	margin: 1.25em 42.5% 1.5em 42.5%;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.title-bar .subtitle {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
}

.best {
	position: absolute;
	width: 1.2em;
	height: 1.2em;
	margin-left: 1em;
}

.best-small {
	position: absolute;
	width: 0.8em;
	height: 0.8em;
	margin-left: 0.75em;
	top: 0.4em;
}

.title-bar .title .more-1 {
	position: absolute;
	right: 0px;
	top: -0.2em;
	width: auto;
	height: 3em;
}

.title-bar .title .more-2 {
	position: absolute;
	right: 1.75em;
	top: -0.2em;
	width: auto;
	height: 3em;
}

.title-bar .title .more {
	position: absolute;
	right: 0px;
	top: 0em;
	width: 1.5em;
	height: 1.5em;
}

.title-bar .title .more img {
	width: 1.5em;
	height: 1.5em;
}

.title-red {
	color: #d51e29;
}

.title-red .title-separator {
	background-color: #d51e29;
}

.title-white {
	color: #ffffff;
}

.title-white .title-separator {
	background-color: #ffffff;
}

.fotorama {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.news-item-list {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin: 12px 0%;
	border: 1px solid #dedede;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

.news-list-item-category {
	position: relative;
	float: left;
	width: 100%;
	padding: 1em;
	background-color: #f8f8f8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	color: #ffffff;
}

.news-item-list-information {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.news-item-list-title {
	display: table;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.35em;
	text-align: center;
	font-size: 1.35em;
	font-weight: bold;
	text-align: left;
}

.news-item-list-description {
	position: relative;
	float: left;
	width: 100%;
	padding: 0.65em 0em;
	line-height: 1.5em;
}

.news-item-list-rating {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 1em;
}

.news-item-list-image {
	position: relative;
	float: left;
	width: 25%;
	height: 160px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
}

.news-item-list-column {
	position: relative;
	float: left;
	width: 72.5%;
	height: auto;
	margin-left: 2.5%;
}

.news-item {
	position: relative;
	float: left;
	width: 32%;
	height: auto;
	margin: 5px 2% 20px 0%;
	border: 1px solid #dedede;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

.news-item:last-child {
	margin-right: 0%;
}

.news-item-title {
	display: table;
	position: relative;
	float: left;
	width: 100%;
	height: 64px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.35em;
	text-align: center;
	font-size: 1.35em;
	font-weight: bold;
	text-align: left;
}

.news-item-title p {
	display: table-cell;
	vertical-align: middle;
}

.news-item-image {
	position: relative;
	float: left;
	width: 100%;
	height: 200px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
}

.news-item-banner {
	position: absolute;
	top: 1.25em;
	left: -3em;
	padding: 0.5em 4em;

	background: rgb(41,154,11); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(41,154,11,1) 0%, rgba(41,154,11,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(41,154,11,1)), color-stop(100%,rgba(41,154,11,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(41,154,11,1) 0%,rgba(41,154,11,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(41,154,11,1) 0%,rgba(41,154,11,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(41,154,11,1) 0%,rgba(41,154,11,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(41,154,11,1) 0%,rgba(41,154,11,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */

	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.85em;
	text-align: center;
	line-height: 1.35em;
	
	-webkit-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	transform: rotate(315deg);	
}

.news-item-category {
	position: relative;
	float: left;
	width: 100%;
	padding: 1em;
	background-color: #f8f8f8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	color: #ffffff;
}

.news-item-duration {
	position: relative;
	float: right;
	background-image: url(../img/clock.png);
	background-position: center left;
	background-size: contain;
	background-repeat: no-repeat;
	padding-left: 1.5em;
	color: #ffffff;
}

.news-item-information {
	position: relative;
	float: left;
	width: 100%;
	height: 360px;
	padding: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.news-item-subtitle {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	font-size: 1em;
	color: #ada2a8;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1% 0% 1% 1.75em;
	line-height: 1em;
	background-image: url(../img/clock.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.25em 1.25em;
}

.news-item-description {
	position: relative;
	float: left;
	width: 100%;
	height: 140px;
	padding: 0.65em 0em;
	line-height: 1.5em;
}

.news-item-rating {
	position: relative;
	float: left;
	width: 100%;
	padding: 0.65em 0em;
	margin-bottom: 1em;
}

.news-item-rating-star {
	position: relative;
	float: left;
	width: 50%;
	font-size: 1.5em;
}

.rating-background {
	position: relative;
	float: left;
	width: 5em;
	height: 1em;
	background: rgb(201,201,201); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(201,201,201,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(201,201,201,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(201,201,201,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(201,201,201,1) 0%,rgba(204,204,204,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(201,201,201,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(201,201,201,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.rating-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: 0.95em;
	background: rgb(255,214,94); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,214,94,1) 0%, rgba(254,191,4,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,214,94,1)), color-stop(100%,rgba(254,191,4,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */
	z-index: 1;
}

.rating-star {
	position: absolute;
	top: 0;
	left: 0;
	width: 5em;
	height: 1em;
	background-image: url(../img/rate.custom.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 2;
}

.news-item-price-custom {
	position: relative;
	float: left;
	width: 50%;
	color: #ada2a8;
	font-weight: bold;
	font-size: 1.5em;
	text-align: right;
}

.news-item-price {
	position: absolute;
	top: 0;
	right: 0;
	color: #ada2a8;
	font-weight: bold;
	font-size: 1.5em;
	text-align: right;
	padding-top: 0.6em;
}

.news-item-button {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	padding: 1em 1.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #dd4c39;
	color: #dd4c39;
	font-weight: bold;
}

.news-item-button:hover {
	background-color: #dd4c39;
	color: #ffffff;
}

.hot-news-container {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 1.5em 0em 2em 0em;
	margin-bottom: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../img/pattern.png);
	background-repeat: repeat;
	background-position: center center;
}

.hot-news-container-column {
	position: relative;
	float: left;
	width: 49%;
	height: auto;
}

.margin-right {
	margin-right: 1%;
}

.margin-left {
	margin-left: 1%;
}

.margin-top {
	margin-top: 2.5em;
}

.hot-news-main-item {
	position: relative;
	float: left;
	width: 100%;
	height: 22em;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.hot-news-main-item-banner {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.65);
}

.hot-news-item {
	position: relative;
	float: left;
	width: 100%;
	height: 10em;
	margin-bottom: 1.5em;
	border-bottom: 5px dotted #ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.hot-news-item-image {
	position: relative;
	float: left;
	width: 28%;
	height: 100%;
	margin-right: 2%;
}

.hot-news-item-image img {
	width: 100%;
	height: auto;
	max-height: 9em;
}

.hot-news-item-information-container {
	position: relative;
	float: left;
	width: 70%;
	height: 100%;
}

.hot-news-item-title {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	color: #ffffff;
	font-size: 1.35em;
	line-height: 1.2em;
	margin-bottom: 0.25em;
	font-weight: bold;
}

.hot-news-item-description {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	color: #ffffff;
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 0.5em;
}

.people-item {
	position: relative;
	float: left;
	width: 27.33%;
	height: auto;
	margin: 5px 3% 20px 3%;
}

.people-list-item {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 1em;
	padding: 1em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #f8f8f8;
}

.people-list-item figure {
	position: relative;
	width: 20%;
	height: auto;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.people-list-item-information {
	position: relative;
	width: 77.5%;
	height: auto;
}

.people-list-item-margin-left .people-list-item-information {
	margin-left: 2.5%;
	text-align: left;
	float: left;
}

.people-list-item-margin-left .people-list-item-line {
	float: left;
}

.people-list-item-margin-left figure {
	float: left;
}

.people-list-item-margin-right .people-list-item-information {
	margin-right: 2.5%;
	text-align: right;
	float: right;
}

.people-list-item-margin-right .people-list-item-line {
	float: right;
}

.people-list-item-margin-right figure {
	float: right;
}

.people-list-item-information-title {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	font-size: 1.35em;
	font-weight: bold;
	color: #af151e;
	margin: 12px 0px;
}

.people-list-item-information-subtitle {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	font-size: 0.85em;
	font-weight: bold;
	color: #666;
	margin-bottom: 12px;
}

.people-list-item-line {
	position: relative;
	width: 20%;
	height: auto;
	border-bottom: 4px solid #af151e;
	margin-bottom: 12px;
}

.people-list-item-description {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	font-size: 1em;
	font-style: italic;
	line-height: 2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.advertisement {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin: 2em 0em;
	overflow: hidden;
}

.advertisement img {
	width: 100%;
	height: auto;
}

.map {
	position: relative;
	float: left;
	width: 100%;
	height: 360px;
	margin: 0px 0px 15px 0px;
	border: none;
}

/* =============== */
/* === ARTICLE === */
/* =============== */

.content-left {
	position: relative;
	float: left;
	width: 630px;
	height: auto;
	padding-top: 2em;
}

.content-right {
	position: relative;
	float: left;
	width: 315px;
	height: auto;
	margin-left: 15px;
	padding-top: 2em;
}

.column-50 {
	position: relative;
	float: left;
	width: 49%;
	height: auto;
	margin: 0.5%;
}

.article-container {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0em 0em 2em 0em;
	word-wrap: break-word;
	line-height: 1.75em;
	background-color: #ffffff;
}

.article-container ul, .article-container ol {
	margin-bottom: 1em;
}

.article-container ul li {
	list-style: circle;
	margin-left: 1.25em;
}

.article-container ol li {
	list-style: decimal-leading-zero;
	margin-left: 2em;
}

.article-container p {
	margin-bottom: 0.5em;
}

.article-container a {
	text-decoration: underline;
	color: #03F;
}

.article-title {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	font-size: 3em;
	font-weight: bold;
	padding: 0.25em 0em;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	line-height: 1.2em;
}

.article-category {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	font-size: 1em;
	font-weight: bold;
	padding: 0.5em 1em;
	border-top: 1px solid #dedede;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	color: #ffffff;
}

.article-duration {
	position: relative;
	float: right;
	background-image: url(../img/clock.png);
	background-position: center left;
	background-size: 1em 1em;
	background-repeat: no-repeat;
	padding: 0em 0em 0em 1.5em;
}

.article-subtitle {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	font-size: 0.85em;
	color: #454545;
	text-align: left;
	font-style: italic;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.35% 0% 0.35% 1.75em;
	line-height: 1em;
	background-image: url(../img/clock.black.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.25em 1.25em;
}

.article-title > .article-subtitle {
	margin-top: 12px;
	font-size: 0.35em;
}

.article-share {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 0.75em 0em;
	text-align: center;
	border-bottom: 1px solid #dedede;
	margin-bottom: 15px;
}

.article-share-items {
	position: relative;
	float: left;
	width: 60%;
	height: auto;
	text-align: left;
}

.article-description {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 1em 0em 0em 0em;
	text-align: left;
	font-weight: bold;
}

.article-rating {
	position: relative;
	float: right;
	width: auto;
	height: 25px;
	font-style: italic;
	overflow: hidden;
}

.article-rating-count {
	position: relative;
	float: right;
	width: auto;
	height: auto;
	font-style: italic;
	margin-left: 12px;
}

.starOn{
	border: none;
    background: rgb(254,252,234);
    background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1)));
    background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
    background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
    background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
    background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 );
}

.starOff{
	border: none;
    background: rgb(206,220,231);
    background: -moz-linear-gradient(top,  rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1)));
    background: -webkit-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
    background: -o-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
    background: -ms-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
    background: linear-gradient(to bottom,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 );
}

.starOnHover{
	border: none;
    background: rgb(213,206,166);
    background: -moz-linear-gradient(top,  rgba(213,206,166,1) 0%, rgba(201,193,144,1) 23%, rgba(183,173,112,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,206,166,1)), color-stop(23%,rgba(201,193,144,1)), color-stop(100%,rgba(183,173,112,1)));
    background: -webkit-linear-gradient(top,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 23%,rgba(183,173,112,1) 100%);
    background: -o-linear-gradient(top,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 23%,rgba(183,173,112,1) 100%);
    background: -ms-linear-gradient(top,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 23%,rgba(183,173,112,1) 100%);
    background: linear-gradient(to bottom,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 23%,rgba(183,173,112,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=0 );
}

.starOffHover{
	border: none;
    background-color:#C03;
}

.article-image {
	position: relative;
	float: left;
	width: 100%;
	height: 75%;
	margin: 1em 0em;
	border: 6px solid #dedede;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #ededed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.article-content {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.article-button {
	position: relative;
	float: left;
	margin-top: 1.5em;
	margin-right: 1em;
	padding: 1em 3em;
	border: 3px solid rgba(255, 255, 255, 0.1);
	color: #ffffff;
	text-decoration: none;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background: #499bea; /* Old browsers */
	background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
}

.article-button:hover {
	background: #0b7ce5; /* Old browsers */
	background: -moz-linear-gradient(top,  #0b7ce5 0%, #125bed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b7ce5), color-stop(100%,#125bed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0b7ce5 0%,#125bed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0b7ce5 0%,#125bed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0b7ce5 0%,#125bed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0b7ce5 0%,#125bed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b7ce5', endColorstr='#125bed',GradientType=0 ); /* IE6-9 */
}

.side-container {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background-color: #e7e8e8;
	margin-bottom: 15px;
}

.side-title {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
}

.side-content {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.5em;
	line-height: 1.5em;
}

.side-article {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	border-bottom: 1px dashed #d1d2d4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.side-article-title {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	font-weight: bold;
	font-size: 1em;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.5em;
	line-height: 1.25em;
}

.side-article:last-child {
	border-bottom: none;
}

.side-article:hover {
	background-color: rgba(255, 255, 255, 0.5);
}

.schedule-item {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	border-bottom: 1px dashed #d1d2d4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.5em;
	line-height: 1.5em;
}

.schedule-item:last-child {
	border-bottom: none;
}

.schedule-date {
	position: relative;
	float: left;
	width: 17.5%;
	height: auto;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	border-right: 2px solid #af151e;
}

.schedule-title {
	position: relative;
	float: left;
	width: 75%;
	height: auto;
	vertical-align: bottom;
	padding-left: 5%;
	font-weight: bold;
}

.search-title {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	font-size: 1.5em;
	font-weight: bold;
	margin: 20px 0px 15px 0px;
	padding: 0.5em 0em;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	line-height: 1.2em;
}

.gallery-item {
	position: relative;
	float: left;
	width: 100%;
	height: 420px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.75em;
	margin-top: 1em;
	background-color: rgba(0, 0, 0, 0.1);
}

.gallery-item-image {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.gallery-item > .gallery-item-image {
	width: 100%;
}

.gallery-information-container {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.5em;
}

.gallery-information-container a {
	text-decoration: none;
}

.gallery-title, .gallery-caption {
	text-align: center;
	color: black;
}

.gallery-title {
	font-weight: bold;
	font-size: 1.2em;
	padding: 0.25em;
}

.gallery-information-container a > .gallery-title:hover {
	text-decoration: underline;
}

.site-news-item {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1em;
	background-color: rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-top: 0.75em;
}

.site-news-item a {
	color: #000000;
}

.site-news-item-image {
	position: relative;
	float: left;
	width: 33%;
	height: 160px;
	margin-right: 2%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.site-news-item-container {
	position: relative;
	float: left;
	width: 65%;
	height: auto;
}

.site-news-item-title {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 0.25em 0em;
	line-height: 1.2em;
	font-size: 1.35em;
	font-weight: bold;
}

.site-news-item-subtitle {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 0em 0em 0.25em 0em;
	line-height: 1em;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #ada2a8;
	word-wrap: break-word;
}

.site-news-item-datetime {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	font-size: 1em;
	color: #ada2a8;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1% 0% 1% 1.75em;
	line-height: 1em;
	background-image: url(../img/clock.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.25em 1.25em;
}

.site-news-item-description {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 0.25em 0em;
	line-height: 1.5em;
	font-size: 1em;
}

.test-title {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	font-size: 2.25em;
	font-weight: bold;
	padding: 0.5em 0em;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	line-height: 1.2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.help-button {
	position: relative;
	float: right;
	width: 2.5em;
	height: 2.5em;
	background-image: url(../img/help.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	margin: 0em 0em 1em 0em;
}

.test-subtitle {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 0.5em 0em;
	text-align: left;
	border-bottom: 1px solid #dedede;
	margin-bottom: 15px;
	font-weight: bold;
}

.test-label {
	position: relative;
	float: left;
	width: 15%;
	clear: both;
}

.test-value {
	position: relative;
	float: left;
	width: 85%;
}

.test-bar {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.test-separator {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 0.5em 0em 1em 0em;
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.75em;
	background: rgb(197,222,234); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(197,222,234,1) 0%, rgba(138,187,215,1) 31%, rgba(6,109,171,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(197,222,234,1)), color-stop(31%,rgba(138,187,215,1)), color-stop(100%,rgba(6,109,171,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.test-case {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 1em;
	line-height: 2.5em;
	background: -moz-linear-gradient(45deg,  rgba(45,189,241,0.1) 0%, rgba(44,188,240,0.1) 1%, rgba(18,151,218,0.1) 45%, rgba(15,138,206,0.1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(45,189,241,0.1)), color-stop(1%,rgba(44,188,240,0.1)), color-stop(45%,rgba(18,151,218,0.1)), color-stop(100%,rgba(15,138,206,0.1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(45,189,241,0.1) 0%,rgba(44,188,240,0.1) 1%,rgba(18,151,218,0.1) 45%,rgba(15,138,206,0.1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(45,189,241,0.1) 0%,rgba(44,188,240,0.1) 1%,rgba(18,151,218,0.1) 45%,rgba(15,138,206,0.1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(45,189,241,0.1) 0%,rgba(44,188,240,0.1) 1%,rgba(18,151,218,0.1) 45%,rgba(15,138,206,0.1) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(45,189,241,0.1) 0%,rgba(44,188,240,0.1) 1%,rgba(18,151,218,0.1) 45%,rgba(15,138,206,0.1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a2dbdf1', endColorstr='#1a0f8ace',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.test-case-error {
	background: -moz-linear-gradient(45deg,  rgba(254,187,187,0.2) 0%, rgba(254,144,144,0.2) 45%, rgba(255,92,92,0.2) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(254,187,187,0.2)), color-stop(45%,rgba(254,144,144,0.2)), color-stop(100%,rgba(255,92,92,0.2))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(254,187,187,0.2) 0%,rgba(254,144,144,0.2) 45%,rgba(255,92,92,0.2) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(254,187,187,0.2) 0%,rgba(254,144,144,0.2) 45%,rgba(255,92,92,0.2) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(254,187,187,0.2) 0%,rgba(254,144,144,0.2) 45%,rgba(255,92,92,0.2) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(254,187,187,0.2) 0%,rgba(254,144,144,0.2) 45%,rgba(255,92,92,0.2) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33febbbb', endColorstr='#33ff5c5c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.test-case table {
	width: 100%;
	text-align: center;
	border: 2px solid #aaaaaa;
}

.test-case table th {
	padding: 1em 0em;
	border: 1px solid #ababab;
}

.test-case table td {
	padding: 0.5em;
	border: 1px solid #ababab;
}

.test-case input[type="radio"] {
	margin: 0.5em 0em 0em 0em;
}

.test-choice {
	margin-left: 0.5em;
}

.test-choice-10 {
	position: relative;
	float: left;
	width: 10%;
	height: auto;
}

.test-bar input[type="submit"] {
	position: relative;
	float: left;
	width: 15%;
	height: auto;
	padding: 1em 3em;
	margin: 2.5% 42.5% 0% 42.5%;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #dedede;
	cursor: pointer;
}

.test-bar input[type="submit"]:hover {
	background-color: #cdcdcd;
}

.test-diagram {
	position: relative;
	float: left;
	width: 80%;
	height: auto;
	margin: 0% 10% 1em 10%;
}

.test-diagram-2 {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin: 0% 0% 1em 0%;
}

.test-report-title {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0em 1em;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}

.test-report-information {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0em 1em;
	font-size: 1em;
	text-align: left;
	line-height: 2em;
}

.test-report-button {
	position: relative;
	float: right;
	width: auto;
	height: auto;
	padding: 1em 2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 0.5em 0em 0em 1em;
	text-align: center;
	font-weight: bold;
	font-size: 1;
	background-color: #dedede;
	cursor: pointer;
	color: #000;
}

.test-report-button:hover {
	background-color: #cdcdcd;
}

#onecolumn, #twocolumn {
	display: inline-block;
	margin-bottom: 0em;
}

#onecolumn li {
	list-style-type: disc;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
}

#twocolumn li {
	list-style-type: disc;
	width: 45%;
	position: relative;
	float: left;
	text-align: left;
}

/* ================ */
/* === LANGUAGE === */
/* ================ */

.language {
	position: relative;
	float: right;
	width: auto;
	height: 100%;
	padding: 0.5em 0em;
	margin-left: 1.5em;
}

.language-item {
	position: relative;
	float: left;
	width: 1.65em;
	height: 1.65em;
	margin-right: 0.65em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border: 3px solid #efefef;
	cursor: pointer;
}

/* =============== */
/* === CONTACT === */
/* =============== */

.contact-container {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.5em;
	margin-bottom: 25px;
}

#contact-form label {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 0em 0em 0.25em 0em;
	clear: both;
	text-align: left;
}

#contact-form input[type="text"] {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1em;
	margin-bottom: 15px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #cdcdcd;
	clear: both;
}

#contact-form textarea {
	position: relative;
	float: left;
	width: 100%;
	height: 120px;
	min-height: 120px;
	max-height: 120px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1em;
	margin-bottom: 15px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #cdcdcd;
	clear: both;
}

#contact-form input[type="submit"] {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	padding: 1em 1.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #dd4c39;
	color: #dd4c39;
	font-weight: bold;
	margin-top: 2em;
	background-color: #ffffff;
}

#contact-form input[type="submit"]:hover {
	background-color: #dd4c39;
	color: #ffffff;
}

#contact-scrollto {
	cursor: pointer;
}

#body-scrollto {
	display: none;
	position: fixed;
	bottom: 2.5em;
	right: 2.5em;
	width: 3.5em;
	height: 3.5em;
	background-image: url(../img/up.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}

.captcha {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	clear: both;
}

.form-item-invalid {
	background-image: url(../img/invalid.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 28px 20px;
}
  
.form-item-valid {
	background-image: url(../img/valid.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 28px 20px;
}

/* ================ */
/* === REGISTER === */
/* ================ */

.form-item {
	position: relative;
	float: left;
	width: 100%;
	margin: 8px 0px;
}

.form-item label {
	position: relative;
	float: left;
	width: 25%;
	height: auto;
	padding: 0.4em 0em;
}

.form-item-container {
	position: relative;
	float: left;
	width: 75%;
}

.form-item input[type="text"], .form-item input[type="email"], .form-item select {
	position: relative;
	float: left;
	width: 75%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #cdcdcd;
	padding: 0.75em 1em;
}

.form-item input[type="radio"], .form-item input[type="file"] {
	margin: 0.75em 0.25em 0em 0em;
}

.radio-separator {
	margin: 0em 0.5em;
}

.form-item input[type="submit"] {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	padding: 1em 2.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #03b2f0;
	color: #03b2f0;
	font-weight: bold;
	background-color: transparent;
	cursor: pointer;
}

.form-item input[type="submit"]:hover {
	background-color: #03b2f0;
	color: #ffffff;
}

.form-item-invalid {
	background-image: url(../img/invalid.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 28px 20px;
}
  
.form-item-valid {
	background-image: url(../img/valid.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 28px 20px;
}

.notification {
	display: none;
	position: fixed;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1em 0.5em 0.5em 0.5em;
	text-align: center;
	line-height: 1.5em;
	background-color: #C00;
	color: #ffffff;
	font-weight: bold;
	z-index: 100;
}

.notification-item {
	display: inline-block;
	height: auto;
	width: auto;
	padding: 0.5em 0.5em 0em 0.5em;
}

.notification-item img {
	height: 2em;
	width: auto;
}

.ui-autocomplete {
	max-height: 20em;
	overflow-y: auto;
	overflow-x: hidden;
}

.ui-widget {
	font-family: 'Lato', sans-serif !important;
	font-size: 0.85em !important;
}

#table-mapping {
	text-align: center;
	border: 1px solid #CCC;
	color: #000;
	font-size: 0.85em;
}

#table-mapping th {
	border: 1px solid #CCC;
	padding: 1em 0em;
}

#table-mapping td {
	border: 1px solid #CCC;
	vertical-align: middle;
	padding: 0.5em 0em;
}

.scroller, .scroll-flag {
	position: relative;
	float: left;
	width: 100%;
}

.video-container {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 0em;
	margin-bottom: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #DFDFDF;
}

.video-container iframe {
	width: 100%;
	height: auto;
}

.video-event-container {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 0em;
	margin-bottom: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../img/pattern.png);
	background-repeat: repeat;
	background-position: top center;
}

.video-event-container-column {
	position: relative;
	float: right;
	width: 49%;
	height: auto;
	min-height: auto;
}

.video-event-container iframe {
	width: 100%;
	height: auto;
}

.video-information {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.5em;
	font-size: 0.85em;
}

.inner-title {
	position: relative;
	float: left;
	width: 100%;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0.5em 0em;
}

.inner-title-small {
	position: relative;
	float: left;
	width: 100%;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0em 0em 0.5em 0em;
}

.event-item {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 1em;
	margin-bottom: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #FFF;
	font-size: 0.85em;
	line-height: 1.5em;
}

.event-item-date {
	position: relative;
	float: left;
	width: 15%;
	height: auto;
}

.event-item-date-icon {
	position: relative;
	float: left;
	width: 4em;
	height: 4em;
	background-color: #FFF;
	padding: 0.75em 0.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #dd4c39;
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
}

.event-item-information {
	position: relative;
	float: left;
	width: 83%;
	height: auto;
	margin-left: 2%;
}

.event-container .event-item {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 1em;
	margin-bottom: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #FFF;
	font-size: 0.75em;
	line-height: 1.5em;
}

.event-container .event-item-date {
	position: relative;
	float: left;
	width: 20%;
	height: auto;
}

.event-container .event-item-date-icon {
	position: relative;
	float: left;
	width: 4em;
	height: 4em;
	background-color: #FFF;
	padding: 0.75em 0.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #dd4c39;
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
}

.event-container .event-item-information {
	position: relative;
	float: left;
	width: 75%;
	height: auto;
	margin-left: 5%;
}

@media all and (max-width: 1024px) and (min-width: 320px) {
	/* =============== */
	/* === GENERAL === */
	/* =============== */
	
	#body-scrollto {
		display: none;
	}
	
	.container {
		width: 100%;
		padding: 0em 0.5em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	/* ============== */
	/* === HEADER === */
	/* ============== */
	
	header {
		position: fixed;
		padding: 10px 0px;
		text-align: center;
		z-index: 10;
	}
	
	.separator {
		height: 65px;
	}
	
	.logo {
		position: relative;
		float: left;
		width: 30%;
		height: 45px;
		margin: 0px 35%;
	}
	
	.line {
		bottom: -10px;
	}
	
	/* ============== */
	/* === FOOTER === */
	/* ============== */
	
	.affiliate {
		padding: 24px 5% 36px 5%;
	}
	
	footer {
		text-align: center;
	}
	
	.footer-div {
		width: 100%;
		margin-bottom: 2em;
	}
	
	.footer-div:last-child {
		margin-bottom: 0em;
	}
	
	.footer-address {
		width: 90%;
		padding: 0% 5%;
	}
	
	.social-media {
		text-align: center;
	}
	
	.social-media-item {
		display: inline-block;
		float: none;
		margin: 6px 6px 24px 6px;
	}
	
	.copyright {
		text-align: center;
	}
	
	#contact-form {
		padding: 0em 0.5em;
	}
	
	/* ================== */
	/* === NAVIGATION === */
	/* ================== */

	.search {
		display: none !important;
	}
	
	.nav-desktop {
		display: none !important;
	}

	#menu-button {
		display: block;
	}
	
	.search-form {
		position: relative;
		float: left;
		width: 100%;
		margin: 2% 0%;
	}
	
	.search-form > .search-input-mobile {
		width: 94%;
		padding: 0.5em;
		margin: 0.5em 3%;
		border: none;
		border-right: 3px solid transparent;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		background-image: url(../img/search.png);
		background-position: center right;
		background-repeat: no-repeat;
		background-size: 1.75em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	/* =============== */
	/* === CONTENT === */
	/* =============== */
	
	.margin-top {
		margin-top: 1em;
	}
	
	.title-bar {
		margin-bottom: 1em;
	}

	.title-bar .title {
		margin-top: 2em;
	}
	
	.title-bar .title .more-1 {
		top: -2em;
	}
	
	.title-bar .title .more-2 {
		top: -2em;
	}
	
	.title-bar .title .more {
		top: -2em;
	}
	
	.column-50 {
		position: relative;
		float: left;
		width: 100%;
		height: auto;
		margin: 0.5% 0%;
	}
	
	.hot-news-container-column {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.margin-right {
		margin-right: 0%;
	}
	
	.margin-left {
		margin-left: 0%;
	}
	
	.news-item {
		width: 100%;
		margin: 0em 0em 1em 0em;
	}
	
	.news-item-title {
		height: auto;
		padding: 0em;
		text-align: left;
	}
	
	.news-item-rating {
		margin-bottom: 0.5em;
	}
	
	.news-item-image {
		width: 100%;
		height: 180px;
		margin: 0%;
	}
	
	.news-item-category, .news-list-item-category {
		width: 100%;
		margin: 0%;
		padding: 0.5em 0.25em;
		height: auto;
	}
	
	.news-item-information {
		width: 100%;
		padding: 0.5em;
		height: auto;
	}
	
	.news-item-description {
		height: auto;
		padding: 0.25em 0em 0.5em 0em;
	}

	.news-item-list-image {
		display: none;
		width: 100%;
		height: 120px;
		background-position: center left;
	}
	
	.news-item-list-column {
		width: 100%;
		margin-left: 0%;
		margin-top: 2.5%;
	}
	
	.carousel {
		padding: 2em 3em;
	}

	.content-left {
		width: 100%;
		padding: 1em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.content-right {
		width: 100%;
		margin-left: 0%;
		padding: 1em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.article-container {
		padding: 0em;
	}

	.gallery-item {
		height: auto;
	}

	.carousel-item-image {
		height: 160px;
	}

	.site-news-item-image {
		width: 70%;
		margin: 0% 15% 5% 15%;
	}
	
	.site-news-item-container {
		clear: both;
		width: 100%;
	}
	
	.people-list-item figure {
		width: 15%;
		margin-bottom: 6px;
	}
	
	.people-list-item-information {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.people-list-item-margin-left .people-list-item-information {
		margin-left: 0%;
	}
	
	.people-list-item-margin-right .people-list-item-information {
		margin-right: 0%;
	}
	
	.hot-news-item {
		height: auto;
		padding-bottom: 0.5em;
	}
	
	.hot-news-item-image {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 6px;
	}
	
	.hot-news-item-information-container {
		width: 100%;
	}
	
	.people-item {
		width: 100%;
		margin: 6px 0px;
	}

	.video-event-container-column {
		width: 100%;
		float: left;
	}

	.event-item-date {
		width: 10%;
	}
	
	.event-item-information {
		width: 88%;
	}

	/* ================ */
	/* === LANGUAGE === */
	/* ================ */
	
	.language {
		position: relative;
		float: left;
		width: 100%;
		height: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0.5em;
		text-align: center;
		margin: 0px;
	}
	
	.language-item {
		display: inline-block;
		float: none;
		margin: 0em 0.5em;
		width: 2em;
		height: 1.5em;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		border: 1px solid #ffffff;
	}

	.title-bar {
		text-align: left;
	}
	
	.title-bar .title-separator {
		width: 25%;
		margin: 1.25em 0% 1.5em 0%;
	}

	#body-scrollto {
		bottom: 1em;
		right: 1em;
		width: 2em;
		height: 2em;
	}

	.map {
		width: 80%;
		margin: 0% 10% 15px 10%;
	}
}

@media all and (max-width: 1024px) and (min-width: 801px) {
	/* =============== */
	/* === GENERAL === */
	/* =============== */
	
	/* ============== */
	/* === HEADER === */
	/* ============== */
	
	/* ============== */
	/* === FOOTER === */
	/* ============== */
	
	/* ================== */
	/* === NAVIGATION === */
	/* ================== */
	
	/* =============== */
	/* === CONTENT === */
	/* =============== */

	.carousel {
		padding: 2.5em 3.5em;
	}
	
	.carousel-item-image {
		height: 180px;
	}
	
	.site-news-item-image {
		width: 23%;
		margin: 0% 2% 0% 0%;
	}
	
	.site-news-item-container {
		width: 75%;
		clear: none;
	}

	.news-list-item-category {
		width: 100%;
		margin: 0% 0% 0% 0%;
		padding: 0.75em 1em;
		height: auto;
	}
	
	.news-item-image {
		width: 38%;
		height: 240px;
		margin: 1%;
	}
	
	.news-item-category {
		width: 59%;
		margin: 1% 1% 0% 0%;
		padding: 0.5em 0.25em;
		height: auto;
	}
	
	.news-item-information {
		width: 60%;
		padding: 0.5em 0.5em 0.5em 0.25em;
		height: auto;
	}
	
	.news-item-price {
		clear: none;
		float: right;
	}
	
	.hot-news-item-image {
		position: relative;
		float: left;
		width: 28%;
		height: 100%;
		margin-right: 2%;
	}
	
	.hot-news-item-information-container {
		position: relative;
		float: left;
		width: 70%;
		height: 100%;
	}
	
	.people-item {
		position: relative;
		float: left;
		width: 27.33%;
		height: auto;
		margin: 5px 3% 20px 3%;
	}


	.title-bar .title {
		margin-top: 0em;
	}
	
	.title-bar .title .more-1 {
		top: -0.2em;
	}
	
	.title-bar .title .more-2 {
		top: -0.22em;
	}
	
	.title-bar .title .more {
		top: 0em;
	}
}