@font-face {
font-family: aleo-bold;
src: url(//muzu.se/wpmuzu/wp-content/themes/mmmfolio/fonts/aleo_web/Light/aleo-light-webfont.ttf);
} body {
font-family: aleo-bold,sans-serif; line-height:25px;
-ms-overflow-style: none;	
overflow: -moz-scrollbars-none;
background-color:#333;	
}
body::-webkit-scrollbar { width: 0 !important }  body, select, input, textarea {color: #333;}
a {color: #03f;}
a:hover {color: #69f;} ::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} a:link {-webkit-tap-highlight-color: #fcd700;}
ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;} input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }  .alignleft {
display: inline;
float: left;
}
.alignright {
display: inline;
float: right;
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
#out-wrapper {
display: table;
position: absolute;
height: 100%;
width: 100%;
}
#mid-wrapper {
display: table-cell;
vertical-align: middle;
}
#wrapper {
width: 100%;
height: 100%; margin-left: auto;
margin-right: auto; 
position:relative;
overflow: hidden;
border: 0px solid rgba(255,255,255,0.8);
box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
background-color:#333;	
-ms-overflow-style: none;	
overflow: -moz-scrollbars-none;
}
#wrapper::-webkit-scrollbar { width: 0 !important }
.index-block {
margin-top:10px;
margin-bottom:10px;
}
.index-images-lines {
}
#logo-index-block {
position:absolute;
padding:50px;
}
@media screen and (max-width: 1700px) {
#wrapper { 
border: 0px; 
}	
}
@media screen and (max-height: 1024px) {
#wrapper { 
border: 0px; 
}	
}
#scroller {
height:100%;
width:101.5%; padding-right:12px;
overflow:auto;
background-color:#333;
-ms-overflow-style: none;
}
#scroller::-webkit-scrollbar { 
display: none;
width: 0 !important;
}
.inner-page {
position:relative;
top:0px;
left:0px;
padding:0px;
overflow:auto;
clear:both; 
height:100%;
transition: all 0.5s ease; 
-ms-overflow-style: none; border-bottom: 2px solid #000; 
}
.inner-page::-webkit-scrollbar { width: 0 !important }
.background-container, .background-container-medium {
position:absolute;
left:0px;
top:0px;
height:100%; width:100%;
background-size: 100%; 
background-repeat: no-repeat;
background-position: center 0px; }
.background-container-medium { }
.background-container-portrait {
background-size: auto 100%;
background-position: center 0px;	 
}
#magazine-logo {
position: relative;
}
#magazine-logo img {
width:100%;		
}
#magazine-menu {
position:absolute;
right:0px;
top:0px;
width:100%;
z-index:2;
height:40px;
background-color:rgba(0,0,0,0.87);	 
background-color:#333;
float:left;	
border-bottom: 0px solid #000; 
}
.menu-down {
position:relative; }
.menublock {
border: 0px solid #ccc; margin-bottom:4px;
width:40px;
height:26px;
background-color:rgba(255,255,255,0);
float:left;
}
.menublock.home {	
background-image:url(//muzu.se/wpmuzu/wp-content/themes/mmmfolio/images/web_muzu_logo.png);
background-position: 10px 10px;	
background-repeat: no-repeat;
width:200px;
height:40px;	
background-color:rgba(255,255,255,0);
border: 0px solid #ccc; 
}
.menublock.home:hover {	
background-image:url(//muzu.se/wpmuzu/wp-content/themes/mmmfolio/images/web_muzu_logo.png);
background-position: 25px 10px;	
background-repeat: no-repeat;
width:200px;
height:40px;	
background-color:rgba(0,255,255,0);
border: 0px solid #ccc; 
}
.menublock.next {
display:none;
background-image:url(//muzu.se/wpmuzu/wp-content/themes/mmmfolio/images/menu_magazine_knoppen.png);
background-position: -5px -62px;
float:right;
margin-top:6px;	
}
.menublock.previous {
display:none;
background-image:url(//muzu.se/wpmuzu/wp-content/themes/mmmfolio/images/menu_magazine_knoppen.png);
background-position: -5px -112px;
float:right;
margin-top:6px;			
}
.menublock.index {
background-image:url(//muzu.se/wpmuzu/wp-content/themes/mmmfolio/images/menu_magazine_knoppen.png);
background-position: -5px -155px;
float:right;
margin-top:6px;			
}
.menublock a {
display: block;
width:100%;
height:100%;
}
#up-arrow {
display:none;
position:absolute;
top:-45px;
right:5px;
z-index:4;
height:40px;
width:40px;
background-image:url(//muzu.se/wpmuzu/wp-content/themes/mmmfolio/images/menu_magazine_knoppen.png);
background-position: -5px -405px;
transition: all 0.5s ease; 	
}
#down-arrow {
position:absolute;
bottom:5px;
right:5px;
z-index:4;
height:40px;
width:40px;
background-image:url(//muzu.se/wpmuzu/wp-content/themes/mmmfolio/images/menu_magazine_knoppen.png);
background-position: -5px -355px;	
transition: all 0.5s ease; 
}
#page_overview {
position:absolute;
top:-1000px;	
right:0px;
z-index:3;
width:130px; padding: 5px;
overflow: auto;
max-height: 100%;
-ms-overflow-style: none;	
overflow: -moz-scrollbars-none;   
transition: all 0.5s ease; 
}
#page_overview::-webkit-scrollbar { width: 0 !important }
#page_overview a {
font: 10px "news-gothic-std"  Helmet, Freesans, sans-serif; 	
color:#333;
font-size:0.7em;
line-height:0.8em;
text-decoration: none;
}
H1,H2,H3,H4 {
font-family: 'Fjalla One', sans-serif;	
font-style: normal;
font-weight: 400;
}
#header {
}
#nav {
position:absolute;
width:100%;
right:0px;
}
.attachment-page-background {
width:100%;
height:auto;
}
.magazine-page {
position: relative;
height:98%; }
.title-body {
position: relative;
top: 0px;
margin: auto 0px;
width:100%;
min-height:100%;
}
.title {
}
.title-body .entry p {
padding: 2px;	
}
.text_block_alt .title-body {
width:98%;
}
.text_block_alt  .title-body .entry {
margin-left:50%;
}
.text_block_default .title-body {
left:auto;
width:50%;
}
.text_block_fullwidth .title-body {
width: 98%;
}
.title {
font-family: 'Fjalla One', sans-serif;	
font-style: normal;
font-weight: 400;
font-size:0.9em;
color: #eee;
padding: 3px 11px;
background-color:#666;
}
.top-page {
margin-top:40px;
}
.top-page h2 {
font-size:1.2em;
font-weight:500;
}
.entry {
padding:32px;
}
.title-body {
background:none;
}
.overlay_bg_on .title-body {
background-color:rgba(255,255,255,0.8);
}
.overlay_bg_off .title-body {
background:none;
}
.text_bg_off .title-body p {
background:none;
}
.background-container-2, .background-container-medium-2 {		
position:absolute;
top:0px;
background-color:#333;
height:100%;
background-size: cover;
background-repeat: no-repeat;
transition: all 0.5s ease;
width: 50%;
left: 50%;
background-position: 0px 0px;	
}
.background-container-medium-2 {	
display:none;
}
.two_pager_two .background-container, .two_pager_two .background-container-medium {
width: 50%;
left: 0%;
background-position: 0px 0px;	
}
.text_block_alt.two_pager_two .background-container, .text_block_alt.two_pager_two .background-container-medium {
width: 50%;
left: 0px;
background-position: 0px 0px;	
}
.bg_color_default { background-color: #333; }
.bg_color_black { background-color: #000; }
.bg_color_darkgrey { background-color: #666; }
.bg_color_white { background-color: #fff; }
.bg_color_E7E000  { background-color: #E7E000; }
.bg_color_50AE32  { background-color: #50AE32; }
.bg_color_DF6BA6  { background-color: #DF6BA6; }
.bg_color_B8AC14  { background-color: #B8AC14; }
.bg_color_E8E234  { background-color: #E8E234; }
.bg_color_25A437  { background-color: #25A437; }
.bg_color_7CC7C0  { background-color: #7CC7C0; }
.bg_color_D8B30D  { background-color: #D8B30D; }
.bg_color_FFD300  { background-color: #FFD300; }
.bg_color_31388D  { background-color: #31388D; }
.bg_color_32632A  { background-color: #32632A; }
.bg_color_B2181D  { background-color: #B2181D; }
.bg_color_4872B7  { background-color: #4872B7; }
.bg_color_954895  { background-color: #954895; }
.bg_color_AE1916  { background-color: #AE1916; }
.bg_color_B22B80  { background-color: #B22B80; }
.bg_color_971914  { background-color: #971914; }
.bg_color_DC221F  { background-color: #DC221F; }
.bg_color_82358B  { background-color: #82358B; }
.bg_color_DD4D13  { background-color: #DD4D13; }
.page_overview-item {
background-color:rgba(255,255,255,0.8);
margin-bottom:3px;
}
.page_overview-title {
margin:2px;
display:none;
}
.bottom-nav-item a {
display: block;
width:100%;
height:100%;
}
.screendumb-small-container {
height:75px;
width:120px;	
background-color: #333;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
clear: both;
left: 0;
overflow: auto;
position: relative;
top: 0;
}
.index-images-lines {
margin: 0 auto; }
.screendumb-container {
height:100%;
width:100%;	
background-color: #eee;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
clear: both;
left: 0;
overflow: auto;
position: relative;
top: 0;
}
.screendumb-small {
height: 115px;
margin-bottom:20px;
}
.screendumb-banner {
height: 75px;
width:100%;
margin-bottom:10px;
transition: all 0.5s ease;
}
.screendumb-banner:hover {
height: 175px; 
border: 1px solid rgba(0,0,0,0.8);
}
.screendumb-small .screendumb-container {
height:75px;
width:120px;
}
.screendumb-small .index-images-item-title {
width:120px;
}
.screendumb-banner .index-images-item-title {
display:none;
}
.screendumb-mid {
height:200px;
width:24%;	
margin-bottom:35px;
}
.index-images-item-title a {
display: block;
width:100%;
height:100%;
text-decoration:none;
color:#333;	
}
.screendumb-small .index-images-item-title a {
font-size:0.8em;
line-height:1.2em;
}
.index-images-item {
float:left;
margin-right:5px;
}
#frontlogo {
}
.frontlogosmall {
width:300px;
height:60px;
position:absolute;
left:50%;
top:50%;
margin:-30px 0 0 -150px;
}
.frontlogobig {
width:725px;
height:96px;
position:absolute;
left:50%;
top:50%;
margin:-48px 0 0 -362px;
}
#big-down-arrow {
width:94px;
height:50px;
position:absolute;
left:50%;
max-width:100%;
z-index:1;
margin:-47px 0 0 -25px;
}
.fluid-width-video-wrapper {
position:inherit;
}
.front-index-item {
background-color:rgba(255,255,255,0.5);	
margin-bottom:1px;
padding:5px;
}
.index-images-item {
background-color:#333;	
padding:1px;
}
.front-index-item a, .index-images-item a {
display: block;
width:100%;
height:100%;
text-decoration:none;
color:#333;
}
.front-index-item h3 {
font-size: 2.3em;
line-height:1.3em;
}
.title_off .titlediv {
display:none;
}
.column-group {
width: 98% !important;
overflow: hidden;
}
.column {
float: left;
margin-right: 5%;
padding:5px;
width: 100%;
}
.column-group > br,
.column-group > p {
display: none;
}
.column.last {
margin-right: 0;
}
.wpcf7 {
margin-top:10px !important;
}
.wpcf7 input, .wpcf7 textarea {
width:100%;
max-width:700px;
}
.wpcf7 input[type=submit] {
width:200px;
}
#footer {
padding:39px;
background-color:#333;	
color:#eee;
font-size:0.8em;
}
#footer .footer-widgets {
width:100%;
float:none;
}
.widget {
float: left;
margin-right: 4%;
width: 20%;
margin-bottom:10px;
height:150px;
}   
.back-forward {
padding:39px;	
}
.textwidget a {
color:#fff;
}
.clearer {
clear:both;
}
.entry p {
background-color:rgba(255,255,255,0.6);	 
} @media print {
}  @media all and (max-width: 1000px) {	
.screendumb-mid {
height:180px;
width:32%;	
}	
}
@media all and (max-width: 768px) {	
.screendumb-mid {
height:200px;
width:49%;	
}	
.text_block_alt  .title-body .entry {
margin-left:0%;
}
.text_block_default .title-body {
width:98%;
}	
}
@media all and (max-width: 560px) {	
.screendumb-mid {
height:120px;
width:96%;	
}	
#big-down-arrow {
width: 69px;
height: 50px;
position: absolute;
left: 50%;
max-width: 100%;
z-index: 1;
margin: -26px 0 0 -30px;
}	
}
@media all and (max-width: 480px) { }	
@media all and (max-width: 50em) {
.column {
float: none !important; 
margin-right: 0% !important; 
width: 100% !important; 
margin-bottom:10px;
}
#footer .widget {
float: left;
margin-right: 5%;
width:43%;
} 
}
@media all and (max-width: 30em) {
.widget {
height:auto;
margin-bottom:10px;
}
#footer .widget {
float: none;
margin-right: 0%;
width:100%;
} 
.entry {
padding: 20px; 
} 
.index-images-item {
padding: 0px; 
} 	
#scroller {	
padding-right: 0px; 	
}	
}