@font-face {
    font-family: 'museo100';
    src: url('../font/museo100-regular-webfont.eot');
    src: url('../font/museo100-regular-webfont.svg#museo100') format('svg'),
         url('../font/museo100-regular-webfont.woff2') format('woff2'),
         url('../font/museo100-regular-webfont.woff') format('woff'),
         url('../font/museo100-regular-webfont.ttf') format('truetype'),
         url('../font/museo100-regular-webfont.eot?#iefix') format('embedded-opentype');
    font-weight: light;
    font-style: light;
}

@font-face {
    font-family: 'Museo300-Regular';
    src: url('../font/museo_300_macroman/Museo300-Regular-webfont.woff2') format('woff2'),
         url('../font/museo_300_macroman/Museo300-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo500-Regular';
    src: url('../font/museo_500_macroman/Museo500-Regular-webfont.woff2') format('woff2'),
         url('../font/museo_500_macroman/Museo500-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Museo700-Regular';
    src: url('../font/museo_700_macroman/Museo700-Regular-webfont.woff2') format('woff2'),
         url('../font/museo_700_macroman/Museo700-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html{
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    margin:0px;
    padding:0px;
    width:100%;
    font-family: 'museo100';
    background: #3e3e3e;
    color: #666666;
    padding-bottom: 40px;
}

h1{font-weight: normal;}
h2{font-weight: normal;}
h3{font-weight: normal;}
h4{font-weight: normal;}
h5{font-weight: normal;}

*{-webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */}
*:focus{outline: none;}

a{text-decoration: none; color: #404041;}
p{font-size: 16px; line-height: 32px;}

.centering{margin: 0 auto; display: block;}
.fluid{width: 90vw;}
.small{width: 70vw;}
#wrap{text-align: justify; font-size: 0;} 
#wrap:after{display: inline-block; width: 100%; content: "";}

.bars{height: 40px; width: 40px; background: url('../img/icons/bars.png'); background-size: contain; background-position: center; background-repeat: no-repeat;}
.divider{height: 1px; max-width: 40%; width: 20vw; border-bottom: 1px solid #f38121;}

#my-menu{background: #3e3e3e !important;}
.mm-panels{background-image: url('../img/icons/menu_bg.png') !important; background-position: right bottom !important; background-repeat: no-repeat !important; background-size: 60vw !important; image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */}
.mm-panel{margin-top: 30px !important; color: #fff; border: none !important; border-bottom: 0px !important; font-size: 0px;}
.mm-panel a{color: #fff !important;}
.mm-panel a:hover{color: #f38121;}
.mm-menu .mm-listview{width: 90%; margin: 0 auto !important;}
.mm-menu .mm-listview > li{height: 30px; background: #f38020; line-height: 34px !important; padding-left: 20px; font-family: 'Museo500-Regular'; width: calc(100% - 20px); display: inline-block; text-transform: uppercase;}
.mm-menu .mm-listview > li + li{margin-top: 15px;}
.mm-menu .mm-listview > li .mm-next:after{border-color: #fff !important;}
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before{border-color: #fff !important;}
.mm-listview>li>a, .mm-listview>li>span{padding: 0 !important;}
.mm-navbar{border-bottom: 0px !important;}
.mm-navbar-bottom{font-size: 20px; bottom: 20px; z-index: 9999; top: auto !important; padding: 0 !important;}
.mm-navbar-bottom a{font-size: 20px; color: #fff !important;}
.mm-listview .mm-next{width: 30px;}
.mm-arrow:after, .mm-next:after{right: 13px;}
.mm-navbar .mm-btn:first-child{height: 40px; width: 40px; border: 3px solid #fff; left: 40px;}
.mm-prev:before{left: 14px;}

.close_btn{height: 40px; width: 40px; line-height: 46px; color: #fff !important; border: 3px solid #fff; text-align: center; display: block; float: right; margin-right: 40px; padding: 0 !important; margin-top: 60px; font-size: 22px;}

#header{background: url('../img/header/pageheader.png'); background-size: cover; padding-top: 40px; min-height: 40vh;}
#header .top .left a{font-size: 20px; color: #fff;}
#header h2{margin-top: 30vh; font-size: 7vw; color: #fff; max-width: 80%;}

#sticky_header{background: #f38020; display: block; height: 80px; line-height: 80px; position: fixed; top: 0; width: 100%; color: #fff; padding-top: 40px;}
#sticky_header .left{display: inline-block; vertical-align: top;}
#sticky_header .left a{color: #fff; height: 40px; display: inline-block; color: #fff; border: 3px solid #fff; font-size: 22px; line-height: 46px; text-align: center; margin-top: 20px; padding-left: 10px; padding-right: 10px; text-transform: uppercase; font-family: 'Museo500-Regular';}

#sticky_header .right{float: right; display: inline-block; vertical-align: top;}
#sticky_header .right img{height: 40px; width: 40px; margin-top: 20px;}

.page_content{background: #fff; padding-top: 20px; padding-bottom: 20px;}
.page_content h1, .page_content h2, .page_content h3, .page_content h4, .page_content h5, .page_content h6{
    font-weight: 700;
}
.page_content img{
    /* GENERICS */
    width: 100%; height: auto; margin-top: 80px;
    
    /* FALLBACKS */
    max-width: 100%; max-height: 100%;
}
.page_content a{color: #f38020;}

.page_content ul{margin: 0; padding: 0; margin-top: 50px;}
.page_content ul li{height: 30px; background: #f38020; line-height: 30px; text-transform: uppercase; display: block; padding-left: 20px; font-family: 'Museo500-Regular';}
.page_content ul li + li{margin-top: 15px;}
.page_content ul li a{color: #fff;}

#footer{text-align: center; color: #fff;}
#footer .divider{margin: 0 auto;}
#footer h3{font-size: 32px;}
#footer img{margin: 0 auto; margin-top: 40px;}
#footer a{color: #fff;}
#footer .adres{font-size: 16px;}