/*!
Theme Name: Jotne Group
Theme URI: http://underscores.me/
Author: IQPLUS AS
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jotne-group
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Jotne Group is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


/********************************************************************* JOTNE *********************************************************************/

/*************** General ***************/


ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}


h1 {
	font-family: 'Poppins', sans-serif!important;
	font-size:48px!important;
	font-weight: 300!important;
}

h2 {
	font-family: 'Poppins', sans-serif!important;
	font-size: 40px!important;
	font-weight: 300!important;
	margin-bottom:30px!important;
}

h3 {
	font-family: 'Poppins', sans-serif!important;
	font-size: 36px!important;
	font-weight: 300!important;
}

h4 {
	font-family: 'Poppins', sans-serif!important;
	font-size: 30px!important;
	font-weight: 300!important;
}

h5 {
	font-family: 'Poppins', sans-serif!important;
	font-size: 24px!important;
	font-weight: 300!important;
}

h6 {
	font-family: 'Poppins', sans-serif!important;
	font-size: 20px!important;
	font-weight: 300!important;
	margin-bottom:14px!important;
	margin-top:14px!important;
}

p {
	font-family: 'Montserrat', sans-serif!important;
	font-size: 14px!important;
	line-height:24px!important;
	font-weight: 500!important;
	color:#333;
}


.white h1 {
	color:white;
}

.white h2 {
	color:white;
}
.white h3 {
	color:white;
}
.white h4 {
	color:white;
}
.white h5 {
	color:white;
}
.white h6 {
	color:white;
}

.white p {
	color:white;
}

.p-t-50 {
	padding-top:50px;
}

.p-5 {
	padding:5%;
}

.p-t-5 {
	padding-top:5%;
}

.p-t-10 {
	padding-top:10%;
}

.p-b-5 {
	padding-bottom:5%;
}

.p-b-10 {
	padding-bottom:10%;
}

.p-r-5 {
    padding-right: 5%;
}

.p-l-5 {
    padding-left: 5%;
}

.p-r-10 {
    padding-right: 10%;
}

.p-l-10 {
    padding-left: 10%;
}

.p-t-15 {
  padding-top:15%;
}

.p-b-15 {
  padding-bottom:15%;
}

.mb-25 {
	margin-bottom: 25px!important;
}

.row-width {
	max-width: 1200px;
	margin: 0px auto!important;
	left:0px!important;
}

.row-width-991 {
	max-width: 991px;
  	margin: 0px auto!important;
  	left: 0px!important;
}

.row-width-700 {
	max-width: 700px;
  	margin: 0px auto!important;
  	left: 0px!important;
}

