@import url(https://fonts.googleapis.com/css?family=Signika+Negative:400,600,700,300);



body,html{



	margin: auto;

	max-width:1920px;

font-family: 'Signika Negative', sans-serif;

	color:#000;



}


a.commona{
text-decoration:none;
color:#000;	
	
	}
	
	a .jkalogo{
		width:200px !important;
		padding:10px;
		background-color:hsla(0,0%,100%,1.00);
		
		}



.backgroundContainer{

	

	width:100%;



	margin: auto;



	

}



.poop{

	

	visibility: hidden;

}



.showpoop{

	

	visibility:visible;

}



.backgroundContainer:nth-child(even) {

	

border-top:1px solid rgba(0,0,0,0.1);



	

}





.newspost ul{

	



	list-style: none;

	padding:0px;

	margin:0px;





}

a.fixed{
	position:absolute;
	top: -1px;
	right:0px;
	padding:20px;
	background-color:#FFFFFF;
	
	}



.overlay{

	overflow: hidden;

	

}



.newspost ul li{







	display:block;

		

}

.thetext{

	
	}



.scroll{



	overflow:hidden;
	    height: 300px;

	box-sizing: border-box;



}

.showall{
	   height: 100%;
	   	

	
	}

a.showmore{
	text-align:center;
	text-decoration:none;
	color:#000000;
	font-weight:700;
	
	}
.navigators{

font-size: 23px;	

	margin-bottom:10px;

	overflow: hidden;

	

}

.navigators div:hover{

color:#333;

}



.nextb{

	cursor: pointer;

		float:right;

	-webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.prevb{

	-webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

cursor: pointer;	

	float:left;

}









.two-col{

margin:20px;

    width: 50%;

    box-sizing: border-box;

    float: left;



	

}



#menu a.active{

	color:red;

	

}



.Dojo{

	

		background-color:#E4E4E4;



}



.Kontakt{

	

background-color: red;

}







.mobilenav{

	

	display: none;

	

}



.slider{

	height:600px;

	background-position: center;

background-size: cover;

	background-attachment:fixed;
	width:100%;

	position: relative;

	z-index:1;

	margin: auto;

	text-align: center;

}



.contactButton{

	margin: auto;

top:100px;

	top:300px;

	left:0px;

	right: 0px;

position: absolute;

		z-index:50;

}



.pageitem img {

	

	width:100%;

	height: auto;

	

}



img.ajax-loader{

	

	width:30px;

}



img.featured{

	

	width:50%;

	float:right;

}





a.bigredbutton{

	text-transform: uppercase;

font-size: 36px;

	font-weight: 600;

	border-radius: 5px;

	color: #fff;

	background-color: red;

	padding: 10px 40px 10px 40px;

	text-decoration: none;

}





a.bigredbutton:hover{

	background-color:crimson;



}



h1{

text-transform: uppercase; 

	text-align: center;

	font-weight: 400;

	

	

}



.topnavigation{

	position: fixed;

	background-color: #fff;

	width:100%;

	margin: auto;

top:100px;

	text-align: center;

	left:0px;

	right:0px;

	

	z-index:100;

}



.pageitem{

	

padding: 30px;

}



.adresse a {

	

font-weight:bold;
text-decoration:none;
display:block;

	color: #fff;

}



.closed{

	

	display: none;

}



.regularmenu{

	margin: auto;

	display: inline-block;

	    padding: 14px;	top:100px;



	

}



.undertop{

	

	position: relative;

}





a{



				  -webkit-transition: color 0.2s ease-in-out;

  -moz-transition: color  0.2s ease-in-out;

  -o-transition: color 0.2s ease-in-out;

  transition: color  0.2s  ease-in-out;

	

}



	.mobilenav{

			  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all  0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all  0.2s  ease-in-out;

	

}





.toplogo{

	position: absolute;

	vertical-align: middle;

    margin: -63px 0px 0px -96px;



}

.regularmenu a{

	color: black;

	font-size:  16px;

	font-weight: 300;

padding: 50px 10px 20px 41px;

	text-decoration: none;

text-transform: uppercase;



	

}



.regularmenu a:hover{

color:red;



	

}



.regularmenu a:nth-child(2){

	

    padding-right: 183px;

	

}



.regularmenu a:nth-child(4){

	

    padding-left: 125px;

	

}







.container{

	margin: auto;

	max-width: 1024px;

	  height: 100%;

  width: 100%;

	box-sizing: border-box;
    position: relative;
	    overflow: hidden;

}









.kontaktskjema{

max-width: 400px;



box-sizing: border-box;

}







form.wpcf7-form {

 	margin: auto;

    width: 100%;

text-align: center;

}

form span.wpcf7-not-valid-tip {
    color: #000;
    font-size: 12px;
    display: block;
}



form.wpcf7-form p {

font-size: 23px;

margin:5px;



	

	font-weight: bold;

}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {

background-color: #fff;

padding: 2px;

    padding: 10px;

border: 1px solid #ccc;

    width:100%;

}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required:focus {

background-color:hsla(359,100%,91%,1.00);



}



input.wpcf7-form-control.wpcf7-text {

 background-color: #fff;

    padding: 10px;

    border-radius: 5px;

border: 1px solid #ccc;   

    width:100%;

        font-size:16px;

}

textarea.wpcf7-form-control.wpcf7-textarea:focus {
	background-color:hsla(359,100%,91%,1.00);
	}

textarea.wpcf7-form-control.wpcf7-textarea {

     background-color: #fff;

    padding: 10px;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;

border: 1px solid #ccc; 
        font-size:16px;
        border-radius: 5px;

    height:100px;



        width:100%;

}



input#formname, #emailform, #subject, #message {

width:25%;

margin-top: 5px;

margin-bottom: 5px;

}



