/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
}
html, body {
    height: 100%;
}


body {
background: #1d5c42;
background: -moz-linear-gradient(left,  #164430 0%, #1d5c42 50%, #267750 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #164430 0%,#1d5c42 50%,#267750 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #164430 0%,#1d5c42 50%,#267750 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#164430', endColorstr='#267750',GradientType=1 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9cc02+0,f9dc40+50,f7e27b+100 */
background: #f9cc02; /* Old browsers */
background: -moz-linear-gradient(left,  #f9cc02 0%, #f9dc40 50%, #f7e27b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f9cc02 0%,#f9dc40 50%,#f7e27b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f9cc02 0%,#f9dc40 50%,#f7e27b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9cc02', endColorstr='#f7e27b',GradientType=1 ); /* IE6-9 */

  color: #000;
  font-family: 'kohinoor', sans-serif;
  font-weight: 400;

}
#wrapper {width:100%;margin:0 auto;position: relative;
    min-height: 100%;}
p {font-size: 1.2rem;line-height:140%;}

a {
  color: #1f8e59;
  transition: 0.5s;
}
.sidebar a {color:#1d5c42}
body.green .breadcrumb a,
body.green .sidebar a
 {color:#f9cc02}
body.green .sidebar ul li.rex-current a
 {color:#fff}


a.extern:before, a[href*="//"]:not([href*="ilabny.interweave-media.se"]):before {content: "\f08E";
  font-family: 'FontAwesome';
  padding-left: 5px;padding-right:5px}
.promo-inner a.btn-theme[href*="//"]:not([href*="rkg-mobility.de"]):before {content: "" !important;
  padding-left: 0px;padding-right:0px}
  
a.pdf:before {content: "\f1C1";
  font-family: 'FontAwesome';
  padding-left: 5px;padding-right:5px}
a.youtube:before {content: "\F16A" !important;
  font-family: 'FontAwesome';
  padding-right: 5px;
  font-size:1.35em;}
 
a.extern:hover {text-decoration: underline;}
div.logo a {text-transform: uppercase; font-size: 1.5em;color:#014b61;font-weight: 700;font-family: 'Roboto Mono', monospace;}
div.logo {margin-top:0px;width:100px; transition: all .4s}
.header-scrolled div.logo {margin-top:0px;width:90px;}

a:hover,
a:active,
a:focus {
  color: #000;
  outline: none;
  text-decoration: underline;
}
a.btn-theme, .feature-item .promo-inner a.btn-theme, .fullimage .bildspeltext a.btn-theme {
border: 1px solid #000;
color: #000;
background-color: none;
font-weight: 700;
font-size: 1.25em;
padding: .5em .95em;
border-radius: 3px;
transition:all .4s;
}
a.btn-theme:hover, a.promo-link:hover .feature-item .promo-inner a.btn-theme, .fullimage .bildspeltext a.btn-theme  {  text-decoration: none !important;}

.bluebg a.btn-theme, .feature-item.bluebg .promo-inner a.btn-theme, .fullimage.blue .bildspeltext a.btn-theme {
border-color:  #fff;
color: #fff;
}
.darkbg a.btn-theme, .feature-item.darkbg .promo-inner a.btn-theme, .fullimage.black .bildspeltext a.btn-theme {
border-color:  #f9dc40;
color: #f9dc40;
}
.white a.btn-theme, .feature-item.white .promo-inner a.btn-theme, .fullimage.white .bildspeltext a.btn-theme {
border-color:  #39ab74;
color: #39ab74;
}

.bluebg a.btn-theme:hover,  .feature-item.bluebg:hover a.btn-theme, .fullimage.blue .bildspeltext a.btn-theme:hover {
border-color:  #fff;
color: #39ab74;
background-color: #fff;
}
.white a.btn-theme:hover,.feature-item.white:hover a.btn-theme, .fullimage.white .bildspeltext a.btn-theme:hover {
border-color:  #39ab74;
color: #fff;
background-color: #39ab74;
}
.darkbg a.btn-theme:hover,.feature-item.darkbg:hover a.btn-theme, .fullimage.black .bildspeltext a.btn-theme:hover {
border-color:  #f9dc40;
color: #fff;
background-color: #f9dc40;
}
.orangebg a.btn-theme:hover, .feature-item.orangebg:hover a.btn-theme, .feature-item.orangebg2:hover a.btn-theme, .orangebg2 a.btn-theme:hover {
border-color:  #000;
color: #fff;
background-color: #000;
}


p {
  padding: 0;
  margin: 0 0 30px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'kohinoor', sans-serif;
font-weight:700;
  
  margin: 0 0 20px 0;
  padding: 0;
}


h1 {font-size: 2.75rem}
h2 {font-size: 2.25rem}
h3 {font-size: 1.95rem}

.hsmall {font-size: 2rem}
.hmiddle {font-size: 2.75rem}
.hbig {font-size: 3.25rem}

.subpage .col-lg-9 .promo h2 {margin-top:10px;}

.center {text-align: center;}
.flex {display: flex;}
.image {max-width:100%; width:100%;}

.container.twocols > .row {margin-right:0;margin-left:0;}
.subpage #main .twocols .col-lg-8 {margin-bottom:2em;}
/* Back to top button */

.back-to-top {
  position: fixed;
  display: none;
  background: #39ab74;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 11;
  box-shadow: 3px 3px 10px rgba(0,0,0,.35)
}

.back-to-top i {
  padding-top: 12px;
  color: #fff;
}

.container.narrow, .narrow {max-width:767px !important;margin:auto;}

.container {max-width: 1400px;}



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header {
  height: 80px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  transition: all 0.5s;
  z-index: 997;
}

#header .container {
	background: #f9dc40;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .4);
	height:100%;
	padding:20px;
	position: relative;
}



#header.header-scrolled #topbar,
#header.header-pages #topbar {
  display: none;
}

#header .logo h1 {
  font-size: 36px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#header .logo h1 a,
#header .logo h1 a:hover {
  color: #413e66;
  text-decoration: none;
}


#header .logo img {
  padding: 0;
  width: 166px;margin-top:-20px; margin-left:-20px;transition: all ease-in-out 500ms;
}

.main-pages {
  margin-top: 60px;
}

/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/

#main {padding-top:80px}
#main .pt-5 {overflow:hidden;}
body.subpage #main, body.subpage #main .twocols {overflow: hidden !important;}
body.subpage #main .twocols .col-lg-8, body.subpage #main .twocols .col-lg-3.sidebar, body.subpage #main .twocols .col-lg-8 .col-lg-12 {padding-left: 0;padding-right:0;}
body.subpage #main .twocols .col-lg-3.sidebar {padding-bottom:20px;}

#main img.cover {margin:0 0 15px 15px;box-shadow: 10px 10px 15px rgba(0,0,0,0.3); float:right;}
/* div.breadcrumb-wrapper + div.pt-5 .pt-5, div.breadcrumb-wrapper + div.pt-5 {padding-top:0 !important;}*/

/*--------------------------------------------------------------
# Promo Block
--------------------------------------------------------------*/
a.promo-link {position: absolute;height:100%;width:100%;z-index:2;}
.promo .container .row.feature-item {margin:0;}
.promo-more {border:1px solid #000;padding:.5em 1.5em;display: inline-block;}
.promo .col-lg-6 {padding:0;}
.promo .col-lg-6 img {width:100%;}
.promo .col-lg-4 img {width:100%;}
.promo .feature-item {position: relative;overflow:hidden;display: flex;
                   vertical-align: middle;
	                     justify-content: center;
                      align-items: center;}
.promo.promo-small .four_teaserblocks .feature-item {position: relative;overflow:hidden;display: flex;
                   vertical-align:top;
	                     justify-content:center;
                      align-items:flex-start; } 
.promo > .container > .row.feature-item, .promo .row.four_teaserblocks > .col-lg-6 > .row {transition: all 0.5s }
.promo > .container > .row.feature-item:hover, .promo .row.four_teaserblocks > .col-lg-6 > .row:hover { box-shadow: 0px 5px 15px rgba(0,0,0,.5);}
.promo-inner {margin:auto; padding:25px 0 15px 0;width:80%;}
.promo .row.four_teaserblocks > .col-lg-6 {padding-left:15px; padding-right: 15px;}
.promo .row.four_teaserblocks > .col-lg-6 > .row { margin:0;}
.promo .row.four_teaserblocks > .col-lg-6 > .row > .col-lg-6 {overflow:hidden;vertical-align: middle;vertical-align: middle;justify-content: center;align-items: center;display: flex;}
.promo .row.four_teaserblocks > .col-lg-6 > .row > .col-lg-6 img {margin-bottom: 0 !important;}

.promo .feature-item.vtop {justify-content: top;align-items: top;}
.promo-small .feature-item .col-lg-12.image {padding:0;height:300px;}
.promo-small .feature-item {display: flex;flex-wrap:wrap; }
.promo-small .feature-item:hover {box-shadow: 5px 5px 15px rgba(0,0,0,1)}
.promo-small .feature-item .col-lg-12.text {padding:0 0 1em 0;}

.promo .featurewrap {height:100%;}

@media (max-width: 1240px) {.promo-small .feature-item .col-lg-12.image {height:250px;} }
@media (max-width: 1050px) {.promo-small .feature-item .col-lg-12.image {height:210px;} }
@media (max-width: 989px) {.promo-small .feature-item .col-lg-12.image {height:150px;} }
@media (max-width: 840px) {.promo-small .feature-item .col-lg-12.image {height:110px;} }
@media (max-width: 767px) {.promo-small .feature-item .col-lg-12.image {height:auto;} }



/*--------------------------------------------------------------
# Parallax bilder
--------------------------------------------------------------*/	
.fullimage { height: 550px;position: relative;}
.fullimage .parallax-window .slide-content{ position: relative; vertical-align: middle;display: flex;
                                            justify-content: center;
                                            align-items: center;
                                            height:100%;}
.parallax-window {
    min-height: 450px;
    height: 550px; width:100%;
    background: transparent;
}
.fullimage .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 2;
}
.fullimage .slide-content {position: relative;z-index: 3;}
.fullimage .bildspeltext p {padding: 0 !important;margin-top:1em;}
.fullimage .bildspeltext  h2 {
    margin-bottom: 33px;
    display: inline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    font-size: 2.75em;
}
.fullimage.black .bildspeltext  h2, .fullimage.black .bildspeltext  p, 
.fullimage.blue .bildspeltext  h2, .fullimage.blue .bildspeltext  p
{ color:white;}

.fullimage.white {background: transparent;}





/*--------------------------------------------------------------
# Breadcrumb
--------------------------------------------------------------*/
.breadcrumb {background: transparent;}
.breadcrumb ul.rex-breadcrumb {list-style-type: none;}
.breadcrumb ul.rex-breadcrumb li {display: inline-block;}

.breadcrumb-wrapper div.breadcrumb {
	padding: 10px 0px;
	margin: 20px 0;
	list-style: none;
	background-color: transparent !important;
	border-radius: 0 !important;
	color:#333;
	font-size: 90%;
	border-bottom:1px solid #f8ecb5;
}
body.green .breadcrumb-wrapper div.breadcrumb {
	border-bottom:1px solid #9bccb7;
}

body.green .breadcrumb-wrapper div.breadcrumb {color:#fff;}
.breadcrumb-wrapper .home_link {
	padding-left: 10px;
}
.rex-breadcrumb {
	display: inline-block;
	padding-left: 0px;
	margin-bottom: 0;
}
.rex-breadcrumb a, .breadcrumb a span.home_link {color:#1d5c42 !important;}
body.green .breadcrumb a span.home_link, body.green .breadcrumb a {color:#f9cc02 !important;}
.rex-breadcrumb a:hover, .breadcrumb a:hover span.home_link {color:black !important;}
.rex-breadcrumb>li,
.breadcrumb-wrapper .home_link{
	display: inline-block;
}
.rex-breadcrumb>li+li:before,
.breadcrumb-wrapper .home_link:after {
	padding: 0 5px;
	color: #333;
	content: "/\00a0";
}
body.green .breadcrumb-wrapper .home_link:after, body.green .breadcrumb-wrapper .rex-breadcrumb>li+li:before {color:white;}
.breadcrumb-wrapper .home_link:after {
	padding-left: 10px;
}

.rex-breadcrumb li:last-of-type a {color: #fff;font-weight: bold;}


/*--------------------------------------------------------------
# Columns
--------------------------------------------------------------*/
body.subpage .col-lg-8, body.subpage .col-lg-9 {float:right;}
body.subpage .col-lg-3 {float:left;}




/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer {
  padding: 50px 0 30px 0;
background: #1d5c42;
background: -moz-linear-gradient(left,  #164430 0%, #1d5c42 50%, #267750 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #164430 0%,#1d5c42 50%,#267750 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #164430 0%,#1d5c42 50%,#267750 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#164430', endColorstr='#267750',GradientType=1 ); /* IE6-9 */
  bottom:0;
  left:0;
  width:100%;
}

#footer .footer-top {
  padding: 60px 0 30px 0;
background: #1d5c42;
background: -moz-linear-gradient(left,  #164430 0%, #1d5c42 50%, #267750 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #164430 0%,#1d5c42 50%,#267750 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #164430 0%,#1d5c42 50%,#267750 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#164430', endColorstr='#267750',GradientType=1 ); /* IE6-9 */

}
#footer .copyright {border-top:1px solid #777;}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
  font-size: 34px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  color: #ddd;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#footer .footer-top .footer-info p {
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  color: #ddd;
}
#footer .footer-top .footer-links a {
	color:#f9dc40;
}
#footer .footer-top .footer-links a:hover {color:white;}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #39ab74;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #0a98c0;
  color: #fff;
}

#footer .footer-top h4 {
  font-size: 1.15em;
  font-weight: normal;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 10px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
    color: #ddd;
}
#footer .footer-top #logos .footer-links {
display:flex;
flex-wrap: wrap;
}
#footer .footer-top #logos .footer-links h4 {
	width:100%;
}
#footer .footer-top #logos .footer-links a {
display:flex;
}
#footer .footer-top #logos .footer-links a img {transition: all .4s;
	filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);	
}
#footer .footer-top #logos .footer-links a:hover img {transform: scale(1.2);filter: none;}
#footer .footer-top .form p {
	color: #ddd;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul li {
  padding: 8px 0;position: relative;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #fff;
}

