/*
Theme Name: Kanico Theme
Theme URI: http://mecka.se
Author: Andreas Gotfredsen
Author URI: http://mecka.se/
Description: Kanico Theme is designed by Mecka / Andreas Gotfredsen 
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kanico

*/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	font-weight: normal;
}

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

}

img {
	border: none;
}

html 
{
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: hidden;
	overflow-y: scroll;
	margin:0px;
	padding:0px;
}

body {
	font-family: 'montserratlight';
	font-weight: 100;
	height: 100%;
	width: 100%;
	margin:0px;
	padding:0px;
	background-color: #383735;
}



#toggle {
	width:50px;
	height:50px;
	position: fixed;
	right:10px;
	top:10px;
	background: #fff;
}


.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
} 


.modifiers button input {
	display: none;
}

.modifiers button {
	width: 50px;
	height: 50px;
	right: 20px;
	top: 20px;
	position: absolute;
	border-radius: 0;
	border: 0;
}
.readless,
.readmore {
	border-radius: 0;
	border: 0;
	background-color: #000;
	color:#fff;
	width: 150px;
	margin:0 auto;
	height:40px;
	line-height: 40px;
	position: relative;
	display: block;
	text-transform: uppercase;
	font-family: 'nordicawardbold';
}

button:focus,
button:active {
	outline: none;
}

.hidebutton {
	display: none;
}

button#volumebutton,
button#volumebutton:active {
	background: url('assets/images/unmute.png');
	border: none;
	box-shadow: none;
}

button#mutebutton,
button#mutebutton:active {
	background: url('assets/images/mute.png');
	border: none;
	box-shadow: none;
}

.textruta {
	 display:table-cell; vertical-align: middle;
	width: 100%;
	
	font-size: 34px;
	text-align: center;
	color:#fff;
	text-shadow: 0px 0px 10px rgba(0,0,0, 0.5);
}

.expand img {
	max-width: 100%;
}

.expand h2 {
	margin:50px;
	margin-bottom:0px;
	font-size: 1.2em;
	font-size: 3.5vw;
	text-align: center;
	
}

.innerblock {
	max-width: 900px;
	margin:0 auto;
	padding-top:20px;
}
h5,
.expand .more {
	font-size: 0.5em;
	font-size: 2.0vw; 
	text-align: center;
	margin:50px;
	margin-top:20px;
	font-family: 'nordicawardbook';
}

.hidetext #moretext {
	display: none;
}
.readmore {
	display: none;
}


.hidetext .readmore {
	display: block !important;
}

#moretext {
	margin:50px;
	margin-top:20px;
}

#moretext p {
	  font-family: 'nordicawardroman';
	 margin-bottom:30px;
}

.textruta h2 {
	font-size: 0.8em;
}

.textruta p {
	font-size: 1em;
}

.info .textruta p {
	margin-left:160px;
margin-right:160px;
}
@media all and (max-width: 767px) {
	
	.textruta p {
	font-size: 1em !important;
	 
	
}
h5,
.expand .more {
    font-size: 1.3em !important;
    }
    
    
    .expand h2 {
	    font-size: 1.8em !important;
    }
    
    .info .textruta {
	top:5%;
}
	
	.info .textruta p {
	margin-left:20px;
margin-right:20px;
}

	}



* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}

section {
	width: 100%;
	position: relative;
	background-color: #fff;
}

#header {
	position: absolute;
z-index: 10;
text-align: center;
height: 70px;
width: 100px;
top: 0px;
right: 0px;
}


.hero {
	position: relative;
   display: block;

}



.menu-title {
	display: block;
	margin: 0 auto;
	position: relative;
	width: 300px;
	height:20px;
	margin-bottom: -30px;
	margin-top:10px;
	padding-top:10px;
text-align: center;
z-index: 20;
text-transform: uppercase;
color: #323232;
font-size: 18px;
  font-family: 'Montserrat', sans-serif;
}
.logo-wrapper {
	position: absolute; 
	top : 10px;
	left:15px;
	z-index: 100;
}

#main-nav {
   
    position: fixed;
    background: #C5D6D8;
    left: 0;
    top: 0;
    width: 100%;
    overflow: auto;
    padding: 0;
    height: 100%;
    z-index:0;
    
   
     
}
#navigation ul {
	list-style: none;
}
#navigation li {
	padding:2px;
	padding-left:10px;
	margin-bottom: 10px;
}
#navigation {
	position: absolute;
