/* ================================ 
styles.css:

iPhone 3-4-5-6 vertical
@media all and (min-width: 240px) and (max-width: 479px) {
}
Android phone vertical to pad vertical & android iphone 5-6 horizontal:
@media all and (min-width: 480px) and (max-width: 767px) {
}
ipad horizontal and other screens:
@media (min-width: 992px) {
}

respnsive.css
@media (min-width: 1199px) {
}
@media all and (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 991px) {
}
@media all and (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 767px) {
}
@media all and (min-width: 480px) and (max-width: 767px) {
}
@media (min-width: 479px) {
}
 ================================ */

/* POLAR CODE START */
.polarquote {
    color: #008CD2;
}
#page-title .bigger h1 {
	font-size: 5.3em;
	color: white;
}
#page-title .bigger span {
	font-size: 3em;
	font-weight: bold;
	color: white;
}
#polarbox .tab-container {
	background-color: white;

}
/*panel-body {
	padding-bottom: 20px;
}*/
.panel-heading {
	font-weight: bold;
}
/* POLAR CODE END */

.menu-title a:link, .menu-title a:visited {
	color: white;
}
.menu-title a:hover {
	color: #17286D;
}
@media (max-width: 768px) {
#logo img {
		margin-left: 40px;
	}
}
.menu-title a:link, .menu-title a:visited {
	color: white;
}
.menu-title a:hover {
	color: #17286D;
}

/* ----------------------------------------------------------------
	Modals
-----------------------------------------------------------------*/
.rfqbutton {
    padding-top: 20px;
    padding-bottom: 20px;
}
.rfqmodal {
    background-color: black;
}
.rfqmodal h4 {
    color: white;
}
iframe.simfatic  {
	width: 100%;
	border: 0px;
}

@media (max-width: 479px)  {
.iosiframewrap {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 768px) {
iframe.rfqform {
		height: 570px;
	}
}
.modaltext {
	color: black;
}
.modalspacing {
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
}
.section.center.nomargin.modalwhite {
	background-color: white;
}
/* ----------------------------------------------------------------
	Modals end
-----------------------------------------------------------------*/

#filmshow #portfolio iframe {
	background: black;
}
#survival #page-menu #page-menu-wrap .one-page-menu li a {
    padding-right: 9px;
    padding-left: 9px;
}
.sale-flash {
    background-color: red;
}
.datasheets {
    font-size: 16px;
}
.htmlsitemap ul {
    margin-left: 80px;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.htmlsitemap li {
    display: block;
}
.htmlsitemap ul ul {
    margin-left: 80px;
}
.htmlsitemap ul ul ul {
    margin-left: 80px;
}
#page-title h2 {
    margin-bottom: 0px;
}
.reduced {
    font-size: 14px;
}
.fslider, .fslider .flexslider, .fslider .slider-wrap, .fslider .slide, .fslider .slide > a, .fslider .slide > img, .fslider .slide > a > img {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}
#page-title.airstripe {
    border-bottom: 30px solid #FEC93A;
}
#page-title.seastripe {
    border-bottom: 30px solid #008CD2;
}
#page-title.commonstripe {
    border-bottom: 30px solid #0EB091;
}
#page-title.otherstripe {
    border-bottom: 30px solid #B23317;
}
#page-title.page-title-parallax.videopad {
    padding-top: 150px;
    padding-bottom: 150px;
    background-color: black;
}
.air-sea {
    background: #003C72;
}
.air, .sea {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}
.air {
    margin-bottom: -10px;
    font-size: 3em;
    margin-left: 20px;
    text-align: left;
}
.sea {
    margin-top: -10px;
    font-size: 3em;
    text-align: right;
    margin-right: 20px;
}