#footer .footer-top .footer-links ul a:after {content:'';margin-left:10px;font-family: 'Pe-icon-7-stroke';font-size:2em;line-height:0;position: absolute;top:13px;transition:all .4s}

#footer .footer-top .footer-links ul a:hover {
  color: #39ab74;
}
#footer .footer-top .footer-links ul a:hover:after {margin-left:20px;}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact p {
  line-height: 26px;
}
#footer .footer-top #logos img {
	margin: 0 10px 10px 0;
}
#footer .footer-top #logos a {
	display:inline-block;}


#footer .footer-top .footer-newsletter {
  margin-bottom: 30px;
}

#footer .footer-top .footer-newsletter input[type="email"] {
  border: 0;
  padding: 6px 8px;
  width: 65%;
  border: 1px solid #d9dde6;
}

#footer .footer-top .footer-newsletter input[type="submit"] {
  background: #39ab74;
  border: 1px solid #39ab74;
  width: 35%;
  padding: 6px 0;
  text-align: center;
  color: #fff;
  transition: 0.3s;
  cursor: pointer;
}

#footer .footer-top .footer-newsletter input[type="submit"]:hover {
  background: #0a98c0;
}

#footer .footer-top .form .form-group {
  margin-bottom: 15px;
}

#footer .footer-top .form #sendmessage {
  color: #fff;
  background: #39ab74;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#footer .footer-top .form #errormessage {
  color: #fff;
  display: none;
  background: red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#footer .footer-top .form #sendmessage.show,