display: block;
width:300px;
right:0px;
	display: block;
	margin-top:90px;
	margin-left:0px;
}
#navigation a {
	color:#262626;
	  font-family: 'Montserrat', sans-serif;
     text-transform: uppercase;
     text-decoration: none;
     margin:20px;
     margin-bottom:5px;
     font-size:20px;
}

@media screen and (min-width: 700px) {
	
	.logo {
		background-size: 150px !important;
		}
#navigation a {
	font-size:20px;
	}	
	}


.expand {
	background-color: #fff;
}
.site-wrap {
    min-width: 100%;
    min-height: 100%;
    height:100%;
    background-color: #fff;
    position: relative;
    top: 0;
    bottom: 100%;
    left: 0;
    z-index: 1;
    margin-top:0px;
    transition: left 0.2s;
}
.toggled .site-wrap {
	left:-325px;
	
	
}

.toggled {
	overflow-x: hidden;
}
.logo {
	
	display: block;
	width: 150px;
	height:120px;
	text-indent: -9999px;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjc4LjggODcuOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjc4LjggODcuOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMxQTE5MTkiIGQ9Ik0zNy44LDUzLjJMNTcsODcuOGgyOS44TDU3LDM0LjFMODcuOCwwSDU1LjNMMjUuNiwzMi45VjAuMUgwdjg3LjdoMjUuNlY2Ni42TDM3LjgsNTMuMnogTTc0LjEsNDYuN0w4NiwzMy41bDIwLjIsMHYxMy42aDEwLjR2LTQ3aC0xNS4yTDY4LjMsMzYuM0w3NC4xLDQ2Ljd6IE05My4yLDI0LjJsMTIuOS0xNC40djE0LjRIOTMuMnogTTEyNi4zLDB2NDcuMWgxMS42di0yNGwxNS4xLDI0aDExLjdWMGgtMTEuN3YyOEwxMzcuOCwwSDEyNi4zeiBNMTczLjgsNDcuMWgxMi40VjBoLTEyLjRWNDcuMXogTTIyMS4xLDI3LjhjLTAuNSwyLjgtMS40LDUtMi42LDYuNWMtMS4yLDEuNS0zLDIuMi01LjQsMi4yYy0yLjQsMC00LjMtMC45LTUuNy0yLjhjLTEuMy0xLjktMi01LjMtMi0xMC40YzAtNC4xLDAuNi03LjEsMS43LTljMS41LTIuNiwzLjYtMy45LDYuNC0zLjljMS4yLDAsMi40LDAuMywzLjQsMC45YzEsMC42LDEuOCwxLjQsMi41LDIuNWMwLjQsMC42LDAuOCwxLjcsMS4yLDMuMWwxMC45LTIuOGMtMS40LTQuOC0zLjUtOC4zLTYuNC0xMC42Yy0yLjktMi4zLTYuOC0zLjUtMTEuOS0zLjVjLTYuNCwwLTExLjQsMi0xNC45LDYuMWMtMy41LDQtNS4zLDkuOC01LjMsMTcuM2MwLDUuNiwxLDEwLjMsMywxMy45YzIsMy42LDQuNCw2LjEsNy4xLDcuNmMyLjgsMS40LDYuMywyLjIsMTAuNiwyLjJjMy42LDAsNi41LTAuNiw4LjgtMS44YzIuMy0xLjIsNC4zLTIuOSw1LjgtNS4yYzEuNi0yLjMsMi43LTUuMiwzLjQtOC42TDIyMS4xLDI3Ljh6IE0yMzcsMjMuNmMwLDUuMywwLjksOS43LDIuOCwxMy4zYzEuOSwzLjUsNC4zLDYuMSw3LjMsNy44YzMsMS42LDYuOCwyLjUsMTEuMywyLjVjNC41LDAsOC4yLTAuOSwxMS4yLTIuOGMzLTEuOSw1LjMtNC41LDYuOS03LjljMS42LTMuNCwyLjQtNy44LDIuNC0xMy4xYzAtNy4zLTEuOC0xMy01LjUtMTcuMWMtMy42LTQuMS04LjgtNi4xLTE1LjUtNi4xYy02LjYsMC0xMS43LDIuMS0xNS4zLDYuMkMyMzguOCwxMC40LDIzNywxNi4yLDIzNywyMy42IE0yNDkuNSwyMy43YzAtNC42LDAuOC04LDIuMy0xMGMxLjUtMiwzLjUtMyw2LjEtM2MyLjYsMCw0LjcsMSw2LjIsM2MxLjUsMiwyLjMsNS4xLDIuMyw5LjRjMCw1LjEtMC43LDguNi0yLjIsMTAuNmMtMS41LDItMy41LDMtNi4yLDNjLTIuNiwwLTQuNy0xLTYuMi0zQzI1MC4yLDMxLjYsMjQ5LjUsMjguMywyNDkuNSwyMy43Ii8+PC9nPjwvc3ZnPg==") no-repeat;
	
	background-size: 100px;
}

