/* ************************************* */
/*                                       */
/* Global                                */
/*                                       */
/* ************************************* */

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

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,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption {
	margin: 0;
	padding: 0;
}

body {
	font-size: 16px;
	font-family: "museo_sans300", Helvetica, Arial, sans-serif;
	padding-top: 0 !important;
}

.is-hidden {
	display: none;
}

#page,
header,
#meta,
#content,
footer,
article,
.block,
.content,
.header,
.list,
.item,
.columns,
.share,
.inner,
.box,
.button,
input[type="submit"],
ul.menu,
.modal__dialog__content,
.meta-basic li {
	position: relative;
}

#meta .inner:after,
section:after,
header:after,
nav#main ul.menu:after,
nav#main ul.submenu:after,
nav#main:after,
.list.list--gallery > div:after,
.column:after,
main p:after,
.box:after,
.item__inner:after,
.filter:after,
.item__content:after,
.js-flex-auto:after,
.list:after {
	content: "";
	display: table;
	clear: both;
}

.top {
	vertical-align: top !important;
}

.middle {
	vertical-align: middle !important;
}

.left {
	float: left !important;
	margin-right: 20px !important;
	margin-left: 0 !important;
}

.right {
	float: right !important;
	margin-right: 0 !important;
	margin-left: 5px;
}

.center {
	text-align: center !important;
	margin-left: auto;
	margin-right: auto;
}

.center table {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#overlay-global {
	display: none;
	width: 100%;
	height: 100%;
	background: transparent;
	position: fixed;
	top: 0;
	left: 0;
}

iframe[name="google_conversion_frame"] {
	display: none !important;
}

iframe {
	border: 0;
}

/* ************************************************ */
/*                                                  */
/* Custom classes for sections on a main page       */
/*                                                  */
/* ************************************************ */

/* ********************************************************** */
/* Control the fill character of an background image          */
/* ********************************************************** */
.background--cover {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.background--contain {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

/* ********************************************************** */
/* Additional top and bottom padding for a section            */
/* ********************************************************** */
.style-additional-padding {
	padding: 96px 0 96px 0 !important;
}

/* ********************************************************** */
/* Half top and bottom padding for a section                  */
/* ********************************************************** */
.style-half-padding {
	padding: 24px 0 24px 0 !important;
}

/* ********************************************************** */
/* Only top padding                                           */
/* ********************************************************** */
.style-top-padding {
	padding: 48px 0 0 0 !important;
}

/* ********************************************************** */
/* No top and bottom padding for a section                    */
/* ********************************************************** */
.style-no-padding {
	padding: 0;
}

/* ********************************************************** */
/* the frontpage has a default width of 100% for the sections */
/* - if you don't want this for single sections use this      */
/* ********************************************************** */
.id-1 section.style-default-width .inner {
	max-width: 1220px;
	padding-left: 10px;
	padding-right: 10px;
}

/* ********************************************************** */
/* all main pages excluding the home page are having a        */
/* max-width of 1220px for the sections                       */
/* - if you don't want this for single sections use this      */
/* ********************************************************** */
section.style-full-width .inner,
article.style-full-width .inner {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.style-full-width .list {
	max-width: 100%;
}

/* ********************************************************** */
/* Hidden title in a section                                  */
/* ********************************************************** */
.style-title--hidden > * > .title:first-of-type {
	display: none;
}

/* ********************************************************** */
/* Show the lists in the section without a bottom margin      */
/* ********************************************************** */

.style-no-list-margin .list {
	margin-bottom: 0;
}

/* ********************************************************** */
/* Background of the inner section element with transparency  */
/* ********************************************************** */

.style-additional-background > .inner {
	background: rgba(0, 0, 0, 0.3);
	border-radius: 0 12px 12px 12px;
	padding: 24px;
}

.item.highlight .style-additional-background > .content {
	background: rgba(0, 0, 0, 0.3);
	border-radius: 0 12px 12px 12px;
	padding: 24px;
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
}

.item.highlight .style-additional-background > .content > h1,
.item.highlight .style-additional-background > .content > h2 {
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* ********************************************************** */
/* Overflowing picture                                        */
/* ********************************************************** */

.style-special-image {
	position: relative;
}

.style-special-image img.img--special {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
}

@media (max-width: 820px) {
	img.img--special {
		display: none;
	}
}

.style-special-image.style-special-image .content {
	padding-right: 340px;
}

@media (max-width: 820px) {
    .style-special-image.style-special-image .content {
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
        padding-bottom: 0;
    }
}

/* ********************************************************** */
/* Hide the title in Themes and Formats                       */
/* ********************************************************** */

.style-hide-title h1,
.style-hide-title h2 {
	visibility: hidden;
}

nav#main > ul > li:first-child {
    margin-left:0 !important;
}