#footer .footer-top .form #errormessage.show,
#footer .footer-top .form .show {
  display: block;
}

#footer .footer-top .form .validation {
  color: red;
  display: none;
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 13px;
}

#footer .footer-top .form label {
  color: #413e66;
  font-weight: 500;
}

#footer .footer-top .form input,
#footer .footer-top .form textarea {
  border-radius: 0;
  box-shadow: none;
  border-radius: 3px;
  font-size: 14px;
  background: #ddd;
}

#footer .footer-top .form textarea { height:150px;}

#footer .footer-top .form input::-webkit-input-placeholder,
#footer .footer-top .form textarea::-webkit-input-placeholder {
  color: #a2a0bd;
}

#footer .footer-top .form input::-moz-placeholder,
#footer .footer-top .form textarea::-moz-placeholder {
  color: #a2a0bd;
}

#footer .footer-top .form input:-ms-input-placeholder,
#footer .footer-top .form textarea:-ms-input-placeholder {
  color: #a2a0bd;
}

#footer .footer-top .form input::placeholder,
#footer .footer-top .form textarea::placeholder {
  color: #a2a0bd;
}

#footer .footer-top .form button[type="submit"] {
  background: #39ab74;
  border: 0;
  border-radius: 3px;
  padding: 8px 30px;
  color: #fff;
  transition: 0.3s;
}