.top-logo-white {
	
	display: inline-block;
	position: relative;
	width: 150px;
	height:120px;
	text-indent: -9999px;

	
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItMTY2IDM1My4yIDI3OC44IDg3LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgLTE2NiAzNTMuMiAyNzguOCA4Ny44OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTEyOC4yLDQwNi40TC0xMDksNDQxaDI5LjhsLTI5LjgtNTMuN2wzMC44LTM0LjFoLTMyLjVsLTI5LjcsMzIuOXYtMzIuOEgtMTY2VjQ0MWgyNS42di0yMS4yTC0xMjguMiw0MDYuNHogTS05MS45LDM5OS45bDExLjktMTMuMmgyMC4ydjEzLjZoMTAuNHYtNDdoLTE1LjJsLTMzLjEsMzYuMkwtOTEuOSwzOTkuOXogTS03Mi44LDM3Ny40bDEyLjktMTQuNHYxNC40SC03Mi44eiBNLTM5LjcsMzUzLjJ2NDcuMWgxMS42di0yNGwxNS4xLDI0aDExLjd2LTQ3LjFILTEzdjI4bC0xNS4yLTI4SC0zOS43eiBNNy44LDQwMC4zaDEyLjR2LTQ3LjFINy44VjQwMC4zeiBNNTUuMSwzODFjLTAuNSwyLjgtMS40LDUtMi42LDYuNWMtMS4yLDEuNS0zLDIuMi01LjQsMi4ycy00LjMtMC45LTUuNy0yLjhjLTEuMy0xLjktMi01LjMtMi0xMC40YzAtNC4xLDAuNi03LjEsMS43LTljMS41LTIuNiwzLjYtMy45LDYuNC0zLjljMS4yLDAsMi40LDAuMywzLjQsMC45YzEsMC42LDEuOCwxLjQsMi41LDIuNWMwLjQsMC42LDAuOCwxLjcsMS4yLDMuMWwxMC45LTIuOGMtMS40LTQuOC0zLjUtOC4zLTYuNC0xMC42cy02LjgtMy41LTExLjktMy41Yy02LjQsMC0xMS40LDItMTQuOSw2LjFjLTMuNSw0LTUuMyw5LjgtNS4zLDE3LjNjMCw1LjYsMSwxMC4zLDMsMTMuOWMyLDMuNiw0LjQsNi4xLDcuMSw3LjZjMi44LDEuNCw2LjMsMi4yLDEwLjYsMi4yYzMuNiwwLDYuNS0wLjYsOC44LTEuOGMyLjMtMS4yLDQuMy0yLjksNS44LTUuMmMxLjYtMi4zLDIuNy01LjIsMy40LTguNkw1NS4xLDM4MXogTTcxLDM3Ni44YzAsNS4zLDAuOSw5LjcsMi44LDEzLjNjMS45LDMuNSw0LjMsNi4xLDcuMyw3LjhjMywxLjYsNi44LDIuNSwxMS4zLDIuNWM0LjUsMCw4LjItMC45LDExLjItMi44czUuMy00LjUsNi45LTcuOXMyLjQtNy44LDIuNC0xMy4xYzAtNy4zLTEuOC0xMy01LjUtMTcuMWMtMy42LTQuMS04LjgtNi4xLTE1LjUtNi4xYy02LjYsMC0xMS43LDIuMS0xNS4zLDYuMkM3Mi44LDM2My42LDcxLDM2OS40LDcxLDM3Ni44IE04My41LDM3Ni45YzAtNC42LDAuOC04LDIuMy0xMHMzLjUtMyw2LjEtM2MyLjYsMCw0LjcsMSw2LjIsM3MyLjMsNS4xLDIuMyw5LjRjMCw1LjEtMC43LDguNi0yLjIsMTAuNnMtMy41LDMtNi4yLDNjLTIuNiwwLTQuNy0xLTYuMi0zQzg0LjIsMzg0LjgsODMuNSwzODEuNSw4My41LDM3Ni45Ii8+PC9nPjwvc3ZnPg==") no-repeat;

	
	background-size: 100px !important;
}