@media (min-width: 767px) {
.air {
    margin-bottom: -90px;
    font-size: 8em;
    margin-left: 90px;
    text-align: left;
}
.sea {
    margin-top: -80px;
    font-size: 8em;
    text-align: right;
    margin-right: 90px;
}
}
.whitewords {
    color: silver;
    padding-bottom: 20px;
}
.air a:link, .air a:visited, .sea a:link, .sea a:visited {
    color: white;
    text-decoration: none;
}
.air a:hover, .sea a:hover {
    color: black;
}
.uses {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 22px;
    padding-top: 20px;
    padding-bottom: 30px;
}
.uses span {
    color: orange;
}
.ranges {
    font-size: 20px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    letter-spacing: 1px;
    font-weight: bold;
}
.rangesbutton {
    width: 50%;
    text-transform: uppercase;
    padding-left: 10px;
}
.rangeblue a:link, .rangeblue a:visited {
    color: white;
}
.rangeblue a:hover {
    color: black;
}
.rangeblue {
    background-color: #008CD2;
}
.rangeyellow a:link, .rangeyellow a:visited {
    color: black;
}
.rangeyellow a:hover {
    color: white;
}
.rangeyellow {
    background-color: #f0c63c;
}
#brokkbelte:before {
    display: block;
    content: " ";
    margin-top: -385px;
    height: 385px;
    visibility: hidden;
}
.portfolio-filter li, .portfolio-shuffle {
    background-color: #F2F2F2;
    margin-left: 5px;
    margin-top: 5px;
    border-color: grey;
    border-style: solid;
    border-width: 1px;
}

.portfolio-item .portfolio-desc {
    min-height: 120px;
}
.portfolio-item .portfolio-desc h3 a {
    font-size: 12px;
    font-weight: normal;
    color: grey;
}
.portfolio-item .portfolio-desc span {
    font-size: 14px;
    font-weight: bold;
}
.videoblack {
    background-color: black;
    padding-top: 12px;
    padding-bottom: 52px;
}
.fancy-title.title-dotted-border {
    background: url('../images-hp/icons/dotted.png') repeat-x center;
}
.cooletips {
    width: 200px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #008CD2;
}
.nav.nav-pills .dropdown .dropdown-menu {
    padding-left: 10px;
    padding-right: 10px;
}
#spesial #page-menu nav li.helse a,  #omoss #page-menu nav li.omoss a,  #news #page-menu nav li.news a,  #hq #page-menu nav li.hq a,  #survival #page-menu nav li.canada a,  #marine #page-menu nav li.kristiansand a,  #survival #page-menu nav li.partners a,  #survival #page-menu nav li.service a,  #marine #page-menu nav li.kalesjer a,  #spesial #page-menu nav li.industri a,  #spesial #page-menu nav li.spesial a,  #survival #page-menu nav li.survival a {
    background-color: rgba(0,0,0,0.15);
}
/*print page without urls ======== */
a, a:after {
    content: normal !important;
}
/*end print page without urls ======== */
#marine .button-green {
    background-color: #59A072;
}
.applogos {
    text-align: center;
    margin-top: 20px;
    margin-bottom: -30px;
}
.applogos img {
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-bottom: 20px;
}
button.button-approval {
    padding: 0 17px;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    background-color: #D9534F !important;
    cursor: default;
}
.instruks {
    margin-top: -30px;
    margin-bottom: 20px;
}

@media (min-width: 678px) {
.instruks {
    visibility: hidden;
}
}
.image-align {
    vertical-align: bottom;
}
.portfolio-item img {
    margin-left: auto;
    margin-right: auto;
}
.portfolio-desc {
    text-align: center;
}
#portfolio-filter li a {
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 4px;
    height: 40px;
    margin-bottom: 5px;
    margin-right: 4px
}
#portfolio-filter {
    position: relative;
    margin: 0 0 40px 0;
    list-style: none;
    border: none;
    float: left;
    border-radius: 4px;
}
#portfolio-filter li.activeFilter a {
    margin-right: 4px;
    padding: 13px 15px;
    margin-bottom: 6px;
}
#portfolio-filter li:first-child a {
    border-left: 1px solid rgba(0,0,0,0.07);
    border-radius: 4px;
}
@media (max-width: 678px) {
#portfolio-filter li a {
    height: 60px;
    margin-bottom: -14px;
}
#portfolio-filter li.activeFilter a {
    margin-bottom: -14px;
}

}