#footer .footer-top .form button[type="submit"]:hover {
  background: #0a98c0;
  cursor: pointer;
}

#footer .copyright {
  text-align: left;
  padding-top: 30px;
  color: #fff;
}
#footer .copyright a:hover {
	color:#39ab74;
}
#footer .copyright a {
	color:#fff;
}


#footer .copyright a:before {
content:'|'; padding:0 10px;color:white;
}

#footer .copyright .social-links {float:right; margin-top:-20px;padding-right:10px; }
#footer .copyright .social-links a:before {content:'';}
#footer .copyright .social-links a {font-size: 2.5em;}

#footer .credits {
  text-align: center;
  font-size: 14px;
  padding-top: 4px;
  color: #fff;
}

#footer .credits a:before {
content:'|'; padding:0 20px;
}

#footer .credits a:hover {
  color: #0a98c0;
}
#footer .gmap_outter iframe {margin-bottom:-6px;}

/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/

@media (min-width: 991px) {
  #call-to-action .cta-btn-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

@media (min-width: 992px) {
  #intro .intro-info {
    padding-top: 80px;
  }

  .testimonials .testimonial-item p {
    width: 100%;
  }
}

@media (max-width: 991px) {
  #topbar {
    display: none;
  }
  .subpage #main {padding-top:100px;}

  #header {

  }
  


  #header .logo h1 {
    font-size: 28px;
    padding: 8px 0;
  }

  #why-us .why-us-content {
    padding-top: 30px;
  }

  #pricing {
    padding-bottom: 30px;
  }

  #pricing .card {
    margin-bottom: 50px;
  }
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }

  #faq #faq-list a {
    font-size: 18px;
  }

  #faq #faq-list i {
    top: 13px;
  }
  #footer .copyright .social-links {float:none; margin-top:10px;padding-right:0px; width:100%;display:block;}
  #footer .copyright .social-links a:before {padding:0;}
    #footer .copyright .social-links a {margin:0 20px 0 -10px;;}
}