.align-center {
    text-align:center!important;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.row-width-500 {
	max-width: 500px;
	margin: 0px auto!important;
	left:0px!important;
}

.vce-centered-grid-container.vce-posts-grid-container .vce-post-description--title {
    position: relative;
    font-size: 14px!important;
}

 .vce-centered-grid-container.vce-posts-grid-container .vce-post-description--separator-color-E1E1E1 .vce-post-description--title::after {
    display: none;
}

.vce-centered-grid-container.vce-posts-grid-container .vce-post-description--excerpt-color-757373 .vce-post-description--excerpt {
    display: none;
}


/*************** Footer ***************/

.footer-links ul {
		list-style: none!important;
}

@media only screen and (max-width: 991px) {
	.footer-widgets .row > div {
    	margin-bottom: 0px!important;}
}

@media only screen and (max-width: 767px) {
  	.footer-widgets h5 {text-align: center;}
  	.footer-links ul>li {text-align: center;}
  	.footer-type-3 p {text-align: center;}
  	.footer-widgets > .row > div[class^="col"] {
    		margin-top: 25px;}
}


/*************** Forside ***************/


/* Segmenter */

.segment-box {
	border:1px solid #2f4858;
	padding:1%;
}

.segment-box h6 {
	margin-top:5px;
}

.segment-box:hover {
	background: #2f4858;
	cursor: pointer;
}

.segment-box:hover h6 {
	color:white!important;
}

.segment-box:hover p {
	color:white!important;
}

.segment-box:hover i:before {
	color:white!important;
}

.r-segment-box-1 {
	margin-top: -25px;
	margin-bottom: -10px!important;}

.r-segment-box-2 {
	margin-bottom: -25px!important;}


.r-segment-box-2 p {
	margin-top:14px;
}

/* Icons */

@font-face {
  font-family: 'icomoon';
  src:  url('/wp-content/themes/jotne-group/fonts/icomoon.eot?hr2zex');
  src:  url('/wp-content/themes/jotne-group/fonts/icomoon.eot?hr2zex#iefix') format('embedded-opentype'),
    url('/wp-content/themes/jotne-group/fonts/icomoon.ttf?hr2zex') format('truetype'),
    url('/wp-content/themes/jotne-group/fonts/icomoon.woff?hr2zex') format('woff'),
    url('/wp-content/themes/jotne-group/fonts/icomoon.svg?hr2zex#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: capitalize;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ankers:before {
  content: "\e900";
  color: #33658a;
  font-size:48px;

}
.icon-eiendom:before {
  content: "\e901";
  color: #33658a;
  font-size:48px;

}
.icon-em:before {
  content: "\e902";
  color: #33658a;
  font-size:48px;
}
.icon-it:before {
  content: "\e903";
  color: #33658a;
  font-size:48px;
}
.icon-train-3:before {
  content: "\5435";
  color: #33658a;
  font-size:48px;
}

.icon-hover-color:before{
	color: white !important;
	cursor: pointer !important
}

.icon-outhover-color:before{
	color: #33658a !important;
	cursor: pointer !important;

}

.over-effect {
	cursor: pointer!important;
}

/* Om jotne */


.om-jotne-box-font h5 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.om-jotne-box-1 {
	box-shadow: -10px 0px 50px #888888;
}

.om-jotne-box-2 {
	box-shadow: 0px -10px 50px #888888;
}

.om-jotne-box-3 {
	box-shadow: 10px -10px 50px #888888;
}

.row-index-200 {
    position: relative;
    z-index: 200;
    top: 50px;
	padding-right: 30px;
	padding-left: 30px;
}

.row-index-100 {
    position: relative;
    z-index: 100;
}

.om-jotne-tall h3 {
	color:#cac9ca;
	margin-bottom: 10px;
}

.om-jotne-p {
	padding-top:5%;
	padding-bottom:5%;
	padding-right:15%;
}

.om-jotne-p h5 {
	margin-top:20px;
	margin-bottom:20px;
}

.om-jotne-p p {
	margin-bottom:50px;
}



/*************** Markedssegmenter ***************/

.seg-tittel h2 {
	padding-bottom:50px!important;
}

.provisional p {
	margin-top:0px;
}

.seg-banner {
	padding-top:15%!important;
	padding-bottom:10%;
}

.seg-icon {
    position: relative;
    top: -3px;
}

.seg-kontakt-icon {
    position: relative;
    top: -2px;
}

.seg-kontakt-desk {
	text-align:right;
}

.seg-kontakt h5 {
	font-size:20px;
	color:#00a8bc;
	margin-top:25px;
	margin-bottom:0px;
}

.seg-kontakt h6 {
	margin-top:14px;
}

.seg-kontakt p {
	margin-top:5px;
	margin-bottom:10px;
}

.seg-tittel-2 {
	max-width:1600px;
	margin: 0px auto!important;
	left:0px!important;
  padding-right:30px;
}

.seg-undertittel {
  margin-top:-50px;
}

.tjenester-box {
	border:1px solid #2f4858;
	padding:2%;
}

.tjenester-box:hover {
	background: #2f4858;
}

.tjenester-box:hover h6 {
	color:white!important;
}

.tjenester-box:hover p {
	color:white!important;
}

.seg-row-index-200 {
    position: relative;
    z-index: 200;
    top: 125px;
}

.seg-row-index-100 {
    position: relative;
    z-index: 100;
	box-shadow: 10px 10px 50px #888888;
}

.seg-pros-img {
	padding-right:1%;
	padding-left:1%;
}

.seg-pros-img-width img {
	height: 250px!important;
  width: fit-content!important;
}

.seg-pros-col {
	padding-top:3%;
}

.ankers-tittel h6 {
	color:white!important;
  font-weight:400!important;
  margin-bottom:0px!important;
}

.ankers-tittel h2 {
	margin-top:5px!important;
}


/*************** Tjeneste ***************/

.tjeneste-tittel h2 {
	color:#33658A!important;
}

.tjeneste-sidebar h6 {
	color:#2F4858!important;
	font-weight: 400!important;
	margin-top:20px!important;
}

.tjeneste-sidebar p {
	color:#33658A!important;
}

.tjeneste-sidebar a {
	color:#33658A!important;
	border-bottom: none!important;
}

.tjeneste-sidebar li {
  margin-left:15px;
}

.tjeneste-sidebar li {
	position:relative!important;
	list-style-type: none!important;
}

.tjeneste-sidebar li::before{
	position:absolute!important;
	content:""!important;
	top:50%!important;
	-webkit-transform:translateY(-50%)!important;
	-moz-transform:translateY(-50%)!important;
	-o-transform:translateY(-50%)!important;
	-ms-transform:translateY(-50%)!important;
	transform:translateY(-50%)!important;
	margin-left:-10px!important;
	width: 0!important; 
	height: 0!important; 
	border-top: 7px solid transparent!important;
	border-bottom: 7px solid transparent!important;
	border-left: 7px solid #33658A!important;
}

.tjeneste-prosjekter h3 {
	color:#2F4858!important;
}


.side-meny li {
  margin-left:20px;
}

.side-meny  li {
	position:relative!important;
	list-style-type: none!important;
}

.side-meny  li::before{
	position:absolute!important;
	content:""!important;
	top:10px!important;
	-webkit-transform:translateY(-50%)!important;
	-moz-transform:translateY(-50%)!important;
	-o-transform:translateY(-50%)!important;
	-ms-transform:translateY(-50%)!important;
	transform:translateY(-50%)!important;
	margin-left:-15px!important;
	width: 0!important; 
	height: 0!important; 
	border-top: 7px solid transparent!important;
	border-bottom: 7px solid transparent!important;
	border-left: 7px solid #33658A!important;
}


/*************** Om Jotne ***************/

.om-oss-marked {
	padding-top:15%!important;
	padding-bottom:5%!important;
}

.om-oss-marked h3 {
	margin-bottom:30px;
}

.om-banner {
  padding-top:15%!important;
  padding-bottom:10%!important;
}

.om-banner-innerkontakt {
  padding-top:10%!important;
  padding-bottom:5%!important;
}

.om-banner p {
	text-align:right;
}

.om-banner h4 {
	text-align:right;
}

.om-banner-sep {
  padding-bottom:10%;
}

.om-icon-h {
  height:100px;
}

.om-icon:hover p {
	color:#00A8BC;
}

.icon-ankers-om:before {
	content: "\e900";
	color: white;
	font-size:70px;
}

.icon-eiendom-om:before {
 	content: "\e901";
 	color: white;
 	font-size:70px;
}

.icon-em-om:before {
  	content: "\e902";
  	color: white;
  	font-size:70px;
}

.icon-it-om:before {
  content: "\e903";
  color: white;
  font-size:70px;
}

.icon-rail-om:before {
  	content: "\e904";
  	color: white;
  	font-size:70px;
}


.circle {
    background-color:#fff;
    border:2px solid #5EC3D7;    
    height:300px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:300px;
    padding-top: 100px;
    margin: 0px auto!important;
    left: 0px!important;
}

.circle h5 {
    color: #33658A!important;
    font-weight: 400!important;
    font-size: 36px!important;
    margin-bottom: 10px!important;
}

.circle h6 {
    color: #33658A!important;
}

.circle b {
    font-size: 60%!important;
}

/*************** Kontakt ***************/


.form-row {
    width: 100%!important;
    color: #9B9B9B;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

.column-half {
    float: left!important;
    position: relative!important;
    padding: 0.65rem!important;
    width: 50%!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.column-full {
    padding: .65rem!important;
}

.kontakt-form h3 {
    color: #00A8BC!important;
}

.kontakt-button {
    color: white;
    background-color: #00A8BC;
    font-size: 16px;
    padding: 15px 43px;
    border-radius: 4em;
}

.kontakt-button-height button {
	height:65px!important;  
}

.om-banner-innerkontakt {
  padding-top:10%!important;
  padding-bottom:5%!important;
}

/*************** Karriere ***************/


.karriere-banner {
  padding-top:18%!important;
  padding-bottom:5%!important;
}

.karriere-banner-p {
	padding-top:5%;
	padding-bottom:5%;
}

.form-row-karriere {
    width: 100%!important;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

.karriere-button {
    color: #00A8BC;
    background-color: white;
    font-size: 16px;
    padding: 15px 43px;
    border-radius: 4em;
	margin-top:25px;
	margin-bottom:25px;
}

.karriere-stillinger h3 {
	color: #00A8BC;
}

.karriere-stillinger p {
	color: #00A8BC;
}

.karriere-stillinger h6 {
	color: #00A8BC;
	margin-top:0px!important;
}

.karriere-sted p {
	text-align:center;
}

.karriere-dato {
	text-align:right;
}

.karriere-new {
	padding:30px!important;
	margin-bottom:30px;
}

/*************** Prosjekter ***************/

.pros-fonts h4 {
  color:#33658A;
}

.pros-fonts h6 {
  color:#33658A;
}

.pros-info p {
  color:#33658A;
}

.pros-img {
	height:400px;
}

.table-prosjekt td {
	min-width:175px;
}

.pros-tittel h6 {
    color: #00A3B9!important;
    font-weight: 400!important;
		margin-bottom: 0px!important;
		text-transform: uppercase;
}

.pros-tittel h4 {
		text-transform: uppercase; 
}

.pros-tittel h2 {
		text-transform: uppercase; 
}

.pros-side-tittel h1 {
    margin: 20px 0 0 !important;
    color: #fff !important;
    font-size: 70px !important;
    font-weight: bold !important;
  	padding-top:15px;
  	padding-bottom:15px;
}

.pros-side-tittel {
  background-color:#33333352 !important
}

.pros-color-1 {background-color:#EDEDED!important;}
.pros-color-2 {background-color:#2F4858!important;}
.pros-color-3 {background-color:#00A8BC!important;}

.pros-color-1 h5 {margin-bottom: -15px!important;}
.pros-color-2 h5 {margin-bottom: -15px!important;}
.pros-color-3 h5 {margin-bottom: -15px!important;}

.pros-color-1 h6 {
  color: #00a8bc;
	font-size: 12px!important;
	font-weight: 500!important;
}

.pros-color-2 h6 {
  color: #00a8bc;
	font-size: 12px!important;
	font-weight: 500!important;
}

.pros-color-3 h6 {
  color: white;
	font-size: 12px!important;
	font-weight: 500!important;
}
.vce-centered-grid-container.vce-posts-grid-container .vce-post-description--title {
    position: relative;
    font-size: 30px;
    font-weight: 500;
    padding: 0;
    margin: 0 0 50px;
    line-height: 1.1;
    text-transform: capitalize;
    word-break: normal !important;
}

.pros-col-new {
	padding-right:0px!important;
	padding-left:0px!important;
}

.pros-img-new {
	padding-right:15px;
	padding-left:15px;
	position: relative;
	top: 100px;
}

.pros-prev-new {
	padding-top:85px;
	padding-right:15px;
	padding-left:15px;
	box-shadow: 0px 50px 40px -40px #888888;
}

.pros-prev-new h6 {
	text-transform: uppercase;
}

.pros-prev-new a {
	text-transform: uppercase;
}

.empty-space {
	height: 100px;
}

.breadcrumb-container-new {
	font-size: 15px !important;
	padding: 10px;
	margin: 10px;
}

.breadcrumb-container-new ul {
	margin: 0;
	padding: 0;
}

.breadcrumb-container-new .theme3 li {
	margin: 0;
	padding: 0;
}

.breadcrumb-container-new li {
	box-sizing: unset;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.breadcrumb-container-new .theme3 a {
	background: #fff;
	border-top: 1px solid #8b8b8b;
	border-bottom: 1px solid rgba(355,355,355,0);
	display: inline-block;
	margin: 0 5px;
	padding: 5px 10px;
	text-decoration: none;
}

.breadcrumb-container-new li a {
	color: #00a8bc!important;
	font-size: 15px!important;
	line-height: 15px!important;
}

.breadcrumb-container-new li a {
	box-sizing: unset;
}

.breadcrumb-container-new li .separator {
	color: #00a8bc!important;
	font-size: 15px!important;
}

/****************************** Responsive ******************************/

/*************** General ***************/

@media only screen and (max-width: 1250px) and (min-width: 768px) {
	.row-width {
		padding-left:30px;
		padding-right:30px;}
}

@media only screen and (min-width: 992px) {
	.entry-content {margin-top:-35px;}
}

@media only screen and (max-width: 991px) {
	.entry-content {margin-top:-9px;}
}

@media only screen and (max-width: 991px) and (min-width: 544px) {
	.vce-centered-grid-container.vce-posts-grid-container .vce-post-description--category {
		font-size: 10px;}
	.vce-centered-grid-container.vce-posts-grid-container .vce-post-description--title {
    	font-size: 10px;}
}


/*************** Forside ***************/

/* Segmenter */

@media only screen and (min-width: 1400px) {
	.row-width-inner {
		max-width:1200px;
		margin: 0px auto!important;
		left:0px!important;}
	.row-index-200 {
		max-width:1200px;
		margin: 0px auto!important;
		left:0px!important;}
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
	.r-segment-box-1 {display:none;}
	.r-segment-box-2 {display:none;}
	.segment-box h6 {
		font-size: 12px!important;
		margin-bottom:-25px!important;}
}

@media only screen and (max-width: 767px) {
	.r-segment-box-1 {display:none;}
	.segment-box {
		padding-top:5%;
		padding-bottom:0px;
		margin-bottom:15px;}
}

@media only screen and (max-width: 550px) {
	.f-seg-r {
		padding-left:30px;
		padding-right:30px;}
}

/* Om Jotne */

@media only screen and (max-width: 1400px) and (min-width: 768px) {
	.om-jotne-p {padding-right:5%;}
	.om-jotne-tall {margin-top:-50px;}
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
	.om-jotne-box-font h5 {font-size: 16px!important;}
}

@media only screen and (max-width: 861px) and (min-width: 768px) {
	.om-jotne-tall h3 {font-size: 32px!important;}
	.om-jotne-tall p {font-size: 11px!important;}
}

@media only screen and (max-width: 767px) {
	.om-jotne-box-2 {box-shadow: none;}
	.om-jotne-box-3 {box-shadow: none;}
	.om-jotne-p {padding-right:0px;}
	.r-om-jotne-1 {margin-top:10%;}
	.r-om-jotne-2 {margin-bottom:5%;}
	.r-om-jotne-center {text-align: center;}
	.r-om-jotne-3 {margin-top:-40px;}
}

@media only screen and (max-width: 575px) {
	.r-om-jotne-1 {margin-top:25%;}
	.r-om-jotne-2 {margin-bottom:15%;}
}

@media only screen and (max-width: 500px) {
	h2 {font-size:30px!important;}
}


/*************** Markedssegmenter ***************/

@media only screen and (min-width: 1400px) {
	.seg-row-width {
		max-width:1200px;
		margin: 0px auto!important;
		left:0px!important;}
}

@media only screen and (max-width: 1500px) and (min-width: 768px)  {
	.mobil-pros-tittel h5 {padding-top:10%!important}
}

@media only screen and (min-width: 1020px) {
	.seg-kontakt-mobile {display:none;}
}

@media only screen and (max-width: 1019px) {
	.seg-kontakt-desk {display:none;}
}

@media only screen and (max-width: 1199px) and (min-width: 768px)  {
	.tjenester-box h6 {margin-bottom:-16px!important;}
}


@media only screen and (max-width: 814px) and (min-width: 768px)  {
	.tjenester-box h6 {font-size:18px!important;}
}

@media only screen and (max-width: 767px) {
	.seg-r-text {padding-left: 30px;padding-right: 30px;}
	.tjenester-box {margin-bottom:15px;}
	.seg-row-index-200 {display:none!important;}
	.mobil-pros-tittel h2 {margin-bottom: 15%!important;}
	.mobil-pros-tittel h5 {margin-top: 0px!important;}
	.seg-kontakt {
		text-align:center;
		padding-top:5%;}
	.tjeneste-prosjekter h3 {padding-bottom: 10%!important;}
}


/*************** Tjeneste ***************/

@media only screen and (max-width: 1250px) {
	.tjeneste-row-width {
		padding-left:30px;
		padding-right:30px;}
}

@media only screen and (min-width: 1200px) {
	.tjeneste-row-width {
		max-width:1200px;
		margin: 0px auto!important;
		left:0px!important;}
}

/*************** Om Jotne ***************/

@media only screen and (max-width: 1500px) {
  	.om-banner {padding-top:15%!important;}
	.om-banner-sep {padding-bottom:5%;}
}

@media only screen and (max-width: 1057px) and (min-width: 805px) {
	.om-button button {
    	font-size:12px!important;
    	padding: 15px 30px!important;}
}

@media only screen and (max-width: 804px) and (min-width: 768px) {
	.om-button button {
    	font-size:11px!important;
		padding: 15px 27px!important;}
}

@media only screen and (max-width: 767px) {
    .circle {
        height:225px;
        width:225px;
        padding-top:65px;}
}
	
@media only screen and (max-width: 767px) {
  .om-banner p {text-align:center;}
  .om-banner h4 {text-align:center;}
  .row-circle {
		padding-left:30px;
		padding-right:30px;}
	.kontakt-form {
		padding-right:30px;
		padding-left:30px;}
	.circle {margin-bottom: 25px!important;}
}

@media only screen and (max-width: 450px) {
	.om-oss-marked h3 {font-size: 24px!important;}
}

/*************** Karriere ***************/

@media only screen and (max-width: 1200px) {
	.karriere-banner {padding-top:15%!important;}
	.karriere-banner-p {padding-top:0%!important;}
}

@media only screen and (max-width: 767px) {
	.karriere-stillinger h6 {text-align:center;}
	.karriere-sted p {text-align:center;}
	.karriere-dato {text-align:center;}
	.vce-button--style-basic-container--align-right {text-align: center!important;}
	.karriere-soknad-bilde {height:300px}
}

.navbar-nav>li:last-child>a {
    padding-right: 16px !important;
}


/*************** Prosjekter ***************/
/*
@media only screen and (min-width: 1500px) {
	.pros-color-1 h6 {
 	 		margin-top:35px!important;
  		margin-bottom:-20px!important;}
	.pros-color-2 h6 {
  		margin-top:35px!important;
  		margin-bottom:-20px!important;}
	.pros-color-3 h6 {
  		margin-top:35px!important;
  		margin-bottom:-20px!important;}
}

@media only screen and (max-width: 1500px) and (min-width: 768px)  {
  .pros-color-1 h6 {
 	 		margin-top:75px!important;
  		margin-bottom:-50px!important;}
	.pros-color-2 h6 {
  		margin-top:75px!important;
  		margin-bottom:-50px!important;}
	.pros-color-3 h6 {
  		margin-top:75px!important;
			margin-bottom:-50px!important;}
}
*/

@media only screen and (max-width: 1500px) and (min-width: 768px)  {
  .pros-color-1 h5 {font-size: 18px!important;}
	.pros-color-2 h5 {font-size: 18px!important;}
	.pros-color-3 h5 {font-size: 18px!important;}
}

@media only screen and (max-width: 1200px) {
	.seg-pros-img-width img {
		height: 230px!important;}
}

@media only screen and (max-width: 1150px) {
	.seg-pros-img-width img {
		height: 220px!important;}
}

@media only screen and (max-width: 1100px) {
	.seg-pros-img-width img {
		height: 210px!important;}
}

@media only screen and (max-width: 1050px) {
	.seg-pros-img-width img {
		height: 180px!important;}
}

@media only screen and (max-width: 991px) {
	.seg-pros-img-width img {
		height: 160px!important;}
}

@media only screen and (max-width: 850px) {
	.seg-pros-img-width img {
		height: 150px!important;}
}

@media only screen and (max-width: 767px) {
	.seg-pros-img-width img {
		height: 350px!important;}
}

@media only screen and (max-width: 640px) {
	.seg-pros-img-width img {
		height: 300px!important;}
}

@media only screen and (max-width: 500px) {
	.seg-pros-img-width img {
		height: 250px!important;}
}

@media only screen and (max-width: 500px) {
	.pros-side-tittel h1 {font-size:50px!important;}
}


/***** Breadcrumbs *****/

@media only screen and (min-width: 1800px) {
  .breadcrumb-container {
    position: absolute;
    top: 550px;
  	z-index:1;}
}

@media only screen and (max-width: 1799px) {
  .breadcrumb-container {
    position: absolute;
    top: 1000px;
  	z-index:1;}
}

@media only screen and (max-width: 1750px) {
  .breadcrumb-container {top: 525px;}
}

@media only screen and (max-width: 1700px) {
  .breadcrumb-container {top: 500px;}
}

@media only screen and (max-width: 1650px) {
  .breadcrumb-container {top: 475px;}
}

@media only screen and (max-width: 1600px) {
  .breadcrumb-container {top: 475px;}
}

@media only screen and (max-width: 1550px) {
  .breadcrumb-container {top: 450px;}
}

@media only screen and (max-width: 1500px) {
  .breadcrumb-container {top: 450px;}
}

@media only screen and (max-width: 1450px) {
  .breadcrumb-container {top: 425px;}
}

@media only screen and (max-width: 1400px) {
  .breadcrumb-container {top: 425px;}
}

@media only screen and (max-width: 1350px) {
  .breadcrumb-container {top: 400px;}
}

@media only screen and (max-width: 1300px) {
  .breadcrumb-container {top: 400px;}
}

@media only screen and (max-width: 1250px) {
  .breadcrumb-container {top: 375px;}
}

@media only screen and (max-width: 1200px) {
  .breadcrumb-container {top: 375px;}
}

@media only screen and (max-width: 1150px) {
  .breadcrumb-container {top: 350px;}
}

@media only screen and (max-width: 991px) {
  .breadcrumb-container {top: 430px;}
}

@media only screen and (max-width: 900px) {
  .breadcrumb-container {top: 405px;}
}

@media only screen and (max-width: 800px) {
  .breadcrumb-container {top: 380px;}
}

@media only screen and (max-width: 700px) {
  .breadcrumb-container {top: 355px;}
}

@media only screen and (max-width: 600px) {
  .breadcrumb-container {top: 340px;}
}

@media only screen and (max-width: 550px) {
  .breadcrumb-container {top: 320px;}
}

@media only screen and (max-width: 500px) {
  .breadcrumb-container {top: 300px;}
}

@media only screen and (max-width: 450px) {
  .breadcrumb-container {top: 290px;}
}

@media only screen and (max-width: 425px) {
  .breadcrumb-container {top: 285px;}
}

@media only screen and (max-width: 400px) {
  .breadcrumb-container {top: 280px;}
}

@media only screen and (max-width: 375px) {
  .breadcrumb-container {top: 275px;}
}

@media only screen and (max-width: 350px) {
  .breadcrumb-container {top: 270px;}
}


div.nyheter-menu-class a {
	color: white;
}

div.nyheter-menu-class ul {
    list-style-type: none;
    list-style: none;
    list-style-image: none;
	color: white;
}
div.nyheter-menu-class li {
	padding-top: 0px;
	padding-bottom:0px;
padding-left: 20px;
	padding-right: 20px;
	display: inline;
		color: white;

}

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

.title-text h1 {
    margin: 20px 0 0 !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: bold !important;
}
	
}


.separator-type, .title-type, .intro-type, .content-type .intro-type p {
  position: relative;
}
.intro-type .container {
  padding: 107px 0px 102px 0px !important;
}
.company-heading h1 {
  margin-bottom: 60px;
  padding-bottom: 50px;
  line-height: 80px;
  color: #fff;
  font-weight: 700 !important;
  text-align: center;
}
.jumbo {
  margin-top: 50px;
}
.seo-header, .product-header, 
.intro-type .container h1.white, 
.company-heading h1 {
  font-weight: 100 !important;
 text-transform: capitalize;  
  font-size: 55px;
  margin-bottom: 20px;
}
.parallax {
  background-attachment: inherit !important;
}
.parallax {
  background-attachment: inherit !important;
}
.parallax {
  background-attachment: inherit !important;
  background-repeat: repeat;
  background-size: cover;
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;
  z-index: -10;
}
.ct-btn-scroll {
  width: 49px;
  height: 49px;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: auto;
  padding-top: 500px;
  z-index: 9;
  border-radius: 50%;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
}
img, 
figure {
  max-width: 100%;
}


.separator-type, .title-type, .intro-type, .content-type .intro-type p {
  position: relative;
}
.intro-type .container {
  padding: 107px 0px 102px 0px !important;
}
.company-heading h1 {
  margin-bottom: 60px;
  padding-bottom: 50px;
  line-height: 80px;
  color: #fff;
  font-weight: 700 !important;
  text-align: center;
}
.jumbo {
  margin-top: 50px;
}
.seo-header, .product-header, 
.intro-type .container h1.white, 
.company-heading h1 {
  font-weight: 100 !important;
 text-transform: capitalize;
  font-size: 55px;
  margin-bottom: 20px;
}

.ct-btn-scroll {	

	width: 49px;
  height: 49px;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: auto;
  padding-top: 500px;
  z-index: 9;
  border-radius: 50%;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
}
img, 
figure {
  max-width: 100%;
}

.pill-position{
	top:-45px;
}