/*suit details ================== */
.btn-line-ht {
    line-height: 3.4em;
}
.product-image.upto-four {
    height: 430px;
    margin-bottom: 40px;
}
.product-image.upto-six {
    height: 430px;
    margin-bottom: 40px;
}
.product-image.upto-eight {
    height: 430px;
    margin-bottom: 10px;
}
.product-image.upto-twelve {
    height: 480px;
    margin-bottom: 10px;
}
.product-image.upto-fifteen {
    height: 520px;
    margin-bottom: 10px;
}
.product-image.upto-twenty {
    height: 560px;
    margin-bottom: 10px;
}

@media all and (min-width: 480px) and (max-width: 767px) {
.product-image.upto-four {
    height: 550px;
}
.product-image.upto-six {
    height: 670px;
}
.product-image.upto-eight {
    height: 670px;
}
.product-image.upto-twelve {
    height: 740px;
}
.product-image.upto-fifteen {
    height: 740px;
}
.product-image.upto-twenty {
    height: 810px;
}
}

@media all and (min-width: 768px) and (max-width: 991px) {
.product-image.upto-four {
    height: 890px;
}
.product-image.upto-six {
    height: 990px;
}
.product-image.upto-eight {
    height: 1110px;
}
.product-image.upto-twelve {
    height: 1110px;
}
.product-image.upto-fifteen {
    height: 1200px;
}
.product-image.upto-twenty {
    height: 1350px;
}
}

@media all and (min-width: 992px) and (max-width: 1199px) {
.product-image.upto-four {
    height: 640px;
}
.product-image.upto-six {
    height: 740px;
}
.product-image.upto-eight {
    height: 740px;
}
.product-image.upto-twelve {
    height: 820px;
}
.product-image.upto-fifteen {
    height: 900px;
}
.product-image.upto-twenty {
    height: 980px;
}
}

@media (min-width: 1199px) {
.product-image.upto-four {
    height: 740px;
}
.product-image.upto-six {
    height: 880px;
}
.product-image.upto-eight {
    height: 880px;
}
.product-image.upto-twelve {
    height: 950px;
}
.product-image.upto-fifteen {
    height: 950px;
}
.product-image.upto-twenty {
    height: 1020px;
}
}
table.sizes {
    width: 100%;
}
table.sizes.small-font {
    font-size: 0.8em;
}
#page-title h1.normalcase {
/*text-transform: none;*/
}
/*suit details end ================== */

.portfolio-5 .portfolio-item {
    margin: 0 8px 8px 0;
}
ul.rollbar {
    background-color: #F5F5F5;
    line-height: 2em;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}