input#formname {

margin-top: 20px;

}



select.wpcf7-form-control.wpcf7-select{

	     background-color: #fff;



border: 1px solid #ccc; 

        border-radius: 5px;





        width:100%;

}









input.wpcf7-form-control.wpcf7-submit{



background-color: #000;

    width: 100%;

        border-radius: 1px;

    color:#fff;

	padding:10px;

font-size: 23px;

	font-weight: bold;

	text-transform: uppercase;

	cursor: pointer;



border: none;

}

div.wpcf7-response-output {

margin: 0em 0.5em 1em;

padding: 0.2em 1em;

}



div.wpcf7-validation-errors {

border: 2px solid #FF0;

}



input.wpcf7-form-control.wpcf7-submit input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .entry-content .button:hover {

background-color: #ABB7B7;

    color:#000;

}



@media screen and (max-width: 900px) {

	

	

	.container{

		max-width: 480px;	

	}

	

	.regularmenu{

	

	display: none;

		

	

}

	

	.two-col{

 

    width:100%;

margin:0px;

	

}




	

	.topnavigation{

			background-color:transparent;

top:0px;

		

}



	

	.mobilenav{

	font-size: 34px;

	display: block;

	text-align: center;

			position:relative;

	z-index: 1000;

		background-color:#fff;

		overflow: hidden;





 

	

}

form.wpcf7-form {

max-width:320px;
width:100%;
margin:0px;


}

	

	

.container{

	margin: auto;


    position: relative;
	  height: 100%;

	overflow: hidden;

  width: 100%;

	    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

	

}


.slider{	
 background-image: url("http://kaiekaie.no/hsk/wp-content/uploads/2016/01/logo.svg");
        height: 300px;
    /* width: 200px; */
    background-position-y: 73px;
    padding-top: 100px;
    background-size: 67%;
    background-repeat: no-repeat;
}
	

	#button{





	color: black;

	font-size: 23px;

	font-weight: 300;

	background-color:#fff;

	text-decoration: none;

text-transform: uppercase;

		

	}

	

	.mobilenav a{

	color: black;

	font-size: 23px;

	font-weight: 300;

padding:5px 0px 5px 0px;

	text-decoration: none;

text-transform: uppercase;

	

}

.kontaktskjema {

}

	

	.closed{

		padding:10px;

	display: block;

		

					

}

	



	

		.mobilenav a  {



	display: block;

	width: 100%;

			

	

}



.adresse a {

	

font-weight:bold;
text-decoration:none;
display:block;
font-size: 19px;
padding-bottom:10px;
	color: #fff;

}



	

	.collapsed{

		



				height:0px;





		

	}

	

		.visible{

		

					visibility: visible;

	height:100%;

		

	}

	

	

}