@media (max-width: 767px) {
  #intro {
    height: auto;
    padding: 80px 0 60px 0;
  }

  #intro .container {
    height: auto !important;
  }

  #intro .intro-img {
    width: 80%;
  }

  #intro .intro-info {
    text-align: center;
    padding-top: 40px;
  }

  #intro .intro-info h2 {
    font-size: 34px;
    margin-bottom: 30px;
  }

  .section-header p {
    width: 100%;
  }

  .testimonials .testimonial-item {
    text-align: center;
  }

  .testimonials .testimonial-item .testimonial-img {
    float: none;
    margin: auto;
  }

  .testimonials .testimonial-item h3,
  .testimonials .testimonial-item h4,
  .testimonials .testimonial-item p {
    margin-left: 0;
  }
}

@media (max-width: 574px) {
  #footer .footer-top .social-links a {
    margin-bottom: 25px;
  }
}

@media (min-width:992px) {
	.center50 { -ms-flex: 0 0 66.666667% !important;
        flex: 0 0 66.666667% !important;
        max-width: 66.666667% !important;
        margin:auto !important;}
	}
@media (max-width:991px) {
	.center_no { 
        text-align: left;}
	}
@media (max-width:1420px) {	
	    #header .container, section.hero-slider ul.slides li .row .container {width:100% !important;  }
	    
#nav-icon {margin-right:40px;}
  }
  