ul.rollbar li {
    display: inline;
    padding-right: 20px;
}
ul.rollbar li a:hover {
    color: black;
}
#immersion li.immersion a, #work li.work a, #transport li.transport a, #special li.special a, #thermal li.thermal a, #jackets li.jackets a, #accessories li.accessories a {
    color: black;
    cursor: default;
}
.top-links li > a {
    padding: 0 5px;
    font-size: 9px;
}
#top-search form input {
    font-size: 20px;
}
#page-submenu-trigger {
    font-size: 18px;
}
#primary-menu-trigger {
    font-size: 26px;
}
.roll-over img:hover {
    opacity: 0.5;
}
.viktig {
    margin-top: 30px;
}
.crossell {
    padding: 10px;
    text-align: center;
    border-radius: 15px;
    background-color: #FFFFFF;
}
.modellerlist {
    background-color: #111;
    color: #FFF;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
    font-size: 1.1em;
    line-height: 2em;
    font-weight: bold;
    /*width: 150px;*/
    height: 246px;
    overflow-y: scroll;
    margin-bottom: 40px;
}
.mainprisknapp {
    margin-top: 20px;
    margin-bottom: 30px;
}
.mainprisknappbottom {
    margin-top: 50px;
    margin-bottom: 20px;
}
/*
.tr:nth-child(even) {background-color: #CCC}
.tr:nth-child(odd) {background-color: #FFF}
*/
.kampanje {
    text-align: center;
    margin-top: 20px;
}
.centerpad {
    text-align: center;
}
/*====================*/
.mytopandbottomspace {
    margin-top: 20px;
    margin-bottom: 30px;
}
.button-pris {
    border-color: #59BA41;
    margin-bottom: 20;
    margin-left: 20;
    margin-right: 20;
}
.button-pris a:link {
    color: #FFF;
    font-size: 1.5em;
}
.button-pris-inset {
    margin-left: 30px;
    width: 95%;
}
p {
    margin-top: 0px;
    margin-bottom: 10px;
}
blockquote p {
    margin-top: 0px;
    margin-bottom: 10px;
    color: #000;
}
.tabbullet {
    margin-left: 30px;
}
.tabbullet li {
    margin-bottom: 10px;
}
/* Swatch sizes ================================ */
.swatch {
    height: 110px;
    padding: 20px;
    margin-bottom: 40px;
    color: white;
}
.kjeder img {
    width: 100%;
    height: 110px;
}
.kjeder {
    color: black;
    font-size: 0.8em;
    line-height: 0.9em;
}
/* Swatch colors ================================ */
.trad-grey {
    background-color: #989898;
}
.trad-kirsebar {
    background-color: #8E0731;
}
.trad-signalrod {
    background-color: #BE0101;
}
.trad-burgunder {
    background-color: #550000;
}
.trad-orange {
    background-color: #FF5528;
}
.trad-petrol {
    background-color: #0C49A7;
}
.trad-indigo {
    background-color: #16134F;
}
.trad-navy {
    background-color: #130A38;
}
.trad-sand {
    background-color: #DCC3A3;
    color: #000;
}
.trad-offwhite {
    background-color: #FCF7F7;
    color: #000;
}
.trad-lysgra {
    background-color: #E4E4E4;
    color: #000;
}
.trad-koks {
    background-image: url(../images-hp/marine/swatch-koks.jpg);
}
.trad-sort {
    background-color: #151515;
}
.light-sand {
    background-color: #EEE5C2;
    color: #000;
}
.light-offwhite {
    background-color: #EEE5C2;
    color: #000;
}
.light-lysgra {
    background-color: #F5F5F5;
    color: #000;
}
.light-navy {
    background-color: #080A34;
}
.light-mgrey {
    background-color: #36312C;
}
.light-sort {
    background-color: #1E1E1E;
}
.niroxx-99001 {
    background-image: url(../images-hp/seasit/swatches/niroxx/99001-sort.jpg);
}
.niroxx-99013 {
    background-image: url(../images-hp/seasit/swatches/niroxx/99013-koks-graa.jpg);
}
.niroxx-99016 {
    background-image: url(../images-hp/seasit/swatches/niroxx/99016-beige-varm.jpg);
}
.niroxx-99020 {
    background-image: url(../images-hp/seasit/swatches/niroxx/99020-mandel-brun.jpg);
}
.niroxx-99042 {
    background-image: url(../images-hp/seasit/swatches/niroxx/99042-lys-graa.jpg);
}
.niroxx-99099 {
    background-image: url(../images-hp/seasit/swatches/niroxx/99099-antras.jpg);
}
.silvertex-taupe {
    background-image: url(../images-hp/seasit/swatches/silvertex/silvertex-122-0009-taupe-skai.jpg);
}
.silvertex-red {
    background-image: url(../images-hp/seasit/swatches/silvertex/silvertex-122-2011-red-skai.jpg);
}
.silvertex-saphire {
    background-image: url(../images-hp/seasit/swatches/silvertex/silvertex-122-3007-saphire-skai.jpg);
}
.silvertex-white {
    background-image: url(../images-hp/seasit/swatches/silvertex/silvertex-122-4004-ice-white-skai.jpg);
}
.silvertex-meteor {
    background-image: url(../images-hp/seasit/swatches/silvertex/silvertex-122-4024-meteor-skai.jpg);
}
.silvertex-carbon {
    background-image: url(../images-hp/seasit/swatches/silvertex/silvertex-122-9002-carbon-skai.jpg);
}
.endutex-1010 {
    background-image: url(../images-hp/seasit/swatches/endutex/hvit-1010.jpg);
    color: #000;
}
.endutex-2121 {
    background-image: url(../images-hp/seasit/swatches/endutex/beige-2121.jpg);
    color: #000;
}
.endutex-3030 {
    background-image: url(../images-hp/seasit/swatches/endutex/black-3030.jpg);
}
.endutex-4960 {
    background-image: url(../images-hp/seasit/swatches/endutex/brun-4960.jpg);
    color: #000;
}
.endutex-f4960 {
    background-image: url(../images-hp/seasit/swatches/endutex/brun-f4960.jpg);
    color: #000;
}
.endutex-darkgrey {
    background-image: url(../images-hp/seasit/swatches/endutex/dark-grey.jpg);
}
.endutex-2346 {
    background-image: url(../images-hp/seasit/swatches/endutex/grigio-graa-2346.jpg);
    color: #000;
}
.endutex-1031 {
    background-image: url(../images-hp/seasit/swatches/endutex/hvit-1031.jpg);
    color: #000;
}
.endutex-1038 {
    background-image: url(../images-hp/seasit/swatches/endutex/hvit-1038-bianco.jpg);
    color: #000;
}
.endutex-4881 {
    background-image: url(../images-hp/seasit/swatches/endutex/hvit-4881-ivory.jpg);
    color: #000;
}
.endutex-4887 {
    background-image: url(../images-hp/seasit/swatches/endutex/lys-beige-4887.jpg);
    color: #000;
}
.endutex-4860 {
    background-image: url(../images-hp/seasit/swatches/endutex/lys-beige-graa-4860.jpg);
    color: #000;
}
.endutex-2303 {
    background-image: url(../images-hp/seasit/swatches/endutex/lys-graa-2303.jpg);
    color: #000;
}
.endutex-f2303 {
    background-image: url(../images-hp/seasit/swatches/endutex/lys-graa-f2303.jpg);
    color: #000;
}
.endutex-4950 {
    background-image: url(../images-hp/seasit/swatches/endutex/melange-4950.jpg);
    color: #000;
}
.endutex-8290 {
    background-image: url(../images-hp/seasit/swatches/endutex/mork-blaa-8290.jpg);
}
.endutex-3302 {
    background-image: url(../images-hp/seasit/swatches/endutex/endutex-beluga-3302-pure-white.jpg);
}
.endutex-3067 {
    background-image: url(../images-hp/seasit/swatches/endutex/endutex-valencia-107-3067-delft-skai-blaa.jpg);
}
.apollo-2030-010 {
    background-image: url(../images-hp/seasit/swatches/endutex/skai-apollo-2030-010.jpg);
}
.cabin-alcantra3470 {
    background-image: url(../images-hp/seasit/swatches/cabin/alcantara-3470-grey.jpg);
}
.cabin-alcantra6408 {
    background-image: url(../images-hp/seasit/swatches/cabin/alcantara-6408-blue.jpg);
}
.cabin-bolognablaa {
    background-image: url(../images-hp/seasit/swatches/cabin/bologna-blaa-med-gule-prikker.jpg);
}
.cabin-bolognagule {
    background-image: url(../images-hp/seasit/swatches/cabin/bologna-gule-med-blaa-prikker.jpg);
    color: #000;
}
.cabin-bomullblaa {
    background-image: url(../images-hp/seasit/swatches/cabin/bomull-borstet-blaa.jpg);
}
.cabin-estetica6660 {
    background-image: url(../images-hp/seasit/swatches/cabin/estetica-6660-blaa-navy.jpg);
}
.cabin-estetica6695 {
    background-image: url(../images-hp/seasit/swatches/cabin/estetica-6695-graa.jpg);
}
.cabin-sunbrella3737 {
    background-image: url(../images-hp/seasit/swatches/cabin/sunbrella-3737-ardoise-koksgraa.jpg);
}
.cabin-sunbrella5439 {
    background-image: url(../images-hp/seasit/swatches/cabin/sunbrella-5439-navy.jpg);
}
.cabin-sunbrella5477 {
    background-image: url(../images-hp/seasit/swatches/cabin/sunbrella-5477-red.jpg);
}
.cabin-swela57008 {
    background-image: url(../images-hp/seasit/swatches/cabin/swela-fabrics-57008-koksgraa.jpg);
}
.cabin-swela57018 {
    background-image: url(../images-hp/seasit/swatches/cabin/swela-57018-mgra-poly.jpg);
}
.sagafjord-08 {
    background-image: url(../images-hp/seasit/swatches/sagafjord/sagafjord-08-lys-brun.jpg);
}
.sagafjord-11 {
    background-image: url(../images-hp/seasit/swatches/sagafjord/sagafjord-11-blaa-chenille.jpg);
}
.sagafjord-112 {
    background-image: url(../images-hp/seasit/swatches/sagafjord/sagafjord-112-lys-graa.jpg);
}
.sagafjord-79 {
    background-image: url(../images-hp/seasit/swatches/sagafjord/sagafjord-79-beige.jpg);
}
.hud-nat-antrasitt {
    background-image: url(../images-hp/seasit/swatches/hud/hud-naturelle-antrasitt-koksgra.jpg);
}
.hud-aqua604 {
    background-image: url(../images-hp/seasit/swatches/hud/hud-aqua-604-spinneybeck.jpg);
}
.hud-gp21 {
    background-image: url(../images-hp/seasit/swatches/hud/hud-bow-gp-21-seagull-grey.jpg);
}
.hud-mondeo {
    background-image: url(../images-hp/seasit/swatches/hud/hud-mondeo-chesnut.jpg);
}
/*Swatches end ================================ */

