/*
Theme Name: Vekve Media
Author: Vekve Media
Description: Dette temaet er laget for og av Vekve Media
Version: 1.0
Tags: modern, trendy, fotografering, webutvikling, videoproduksjon, responsivt
Text Domain: Vekve Media
*/

/* Generelle regler */

/* Farger */
/* Bakgrunnsfarger */
.white { background-color: #ffffff;	}
.grey {	background-color: #f9f9f9; }
.blue {	background-color: #106eae; }
.orange { background-color: #dc543a; }
.darkblue { background-color: #2d3e50; }

/* Tekstfarger */
.whitetext { color: #ffffff; }
.whitetexthover:hover { color: #ffffff; }
.whitelink a { color: #ffffff; }
.whitehoverlink a:hover { color: #ffffff; }
.greytext { color: #f9f9f9; }
.greylink a { color: #f9f9f9; }
.bluetext {	color: #106eae; }
.darkbluetext { color: #2d3e50; }
.darkbluetexthover:hover { color: #2d3e50; }
.bluelink a { color: #106eae; }
.bluehoverlink a:hover { color: #106eae; }
.orangetext { color: #dc543a; }
.orangelink a { color: #dc543a; }
.orangehoverlink a:hover { color: #dc543a; }
.orangehover_bg:hover { background-color: #dc543a; }
.darkbluehover_bg:hover { background-color: #2d3e50; }
.blacktext { color: #000000; }
.blacklink a { color: #000000; }
.offblack { color: #55606e; }
.offgrey { color: #808285; }
.offwhite { color: #eee9e9; }

/* Tekstjustering */
.lefttext { text-align: left; }
.centertext { text-align: center; }
.righttext { text-align: right; }

.uppercase { text-transform:uppercase; }

.tracking { letter-spacing: 0.02em; }

.darkblue_border { border: 1px solid #2d3e50; }

/* Float justering */
.leftfloat { float: left; }
.rightfloat { float: right; } 

/* Teksttykkelse */
.thin {
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 100;
}

.light {
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;	
}

.lightstrong strong {
	font-weight: 500;	
}

.regular {
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 400;	
}

.semibold {
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 600;	
}

.bold {
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 700;	
}

.textshadow { text-shadow: 0.7px 0.7px 0.7px black; }

img.desaturate { 
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all .6s ease; /* Safari */
    transition: all .6s ease;
}

img.desaturate:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

/* Tekststørrelse */
h1 { font-size: 2.5em; text-align: center; text-transform:uppercase; margin-bottom: 0px; margin-top: 0px; letter-spacing: 0.04em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1.12em; }
h5 { font-size: 1.05em; }
h6 { font-size: .80em; }
h7 { font-size: .70em; }

em { font-weight: 100 }

/* Link hover */
.texttrans { 
	-o-transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s;
}

.texttrans:hover { 
	-o-transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s;
}

.texttrans a:hover { 
	-o-transition:color .5s;
	-ms-transition:color .5s;
	-moz-transition:color .5s;
	-webkit-transition:color .5s;
	transition:color .5s;
}

.texttrans a { 
	-o-transition:color .5s;
	-ms-transition:color .5s;
	-moz-transition:color .5s;
	-webkit-transition:color .5s;
	transition:color .5s;
}

/* Opacity */
.opacity05 { 
	opacity: 0.5;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.opacity1hover:hover {
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.opacity05hover:hover {
	opacity: 0.5;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.opacity1 {
	opacity: 1;	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* Transition */
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }
.growimg img { transition: all .2s ease-in-out; }
.smoothtrans { transition: all .2s ease-in-out; }

/* Luft */
.littluft { margin-top: 10px; margin-bottom: 10px; }
.luft { margin-top: 30px; margin-bottom: 30px; }
.luftopp { margin-top: 30px; }
.luftned { margin-bottom: 30px; }
.myeluft { margin-top: 45px; margin-bottom: 45px; }
.myeluftned {margin-bottom: 45px; }
.littluftned { margin-bottom: 10px; }
.bittelittluftned { margin-bottom: 5px; }
.bittelittluftopp { margin-top: 5px; }
.bittelittluft { margin-top: 5px; margin-bottom: 5px; }

.bittelittpadding {	padding: 5px 5px 5px 5px;  }
.littpadding {	padding: 15px 15px 15px 15px;  }
.padding { padding: 30px 30px 30px 30px; }

/* Margin og padding */
.nomargintop { margin-top: 0; }
.nomarginbottom { margin-bottom: 0!important; }
.nomargin { margin: 0 0 0 0; }
.nopadding { padding: 0 0 0 0; }
.nopaddingtop { padding-top: 0;}
.nopaddingbottom { padding-bottom: 0; }

/* Clear */
.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth { clear: both; } 

/* Body */
body { font-family: "proxima-nova"; background-color: #ffffff; font-size: 16px; }

p { font-size: 17px; line-height: 1.5; margin-bottom: 0px; }

a:hover { text-decoration: none; }

hr { border-top-width: 2px;	}

ul {
	padding-left: 0;
	padding-bottom: 0;
}


/* Header og navigasjon */
header {
  	height: 65px;
  	position: fixed;
  	top: 0;
  	transition: top 0.6s ease-in-out;
  	width: 100%;
	background-color: #ffffff;
	z-index: 1;
}

.nav>li>a:focus, .nav>li>a:hover {
  text-decoration: none;
  background-color: transparent; 
}

.nav-up { top: -120px; }

.nav-up .navbar-collapse {	height: 0;	transition: top 0.6s ease-in-out; }

.navbar, .navbar-collapse { background-color: #ffffff; }

.navbar-fixed-top { position: absolute; }

.navbar-nav { float: right;	text-align: right; }

.nav-menu {  margin-top: 90px; padding-bottom: 25px; }

#Vekvemedia-Navbar ul li { display: inline; }

.menu-hovedmeny-container {	padding-top: 30px;margin-right: 15px; }

/* Navigasjon */
.site-navigation { border-bottom: 0; font-size: 15px; }

.site-navigation ul { list-style: none;	margin: 0; }

.site-navigation li {
	position: relative;	
	display:block;
	float: left;
}

.site-navigation li:hover > ul { display: block; }

.site-navigation a {
	color: #000;
	-o-transition:color .5s;
	-ms-transition:color .5s;
	-moz-transition:color .5s;
	-webkit-transition:color .5s;
	transition:color .5s;
}

.site-navigation a:hover { color: #237fbc; }

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	color: #237fbc;
}

.icon-bar {	background-color: black; }

@media screen and (max-width: 991px) {		
	.site-navigation ul { display: block; }
	
	#Vekvemedia-Navbar ul li {
		text-align: center;	
		clear: both;
		margin-left: 0;
		float: none;
		display:block;
		border-bottom: 1px solid #000000;
		font-size: 22px;
		margin-top: 10px;
		padding-bottom: 10px;
	}
	
	#Vekvemedia-Navbar ul li:last-child { border: 0!important; }
	.navbar-collapse {
		height: auto;
		width: 100%;
		overflow-y: scroll!important;
		margin-top: 20px;
		padding-left: 0;
		padding-right: 0;
		-webkit-overflow-scrolling:touch;
	}
	
	.navbar-collapse::-webkit-scrollbar { display: none; }
	
	#Vekvemedia-Navbar { overflow: hidden; }
	
	.navbar-nav { width: 100%;}
	
	.menu-hovedmeny-container {	padding-top: 0px; }
		
	.nav-menu {	padding-left: 0px;	padding-bottom: 0px; }
	
	.site-navigation ul { width: 100%; }
	
	.site-navigation { font-size: 30px;	}
	
	.menu-hovedmeny-container {	padding-right: 0px;	}
		
	.navbar-collapse { max-height: none!important; }
	
	.navbar-toggle {
		margin-bottom: 0;
		padding-bottom: 0;
		padding-left: 0;
		border: 0;	
	}
	
	.navbar-header { height: 80px; }
	
	header { height: 80px; }
	
	.nav-up { height: -80px; }
	
	.nav-down { height: 80px; transition: top 0.6s ease-in-out; }
	
	.navbar-brand { height: 50px!important;	}
	
	.navbar-brand object {  min-height: 50px!important;	}
	
	.navbar-brand img { min-height: 50px!important;	}
	
	.navbar-collapse { margin-top: 0px!important; }
}

@media screen and (max-width: 600px) {
	.navbar-brand {	height: 35px!important;	}
	
	.navbar-header { height: 50px; }
	
	header { height: 50px; }
	
	.nav-up { height: -50px; }
	
	.nav-down { height: 50px; transition: top 0.6s ease-in-out; }
	
	.navbar-brand img { min-height: 35px!important;	}
	
	.navbar-toggle { margin-top: 10px!important; }
}

@media screen and (max-width: 600px) {	
	.navbar-header { height: 60px; }
	.nav-down { height: 60px; transition: top 0.6s ease-in-out; }
	.navbar { margin-bottom: 0;	}
}

/* Kontakt - spørsmål - header */
.modal-dialog .wpcf7-not-valid-tip { color: red; }

#myModal { padding-right: 0px!important; }

#myModal .send { padding-left: 0px; }

#myModal .sporsmal .send input {
	background-position-x: 61px;
	padding: 12px 14px 12px 1px;	
}

#myModal h3:first-child { text-align: center; }
#myModal h3.luftvenstre { margin-left: 15px; }

/* Kontakt - header button */
.nobutton {
	background:none;
	border:none;
	padding: 15px 0px 0px 0px;
}

.nobutton:hover {
	color: #237fbc; 
	-o-transition:color .5s;
	-ms-transition:color .5s;
	-moz-transition:color .5s;
	-webkit-transition:color .5s;
	transition:color .5s;
}

.navbar-nav>li>a,.navbar-nav>li>button {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 10px;
	margin-right: 10px;	
}

/* Toppbilde */
@media screen and (min-height: 0px) { .toppbilde, .toppbilde.page_toppbilde_back, .blackcover { min-height: 200px!important; } }

@media screen and (min-height: 300px) { .toppbilde, .toppbilde.page_toppbilde_back, .blackcover { min-height: 300px!important; } }

@media screen and (min-height: 500px) { .toppbilde, .toppbilde.page_toppbilde_back, .blackcover { min-height: 500px!important; } }

.toppbilde {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100%!important;
	height: 100vh!important;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}

@media screen and (max-width: 1200px) {
	.toppbilde {
		width: 100%;
		background-attachment:scroll;
		background-size: cover;
		  
	}
}

.toppbilde p { line-height: 1.2; }
.toppbilde h1 {	font-size: 45px; }
@media screen and (max-width: 400px) { .toppbilde h1 { font-size: 35px; } }
@media screen and (max-width: 450px) { h1 { font-size: 30px; }  }
@media screen and (max-width: 400px) { h1 { font-size: 25px; } }
@media screen and (max-width: 470px) { .fb_iframe_widget { display: none!important; } }

/* Toppbilde-knapp */ 
.semer {  
	padding: 10px;
	max-width: 125px;
    margin: 0 auto;
}

/* Blackcover */
.blackcover {
	background: rgba(0,0,0,.7)!important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100%;
	height: 100vh;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	width: 100%;
}

/* Ikoner */
.holder ul li {	list-style-type: none; line-height: 1.4; }

.textarea ul li { list-style-type: disc; margin-left: 20px;}

/* Siste prosjekt */
#filters li { display: inline; }
#filters-undercat li { display: inline; margin-left: 5px; margin-right: 5px; }
#filters-undercat a { text-decoration: none; }
#filters-undercat .selected { color: #dc543a; }

#filters a { padding: 10px 20px 10px 20px;	background-color: #106eae;	}

#filters a.selected { background-color: #dc543a; }
#filters .selected a { background-color: #dc543a; }


@media screen and (max-width: 390px) {	#filters li a {	display: block;	} }

#filters a:focus li { background-color: #dc543a; }

#filters a:hover { color: #D4D4D4; }

#filters .selected li:hover { color: #ffffff; }

#filters a:focus { text-decoration:none; }

#isotope-list .col-md-4 { padding: 10px 10px 10px 10px;	margin-bottom: 0px!important;}

#isotope-list .grid { margin-bottom: 0px!important;	}

@media screen and (min-width: 991px) and (max-width: 1200px) { #isotope-list img { height: 100%; width: 100% } }

@media screen and (min-width: 600px) and (max-width: 990px) { #isotope-list .col-md-4 { width: 50%; } #isotope-list img { height: 100%; width: 100%; } }

@media screen and (max-width: 599px) { #isotope-list img {	height: auto; }}


@media screen and (max-width: 599px) {
  .grid figure img {
    max-width: 100%;
	max-height: 100%;
  }
  
  
}

.grid figure.effect-lily img { height: auto!important; }

#filters .underkategori li a {
	display: inline;	
	background-color: transparent;
	padding: 5px;	
}

#filters .underkategori .selected a { background-color: transparent!important; }

#filters .underkategori a:focus {
	background-color: transparent;	
	color: #dc543a;	
}

#filters .underkategori a:hover { color: #dc543a; }

#filters .underkategori .selected li:hover { color: #dc543a; }


/* Isotope */

/**** Isotope Filtering ****/
.isotope-item { z-index: 2; }
 
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
 
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
 
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
 
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
 
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
 
/* End: Recommended Isotope styles */
	
.holder { padding-top: 5%;	padding-bottom: 5%;	}
.littholder { padding-top: 3%;	padding-bottom: 3%;	}


/* Kontaktskjema */
.boble object { width: auto!important; }
.boble img { width: auto!important; }

.sporsmal input, select, textarea {
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    box-shadow: 1px 1px 3px #EEEEEE inset;
    color: #222222;
    width: 100%;
}

@media screen and (min-width: 991px) { .sporsmal .wpcf7-form-control-wrap textarea  { height: 203px } }


.sporsmal .form-margin {margin-top: 25px;margin-bottom: 25px;}

.sporsmal .wpcf7-form-control-wrap input { padding: 12px 15px 12px 50px; }

.sporsmal .wpcf7-form-control-wrap textarea { padding: 12px 15px 12px 50px; }


.name input { background: url(http://www.vekvemedia.no/wp-content/themes/vekvemedia/img/ikon-name.svg); }
.phone input { background: url(http://www.vekvemedia.no/wp-content/themes/vekvemedia/img/ikon-phone.svg); }
.mail input { background: url(http://www.vekvemedia.no/wp-content/themes/vekvemedia/img/ikon-mail.svg); }
.message textarea { background: url(http://www.vekvemedia.no/wp-content/themes/vekvemedia/img/ikon-message.svg); }

.sporsmal input {
 	background-size: 18px;
  	background-repeat: no-repeat;
  	background-color: white;
	background-position: left;
  	background-position-x: 15px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
  	transition: all 0.2s linear;
}

.sporsmal textarea {
 	background-size: 18px;
  	background-repeat: no-repeat;
  	background-color: white;
	background-position: left;
  	background-position-x: 15px;
	background-position-y: 15px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
  	transition: all 0.2s linear;
	height: 213px;
}

.sporsmal-compressed h2 {
	margin-top: 10px;
	margin-bottom: 0px;
	text-align: left;
}

.sporsmal-compressed button { 
	padding: 10px 30px 10px 30px;
	border: white 2px solid;
	transition: all .2s ease-in-out;
	background: transparent;
}

.sporsmal-compressed button:hover {
	background-color: #ffffff;	
}

/* Kontaktskjema - Meldinger */
.sporsmal .wpcf7-not-valid-tip {
	color: #ffffff;
	text-align: right;
	font-size: 14px;
}

.sporsmal .wpcf7-validation-errors {
	border: none;
	clear: both;
}

.sporsmal .wpcf7-mail-sent-ok {
	border: none;	
}

.sporsmal .send input {
	color: #939598;	
	background: url(http://www.vekvemedia.no/wp-content/themes/vekvemedia/img/ikon-arrow.svg);
	background-size: 14px;
  	background-repeat: no-repeat;
  	background-color: white;
	background-position: right;
	background-position-x: 72px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
  	transition: all 0.2s linear;
	padding: 12px 15px 12px 0px;
	max-width: 100px;
	float: right;
}

.sporsmal .send input:hover {
	color: #000000;
}

/* Knapp */
.btn {
  color: #ffffff;
  background: #dc543a;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
  border-radius: 0px;
  font-size: 15px;
}

.sidebar .btn {
	padding: 6px 12px 6px 12px;
	background-color: white!important;
	height: 34px;
	width: 40px;
	border-left: 0;
	border-radius: 4px;
}

.sidebar .btn img {
	height: 100%;	
}

.btn:hover {
  background: #106eae;
  text-decoration: none;
  color: #ffffff;
}

/* Contact-socials-bottom */
.contact-socials-bottom a {	color: #D9D9D9;	}

/*Footer */
footer { background-color: #253237;	padding-top: 5px; padding-bottom: 5px; }

@media screen and (max-width: 767px) {
	.contact-socials-bottom .righttext {
		text-align: left;
	}
}

@media screen and (max-width: 380px) {
	.contact-socials-bottom .col-sm-6 {
		padding-left: 0;
		overflow: hidden;
	}
}

/* Sidemal */
/* Toppbilde - Page */
.page_toppbilde_back {
	height: 100%;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.vekvemedia.no/wp-content/themes/vekvemedia/img/VekveMedia.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.vekvemedia.no/wp-content/themes/vekvemedia/img/VekveMedia.jpg', sizingMethod='scale')";
	background-attachment: fixed;
    background-position: center;
}

@media screen and (max-width: 1200px) {
	.page_toppbilde_back {
		width: 100%; 
		background-attachment:scroll;
		background-size: cover;
		  
	}
}

/* Single */
/* Toppbilde - Single */
@media screen and (min-height: 0px) { .toppbilde-single, .toppbilde-single.page_toppbilde_back { min-height: 200px; } }

@media screen and (min-height: 300px) { .toppbilde-single, .toppbilde-single.page_toppbilde_back { min-height: 200px; } }

@media screen and (min-height: 500px) { .toppbilde-single, .toppbilde-single.page_toppbilde_back { min-height: 400px; } }

@media screen and (min-height: 700px) {	.toppbilde-single, .toppbilde-single.page_toppbilde_back { min-height: 500px; } }

@media screen and (min-height: 991px) { .toppbilde-single, .toppbilde-single.page_toppbilde_back { min-height: 700px; } }

.toppbilde-single {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:80%;
	height: 80vh;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}

@media screen and (max-width: 1200px) {
	.toppbilde-single {
		width: 100%;
		background-attachment:scroll;
		background-size: cover;
		  
	}
}

.pricetop { 
	border: 2px solid #2d3e50;
}

.pricebottom {
	border: 2px solid #DCDCDC;
}

.pricetop {
	border-bottom: 0;	
}

.pricebottom {
	border-top-width: 1px;	
}

.webprice {

}

.prislapp { 
	font-size: 25px;
}

.priskat {
	font-size: 16px;	
}

.pricebestill {
	padding: 10px;
	max-width: 100%;
    margin-left: 30px;
	margin-right: 30px;	
	margin-bottom: 25px;
}

.nettsidemuligheter img {	
	float: left;
}

.nettsidemuligheter h3 {	
	margin-top: 0px;
}

.nettsidemuligheter p {	
}

.nettsidemuligheter .icon-wrapper {
	float: left;
	
}


@media screen and (min-width: 992px) {
	.nettsidemuligheter .icon-wrapper {
		
	}
}


@media (max-width: 991px) {
	
}

/*Fordi det skal overstyre alt uten bruk av important*/	
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

   .navbar-collapse.collapse.in {
        display: block!important; 
    }
}  



@media (min-width: 100px) {
	.navbar-nav>li>a {	padding-bottom: 0px; }
}

@media (max-width: 991px) {
	.navbar-nav>li>a {
		padding-top: 5px;	
	}
	
	.nobutton {
		padding: 0px 0px 0px 0px!important;	
	}
}

/*Autofylling på Chrome */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset!important;
}

/* Featured image */
.featuredimage img {
		width: 100%; 
		height: auto;
}



/* Logo */
.navbar-header object {
	height: 100%;
	pointer-events: none;	
}

.navbar-header img {
	height: 100%;
	pointer-events: none;	
}

.navbar-brand a {
	width: 100%;
	height: 80px;
}

.navbar-brand {
	height: 75px;
}

/* Ikoner */
.forsideikonholder .prosess {
	width: 80%;
	margin: auto;
}

.prosess {	display: inline-flex;}

.forsideikonholder object {	width: 50%;	}

.forsideikonholder img {width: 50%;	}

.forsideikonholder a {
	display:block;
	transition: all .2s ease-in-out;
}
	
.forsideikonholder a:hover {transform: scale(1.1); }

@media screen and (max-width: 530px) {	
	.three-ikons p {
		display: none;	
	}
	.forsideikonholder object {
 		width: 80%;
	}
}

/* Referanser */
.img-circular{
	width: 100px;
	height: 100px;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 20px;
	background-size: cover;
	display: block;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}

.bildeserieholder img {
	margin-bottom: 5%;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 900px;
}

.slide > a {
	position: relative;
	text-decoration: none;
}

.slide>a:before,.slide>button:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #2d3e50;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.slide>a:hover:before,.slide>button:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Single */
.beskrivelse {
	font-size: 12px;
	color: #000000;	
}

.beskrivelse-detail {font-size: 18px;}

.entrytitle {
	font-size: 36px;
	text-transform:none;
	letter-spacing: 0;
	text-align: left;	
}

/* Pages */
.page-toppbilde {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
 	height: 100%;
}

.page_toppbilde_back {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;	
}

/* Les mer-sirkel */
.morecircle {
    background-repeat: no-repeat;
    background: rgba(0,0,0,.3);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    -webkit-transition: background .5s ease-out;
    -moz-transition: background .5s ease-out;
    -o-transition: background .5s ease-out;
    transition: background .5s ease-out;
}

.morecircle img {
    margin-top: 20px;
    max-height: 12px;
}

/* Om */
.ombilde {
	height: 500px;
	background-image: url('http://www.vekvemedia.no/wp-content/uploads/2015/07/oleandreasvekve.jpg');
	background-size: cover;
	background-position: 60% 19%;
}

.ombilde-socials {
	height: 300px;
	background-image: url('http://www.vekvemedia.no/wp-content/uploads/2015/11/Socials.jpg');
	background-size: cover;
	background-position: 60% 19%;
}

#bottomright {
	float: right;
	text-align: right;
	position:absolute;
	bottom: 0;	
	height: 100%;
}

.omtekst {
	padding-left: 6%;
	padding-right: 5%;
}

.socials-background {
	background-image: url('http://www.vekvemedia.no/wp-content/uploads/2015/11/soft-dark.png');	
}

/* Forced grey */
#forcedgrey .white {
	background-color: #f9f9f9!important;	
}


/* Progress *//* Load animation */
@-webkit-keyframes load { 0% { stroke-dashoffset:0 } }
@-moz-keyframes load { 0% { stroke-dashoffset:0 } }
@keyframes load { 0% { stroke-dashoffset:0 } }

.progress {
  position: relative;
  display: inline-block;
  padding: 0;
  text-align: center;
  overflow: visible;
  box-shadow: none;
  background-image: none;
  background-color: transparent;
}

svg:not(:root) { overflow: visible }

/* Item */
.progress>li {
  display: inline-block;
  position: relative;
  text-align: center;
  color: #93A2AC;
  margin: 2rem;
}

.progress>li:before {
  content: attr(data-name);
  position: absolute;
  width: 100%;
  bottom: -2rem;
  font-weight: 200;
}

.progress>li:after {
  content: attr(data-percent);
  position: absolute;
  width: 100%;
  top: 3.7rem;
  left: 0;
  font-size: 2rem;
  text-align: center;
}

.progress svg {
  width: 10rem;
  height: 10rem;
}

.progress svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.progress svg:nth-child(2) path {
  fill: none;
  stroke-width: 10;
  stroke-dasharray: 629;
  stroke: rgba(249, 249, 249, 1);
  -webkit-animation: load 5s;
  -moz-animation: load 5s;
  -o-animation: load 5s;
  animation: load 5s;
}

.progress [data-name] {
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
}


/* Program */
.program img { width: 60px;	}
.program img:hover { width: 80px; }

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.omholder {
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;	
}

@media screen and (min-width: 992px) { .omholder { display: flex; }	}
@media screen and (max-width: 992px) { .omtekst { padding-top: 5%; padding-bottom: 5%;} }
.omholder h1 {font-size: 30px}
.omholder h2 {font-size: 20px}

@media screen and (max-width: 992px) {
	.luftbrettmobil { 
		margin-top: 10%;
		margin-bottom: 10%;
	}
}

@media screen and (max-width: 992px) {
	.ikkemobil {
		display: none;	
	}
}

@media screen and (min-width: 993px) {
	.baremobil {
			display: none;
	}
}

video#bgvid {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: url(http://www.vekvemedia.no/wp-content/themes/vekvemedia/videoteaser.png) no-repeat;
	background-size: cover;
}

video { display: block; }

@media screen and (max-width: 600px) {  video {height:100%!important;}}

@media screen and (max-width: 400px)  {	h1.minimobil { font-size: 24px;	} }

@media screen and (max-device-width: 800px) {
	.videoteaser { background: url(http://www.vekvemedia.no/wp-content/themes/vekvemedia/videoteaser.png) #000 no-repeat center center fixed; }
}

/* Common style */
.grid h2 {  line-height: 1; }
.grid p { line-height: 1; text-transform: uppercase;}

.grid figure img {
	display: block;
	position: relative;
}

.grid figure { background: #000000; cursor: pointer; }

.grid figure figcaption {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure.effect-lily img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.grid figure.effect-lily figcaption > div {
	padding: 30px 50px 50px 30px;
	bottom: 0;
    position: absolute;
}

.grid figure.effect-lily h2,
.grid figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

.grid figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.grid figcaption h2 { font-size: 22px; font-weight: 600; }

.grid figcaption span { font-size: 14px; font-weight: 200; }

.grid figure.effect-lily p {
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

.grid figure.effect-lily:hover img { opacity: 1; }

.grid figure.effect-lily:hover p { opacity: 1; }

.grid figure.effect-lily:hover h2,
.grid figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

.grid figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}

.sporsmal img { margin-bottom: 5px;	}

#wpfront-scroll-top-container {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

article .col-md-10 h3 { margin-bottom: 2px; }

.bildeserieholder img {
	pointer-events: none;	
}

.videowrapper a {
	display:inline-block;
}

.kunder img {
	max-width: 80%;	
	max-height: 60px;
}

.kunder {
    border-top: thin solid #000000;
}

/* Kunder */

#slider {
	list-style:none;
	padding:0px
}

.slider-container { 
	background:#222; 
	width:845px; 
	height:150px; 
	padding:20px; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; 
}

#slider img { 
	width:200px; 
	height:125px; 
	margin:0px; 
	display:inline-block  
}

#slider li {
	width:210px
}

.maximg img {
	width: 100%;
	height: auto;
}

.bloggthumb {
	padding: 20px 20px 20px 20px;
}

.bloggthumb h2 {
	margin: 0;
}

.bloggthumb .entry-date {
	font-size: 13px;
	color: #333333;	
}

.bloggthumb a:hover img {
	filter: gray;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;	
}

#sidebar .entry-date {
	font-size: 13px;	
}

.entrybody {
	padding: 5% 8% 5% 8%;	
}

.entrybody .entry-date {
	color: #565656;
	font-size: 13px;	
}

.blogg_single img {
	max-width: 100%;
	height: auto;
}

.widgetimg {
    width: 15px;
    margin-bottom: 1px;
    margin-left: 8px;x
}

.widget_wpb_widget li {
	line-height: 1.2!important;
}

.entry-text p {
	font-size: 16px;
}

/* Make sidebar */
#masonry-container {
  width: 100%;
  height: 100%;
}

.sidebar {
  padding: 0px 30px;
  width: 100%;
  height: 100%;
  color: #777;
}

/* UI */
.ui input[type=checkbox], input[type=radio] {
	display: inline!important;
}

.ui .list-header {
	font-weight: 600;
	color: #787878;
	display: block;
	margin-bottom: 2px;
}

.ui .wpcf-form-label, .wpcf-form-radio-label, .ui label {
	font-weight: 300;
	color: #787878;
}

.ui .search-field input {
    padding: 12px 15px 12px 15px;
	border: 1px solid #ccc;
	border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.ui .search-field input[type=text] {
    background-size: 18px;
    background-repeat: no-repeat;
    background-color: white;
    background-position: left;
    background-position-x: 15px;
    transition: all 0.2s linear;
	width: 85%;
	font-size: 20px;
	float: left;
}

.ui .search-field input[type=text]:focus {
	border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);	
}

.ui .search-field .search-trigger {
	border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
	border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
	font-size: 20px;
	width: 15%;
	height: 53.6px;
}

.ui .search-field .search-trigger:hover {
	background-color: #66afe9;
	color: #ffffff;
	border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);	
}

.ui .children {
	margin-left: 18px;
}

.ui .btn {
	width: 100%;
}

.ui h1 {
	text-transform: none;
}

.filterbox {
	background-color: #fafafa;
    border: 1px solid #dadada;
	border-radius: 6px;
}

.filterbox .search-trigger {
	border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
	border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
	font-size: 20px;
	height: 53.6px;
}

.filterbox .search-trigger:hover {
	background-color: #66afe9;
	color: #ffffff;
	border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);	
}

.filterbox .btn-lg {

}



/* hei */