/*--------------------------------------------------------------
# Produkt översikt
--------------------------------------------------------------*/
.productoverview > .container, .productoverview > .container > .col-12 {padding-right:0;padding-left:0;}
.productoverview a.promo-link {top:0;left:0;}
.productoverview.promo-small .feature-item .col-lg-12.image {height:auto;}
.productoverview.promo-small .feature-item .col-lg-12.text, .productoverview.promo-small .feature-item .col-lg-12.text .promo-inner  {padding:0;text-align: center;width:auto;}
.productoverview.promo-small .feature-item .col-lg-12.text .promo-inner h3 {margin:12px auto 0 auto;font-weight: normal;text-transform: uppercase;font-size: 1.25rem;}
.productoverview.promo-small .four_teaserblocks .col-lg-4 {transition: all .5s;}
.productoverview.promo-small .four_teaserblocks .col-lg-4:hover {transform: scale(1.05);}

@media (max-width:575px) {
	.productoverview.promo-small .four_teaserblocks .col-sm-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;padding-left:10px;padding-right: 10px;}
	.productoverview.promo-small .four_teaserblocks .col-sm-6 h3.promo-title {font-size: .9rem !important;}
	}

/*--------------------------------------------------------------
# Produkt detajl
--------------------------------------------------------------*/