/* ================================ 
produsentenes malnummer merker
 ================================ */
.luftover {
    margin-top: 20px;
}
.luftoverliten {
    margin-top: 5px;
}
.mallogo {
    margin-right: 12px;
    margin-left: 12px;
}
.malnummer {
    margin-top: 8px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 8px;
}
/* ================================ 
My responive iframe coding
 ================================ */
.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.vid iframe, .vid object, .vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*  ================================ 
    IM special adjustments
 ================================ */
#slider, #slider h2 {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
#slider h2 {
    text-transform: none;
}
/*  ================================ 
    Colors for IM first menu (geir preview)

    Replace and extend current attribute

#null #primary-menu.sub-title > ul > li:hover > a,
#survival #primary-menu.sub-title > ul > li.survival > a,
#marine #primary-menu.sub-title > ul > li.marine > a,
#industri #primary-menu.sub-title > ul > li.industri > a,
#helse #primary-menu.sub-title > ul > li.helse > a
{
	background-color: #008CD2;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-top-color: rgba(0,0,0,0.1);
}

/*  ================================ 
Colors for IM second menu (ledergruppen)
 ================================ */
#null #primary-menu > div > ul > li:hover > a, #survival #primary-menu > div > ul > li.survival > a, #survival #primary-menu > div > ul > li:hover > a, #marine #primary-menu > div > ul > li.marine > a, #marine #primary-menu > div > ul > li:hover > a, #industri #primary-menu > div > ul > li.spesial > a, #industri #primary-menu > div > ul > li:hover > a, #helse #primary-menu > div > ul > li.spesial > a, #helse #primary-menu > div > ul > li:hover > a, #spesial #primary-menu > div > ul > li.spesial > a, #spesial #primary-menu > div > ul > li:hover > a {
    background-color: #008CD2;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border-top-color: rgba(0,0,0,0.1);
}
/*  ================================ 
Colors for IM third menu (after ledergruppen make pics bigger)
 ================================ */
