/* CSS by Stein A. Sannes - Varde Hartmark */
body { font-family: "open_sansregular","Helvetica Neue",Helvetica,sans-serif; font-weight: 400; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10 {
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
}
.row {
    margin-left: -5px;
    margin-right: -5px;
}
.alert-primary { background-color: #0096d6; color: #FFF; }
.alert-primary a { color: #FFF; text-decoration: underline; }
.alert-primary .close { opacity: 0.5; }
.alert-primary .close:hover, .alert-primary .close:focus { color: #DDD; }
.modal { color: #000; }
.modal-transparent .modal-content { background-color: #000; background-color: rgba(0,0,0,0.6); box-shadow: none; border: none; }
.modal-transparent .modal-header, .modal-transparent .modal-body { border-bottom: none; color:#FFF; }
.modal-transparent .close { color: #FFF; opacity: 1; }
.bold { font-weight: bold; }

video#bgvid {
position: fixed; /*right: 0; bottom: 0;*/
min-width: 100%; min-height: 100%;
width: auto; /*height: auto;*/ z-index: -100;
top: 50%;
left: 50%;
width: 1920px;
height: 1080px;
margin-top: -540px;
margin-left: -960px;
/*background: url("../images/bg.jpg") no-repeat;
background-size: cover; */
}
#bgimg {
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -100;
background: url("../images/bg.jpg") no-repeat;
background-size: cover; 
}
#below-1200 { display: none; }

.front-page { color: #FFF; padding-bottom: 40px; }
.fieldset-wrapper { 
	background-image: url("../images/fieldsetfrost.png");
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom:78px;
}
fieldset {
	margin-top: 60px;
	border: 2px solid #FFF;
	border: 2px solid rgba(255, 255, 255, 0.6);
	padding: 1em 0.625em 3.75px;
	min-height:741px;
	position: relative;
	overflow: hidden;
}
.fieldset-top-bg { 
	height:13px;
	display:inline-block;
	border-bottom: 2px solid #FFF;
    border-bottom: 2px solid rgba(255, 255, 255, 0.6);
}
#fieldset-gjennomforing { float: left; }
#fieldset-resultat { float:right; }
legend {
    border-width: 0px;
    margin-bottom: 0px;
    width: 100%;
	padding-left: 2px;
    padding-right: 2px;
	text-align: center;
    font-size:23px;
	line-height:23px;
	height:23px;
	color: #FFF;
	color: rgba(255, 255, 255, 0.5);
}
legend img { padding: 0px 5px; opacity: 0.6;}
legend span { color: rgba(255, 255, 255, 0.5); display: inline-block; font-size: 15px; height: 27px; line-height: 27px; padding: 0 5px; }
#breadcrumb { line-height: 15px; height: 15px; opacity: 0 }
#breadcrumb.in, #helpfaq { opacity: 0.6; }
#breadcrumb a, #helpfaq a { display: inline-block; height: 15px; padding:0 10px; color: #FFF; }
#breadcrumb a:hover, #helpfaq a:hover {text-decoration: none; }
#breadcrumb img { width:14px; }
#breadcrumb-title { font-size: 90%; }
footer.version-footer { position:fixed; bottom: 2px; right:2px; font-size:70%; color: #FFF; }
footer.ie-footer { position:fixed; bottom: 0px; width: 100%; display: none; }
#ajax-content { position: relative; }
.video-js {padding-top: 56.25%}
.vjs-fullscreen {padding-top: 0px}

audio, canvas, progress, video { display: block; }
/*.col-xs-2 video { width: 220px; height: 220px; }*/

#cagr-graph { height: 400px; width:400px;margin:20px; }
#cagr-graph .highcharts-container { cursor: pointer; }
#graph-container { height: 630px; width:630px;margin:20px; }

.page-box-header { font-size:160% }

/* vårt dna */
.page-dna .box-back  { padding: 0px 20px; line-height:1.2 }
.page-dna .col-xs-2 .box .box-front-dna .box-back { background-image: url("../images/boxbgdark1.png"); }
.dna-header { font-weight:bold; }
.dna-content { font-weight: 300; }
.dna-header, .dna-content { font-size: 105%; }
/* stor boks */ 

.page-dna .col-xs-4 .box-front { padding: 0px 40px; font-size: 145%; }

.cssfilters #ajax-content
/*.col-xs-2, .col-xs-4, .col-xs-6 */{
    -webkit-filter: none;
	filter: none;
	opacity: 1;
    -webkit-transition: all 1s;
	transition: all 1s;
/*	-webkit-animation: fadein 1s ease-in-out forwards;
	animation: fadein 1s ease-in-out forwards;
	animation-iteration-count:1;*/
}
.cssfilters #ajax-content.blurcols
/*.blurcols.col-xs-2, .blurcols.col-xs-4, .blurcols.col-xs-6*/ {
	opacity: 0;
	-webkit-filter: blur(50px);
	filter: blur(50px);
}
.transition-js-class {-webkit-transition: all 1s;	transition: all 1s;     -webkit-filter: none;
	filter: none;
	opacity: 1;
}
.cssfilters .blurme {
	opacity: 0;
	-webkit-filter: blur(20px);
	filter: blur(20px);	
}
.shadowed {
	-webkit-animation: diceglow 3s infinite ease-in-out alternate;
	animation: diceglow 3s infinite ease-in-out alternate;
	
    -webkit-filter: drop-shadow(5px -3px 7px #1b97d4);
    filter: drop-shadow(5px -3px 7px #1b97d4);
	backface-visibility: hidden;
}
/* webkit klarer ikke håndtere animasjonen når tilen snurrer */
.flip-container .shadowed, .folk-flip-container .shadowed {
	-webkit-filter: none;
	-webkit-animation: none;
}
@-webkit-keyframes diceglow {
	from { -webkit-filter:drop-shadow(5px -3px 3px rgba(27,151,212,0.7)); }
	to { -webkit-filter:drop-shadow(5px -3px 7px rgba(27,151,212,1));}
}
@keyframes diceglow {
	from { filter:drop-shadow(5px -3px 3px rgba(27,151,212,0.7)); }
	to { filter:drop-shadow(5px -3px 7px rgba(27,151,212,1)); }
}

.tall-header { font-size:350%;font-weight:bold }
.tall-content { font-size: 150%; font-weight: 300; }

/* 10 problemer */
.page-problemer .box-front { padding: 0px 20px; }
.page-problemer .box-transparent-1 { padding: 0px 20px; }
.problemer-header { font-size:350%;font-weight:bold }
.problemer-content { font-size: 120%; font-weight: 400; }
/* stor boks */
.page-problemer .col-xs-4 .box-front { padding: 0px 40px; }
.page-problemer .col-xs-4 .problemer-header { font-size:450%;font-weight:bold }
.page-problemer .col-xs-4 .problemer-content { font-size: 180%; font-weight: 400; margin-top: 0px; }

.page-folk .box-front { }
.folk-flip-container { float: left; position:relative; }
.page-folk .menneske-img { width: 100%; cursor: pointer; }
.folk-img-1 .menneske-img { padding: 0px 3px 3px 0px }
.folk-img-2 .menneske-img { padding: 0px 0px 3px 3px }
.folk-img-3 .menneske-img { padding: 3px 3px 0px 0px }
.folk-img-4 .menneske-img { padding: 3px 0px 0px 3px }
.folk-flip-container, .folk-front, .folk-back { width: 220px; height: 220px; }

.page-referanser .box-description, .page-film .box-description { padding: 0 8px; font-size: 110%; background-color:#FFF; background-color: rgba(255, 255, 255, 0.8); color: #000; position: absolute; bottom:5px; right: 5px; margin-left: 5px; }
.references-img-text { text-align:center;text-transform:uppercase;color:#FFF;font-size:80%;padding-top:14px }

.page-salg .col-xs-6 .box-front { /*font-size: 170%; padding: 50px; font-weight:300;*/ padding: 20px; }
.page-salg #company-container, .page-salg #company-container .company-description { height: 100%; }

.film-meny { }
.film-meny ul { margin-top: 20px; padding: 0px 20px; }
.film-meny li { display: block; font-size: 18px;  font-weight: 300; border-bottom: 1px inset #FFF; border-bottom: 1px inset rgba(255, 255, 255, 0.2); }
.film-meny li a { color: #FFF; display: block; padding: 10px; margin: 1px 0px; -webkit-transition: all ease 0.2s;transition: all ease 0.2s; }
.film-meny li a:focus { outline: none; }
.film-meny li a:hover, .film-meny li a:focus { text-decoration:none }
.film-meny li, .film-meny li .glyphicon { line-height: 22px; }
.film-meny li .glyphicon { opacity: 0; -webkit-transition: 0.5s;transition: 0.5s;}
.film-meny li:last-child { border-bottom-width: 0px; }
.film-meny li:hover a, .film-meny li.active a { font-weight: 700; background-color: #80a9ff; background-color: rgba(128, 169, 255, 0.2) }
.film-meny li:hover .glyphicon, .film-meny li.active .glyphicon { opacity: 1; }

.company-logo { position:absolute;right:0px }
.company-logo img { float: right; margin-top: 30px; margin-right: 30px; }
.company-description { height: 446px; width: 100%; padding: 0px 30px; }
.company-header { font-weight: bold; font-size: 120%; }
.company-content { font-size: 120%; }
.page-salg .company-content { font-size: 160%; }
.company-leader { height: 214px; margin: 6px; background-color: #FFF;background-color: rgba(255, 255, 255, 0.6); padding: 10px; color: #000; }
.company-leader-img { float: left; width: 20%; }
.company-leader-img img { margin-top: 10px; width:100%; }
.company-leader-description { float: left; width: 50%; padding: 20px 10px}
.company-leader-name { font-weight: bold; text-transform: uppercase; }
.company-size { float: left; width: 30%; padding: 20px 0px }
.company-size-desc { font-weight: bold; }
.company-size-number { font-weight: bold; font-size: 280%; color: #FFF; }

.valigncentered { vertical-align: middle; display: table-cell; }
.valignwrapper { display: table; }

.box { position: relative; }
/*.col-xs-2 .box a { display: inline-block; }*/
.col-xs-2 .box, .col-xs-2 .box .flipper, .col-xs-2 .box .box-front, .col-xs-2 .box .box-back { width: 220px; height: 220px; }
.box-front, .box-back { background-size:cover; }
.col-xs-2 .box .box-1 .box-front { background-image: url("../images/boxbgdark1.png"); }
.col-xs-2 .box .box-2 .box-front { background-image: url("../images/boxbgdark2.png"); }
.col-xs-2 .box .box-back, .col-xs-2 .box .box-back { background-image: url("../images/boxbglight1.png"); }
.page-referanser .col-xs-2 .box .box-back { background-image: url("../images/boxbglight2.png"); }
.box-back, a .box-back { color: #FFF; font-size: 130%; }

.col-xs-2 .box .box-transparent-1 .box-front { background-image: url("../images/box1x1transparent1.png"); }

.page-dna .col-xs-2 .box .box-front-dna .box-front { background-image: url("../videos/default/dnabox.jpg"); }
.col-xs-2 .box .box-front-history .box-front { background-image: url("../images/boxbgfronthistorie.png"); }
.col-xs-2 .box .box-front-problemer .box-front { background-image: url("../images/boxbgfrontproblemer.png"); }
.col-xs-2 .box .box-front-folk1 .box-front { background-image: url("../images/boxbgfrontfolk8.png"); }
.col-xs-2 .box .box-front-folk2 .box-front { background-image: url("../images/boxbgfrontfolk7.png"); }
.col-xs-2 .box .box-front-salg .box-front { background-image: url("../images/boxbgfrontsalg.png"); }
.col-xs-2 .box .box-front-referanser .box-front { background-image: url("../images/boxbgrefmulticonsult.jpg"); }
.col-xs-2 .box .box-front-vardegruppen .box-front { background-image: url("../images/boxbgfrontvardegruppen.png"); }
.col-xs-2 .box .box-front-film .box-front { background-image: url("../images/boxbgfrontfilm.jpg"); }
.col-xs-2 .box .box-front-presentasjon .box-front { background-image: url("../images/boxbgfrontpresentasjon.png"); }

.col-xs-2 .box .box-graf-1 .box-front { background-image: url("../images/boxbggraf1_3.png"); }
.col-xs-2 .box .box-graf-2 .box-front { background-image: url("../images/boxbggraf2.png"); }
.col-xs-2 .box .box-graf-3 .box-front { background-image: url("../images/boxbggraf3_3.png"); }
.col-xs-2 .box .box-graf-4 .box-front { background-image: url("../images/boxbggraf4_3.png"); }

.col-xs-2 .box .box-prob-problemer .box-front { background-image: url("../images/boxbgprobproblemer.png"); }

.col-xs-2 .box .box-folk-sveintore .box-front { background-image: url("../images/boxbgfolk_sveintore.jpg"); }
.col-xs-2 .box .box-folk-kjartan .box-front { background-image: url("../images/boxbgfolk_kjartan.jpg"); }
.col-xs-2 .box .box-folk-reidar .box-front { background-image: url("../images/boxbgfolk_reidar.jpg"); }
.col-xs-2 .box .box-folk-gunbente .box-front { background-image: url("../images/boxbgfolk_gunbente.jpg"); }
.col-xs-2 .box .box-folk-gaute .box-front { background-image: url("../images/boxbgfolk_gaute.jpg"); }
.col-xs-2 .box .box-folk-jonas .box-front { background-image: url("../images/boxbgfolk_jonas.jpg"); }
.col-xs-4 .box .box-folk-wordcloud .box-front { background-image: url("../images/boxbgfolk_wordcloud.png"); }

.col-xs-2 .box .box-referanse-kart .box-front { background-image: url("../images/boxbgrefkart.png"); }
.col-xs-2 .box .box-referanse-organisasjoner .box-front { background-image: url("../images/boxbgreforgs2.png"); }
.col-xs-2 .box .box-referanse-internasjonalt .box-front { background-image: url("../images/boxbgrefinternasjonalt2.png"); }
.col-xs-2 .box .box-referanse-privat .box-front { background-image: url("../images/boxbgrefprivat3.png"); }
.col-xs-2 .box .box-referanse-offentlig .box-front { background-image: url("../images/boxbgrefoffentlig3.png"); }

.col-xs-2 .box .box-referanse-dnbe-kv .box-front { background-image: url("../images/boxbgrefdnbekv.jpg"); }
.col-xs-2 .box .box-referanse-dnbe-thomas .box-front { background-image: url("../images/boxbgrefdnbethomas.jpg"); }
.col-xs-2 .box .box-referanse-ff-kjetil .box-front { background-image: url("../images/boxbgrefffkjetil.jpg"); }
.col-xs-2 .box .box-referanse-gjovik .box-front { background-image: url("../images/boxbgrefgjovik.jpg"); }
.col-xs-2 .box .box-referanse-hurtigruten .box-front { background-image: url("../images/boxbgrefhurtigruten.jpg"); }
.col-xs-2 .box .box-referanse-ian .box-front { background-image: url("../images/boxbgrefian.jpg"); }
.col-xs-2 .box .box-referanse-meny .box-front { background-image: url("../images/boxbgrefmeny.jpg"); }
.col-xs-2 .box .box-referanse-mesta .box-front { background-image: url("../images/boxbgrefmesta.jpg"); }
.col-xs-2 .box .box-referanse-multiconsult .box-front { background-image: url("../images/boxbgrefmulticonsult.jpg"); }
.col-xs-2 .box .box-referanse-telenor .box-front { background-image: url("../images/boxbgreftelenor.jpg"); }
.col-xs-2 .box .box-referanse-tryggtrafikk .box-front { background-image: url("../images/boxbgreftryggtrafikk.jpg"); }
.col-xs-2 .box .box-referanse-wideroe .box-front { background-image: url("../images/boxbgrefwideroe.jpg"); }

/* vg og varde-logo */
.page-front .box-front img { max-width: 100%; width:100%; }
.col-xs-2 .box .box-front, .valigncentered { -webkit-transition: all 1s;transition: all 1s; }
.col-xs-2 .box .active .box-front, .borderonhover:hover a .box-front { position:relative; -webkit-box-shadow: inset 0px 0px 3px 6px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 3px 6px rgba(255,255,255,1);
box-shadow: inset 0px 0px 3px 6px rgba(255,255,255,1); }
.page-salg .col-xs-2 .box .active .box-front { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.col-xs-4 .box, .col-xs-4 .box .box-front { width: 446px; height: 446px; }
.col-xs-4 .box .box-1 .box-front { background-image: url("../images/boxbg2x2transparent2.png"); }
.col-xs-4 .box .box-transparent-3 .box-front { background-image: url("../images/boxbg2x2transparent3.png"); }
.col-xs-4 .box .box-transparent-4 .box-front { background-image: url("../images/boxbg2x2transparent4.png"); }

.col-xs-6 .box, .col-xs-6 .box .box-front { width: 672px; height: 672px; }
.col-xs-6 .box .box-transparent-1 .box-front { background-image: url("../images/boxbg3x3transparent1.png"); }

/* flipping */
/*
.flip-container {
	perspective: 1000px;
}
.flipper {
	transition: 1s;
	transform-style: preserve-3d;	
}
.box-front, .box-back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.flip-container-onhover:hover .flipper, .flip-container.hover .flipper {
	transform: rotateY(180deg);
}
.box-front {
	z-index: 2;
	transform: rotateY(0deg);
}
.box-back {
	transform: rotateY(180deg);
}
/* slide *//*
.col-xs-2 .flip-slide .flipper {
	transform-origin: right center;
}
.flip-slide.flip-container-onhover:hover .flipper, .flip-slide.flip-container.hover .flipper {
	transform: translateX(-100%) rotateY(-180deg);
}
.flip-slide .box-front {
	z-index: 2;
}
.flip-slide .box-back {
	transform: rotateY(180deg);
}
/* vertical *//*
.col-xs-2 .flip-vertical .flipper {
	transform-origin: 100% 50%;
}
.flip-vertical.flip-container-onhover:hover .flipper, .flip-vertical.flip-container.hover .flipper {
	transform: rotateX(-180deg);
}
.flip-vertical .box-front {
	z-index: 2;
	transform: rotateX(0deg);
}
.flip-vertical .box-back {
	transform: rotateX(180deg);
}
/* vertical slide *//*
.col-xs-2 .flip-vertical-slide .flipper {
	transform-origin: bottom center;
}
.flip-vertical-slide.flip-container-onhover:hover .flipper, .flip-vertical-slide.flip-container.hover .flipper {
	transform: translateY(-100%) rotateX(180deg);
}
.flip-vertical-slide .box-front {
	z-index: 2;
}
.flip-vertical-slide .box-back {
	z-index:1;
	transform: rotateX(180deg);
}
/* end flipping */



/* IE */
/* flipping */
.flip-container {
	perspective: 1000px;
	-webkit-transform: perspective(1000px);
	transform: perspective(1000px);
/*	-webkit-transform-style: preserve-3d;*/
	transform-style: preserve-3d;
	position: relative;
}
.flipper {
	-webkit-transition: 1s;
	transition: 1s;
/*	-webkit-transform-style: preserve-3d;*/
/*	transform-style: preserve-3d;	*/
	position: relative;
}
.box-video { -webkit-backface-visibility: hidden;backface-visibility: hidden; }
.box-front, .box-back, .folk-front, .folk-back {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: all 1s;
	transition: all 1s;
/*	-webkit-transform-style: preserve-3d;*/
	transform-style: preserve-3d;
}
.flip-container:hover .box-back, .flip-container.hover .box-back, .folk-flip-container.hover .folk-back {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.flip-container:hover .box-front, .flip-container.hover .box-front, .folk-flip-container.hover .folk-front {
	-webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.box-front, .folk-front {
/*	z-index: 2;*/
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.box-back, .folk-back {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}
/* slide */
.col-xs-2 .flip-slide .flipper, .col-xs-2 .flip-slide .box-back, .col-xs-2 .flip-slide .box-front {
	-webkit-transform-origin: 80% center;
	transform-origin: 80% center;
}
.flip-slide.flip-container:hover .box-back, .flip-slide.flip-container.hover .box-back {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.flip-slide.flip-container:hover .box-front, .flip-slide.flip-container.hover .box-front {
	-webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flip-slide .box-back {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}
/* vertical */
.col-xs-2 .flip-vertical .flipper, .col-xs-2 .flip-vertical .box-back, .col-xs-2 .flip-vertical .box-front, .col-xs-2 .flip-vertical .folk-back, .col-xs-2 .flip-vertical .folk-front {
	-webkit-transform-origin: center 50%;
	transform-origin: center 50%;
}
.flip-vertical .box-front, .flip-vertical .folk-front {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.flip-vertical .box-back, .flip-vertical .folk-back {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}
.flip-vertical.flip-container:hover .box-back, .flip-vertical.flip-container.hover .box-back, .flip-vertical.folk-flip-container.hover .folk-back {
	-webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.flip-vertical.flip-container:hover .box-front, .flip-vertical.flip-container.hover .box-front, .flip-vertical.folk-flip-container.hover .folk-front {
	-webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
/* vertical slide */
.col-xs-2 .flip-vertical-slide .flipper, .col-xs-2 .flip-vertical-slide .box-back, .col-xs-2 .flip-vertical-slide .box-front {
	-webkit-transform-origin: center 80%;
	transform-origin: center 80%;
}
.flip-vertical-slide .box-front {
	-webkit-transform: rotateY(0deg);
	transform: rotateX(0deg);
}
.flip-vertical-slide .box-back {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}
.flip-vertical-slide.flip-container:hover .box-back, .flip-vertical-slide.flip-container.hover .box-back {
	-webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.flip-vertical-slide.flip-container:hover .box-front, .flip-vertical-slide.flip-container.hover .box-front {
	-webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

/* fancybox */
/*
.fancybox-next { right: -60px; }
.fancybox-prev { left: -60px; }*/


@media (max-width: 1200px), (max-height: 820px) {
	.container { width: 970px; }
	#below-1200 { display: block; position: fixed; top: 0; z-index: 999; border-radius: 0px; width: 100%; }
	fieldset { min-height:621px; }
	.box-front img, .box-back img { max-width: 100%; width: 100%; }
	.col-xs-2 .box, .col-xs-2 .box .flipper, .col-xs-2 .box .box-front, .col-xs-2 .box .box-back { width: 180px; height: 180px; }
	.col-xs-4 .box, .col-xs-4 .box .box-front { width: 366px; height: 366px; }
	.col-xs-6 .box, .col-xs-6 .box .box-front { width: 552px; height: 552px; }
	.col-xs-2 video { max-width: 180px; max-height: 180px; }
	#cagr-graph { height: 346px; width:346px;margin:10px; }
	#graph-container { height: 512px; width:512px;margin:20px; }
	
	.page-front .box-back { font-size: 110%; }
	.page-box-header { font-size:160% }
	.problemer-header { font-size: 300%; }
	.problemer-content { font-size: 90%; }
	.page-dna .col-xs-2 .box-front .dna-header, .page-dna .col-xs-2 .box-front .dna-content { font-size: 100%; }
	.page-dna .col-xs-4 .box-front { font-size: 130%; }
	.tall-header { font-size: 350%; }
	.tall-content { font-size: 150%; }
	.folk-flip-container, .folk-front, .folk-back { width: 180px; height: 180px; }
	.film-meny ul { margin-top: 14px; padding: 0px 14px; }
	.film-meny li, .film-meny li .glyphicon { line-height: 14px; }
	.film-meny li { font-size: 13px; }
	.company-logo img { margin-top: 20px; margin-right: 20px; }
	.company-description { height: 366px; width: 100%; padding: 0px 20px; }
	.company-header { font-size: 120%; }
	.company-content { font-size: 100%; }
	.page-salg .company-content { font-size: 140%; }
	.company-leader { height: 174px; margin: 6px; padding: 10px; }
	.company-leader-img img { margin-top: 10px; width:100%; }
	.company-leader-description {  width: 50%; padding: 10px 10px}
	.company-size { width: 30%; padding: 10px 0px }
	.company-size-number { font-size: 200%; }
	
}
@media (max-width: 992px), (max-height: 700px) {
	.container { width: 750px; }
	fieldset { min-height:486px; }
	.col-xs-2 .box, .col-xs-2 .box .flipper, .col-xs-2 .box .box-front, .col-xs-2 .box .box-back { width: 135px; height: 135px; }
	.col-xs-4 .box, .col-xs-4 .box .box-front { width: 276px; height: 276px; }
	.col-xs-6 .box, .col-xs-6 .box .box-front { width: 417px; height: 417px; }
	.col-xs-2 video { max-width: 135px; max-height: 135px; }
	#cagr-graph { height: 268px; width:268px;margin:4px; }
	#graph-container { height: 397px; width:397px;margin:10px; }
	
	.page-front .box-back { font-size: 90%; }
	.page-box-header { font-size:110% }
	.problemer-header { font-size: 200%; }
	.problemer-content { font-size: 70%; margin-top: 0px; }
	.page-problemer .col-xs-4 .problemer-content { font-size: 120%; }
	.page-dna .col-xs-4 .box-front { font-size: 170%; }
	.page-dna .box-back { padding: 0 10px; }
	.dna-header, .dna-content { font-size: 60% }
	.tall-header { font-size: 180%; }
	.tall-content { font-size: 90%; }
	.page-salg .col-xs-6 .box-front { font-size: 120%; }
	.folk-flip-container, .folk-front, .folk-back { width: 135px; height: 135px; }
	.film-meny ul { margin-top: 5px; padding: 0px 5px; }
	.film-meny li { font-size: 10px; }
	.film-meny li, .film-meny li .glyphicon { line-height: 6px; }
	.page-referanser .box-description, .page-film .box-description { font-size: 80%; }
	.company-logo  { display:none }
	.company-description { height: 276px; width: 100%; padding: 0px 20px; }
	.company-header { font-weight: bold; font-size: 120%; }
	.company-content { font-size: 90%; }
	.page-salg .company-content { font-size: 80%; }
	.company-leader { height: 129px; margin: 6px; padding: 10px; }
	.company-leader-img  { display:none }
	.company-leader-description { width: 50%; padding: 10px 10px}
	.company-size { width: 50%; padding: 10px 0px }
	.company-size-number { font-size: 160%; }
	.references-img-text { font-size:60%;padding-top:8px }
}