.produktdetail .images img {width:100%;background: white;margin-bottom:20px;}
@media (max-width:575px) {
	.produktdetail .images {order:2;}
	.produktdetail .produktinfo {order:1;}
}
body.green .produktdetail .produktinfo a {color: #f7e27b;}

.produktdetail table {border-collapse: none; margin-bottom:2em;}
.produktdetail table td {padding:2px 10px 2px 0;}
.produktdetail table tr td:nth-of-type(2) {padding:2px 40px 2px 0;}
.produktdetail table tr {border-bottom:1px solid rgba(255,255,255,.5);}
.produktdetail table tr:last-of-type {border-bottom:1px solid rgba(255,255,255,0);}
.produktdetail .goback {border-bottom:1px solid rgba(255,255,255,.5);margin-bottom:20px;}
.produktdetail .goback p {font-size: .95rem;margin-bottom:10px;}
.produktdetail .basket input.text {width:60px;padding:.2rem .5rem;border-radius:3px;border:none;}
.produktdetail .basket .quantity button {background: none;border: none;padding: 0 0 0 1rem;}
body.green .produktdetail .basket .quantity button {color: #f7e27b;}
.produktdetail .basket .quantity button:hover {text-decoration: underline;}
.produktdetail .basket {border-top:1px solid white;border-bottom:1px solid white;padding:1rem 15px;margin-bottom:1rem;}
/*--------------------------------------------------------------
# Kontakta oss
--------------------------------------------------------------*/
.kontaktaoss .smallimg {padding:0 10px;}
.kontaktaoss .smallimg .featurewrap > .col-lg-12 {padding:0px;}
.kontaktaoss .smallimg .promo-inner {width:100%;padding: 20px 15px 10px 15px;}
.kontaktaoss h3.namn {font-size: 1.15rem;}
.kontaktaoss .promo-inner p {font-size: .85rem;margin:0 0 10px 0;}
.kontaktaoss .promo-inner p.telefon a:before, .kontaktaoss .promo-inner p.mobil a:before, .kontaktaoss .promo-inner p.epost a:before {  font-family: 'pe-icon-7-stroke';margin-right: 10px;}
.kontaktaoss .promo-inner p.telefon a:before {content:'';}
.kontaktaoss .promo-inner p.mobil a:before {content:'';}
.kontaktaoss .promo-inner p.epost a:before {content:'';}
.kontaktaoss .smalltext {font-size: .7rem;margin-top:1rem;}

@media (max-width:1339px) {
	.kontaktaoss  .col-lg-8  .row  .col-lg-4 {max-width:50%;flex: 0 0 50%;}
	}
@media (max-width:991px) {
	.kontaktaoss  .col-lg-8  .row  .col-lg-4 {max-width:100%;flex: 0 0 100%;}
	}
@media (max-width:575px) {
	.kontaktaoss  .personal {order:2;}
	.kontaktaoss   .kontaktinfo {order:1;}
	.kontaktaoss .text {padding-top:.5rem !important;}
}
.kontaktaoss #formularcontact label, .kontaktaoss #formularsearch label {display: none;left:-99999em;}
.kontaktaoss #formularcontact button.btn-primary, .kontaktaoss #formularsearch button.btn-primary {padding:.5rem 1.5rem;background-color: #225c40; border-color: #225c40;color:white;}
.kontaktaoss #formularcontact button.btn-primary:hover, .kontaktaoss #formularsearch button.btn-primary:hover {background-color: white; border-color: #225c40;color:#225c40;}
.kontaktaoss #map {margin-bottom:2rem;}

/*--------------------------------------------------------------
# Backgrounds
--------------------------------------------------------------*/
.white, .whitebg {background-color: white;color:#333;}
.darkbg { 
background: #474747; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #474747 0%, #020202 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #474747 0%,#020202 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #474747 0%,#020202 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#020202',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
; color:#fff;}

.bluebg {
background: #00a7e7; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #267750 2%, #164430 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #267750 2%,#164430 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #267750 2%,#164430 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#267750', endColorstr='#164430',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
; color:#fff;}
  
body.green {
background: #00a7e7; /* Old browsers */
background: -moz-linear-gradient(left,  #267750 2%, #164430 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #267750 2%,#164430 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #267750 2%,#164430 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#267750', endColorstr='#164430',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
; color:#fff;
  background-size: cover;}

.orangebg {
background: #f9cc02; /* Old browsers */
background: -moz-linear-gradient(left,  #f9cc02 0%, #f9dc40 50%, #f7e27b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f9cc02 0%,#f9dc40 50%,#f7e27b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f9cc02 0%,#f9dc40 50%,#f7e27b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9cc02', endColorstr='#f7e27b',GradientType=1 ); /* IE6-9 */

}
.orangebg2 {
background: #f9cc02; /* Old browsers */
background: -moz-linear-gradient(-45deg,,  #f7e27b 0%, #f9dc40 50%, #f9cc02 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,,  #f7e27b 0%,#f9dc40 50%,#f9cc02 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #f7e27b 0%,#f9dc40 50%,#f9cc02 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e27b', endColorstr='#f9cc02',GradientType=1 ); /* IE6-9 */
}

.subpage .darkbg, .subpage .redbg, .subpage .bluebg, .subpage .white,  .subpage .whitebg {padding: 15px;}
.bluebg a {color:#014b61;}
.bluebg a:hover {text-decoration:underline;}

.orangebg {color:black;}

#portfolio {background:#fff !important;}
.gmap_outter {background:#222;padding-top:2rem;}


.owl-item li {list-style-type: none;}

.nobg {background: none;}

/*--------------------------------------------------------------
# Responsive settings
--------------------------------------------------------------*/


@media (max-width:742px) {
	.hero-slider .container {max-width:92%;}
	.hero-slider .slides li h1 {font-size:1.5em;}
#header .logo img {width:146px;}
#header {height: 70px;}
}
	
	@media (max-width:420px) {
	.hero-slider .slides li h1 {font-size:1.2em;}
	.slides li p {font-size:.9em;text-shadow: 2px 2px 6px rgba(0, 0, 0, .65);font-weight:700;}
#main img.cover {max-width:40%}

.mobile-nav-toggle i {margin:21px -6px 0 0;}
	}
	

@media (max-width: 902px) {
	nav.main-nav {display: none!important;
}
button.mobile-nav-toggle, nav.mobile-nav {display:block !important}
}

@media (max-width:575px) {
body.subpage .col-lg-8, body.subpage .col-lg-9 {padding-left:0;padding-right: 0;}
}

/*--------------------------------------------------------------
# temporär CSS
--------------------------------------------------------------*/

.produktintro {position: relative;text-align: center;}
.subpageonecol .produktintro {margin-top:0px;padding-top:60px !important;}
.produktintro .bgbild {background-image: url("/media/thirdslider.jpg"); background-size: cover !important;
background-position: 30% 70% !important;
background-repeat: no-repeat;height:650px;position: absolute;top:0; left:0;width:100%;}
.produktintro.promo-small .feature-item .col-lg-12.image {height:360px !important;}
.produktintro a.promo-link {left:0}
.produktintro .whitetext h2 {color:white;text-shadow: 3px 3px 10px rgba(0,0,0,.8);}
.produktintro .whitetext p {color:white;text-shadow: 2px 2px 7px rgba(0,0,0,1);font-size: 1.5em}

.minoffert span.wpcf7-list-item {display: block;}
.minoffert .col-lg-5 .row .col-12:nth-of-type(2) {margin-bottom:2rem;}
.minoffert .col-lg-5 {border-right:1px solid white;padding-right:60px;}
.minoffert .col-12.basket .bwrap {background:rgba(255,255,255,.5);border-top:1px solid #000;border-bottom:1px solid #000;padding:10px 15px;margin:0 15px 2rem 15px;
	display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.minoffert .col-12.basket .bwrap .col-sm-3,.minoffert .col-12.basket .bwrap .col-sm-4, .minoffert .col-12.basket .bwrap .col-sm-2  {padding:0;}
.minoffert .col-12.basket .bwrap .col-sm-2 input.qty {border:1px solid #999; border-radius:3px; padding:3px 6px;width:70px;}

.minoffert #formularcontact .form-group.small.col-lg-6 {padding:0 15px !important;}
.minoffert .smallimg img {width:100%; background:white;}
.minoffert .smallimg {padding-right: 10px !important;}
.minoffert span.erase:after { font-family: 'pe-icon-7-stroke';content:'';padding-left:10px;position: absolute;}
.minoffert div.erase {text-align: right;padding-right:20px !important;}
.minoffert div.bwrap hr {width:100%;}


@media (max-width:1150px) {
.produktintro.promo-small .feature-item .col-lg-12.image {height:300px !important;}
}
@media (max-width:991px) {
.produktintro.promo-small .feature-item .col-lg-12.image {height:220px !important;}
.minoffert .col-lg-5 {border:none;padding-right:15px;}
}
@media (max-width:772px) {
.produktintro.promo-small .feature-item .col-lg-12.image {height:180px !important;}
}
@media (max-width:721px) {
.produktintro.promo-small .feature-item .col-lg-12.image {height:120px !important;}
}
@media (max-width:667px) {
	.produktintro {font-size: 80%}
}
@media (max-width:637px) {
.produktintro .four_teaserblocks .col-sm-6 h2 {font-size:1.5rem;}
.produktintro .four_teaserblocks .col-sm-6 p, .produktintro .four_teaserblocks .col-sm-6 a.btn-theme {font-size:.9rem;}
.produktintro .four_teaserblocks .col-sm-6 {max-width: 50%;}
.produktintro > .bgbild + .container > .col-lg-12 {padding:0 !important}
.produktintro > .bgbild + .container > .col-lg-12 h2 {font-size: 2.5rem;}
.produktintro {padding-top:120px !important;}
.produktintro.promo .row.four_teaserblocks > .col-lg-6 {padding:0;}
}
@media (max-width:467px) {
	.produktintro.promo-small .feature-item .col-lg-12.image {height:80px !important;}
}