#null #primary-menu.style-2 > ul > li:hover > a, #survival #primary-menu.style-2 > ul > li.survival > a, #survival #primary-menu.style-2 > ul > li:hover > a, #marine #primary-menu.style-2 > ul > li.marine > a, #marine #primary-menu.style-2 > ul > li:hover > a, #industri #primary-menu.style-2 > ul > li.industri > a, #industri #primary-menu.style-2 > ul > li:hover > a, #helse #primary-menu.style-2 > ul > li.spesial > a, #helse #primary-menu.style-2 > ul > li:hover > a, #spesial #primary-menu.style-2 > ul > li.spesial > a, #spesial #primary-menu.style-2 > ul > li:hover > a {
    background-color: #008CD2;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border-top-color: rgba(0,0,0,0.1);
}
/* - ================================ 
    IM special adjustments
 ================================ 
#page-title h1 {font-size: 24px;}
*/

/* - ================================ 
    Colors

    Replace specific class HEX Code with Desired Color
	
	Footer from Marine #19242A
	
	Copyrights from Canvas #141D22
 ================================ */
.worldmap {
    background: url('../images-hp/world-map.png') no-repeat center center;
    background-size: 100%;
}
#footer.dark, .dark #footer {
    background-color: #152139;
    color: #CCC;
}
.dark #copyrights {
    background-color: #000000;
    color: rgba(255,255,255,0.5);
}
.dark .copyright-links a {
    color: rgba(255,255,255,0.5);
    border-bottom-color: rgba(255,255,255,0.5);
}