.logo-white {
	
	display: inline-block;
	position: relative;
	width: 150px;
	height:80px;
	text-indent: -9999px;

	
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItMTY2IDM1My4yIDI3OC44IDg3LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgLTE2NiAzNTMuMiAyNzguOCA4Ny44OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTEyOC4yLDQwNi40TC0xMDksNDQxaDI5LjhsLTI5LjgtNTMuN2wzMC44LTM0LjFoLTMyLjVsLTI5LjcsMzIuOXYtMzIuOEgtMTY2VjQ0MWgyNS42di0yMS4yTC0xMjguMiw0MDYuNHogTS05MS45LDM5OS45bDExLjktMTMuMmgyMC4ydjEzLjZoMTAuNHYtNDdoLTE1LjJsLTMzLjEsMzYuMkwtOTEuOSwzOTkuOXogTS03Mi44LDM3Ny40bDEyLjktMTQuNHYxNC40SC03Mi44eiBNLTM5LjcsMzUzLjJ2NDcuMWgxMS42di0yNGwxNS4xLDI0aDExLjd2LTQ3LjFILTEzdjI4bC0xNS4yLTI4SC0zOS43eiBNNy44LDQwMC4zaDEyLjR2LTQ3LjFINy44VjQwMC4zeiBNNTUuMSwzODFjLTAuNSwyLjgtMS40LDUtMi42LDYuNWMtMS4yLDEuNS0zLDIuMi01LjQsMi4ycy00LjMtMC45LTUuNy0yLjhjLTEuMy0xLjktMi01LjMtMi0xMC40YzAtNC4xLDAuNi03LjEsMS43LTljMS41LTIuNiwzLjYtMy45LDYuNC0zLjljMS4yLDAsMi40LDAuMywzLjQsMC45YzEsMC42LDEuOCwxLjQsMi41LDIuNWMwLjQsMC42LDAuOCwxLjcsMS4yLDMuMWwxMC45LTIuOGMtMS40LTQuOC0zLjUtOC4zLTYuNC0xMC42cy02LjgtMy41LTExLjktMy41Yy02LjQsMC0xMS40LDItMTQuOSw2LjFjLTMuNSw0LTUuMyw5LjgtNS4zLDE3LjNjMCw1LjYsMSwxMC4zLDMsMTMuOWMyLDMuNiw0LjQsNi4xLDcuMSw3LjZjMi44LDEuNCw2LjMsMi4yLDEwLjYsMi4yYzMuNiwwLDYuNS0wLjYsOC44LTEuOGMyLjMtMS4yLDQuMy0yLjksNS44LTUuMmMxLjYtMi4zLDIuNy01LjIsMy40LTguNkw1NS4xLDM4MXogTTcxLDM3Ni44YzAsNS4zLDAuOSw5LjcsMi44LDEzLjNjMS45LDMuNSw0LjMsNi4xLDcuMyw3LjhjMywxLjYsNi44LDIuNSwxMS4zLDIuNWM0LjUsMCw4LjItMC45LDExLjItMi44czUuMy00LjUsNi45LTcuOXMyLjQtNy44LDIuNC0xMy4xYzAtNy4zLTEuOC0xMy01LjUtMTcuMWMtMy42LTQuMS04LjgtNi4xLTE1LjUtNi4xYy02LjYsMC0xMS43LDIuMS0xNS4zLDYuMkM3Mi44LDM2My42LDcxLDM2OS40LDcxLDM3Ni44IE04My41LDM3Ni45YzAtNC42LDAuOC04LDIuMy0xMHMzLjUtMyw2LjEtM2MyLjYsMCw0LjcsMSw2LjIsM3MyLjMsNS4xLDIuMyw5LjRjMCw1LjEtMC43LDguNi0yLjIsMTAuNnMtMy41LDMtNi4yLDNjLTIuNiwwLTQuNy0xLTYuMi0zQzg0LjIsMzg0LjgsODMuNSwzODEuNSw4My41LDM3Ni45Ii8+PC9nPjwvc3ZnPg==") no-repeat;

	
	background-size: 150px !important;
}






.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden; 
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}