@media (min-width: 480px) {
.top-links li > a {
    padding: 0 12px;
    font-size: 12px;
}
}

@media (min-width: 767px) {
#primary-menu-trigger {
    font-size: 28px;
}
.mainprisknapp {
    margin-top: 40px;
    margin-left: 20px;
    margin-right: 50px;
}
.mainprisknappbottom {
    margin-left: 50px;
    margin-right: 10px;
}
.modellerlist {
    margin-left: 33px;
    margin-right: 151px;
    padding-left: 50px;
}
}

@media all and (min-width: 991px) and (max-width: 1024px) {
h2.logogroupheading {
    font-size: 1.9em;
    letter-spacing: -0.03em;
}
}

@media (min-width: 992px) {
.swatch {
    margin-left: 10px;
    margin-right: 10px;
}
.mallogo {
    margin-top: 10px;
    margin-right: 1px;
    margin-left: 1px;
    margin-bottom: 20px;
}
.kampanje {
    text-align: right;
    margin-top: 0px;
}
.centerpad {
    text-align: left;
}
.groupright {
    margin-left: 25px;
}
.groupleft {
    margin-right: 25px;
}
}

@media (min-width: 1199px) {
.mallogo {
    margin-right: 10px;
    margin-left: 10px;
}
}
/* Simple-sidebar Toggle Styles ============================= */

#content {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#sidebar-wrapper {
    z-index: 1;
    position: absolute;
    padding-top: 10px;
    top: 0px;
    width: 0;
    height: 100%;
    overflow-y: auto;
    background: black; /*#1C8ECD;*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.sidebar-nav {
    margin: 0;
    list-style: none;
    height: 65px;
    line-height: 60px;
    color: #ffffff;
}
.sidebar-nav li {
    text-indent: 10px;
    line-height: 40px;
}
.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
}
.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}
.sidebar-nav li a:active, .sidebar-nav li a:focus {
    text-decoration: none;
}
#menu-toggle {
    margin-top: -50px;
    margin-bottom: 50px;
}
#content.toggled {
    padding-left: 170px;
}
#content.toggled #sidebar-wrapper, .sidebar-nav {
    width: 170px;
}
#content.toggled #content-wrap {
    margin-right: -170px;
}
#sidebar-wrapper {
    margin-left: -170px;
}
.sidebar-nav {
    font-size: 0.9em;
}

@media only screen and (min-width: 1281px) {
#content.toggled {
    padding-left: 185px;
}
#content.toggled #sidebar-wrapper, .sidebar-nav {
    width: 185px;
}
#content.toggled #content-wrap {
    margin-right: -185px;
}
#sidebar-wrapper {
    margin-left: -185px;
}
.sidebar-nav {
    font-size: 1.1em;
}
}

@media only screen and (min-width: 1600px) {
#content.toggled {
    padding-left: 280px;
}
#content.toggled #sidebar-wrapper, .sidebar-nav {
    width: 320px;
}
#content.toggled #content-wrap {
    margin-right: -280px;
}
#sidebar-wrapper {
    margin-left: -280px;
}
.sidebar-nav li {
    text-indent: 50px;
}
}

@media only screen and (min-width: 1750px) {
#content.toggled {
    padding-left: 0px;
}
#content.toggled #sidebar-wrapper, .sidebar-nav {
    width: 280px;
}
#content.toggled #content-wrap {
    margin-right: -0px;
}
#sidebar-wrapper {
    margin-left: -0px;
}
.sidebar-nav li {
    text-indent: 60px;
}
}
#sidebar-cr li.cr a, #sidebar-ac li.ac a, #sidebar-ss li.ss a, #sidebar-ps li.ps a, #sidebar-vc li.vc a, #sidebar-wc li.wc a, #sidebar-nl li.nl a, #sidebar-ah li.ah a {
    background: rgba(255,255,255,0.2);
    cursor: default;
}

/* End Simple-sidebar Toggle Styles ============================= */
