@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Playfair+Display:400,700,900');
@import url('../css/front.css');
/*Nygaard-as.no*/
@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0
    }
    to {
        display: block;
        opacity: 1
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0
    }
    to {
        display: block;
        opacity: 1
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    html[dir=rtl] #stcpDiv {
        position: static!important;
        display: none
    }
}


body {
  line-height: 28px;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  color: #777777; overflow-x:hidden }

h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", serif;
  font-weight: bold;
  color: #000;
  margin: 0; }
h1.text-center {font-size: 2.8rem;}
h1 a, h2 a, h3 a, h4 a,h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited,h1 a:link, h2 a:link, h3 a:link, h4 a:link {color:#363636}
.uppercase {text-transform:uppercase}
h4.uppercase {color:#fff;font-family: "Open Sans", sans-serif; font-size:14px; letter-spacing:1px; font-weight:400}
h4.uppercase:before {
border: 1px solid #fff;
content: " ";
display: block;
margin: 20px 0 20px 0;
width: 45px;}
.singel-garden  h3 a,.singel-garden h4.uppercase  {color:#fff;text-shadow: 0 1px 0 black}
a,a:link {color:#79b51c}
a:hover {color:#57880c;text-decoration:none}

a {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    outline: 0
}
 a { position: relative;}
 article a:after,footer a:after,.all-services a::after,.footer a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  border-bottom: 1px solid #79b51c;
  transition: 0.4s;
}
a:hover:after {
  width: 100%;
}
::selection {
  background-color: #000; color:#fff
}

/*Front*/
.kunde-intro {width:100%!important; clear:both}
    /* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.page-node-50 .form-item-vi-er-alltid-nysgjerrige-pa-hvordan-folk-har-fatt-vite-om-oss-i-
 {max-width:60%}
	}

.path-frontpage .process-inner {
    background: #fff;
    z-index: 2;
    position: relative;
    border-radius: 0;
    padding: 70px 45px;
    overflow: hidden;
    -webkit-box-shadow: 0px);
    box-shadow: 0px;
    max-width: 555px;
    width: 100%;
}

 .card-header { font-size:1.2rem; font-weight: 600 }
.card-header a {padding-bottom: 30px; display: block}
.path-frontpage .process-inner .lnr-arrow-right { float: right; }
.card p.lead {font-weight: 600; padding-top: 15px}
header ul li.active a { cursor: default; color: #598c4a!important }
.worksamples .single-element h4{ padding-top:30px!important; padding-bottom:30px;}
.worksamples .single-element h4 a {color:#363636}
.worksamples .single-element h4 a:hover { color:#79b51c}

ul.navbar-nav li:last-child a,ul.navbar-nav li:last-child{color: #f9a3a3!important}
/* Nav mob*/
.navbar-expand-lg .show .nav-link{ text-transform:uppercase!important}
.navbar-expand-lg .show ul li {border-bottom:1px solid #eee}
/*Gardening cat*/
figure {overflow:hidden}

.number {color: #598c4a}
.node-projects section.main {
    background-color: #f4f4f4;
    margin-bottom: 5rem;
}
.user-logged-in .page-loader,.page-node-44 .page-loader,.page-node-50 .page-loader{ display: none!important }
.page-node-47 .page-body {max-width: 800px; margin-right: auto;margin-left: auto}
.page-node-44 h1.text-center {color: #e2707b; margin-bottom: 0; padding-bottom: 0}
.page-node-44 p.lead {padding-top: 0; margin-top: 0; color: #e2707b}
.page-node-44 p.lead:after {
    border: 8px solid #e2707b!important;
    content: " ";
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 45px;
}
.page-node-44 .bck {background:#e2707b!important; }
#edit-e-post {padding: 15px; display: block; clear: both}
/*Forms*/
.webform-button--submit {background: #78b443; border:1px solid #78b443; color: #000; padding: 15px 20px; margin-left: 0; font-weight: 600}
.webform-button--submit:hover {background: #000;  border:1px solid #000; color: #fff}
textarea {padding: 12px;}
.page-node-50 #block-nygaard-content { padding-top: 30px; margin-top: 30px }
.page-node-50 #edit-url {display: none}
@media only screen and (min-width : 768px) {
textarea {padding: 12px; max-width: 55.6%}
.js-form-type-select select {max-width: 55.6%;width: 55.6%!important}
}
.js-form-type-select select {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%; 
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.js-form-type-select select::-ms-expand {
    display: none;
}
.js-form-type-select select:hover {
    border-color: #888;
}
.js-form-type-select select:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222; 
    outline: none;
}
.js-form-type-select select option {
    font-weight:normal;
}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}


[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '\2713\0020';
  position: absolute;
  top: .15em; left: .22em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #09ad7e;
  transition: all .2s;
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}

[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted blue;
}
label:hover:before {
  border: 2px solid #09ad7e!important;
}
#edit-kartet-og-terrenget {margin-top: 30px!important;}
.js-form-submit {margin-bottom: 30px}
.path-user #edit-url {display: none}
/*Insta*/
.eapps-instagram-feed-posts-grid-load-more-text-visible {background:#e2707b!important; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; letter-spacing: 1.3px; font-weight: 400}
.eapps-instagram-feed-posts-grid-load-more-text-visible:hover{background:#000!important}
/*Error*/
  @media only screen and (min-width : 768px) {
.page-node-45 h1,.page-node-46 h1 {font-size: 14em}
}
/*Similar content*/
 .img-hover-zoom--point-zoom img {
     /* transform-origin: 65% 75%;
      transition: transform 1s, filter .5s ease-out;*/
    }

    .img-hover-zoom--point-zoom:hover img {
    /*  transform: scale(5);*/
    }

.group-footer [class*="col-"] {
  padding-top: 15px;
  padding-bottom: 15px;

  }
.group-footer h3 {font-size: 16px; letter-spacing: 1.2px; text-transform: uppercase;}
/*Bootstrap*/
.row.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.inner h6 {text-align: center; font-size: 40px; color: #78b443}
/*Service | Folio*/
.view-our-services figure { overflow: hidden }

.view-our-services figure:hover img {
transition: transform .5s ease;
}
.view-our-services figure img:hover{
 /*-webkit-transform: scale(1.08);
  transform: scale(1.08);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;*/
}

figure figcaption {padding-top: 15px; text-align: center; font-size: 12px}
.view-our-services .number {z-index: 99}

.text-bottom-line {width: 1px; border-top: 30px solid; margin-left: auto; margin-right: auto;}

/*Team*/
.view-our-team-members .views-row::before {
    content: "";
    position: absolute;
    top: -6.25rem;
    right: 0;
    width: 12.5rem;
    height: 12.5rem;
    background-color: #E9F7EF;
    z-index: 0;
}


.view-our-team-members .field-our-team-content {
    position: absolute;
    background-color: #fff;
    z-index: 5;
    padding: 3.75rem 9% 3.75rem 6%;
}

.field-our-team-content .views-field-title {font-family: "Playfair Display", serif;}

.views-field-field-position {text-transform:uppercase; font-weight:300; letter-spacing:1px}

.views-field-title h2 { text-transform: none }

.parallax {position: relative; background-size: cover; overflow: hidden; background-attachment: fixed  }
.fix-background {position: relative;  background-size: cover; animation-duration: 0s; animation-fill-mode: none; -webkit-animation-duration: 0s;  -webkit-animation-fill-mode: none; -moz-animation-duration: 0s;  -moz-animation-fill-mode: none; -ms-animation-duration: 0s; -ms-animation-fill-mode: none; -o-animation-fill-mode: none; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-attachment: fixed }
.cover-background {position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important;}
.one-fourth-screen {height:800px;}

.bg-extra-dark-gray {background-color:#1c1c1c;}

.list-style-9 {list-style: none; margin: 0; padding: 0;}
.list-style-9 li {position: relative; padding:15px 0; margin: 0 0 4px 0; border-bottom: 1px solid #373737;}
.list-style-9 li span {margin-bottom: 2px}
.list-style-9 li p {margin-bottom: 0}
.list-style-9 li:last-child {border-bottom: none}
.list-style-9 li:before {content: "";}
.list-style-9 span {margin-right:12px}
.spesifications {padding-top:40px; padding-bottom:40px}
.spesifications ul li {font-size:11px; line-height:14px}

@media (max-width: 1199px) {
 .sm-margin-50px-bottom {margin-bottom:50px !important;}

}

@media (max-width: 767px) {
.xs-margin-30px-bottom {margin-bottom:30px !important;}

}
/*Forms*/
#user-login-form,#user-pass,.contextual-region.profile{ max-width: 60%; margin-left:auto; margin-right: auto; }
body.user form {
    max-width: 37.5rem;
    margin: 2.5rem auto;
    margin-bottom: 5rem;
    border-radius: 1.5rem;
    padding: 3.125rem 4.6875rem;
    -webkit-box-shadow: 1px 1px 2px 3px rgba(157, 157, 157, .1);
    box-shadow: 1px 1px 2px 3px rgba(157, 157, 157, .1)
}

body.user form.user-login-form p,
body.user form.user-pass p,
body.user form.user-register-form p {
    font-size: .9375rem;
    color: #9d9d9d;
    margin-bottom: .625rem;
    margin-top: -1.25rem;
    margin-bottom: 0
}

body.user form.user-login-form .description,
body.user form.user-pass .description,
body.user form.user-register-form .description {
    font-size: .9375rem;
    color: #9d9d9d;
    margin-top: .3125rem;
    margin-bottom: .625rem
}

body.user form.user-login-form .form-actions,
body.user form.user-login-form .form-item,
body.user form.user-pass .form-actions,
body.user form.user-pass .form-item,
body.user form.user-register-form .form-actions,
body.user form.user-register-form .form-item {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem
}

body.user form.user-login-form .form-submit,
body.user form.user-pass .form-submit,
body.user form.user-register-form .form-submit {
    text-transform: uppercase;
    width: auto;
    min-width: 8.75rem;
    font-size: .8125rem
}

#edit-submit {background: #000; color: #fff; border: 1px solid #000; padding:15px; font-size: 18px; letter-spacing: 1px }
#edit-submit:hover {background: #fff; color: #000}
.form-text {padding: 10px 15px}
/*Ref*/
.node--type-referanse .views-field-field-link {  text-align: center; margin-left: auto; margin-right: auto; padding-top: 15px; margin-top: 15px}
.node--type-referanse .views-field-field-link p a{
display: inline-block;
border-radius: 1.375rem;
background-color: #598c4a;
padding: .75rem 2.375rem;
color: #fff;font-size: .8125rem;
font-weight: 600;
}
.node--type-referanse .views-field-field-link p a:hover {
  background: #000;  -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
  }
.body-description {padding: 15px; margin-left: auto; margin-right: auto;}
.body-description p,.bg-extra-dark-gray.spesifications {padding-left: 15px; padding-right: 15px}
.bg-extra-dark-gray.spesifications h1,.bg-extra-dark-gray.spesifications p,.bg-extra-dark-gray.spesifications ul{ padding-right: 15px; padding-left: 15px }
section.spesifications,.node--type-referanse.node--view-mode-full,#block-nygaard-content  {width: 100%}
.node--type-referanse .group-left,.node--type-referanse .group-left,.node--type-referanse .group-right{width: 100%; display: block; clear: both}
.node--type-referanse .group-right{padding-top: 15px; margin-top:15px;}

.field--name-field-flere-bilder .field__item img,.field--name-field-flere-bilder .field__item
.w-100 {width:  100%!important; height: auto;}
.w-100 {width:  100%!important; height: auto;}
.hidden {display: none}
.container.work-description {max-height: 330px; margin-bottom: 0; padding-bottom: 0}
/*Basic page*/
.field--name-field-teaser{}
/*Bootstrap*/
.group-header {margin-bottom: 15px; padding-bottom: 15px}
.node--type-tjeneste .node--view-mode-full .group-header img,.node--type-page .group-header img {max-width: 100%; height: auto}
.node--type-tjeneste p.lead,.node--type-page p.lead {text-align: center}
.node--type-tjeneste p.lead:after,.node--type-page p.lead:after { border: 8px solid #57880c; content: " "; display: block; margin-left: auto;margin-right: auto; margin-top: 15px; margin-bottom: 15px; width: 45px;}

.node--type-tjeneste .txt h2,.node--type-page .txt h2{text-align: center; padding-bottom: 20px}

.node--type-page p.lead {margin-left: auto; margin-right: auto;}
/*Drupal*/
.node--type-page h1.text-center,.node--type-tjeneste h1.text-center{padding-top: 15px; margin-top:15px;padding-bottom: 15px; margin-bottom:15px;}
.path-node #block-nygaard-local-tasks,.path-user #block-nygaard-local-tasks{text-align: center; margin-left: auto; margin-right: auto;}
.tabs.primary li {
    margin-bottom: .3125rem
}

.feed-icons {
    display: none
}

ul.tabs {
    font-weight: 600;
    font-size: .9375rem; margin-left: auto; margin-right: auto;
}

ul.tabs a {
    background-color: #262626;
    color: #fff;
    padding: .5rem 1.5625rem
}
ul.tabs a:hover {
    color: #000;

}
/*Footer*/
.footer {padding-bottom:15px; margin-bottom:15px; margin-top:15px; padding-top:15px}
.footer h2 { font-family: "Open Sans", sans-serif; font-weight:700; text-transform:uppercase; font-size:14px; letter-spacing:1px; margin-bottom:15px; color:#363636}
.footer h2::before { display: block; content: ""; width: 30px; height: 2px; background-color: #7fb826; margin: 20px 0;}
.footer ul {list-style:none; margin-left:0; padding-left:0; }
.footer ul,.footer p {font-size:12px}
.footer p{line-height: 160%}
.footer p strong {margin-bottom:0; padding-bottom: 0}
.footer p + p {margin-bottom:0; padding-bottom: 0}
.footer h6 {font-weight: 400px!important; color: #666;font-family: "Open Sans", sans-serif;}

.footer a {color:#363636}
.logo-foot img {width:150px; height:auto}
.footer strong {display:block;clear:both}
.logo-foot,.logo-foot .text-right { padding-top:15px}
.logo-foot .text-right{ font-size:9px; text-transform:uppercase; letter-spacing:1px}

.no-gutter > [class*='col-'] {padding-right:0;padding-left:0;}
.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

/* text property */
.text-transform-unset {text-transform:unset}
.text-decoration-underline {text-decoration:underline; }
.text-decoration-line-through {text-decoration:line-through;}
.line-height-unset {line-height: unset}
.line-height-normal {line-height: normal}
.line-height-none {line-height:0}
.word-wrap {word-wrap: break-word}
.text-nowrap{white-space: nowrap;}
.text-transform-none {text-transform:none}
.title-line-through {padding: 0 15px}
.text-middle-line {position: relative; white-space: nowrap}
.text-outside-line {position: relative}
.text-outside-line::before {border-top: 1px solid; content: ""; height: 0; left: auto; position: absolute; right: -60px; top: 50%; width: 40px; opacity: .4; }
.text-outside-line::after {border-top: 1px solid; content: ""; height: 0; left: auto; position: absolute; left: -60px; top: 50%; width: 40px; opacity: .4; }
.text-leftside-line {position: relative; padding-left: 35px }
.text-leftside-line:before {border-top: 1px solid; content: ""; height: 0; left: auto; position: absolute; left: 0; top: 45%; width: 25px; opacity: .7}
.text-outside-line-full {position: relative; display: inline-block}
.text-outside-line-full::before {content: ""; position: absolute; top: 50%; height: 1px; width: 99%; display: block; border-bottom:1px solid; right: 100%; margin-right: 25px; opacity: .15}
.text-outside-line-full::after {content: ""; position: absolute; top: 50%; height: 1px; width: 99%; display: block; border-bottom:1px solid; left: 100%; margin-left: 25px; opacity: .15 }
.text-middle-line:before {border-bottom: 1px solid; position: absolute; content: ""; width: 100%; top: 53%; opacity: 0.35}
.text-bottom-line {width: 1px; border-top: 30px solid; margin-left: auto; margin-right: auto;}
.text-middle-line-deep-pink:before {border-bottom: 1px solid #ff214f; position: absolute; content: ""; width: 100%; margin-top: 5px; margin-left: -20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.text-decoration-line-through-black,.text-decoration-line-through-deep-pink {position: relative;}
.text-decoration-line-through-deep-pink:before {background: #ff214f;}
.text-decoration-line-through-black:before {background: #000;}
.text-decoration-line-through-black::before,.text-decoration-line-through-deep-pink:before {content: ""; height: 1px; left: -10px; position: absolute; top: 53%; width: calc(100% + 20px);-webkit-transform: translateY(-53%); -moz-transform: translateY(-53%); -ms-transform: translateY(-53%); -o-transform: translateY(-53%); transform: translateY(-53%);}

.border-all {border: 1px solid #ededed}

/* boder width */
.border-width-1 {border-width:1px;}
.border-width-2 {border-width:2px;}
.border-width-3 {border-width:3px;}
.border-width-4 {border-width:4px;}
.border-width-5 {border-width:5px;}
.border-width-6 {border-width:6px;}
.border-width-7 {border-width:7px;}
.border-width-8 {border-width:8px;}
.border-width-9 {border-width:9px;}
.border-width-10 {border-width:10px;}
.border-width-20 {border-width:20px;}

/* boder align */
.border-top {border-top: 1px solid;}
.border-bottom {border-bottom: 1px solid;}
.border-left {border-left: 1px solid;}
.border-right {border-right: 1px solid;}
.border-lr {border-left: 1px solid; border-right: 1px solid;}
.border-tb {border-top: 1px solid; border-bottom: 1px solid;}

/* border color */
.border-color-white {border-color:#fff}
.border-color-black {border-color:#000}
.border-color-extra-dark-gray {border-color:#232323}
.border-color-medium-dark-gray {border-color:#363636}
.border-color-dark-gray {border-color:#939393}
.border-color-extra-medium-gray {border-color:#dbdbdb}
.border-color-medium-gray {border-color:#e4e4e4}
.border-color-extra-light-gray {border-color:#ededed}
.border-color-light-gray {border-color:#f5f5f5}
.border-color-light-pink {border-color:#862237}
.border-color-deep-pink {border-color:#ff214f}
.border-color-transparent-pink {border-color: rgba(255, 33, 79, 0.45);}
.border-color-deep-green {border-color:#598c4a}

/* border styles */
.border-dotted {border-style: dotted !important;}
.border-dashed {border-style: dashed !important;}
.border-solid {border-style: solid !important;}
.border-double {border-style: double !important;}
.border-groove {border-style: groove !important;}
.border-ridge {border-style: ridge !important;}
.border-inset {border-style: inset !important;}
.border-outset {border-style: outset !important;}
.border-none {border-style: none !important;}
.border-hidden {border-style: hidden !important;}
.border-transperent {border-color: transparent !important;}

.no-border-top {border-top:0 !important}
.no-border-bottom {border-bottom:0 !important}
.no-border-right {border-right:0 !important}
.no-border-left {border-left:0 !important}

/* border for overline icon box */
.overline-icon-box{border-top-width: 4px;}

/* margin top */
.margin-one-top {margin-top:1%}
.margin-one-half-top {margin-top:1.5%}
.margin-two-top {margin-top:2%}
.margin-two-half-top {margin-top:2.5%}
.margin-three-top {margin-top:3%}
.margin-three-half-top {margin-top:3.5%}
.margin-four-top {margin-top:4%}
.margin-four-half-top {margin-top:4.5%}
.margin-five-top {margin-top:5%}
.margin-five-half-top {margin-top:5.5%}
.margin-six-top {margin-top:6%}
.margin-six-half-top {margin-top:6.5%}
.margin-seven-top {margin-top:7%}
.margin-seven-half-top {margin-top:7.5%}
.margin-eight-top {margin-top:8%}
.margin-eight-half-top {margin-top:8.5%}
.margin-nine-top {margin-top:9%}
.margin-nine-half-top {margin-top:9.5%}
.margin-ten-top {margin-top:10%}
.margin-ten-half-top {margin-top:10.5%}
.margin-eleven-top {margin-top:11%}
.margin-eleven-half-top {margin-top:11.5%}
.margin-twelve-top {margin-top:12%}
.margin-twelve-half-top {margin-top:12.5%}
.margin-thirteen-top {margin-top:13%}
.margin-thirteen-half-top {margin-top:13.5%}
.margin-fourteen-top {margin-top:14%}
.margin-fourteen-half-top {margin-top:14.5%}
.margin-fifteen-top {margin-top:15%}
.margin-fifteen-half-top {margin-top:15.5%}
.margin-sixteen-top {margin-top:16%}
.margin-sixteen-half-top {margin-top:16.5%}
.margin-seventeen-top {margin-top:17%}
.margin-seventeen-half-top {margin-top:17.5%}
.margin-eighteen-top {margin-top:18%}
.margin-eighteen-half-top {margin-top:18.5%}
.margin-nineteen-top {margin-top:19%}
.margin-nineteen-half-top {margin-top:19.5%}
.margin-twenty-top {margin-top:20%}
.margin-twenty-half-top {margin-top:20.5%}
.margin-twenty-one-top {margin-top:21%}
.margin-twenty-one-half-top {margin-top:21.5%}
.margin-twenty-two-top {margin-top:22%}
.margin-twenty-two-half-top {margin-top:22.5%}
.margin-twenty-three-top {margin-top:23%}
.margin-twenty-three-half-top {margin-top:23.5%}
.margin-twenty-four-top {margin-top:24%}
.margin-twenty-four-half-top {margin-top:24.5%}
.margin-twenty-five-top {margin-top:25%}
.margin-5px-top {margin-top:5px}
.margin-10px-top {margin-top:10px}
.margin-15px-top {margin-top:15px}
.margin-20px-top {margin-top:20px}
.margin-25px-top {margin-top:25px}
.margin-30px-top {margin-top:30px}
.margin-35px-top {margin-top:35px}
.margin-40px-top {margin-top:40px}
.margin-45px-top {margin-top:45px}
.margin-50px-top {margin-top:50px}
.margin-55px-top {margin-top:55px}
.margin-60px-top {margin-top:60px}
.margin-65px-top {margin-top:65px}
.margin-70px-top {margin-top:70px}
.margin-75px-top {margin-top:75px}
.margin-80px-top {margin-top:80px}
.margin-90px-top {margin-top:90px}
.margin-100px-top {margin-top:100px}

/* margin bottom */
.margin-one-bottom {margin-bottom:1%}
.margin-one-half-bottom {margin-bottom:1.5%}
.margin-two-bottom {margin-bottom:2%}
.margin-two-half-bottom {margin-bottom:2.5%}
.margin-three-bottom {margin-bottom:3%}
.margin-three-half-bottom {margin-bottom:3.5%}
.margin-four-bottom {margin-bottom:4%}
.margin-four-half-bottom {margin-bottom:4.5%}
.margin-five-bottom {margin-bottom:5%}
.margin-five-half-bottom {margin-bottom:5.5%}
.margin-six-bottom {margin-bottom:6%}
.margin-six-half-bottom {margin-bottom:6.5%}
.margin-seven-bottom {margin-bottom:7%}
.margin-seven-half-bottom {margin-bottom:7.5%}
.margin-eight-bottom {margin-bottom:8%}
.margin-eight-half-bottom {margin-bottom:8.5%}
.margin-nine-bottom {margin-bottom:9%}
.margin-nine-half-bottom {margin-bottom:9.5%}
.margin-ten-bottom {margin-bottom:10%}
.margin-ten-half-bottom {margin-bottom:10.5%}
.margin-eleven-bottom {margin-bottom:11%}
.margin-eleven-half-bottom {margin-bottom:11.5%}
.margin-twelve-bottom {margin-bottom:12%}
.margin-twelve-half-bottom {margin-bottom:12.5%}
.margin-thirteen-bottom {margin-bottom:13%}
.margin-thirteen-half-bottom {margin-bottom:13.5%}
.margin-fourteen-bottom {margin-bottom:14%}
.margin-fourteen-half-bottom {margin-bottom:14.5%}
.margin-fifteen-bottom {margin-bottom:15%}
.margin-fifteen-half-bottom {margin-bottom:15.5%}
.margin-sixteen-bottom {margin-bottom:16%}
.margin-sixteen-half-bottom {margin-bottom:16.5%}
.margin-seventeen-bottom {margin-bottom:17%}
.margin-seventeen-half-bottom {margin-bottom:17.5%}
.margin-eighteen-bottom {margin-bottom:18%}
.margin-eighteen-half-bottom {margin-bottom:18.5%}
.margin-nineteen-bottom {margin-bottom:19%}
.margin-nineteen-half-bottom {margin-bottom:19.5%}
.margin-twenty-bottom {margin-bottom:20%}
.margin-twenty-half-bottom {margin-bottom:20.5%}
.margin-twenty-one-bottom {margin-bottom:21%}
.margin-twenty-one-half-bottom {margin-bottom:21.5%}
.margin-twenty-two-bottom {margin-bottom:22%}
.margin-twenty-two-half-bottom {margin-bottom:22.5%}
.margin-twenty-three-bottom {margin-bottom:23%}
.margin-twenty-three-half-bottom {margin-bottom:23.5%}
.margin-twenty-four-bottom {margin-bottom:24%}
.margin-twenty-four-half-bottom {margin-bottom:24.5%}
.margin-twenty-five-bottom {margin-bottom:25%}
.margin-5px-bottom {margin-bottom:5px}
.margin-10px-bottom {margin-bottom:10px}
.margin-15px-bottom {margin-bottom:15px}
.margin-20px-bottom {margin-bottom:20px}
.margin-25px-bottom {margin-bottom:25px}
.margin-30px-bottom {margin-bottom:30px}
.margin-35px-bottom {margin-bottom:35px}
.margin-40px-bottom {margin-bottom:40px}
.margin-45px-bottom {margin-bottom:45px}
.margin-50px-bottom {margin-bottom:50px}
.margin-55px-bottom {margin-bottom:55px}
.margin-60px-bottom {margin-bottom:60px}
.margin-65px-bottom {margin-bottom:65px}
.margin-70px-bottom {margin-bottom:70px}
.margin-75px-bottom {margin-bottom:75px}
.margin-80px-bottom {margin-bottom:80px}
.margin-85px-bottom {margin-bottom:85px}
.margin-90px-bottom {margin-bottom:90px}
.margin-95px-bottom {margin-bottom:95px}
.margin-100px-bottom {margin-bottom:100px}

/*===============================
    Padding
=================================*/

.no-padding {padding:0 !important}
.no-padding-lr {padding-left: 0 !important; padding-right: 0 !important}
.no-padding-tb {padding-top: 0 !important; padding-bottom: 0 !important}
.no-padding-top {padding-top:0 !important}
.no-padding-bottom {padding-bottom:0 !important}
.no-padding-left {padding-left:0 !important}
.no-padding-right {padding-right:0 !important}
.padding-one-all {padding:1%;}
.padding-one-half-all {padding:1.5%;}
.padding-two-all {padding:2%;}
.padding-two-half-all {padding:2.5%;}
.padding-three-all {padding:3%;}
.padding-three-half-all {padding:3.5%;}
.padding-four-all {padding:4%;}
.padding-four-half-all {padding:4.5%;}
.padding-five-all {padding:5%;}
.padding-five-half-all {padding:5.5%;}
.padding-six-all {padding:6%;}
.padding-six-half-all {padding:6.5%;}
.padding-seven-all {padding:7%;}
.padding-seven-half-all {padding:7.5%;}
.padding-eight-all {padding:8%;}
.padding-eight-half-all {padding:8.5%;}
.padding-nine-all {padding:9%;}
.padding-nine-half-all {padding:9.5%;}
.padding-ten-all {padding:10%;}
.padding-ten-half-all {padding:10.5%;}
.padding-eleven-all {padding:11%;}
.padding-eleven-half-all {padding:11.5%;}
.padding-twelve-all {padding:12%;}
.padding-twelve-half-all {padding:12.5%;}
.padding-thirteen-all {padding:13%;}
.padding-thirteen-half-all {padding:13.5%;}
.padding-fourteen-all {padding:14%;}
.padding-fourteen-half-all {padding:14.5%;}
.padding-fifteen-all {padding:15%;}
.padding-fifteen-half-all {padding:15.5%;}
.padding-sixteen-all {padding:16%;}
.padding-sixteen-half-all {padding:16.5%;}
.padding-seventeen-all {padding:17%;}
.padding-seventeen-half-all {padding:17.5%;}
.padding-eighteen-all {padding:18%;}
.padding-eighteen-half-all {padding:18.5%;}
.padding-nineteen-all {padding:19%;}
.padding-nineteen-half-all {padding:19.5%;}
.padding-twenty-all {padding:20%;}
.padding-twenty-half-all {padding:20.5%;}
.padding-twenty-one-all {padding:21%;}
.padding-twenty-one-half-all {padding:21.5%;}
.padding-twenty-two-all {padding:22%;}
.padding-twenty-two-half-all {padding:22.5%;}
.padding-twenty-three-all {padding:23%;}
.padding-twenty-three-half-all {padding:23.5%;}
.padding-twenty-four-all {padding:24%;}
.padding-twenty-four-half-all {padding:24.5%;}
.padding-twenty-five-all {padding:25%;}
.padding-twenty-five-half-all {padding:25.5%;}
.padding-5px-all {padding:5px;}
.padding-10px-all {padding:10px;}
.padding-15px-all {padding:15px;}
.padding-20px-all {padding:20px;}
.padding-25px-all {padding:25px;}
.padding-30px-all {padding:30px;}
.padding-35px-all {padding:35px;}
.padding-40px-all {padding:40px;}
.padding-45px-all {padding:45px;}
.padding-50px-all {padding:50px;}
.padding-55px-all {padding:55px;}
.padding-60px-all {padding:60px;}
.padding-65px-all {padding:65px;}
.padding-70px-all {padding:70px;}
.padding-75px-all {padding:75px;}
.padding-80px-all {padding:80px;}
.padding-85px-all {padding:85px;}
.padding-90px-all {padding:90px;}
.padding-95px-all {padding:95px;}
.padding-100px-all {padding:100px;}

/* padding top */
.padding-one-top {padding-top:1%;}
.padding-one-half-top {padding-top:1.5%;}
.padding-two-top {padding-top:2%;}
.padding-two-half-top {padding-top:2.5%;}
.padding-three-top {padding-top:3%;}
.padding-three-half-top {padding-top:3.5%;}
.padding-four-top {padding-top:4%;}
.padding-four-half-top {padding-top:4.5%;}
.padding-five-top {padding-top:5%;}
.padding-five-half-top {padding-top:5.5%;}
.padding-six-top {padding-top:6%;}
.padding-six-half-top {padding-top:6.5%;}
.padding-seven-top {padding-top:7%;}
.padding-seven-half-top {padding-top:7.5%;}
.padding-eight-top {padding-top:8%;}
.padding-eight-half-top {padding-top:8.5%;}
.padding-nine-top {padding-top:9%;}
.padding-nine-half-top {padding-top:9.5%;}
.padding-ten-top {padding-top:10%;}
.padding-ten-half-top {padding-top:10.5%;}
.padding-eleven-top {padding-top:11%;}
.padding-eleven-half-top {padding-top:11.5%;}
.padding-twelve-top {padding-top:12%;}
.padding-twelve-half-top {padding-top:12.5%;}
.padding-thirteen-top {padding-top:13%;}
.padding-thirteen-half-top {padding-top:13.5%;}
.padding-fourteen-top {padding-top:14%;}
.padding-fourteen-half-top {padding-top:14.5%;}
.padding-fifteen-top {padding-top:15%;}
.padding-fifteen-half-top {padding-top:15.5%;}
.padding-sixteen-top {padding-top:16%;}
.padding-sixteen-half-top {padding-top:16.5%;}
.padding-seventeen-top {padding-top:17%;}
.padding-seventeen-half-top {padding-top:17.5%;}
.padding-eighteen-top {padding-top:18%;}
.padding-eighteen-half-top {padding-top:18.5%;}
.padding-nineteen-top {padding-top:19%;}
.padding-nineteen-half-top {padding-top:19.5%;}
.padding-twenty-top {padding-top:20%;}
.padding-twenty-half-top {padding-top:20.5%;}
.padding-twenty-one-top {padding-top:21%;}
.padding-twenty-one-half-top {padding-top:21.5%;}
.padding-twenty-two-top {padding-top:22%;}
.padding-twenty-two-half-top {padding-top:22.5%;}
.padding-twenty-two-top {padding-top:22%;}
.padding-twenty-two-half-top {padding-top:22.5%;}
.padding-twenty-three-top {padding-top:23%;}
.padding-twenty-three-half-top {padding-top:23.5%;}
.padding-twenty-four-top {padding-top:24%;}
.padding-twenty-four-half-top {padding-top:24.5%;}
.padding-twenty-five-top {padding-top:25%;}
.padding-5px-top {padding-top:5px;}
.padding-10px-top {padding-top:10px;}
.padding-15px-top {padding-top:15px;}
.padding-20px-top {padding-top:20px;}
.padding-25px-top {padding-top:25px;}
.padding-30px-top {padding-top:30px;}
.padding-35px-top {padding-top:35px;}
.padding-40px-top {padding-top:40px;}
.padding-45px-top {padding-top:45px;}
.padding-50px-top {padding-top:50px;}
.padding-55px-top {padding-top:55px;}
.padding-60px-top {padding-top:60px;}
.padding-65px-top {padding-top:65px;}
.padding-70px-top {padding-top:70px;}
.padding-75px-top {padding-top:75px;}
.padding-80px-top {padding-top:80px;}
.padding-85px-top {padding-top:85px;}
.padding-90px-top {padding-top:90px;}
.padding-95px-top {padding-top:95px;}
.padding-100px-top {padding-top:100px;}

/* padding bottom */
.padding-one-bottom {padding-bottom:1%;}
.padding-one-half-bottom {padding-bottom:1.5%;}
.padding-two-bottom {padding-bottom:2%;}
.padding-two-half-bottom {padding-bottom:2.5%;}
.padding-three-bottom {padding-bottom:3%;}
.padding-three-half-bottom {padding-bottom:3.5%;}
.padding-four-bottom {padding-bottom:4%;}
.padding-four-half-bottom {padding-bottom:4.5%;}
.padding-five-bottom {padding-bottom:5%;}
.padding-five-half-bottom {padding-bottom:5.5%;}
.padding-six-bottom {padding-bottom:6%;}
.padding-six-half-bottom {padding-bottom:6.5%;}
.padding-seven-bottom {padding-bottom:7%;}
.padding-seven-half-bottom {padding-bottom:7.5%;}
.padding-eight-bottom {padding-bottom:8%;}
.padding-eight-half-bottom {padding-bottom:8.5%;}
.padding-nine-bottom {padding-bottom:9%;}
.padding-nine-half-bottom {padding-bottom:9.5%;}
.padding-ten-bottom {padding-bottom:10%;}
.padding-ten-half-bottom {padding-bottom:10.5%;}
.padding-eleven-bottom {padding-bottom:11%;}
.padding-eleven-half-bottom {padding-bottom:11.5%;}
.padding-twelve-bottom {padding-bottom:12%;}
.padding-twelve-half-bottom {padding-bottom:12.5%;}
.padding-thirteen-bottom {padding-bottom:13%;}
.padding-thirteen-half-bottom {padding-bottom:13.5%;}
.padding-fourteen-bottom {padding-bottom:14%;}
.padding-fourteen-half-bottom {padding-bottom:14.5%;}
.padding-fifteen-bottom {padding-bottom:15%;}
.padding-fifteen-half-bottom {padding-bottom:15.5%;}
.padding-sixteen-bottom {padding-bottom:16%;}
.padding-sixteen-half-bottom {padding-bottom:16.5%;}
.padding-seventeen-bottom {padding-bottom:17%;}
.padding-seventeen-half-bottom {padding-bottom:17.5%;}
.padding-eighteen-bottom {padding-bottom:18%;}
.padding-eighteen-half-bottom {padding-bottom:18.5%;}
.padding-nineteen-bottom {padding-bottom:19%;}
.padding-nineteen-half-bottom {padding-bottom:19.5%;}
.padding-twenty-bottom {padding-bottom:20%;}
.padding-twenty-half-bottom {padding-bottom:20.5%;}
.padding-twenty-one-bottom {padding-bottom:21%;}
.padding-twenty-one-half-bottom {padding-bottom:21.5%;}
.padding-twenty-two-bottom {padding-bottom:22%;}
.padding-twenty-two-half-bottom {padding-bottom:22.5%;}
.padding-twenty-three-bottom {padding-bottom:23%;}
.padding-twenty-three-half-bottom {padding-bottom:23.5%;}
.padding-twenty-four-bottom {padding-bottom:24%;}
.padding-twenty-four-half-bottom {padding-bottom:24.5%;}
.padding-twenty-five-bottom {padding-bottom:25%;}
.padding-5px-bottom {padding-bottom:5px;}
.padding-10px-bottom {padding-bottom:10px;}
.padding-15px-bottom {padding-bottom:15px;}
.padding-20px-bottom {padding-bottom:20px;}
.padding-25px-bottom {padding-bottom:25px;}
.padding-30px-bottom {padding-bottom:30px;}
.padding-35px-bottom {padding-bottom:35px;}
.padding-40px-bottom {padding-bottom:40px;}
.padding-45px-bottom {padding-bottom:45px;}
.padding-50px-bottom {padding-bottom:50px;}
.padding-55px-bottom {padding-bottom:55px;}
.padding-60px-bottom {padding-bottom:60px;}
.padding-65px-bottom {padding-bottom:65px;}
.padding-70px-bottom {padding-bottom:70px;}
.padding-75px-bottom {padding-bottom:75px;}
.padding-80px-bottom {padding-bottom:80px;}
.padding-85px-bottom {padding-bottom:85px;}
.padding-90px-bottom {padding-bottom:90px;}
.padding-95px-bottom {padding-bottom:95px;}
.padding-100px-bottom {padding-bottom:100px;}




/*Colours*/

.bg-green {background:#6ab23f}

 @media (max-width: 1440px) {
.overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
 }



   @media (max-width: 991px) {
    .single-gardening.mt--60 {
      margin-top: 0px; } }
  .single-gardening .overlay {
    background: #000;
    opacity: .3; }
  .single-gardening figure {
    overflow: hidden; }
    .single-gardening figure img {
      transition: all 300ms linear 0s; }
  .single-gardening a {
    color: #ffffff; }
    .single-gardening a:hover {
      opacity: .7; }
  .single-gardening .text-wrap {
    width: 100%;
    padding: 0 40px;
    position: absolute;
    bottom: 80px; }


/*Sections*/
/* #E9F7EF
RGB
 233, 247, 239   */
section {position:relative}
section.worksamples {padding-left:15px; padding-right:15px; padding-top: 15px; margin-top: 15px}
.section-left .container::after,.section-left .container-fluid::after  {
    content: '';
    position: absolute;
    top: 120px;
    right: 25%;
    bottom: -53px;
    left: 0;
    background: #E9F7EF;
    z-index: -1;
}

 .section-right .container-fluid:after, .section-right .container:after {
      content: '';
      position: absolute;
      top: 120px;
      right: 0;
      bottom: -57px;
      left: 25%;
      background: #E9F7EF;
      z-index: -1;
    }


.path-frontpage .process-inner {
    background: #fff;
    z-index: 2;
    position: relative;
    border-radius: 0;
    padding: 70px 45px;
    overflow: hidden;
    -webkit-box-shadow: 0px);
    box-shadow: 0px;
    max-width: 555px;
    width: 100%;
}

.card-header { font-size:1.2rem; font-weight: 600 }
.card-header a {padding-bottom: 30px; display: block}
.path-frontpage .process-inner .lnr-arrow-right { float: right; }
.card p.lead {font-weight: 600; padding-top: 15px}



.services-area {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.services-area .left-side {
  max-width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  vertical-align: middle;
  -ms-flex-item-align: center;
  align-self: center;
}

.services-area .left-side .process-inner {
  max-width: 555px;
  float: right;
}

.services-area .right-side {
  max-width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}
.fancy {
  line-height: 0.5;
  text-align: center;
}
.fancy span {
  display: inline-block;
  position: relative;  color:#7fb826; text-transform:uppercase; margin-top:20px;
  font-weight:600; letter-spacing:1px
}
.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #7fb826;
  border-top: 1px solid #7fb826;
  top: 0;
  width: 40%;
}
.fancy span:before {
  right: 100%;
  margin-right: 15px;
}
.fancy span:after {
  left: 100%;
  margin-left: 15px;
}
#block-views-block-kundereisen-block-1 {width: 100%; display: block; clear: both;}
.kundereise {padding-top: 35px; margin-top: 35px; background: #e9f7ef}
.kundereise .col-md-4 {border:none!important; background-color: transparent;}
.kundereise .col-md-4 {background: #e9f7ef!important}
.kundereise .col-md-4 h2 {font-size: 28px; text-align: left}
.kundereise .col-md-4 p {text-align: left}
.kundereise .col-md-4 h2 span {padding-right: 12px; color: #7fb826; font-size: 42px}
.kundereise h2::after {
    display: block;
    content: "";
    width: 52px;
    height: 2px;
    background-color: #7fb826;
    margin: 12px 0;
}
/*
.kundereise .col-md-4:nth-child(2)  h2:before {content: "01."; padding-right: 12px; color: #7fb826;font-size: 42px}
.kundereise .col-md-4:nth-child(3)  h2:before {content: "02."; padding-right: 12px; color: #7fb826;font-size: 42px}
.kundereise .col-md-4:nth-child(4)  h2:before {content: "03."; padding-right: 12px; color: #7fb826;font-size: 42px}
*/

.display-table-cell {display:table-cell !important}

  @media only screen and (min-width : 1200px) {

.services-area .right-side img {
  margin-left: -175px!important;
}
}
.process-inner {
  background: #fff;
  z-index: 2;
  position: relative;
  border-radius: 5px;
  padding: 70px 45px;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 30px 0px rgba(153, 153, 153, 0.1);
  box-shadow: 0px 5px 30px 0px rgba(153, 153, 153, 0.1);
  max-width: 555px;
  width: 100%;
}

.process-inner h4 {
  font-size: 36px;
  font-weight: bold;
  color: #222222;
  margin-bottom: 25px;
}

.process-inner .card {
  border: none;
  display: block;
  max-width: 465px;
  width: 100%;
}

.process-inner .card .card-header {
  padding: 0px;
  background: transparent;
  border: none;
}
.all-services {padding-top:15px; text-transform: uppercase}
.all-services a{
display: block;

 padding-left:0;
  margin-left:0;
  width: 100%;
  text-align: left;
  font-size: 16px;
  color: #79b51c;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  text-decoration: none;
  white-space: normal;

}
.process-inner .card .card-header button {
  border-bottom: 1px solid #a7cb00;
  display: block;
  padding: 10px 0px;
  border-radius: 0px;
  width: 100%;
  text-align: left;
  font-size: 16px;
  color: #222222;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  text-decoration: none;
  white-space: normal;
  cursor: pointer; text-transform:uppercase
}

.process-inner .card .card-header button i {
  float: right;
  display: none;
  font-weight: 500;
  position: relative;
  top: 8px;
}

.process-inner .card .card-header button i + i {
  display: inline-block;
}

.process-inner .card .card-header button.collapsed {
  border-bottom-color: #ddd;
}

.process-inner .card .card-header button.collapsed i {
  display: inline-block;
}

.process-inner .card .card-header button.collapsed i + i {
  display: none;
}

.process-inner .card .card-body {
  padding-left: 0px;
  padding-right: 0px;
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 5px;
}
.intro-section figure {margin-top: 15px; padding-top: 15px}
#block-alittleaboutus .more i { padding-left: 5px; vertical-align: top; }
.blog-meta .more i:hover {color: #000}
.more a i { padding-top: 0 }
 .inner {padding: 8% 12%;  }
 .views-element-container i {padding-left: 12px}

.views-element-container .col-md-4 h2 {font-size:26px }

.clickable { cursor:pointer}
.clickable:hover {background:#e9f7ef;}

 /*Bootstrap*/
.row.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
@media (max-width: 576px) {
.block-little-about .group-content {
    position: relative;
    left: 0%;
    padding: 0; width: 100%!important; clear: both;
}
.block-custom-front .content {
      display: block!important;
    padding-top: 6.0;
    position: relative;
}

.block-little-about .field--name-field-image {
   float:left;
    position: relative;
    z-index: 1; padding-left: 15px; padding-right: 15px;
}

.block-little-about .content {
    position: relative;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
}

}

@media (max-width:767px){
  .services-area .left-side {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .services-area .right-side {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .services-area .left-side .process-inner {
    max-width: 100%;
    float: none;
    padding-top: 0px;
  }
  .process_inner .card {
    max-width: 100%;
    width: 100%;
  }
  .services-area .right-side img {
    margin-left: 0px;
    max-width: 100%;
  }
.intro-section {margin-top: 15px; padding-top: 15px }
.intro-section figure { margin-left: -30px; margin-top: 15px; padding-top: 15px }
}
  /* Iphone 6+ */
@media only screen
   and (max-width : 414px)
   and (max-height : 736px) {
.block-little-about .group-content {
    position: relative;
    left: 0%;
    padding: 0; width: 100%!important; clear: both
}
.block-custom-front .content {
      display: block!important;
    padding-top: 6.0;
    position: relative;
}

.block-little-about .field--name-field-image {
   float:left;
    position: relative;
    z-index: 1
}
.block-little-about .field--name-field-image:after {
content: ""; height: 300px; clear: both
}
.block-little-about .content {
    position: relative;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
}


.left-side,.right-side {width:100%; float:left; display:block; clear:both; position:relative}
.intro-section figure { margin-left: -20px }
}
@media(min-width:768px) {
    .navbar-default {
        border-color: rgba(255,255,255,.3);
        background-color: transparent;
    }

    .navbar-default .navbar-header .navbar-brand {
        color: rgba(255,255,255,.7);
    }

    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: #fff;
    }

    .navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus {
        color: rgba(255,255,255,.7);
    }

    .navbar-default .nav > li>a:hover,
    .navbar-default .nav>li>a:focus:hover {
        color: #fff;
    }

    .navbar-default.affix {
        border-color: rgba(34,34,34,.05);
        background-color: #fff;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .navbar-default.affix .navbar-header .navbar-brand {
        font-size: 14px;
        color: #f05f40;
    }

    .navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
        color: #eb3812;
    }

    .navbar-default.affix .nav > li>a,
    .navbar-default.affix .nav>li>a:focus {
        color: #222;
    }

    .navbar-default.affix .nav > li>a:hover,
    .navbar-default.affix .nav>li>a:focus:hover {
        color: #598c25;
    }
#navbarResponsive ul {padding-top:10px}
#navbarResponsive ul li a {
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s; text-transform: uppercase; font-weight: 600; color: #666; letter-spacing: 1px
}

#navbarResponsive ul li a::before {
  position: absolute;
  top: 90%;
  left: 50%;
  color: transparent;
  content: '•';
  text-shadow: 0 0 transparent;
  font-size: 1.2em;
  -webkit-transition: text-shadow 0.3s, color 0.3s;
  -moz-transition: text-shadow 0.3s, color 0.3s;
  transition: text-shadow 0.3s, color 0.3s;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}

#navbarResponsive ul li a:hover::before,
#navbarResponsive ul li a:focus::before {
  color: #598c4a;
  text-shadow: 10px 0 #598c4a, -10px 0 #598c4a;
}

#navbarResponsive ul li a:hover,
#navbarResponsive ul li a:focus {
  color: #598c4a;
}
#navbarResponsive ul li a.is-active { color: #ccc; cursor: default; }
}
@media (min-width: 768px) {
.block-little-about .group-content {
    background-color: #E9F7EF;
    position: absolute;
    top: 13.75rem;
    bottom: 0;
    right: 0;
    left: 24%;
    padding: 6.25rem 4.0625rem 4.0625rem 38%;

}
.block-little-about .group-content h1 { font-size: 2rem; display:block; clear: both }
.block-little-about .group-content p {font-size: 1rem}
.block-little-about .group-content .more {display: block; clear: both; float: right}
.block-custom-front .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 6.25rem;
    position: relative;
}

.block-little-about .field--name-field-image {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    position: relative;
    z-index: 1
}

.block-little-about .content {
    position: relative;
    padding-bottom: 6.25rem;
    padding-right: 44%;
    padding-left: 6.25rem
}

}
/*Ipad*/
/* For portrait layouts only */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
.intro-section {display: block; clear: both}
.intro-section figure {width: 100%; height: auto; display: block; clear: both;}
.intro-text {margin-left:-30px!important;width: 100%; height: auto; display: block; clear: both; position: relative; float: left}
.intro-section figure {margin-left:-130px!important;}
.intro-text {display: block; clear: both}
.intro-text p:after { content:"";display: block; clear: both}
.intro-text .more { position: relative }
.intro-text .more a,.intro-text .more{display: block; clear: both}
.plant-school { margin-top: -200px; }
.plant-school h4 a {padding-bottom:40px; z-index: 1090 }
.maintenance{ margin-top: -10px }
.stone-work{ margin-top: -250px }
.mt--220 {margin-top: 0; margin-bottom:250px;}
.wall-carpentry {margin-top: -230px!important}
.services-area .right-side img {  margin-right: 75px!important;}

}
/* For landscape layouts only */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

.intro-section figure {margin-left:-130px!important;}

}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
.intro-section figure {margin-left:-130px!important;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
.intro-section figure {margin-left:-110px!important;}
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}


.main-title {
  text-align: left;
  max-width: 510px;
  margin-bottom: 50px; }
  .main_title h1 {
    font-weight: bold;
    font-size: 48px; }
    @media (max-width: 576px) {
      .main-title h1 {
        font-size: 30px; } }
  .main-title p {
    margin-top: 30px;
    font-size: 16px; }
    @media (max-width: 991px) {
      .main-title p {
        margin-top: 15px; } }

.bck {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  background:rgba(121, 181, 28, 0.9);
  color: #fff;
  visibility: hidden;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align:center;
  transition-property: all;
}

/*Map*/
#map {
  width: 100%;
  height: 600px;
}
.location::after {
  content:"";
  background-color:inherit;
  opacity:.65;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
}
.location--inner {
  position:relative;
  z-index:1;
}
.location img {
  display:inline-block;
  margin:24px 0 12px;
  /* setting width and height instead results in a strange behavior in Safari */
  -webkit-transform:scale(2);
  transform:scale(2);
}

@media screen and (min-width: 1024px) {

  .map, .map-legend {
    height:100%;
  }
  .desk-three-forth {
    float: left;
    width:75%;
  }
  .desk-one-forth {
    width:25%;
  }
  .map-legend, .location {
    display:flex;
    flex-direction:column;
  }
  .location {
    border-left:none;
    min-height:50%;
    justify-content:center;
    align-items:center
  }
  .location-1 {
    border-top:16px solid white;
  }
  .location-2 {
    border-bottom:16px solid white;
  }
}
.bck.bck-on {visibility: visible;}.fade{opacity: 0;}.bck-on.fade{opacity: 1;}.rightToLeft {right : -50px;}.bck-on.rightToLeft{right: 1rem;}.bottomToTop {bottom: -50px;}.bck-on.bottomToTop {bottom:1rem;}.bck-leftToRight {left: -50px;}.bck-on.leftToRight {left:1rem;}.topToBottom {top: -50px;}.bck-on.topToBottom {top:1rem;}
.bck i {color: #fff}.bck i:hover {color: #000}

/*Views*/
.node--type-tjeneste .views-field-nothing {margin-top:15px; padding-top: 15px}
.page-node-4 .introduction a.priv,.page-node-38 .introduction a.public{ cursor: default; }
.views-field-body p.more i {margin-left: 8px; margin-top:0;vertical-align: middle;}
.image-style-referanse-grid-640x540 { width: 100%; height: auto }
.worksamples .single-element figure {overflow: hidden}
.worksamples .single-element img{
  /*transform-origin: 50% 65%;
      transition: transform 5s, filter 3s ease-in-out;
      filter: brightness(100%);*/}
.worksamples .single-element img:hover {
 /*filter: brightness(150%);
      transform: scale(3);*/
  
}
.readMore {text-align: center}
.readMore a {background: #000;
color: #fff;
border: 1px solid #000;
padding: 12px 15px;
font-size: 18px;
letter-spacing: 1px; font-weight: 600;
font-family: "Open Sans", sans-serif;
text-transform: uppercase;text-align: center

 }
.readMore a:hover {
color: #000; background: #fff

}
.page-node-5 .views-element-container {padding-top: 30px}
.page-node-5 .views-field-title a {color: #000}
.page-node-5 .views-field-title a:hover {color: #598c4a}
.page-node-5 .views-field-field-image-1 img { -webkit-filter: grayscale(100%);filter: grayscale(100%);}
.page-node-5 .views-field-field-image-1 img:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.node--view-mode-ansatte h1.text-center {padding-bottom: 60px; cursor: default}
.node--view-mode-ansatte article {margin-top: 60px}
.page-node-22 .body-text.text-center p:last-child { max-width:60%; word-break: break-all; margin-left: auto; margin-right: auto}
#block-nygaard-content{width: 100%;}
.teaser { text-align: center; padding-top: 15px; margin-top: 15px }
.teaser:after {}
.node--type-ansatt .body-text p{text-align: center!important}
@media (min-width: 768px) {
.node--type-ansatt .teaser,.node--type-ansatt .body-text {max-width: 60%; margin-left: auto; margin-right: auto}
    }

.col-left h1 {color: #fff; }
.col-left {background: #1c1c1c; color: #fff; padding-top: 15%; text-align: center}
.col-right img {object-fit: cover; width: 100%; margin-right: -15px}
.col-right {background: #000}

.col-right figure{width: 100%; margin: 0; padding: 0}
.page-node-6 .main-title { text-align: center; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 30px }



.page-node-6 .main-title h1:before {content: "Tjenester"; display: block; font-size: 20px; text-transform: uppercase; letter-spacing: .2em}

.introduction h2.intro { padding-bottom:0; margin-bottom: 0;  }
.introduction  p { margin-top:0; padding-top: 0;}

.body-wrap h2 {text-align: center; padding-bottom: 15px;}
.body-wrap iframe {margin-top: 15px;margin-bottom: 15px}

/*
.body-wrap {padding-left: 15px!important; padding-right: 15px!important;margin-left: 15px!important; margin-right: 15px!important;}

*/

/*Margins padding*/
@media screen and (min-width: 769px) {
.p_120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.p_100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pad_top {
  padding-top: 120px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-25 {
  margin-top: 25px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-240 {
  margin-top: 240px;
}

.mt-480 {
  margin-top: 480px;
}


.mt--40 {
  margin-top: -40px;
}
.mt--60 {
  margin-top: -60px;
}
.mt--80 {
  margin-top: -80px;
}
.mt--90 {
  margin-top: -90px;
}
.mt--100 {
  margin-top: -100px;
}
.mt--110 {
  margin-top: -110px;
}
.mt--120 {
  margin-top: -120px;
}
.mt--140 {
  margin-top: -140px;
}

.mt--160 {
  margin-top: -160px;
}
.mt--180 {
  margin-top: -180px;
}
.mt--220 {
  margin-top: -220px;
}
.mt--240 {
  margin-top: -240px;
}
.mt--260 {
  margin-top: -260px;
}

.mt--230 {
  margin-top: -230px;
}

.mt--280 {
  margin-top: -280px;
}

.mt--370 {
  margin-top: -370px;
}
.mt--470 {
  margin-top: -470px;
}

.p0 {
  padding-left: 0;
  padding-right: 0;
}
}
/* Start gardening Category css
============================================================================================ */
.slide-gardening {
  padding: 150px 0 120px; }
  @media (max-width: 1024px) {
    .slide-gardening {
      padding: 100px 0 70px; } }
  @media (max-width: 991px) {
    .slide-gardening {
      padding: 60px 0 30px; } }
  .slide-gardening .container-fluid {
    position: relative;
    padding-left: 20%;
    padding-right: 0; }
    @media (max-width: 991px) {
      .slide-gardening .container-fluid {
        padding-left: 18%; } }
    @media (max-width: 576px) {
      .slide-gardening .container-fluid {
        padding-left: 11%; } }
    .slide-gardening .container-fluid:after {
      content: '';
      position: absolute;
      top: 120px;
      right: 25%;
      bottom: -53px;
      left: 0;
      background: #E9F7EF;
      z-index: -1; }
  .slide-gardening .owl-stage {
    padding-left: 0 !important; }
  .slide-gardening .owl-dots {
    text-align: center;
    margin-top: 17px;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; }
    @media (max-width: 992px) {
      .slide-gardening .owl-dots {
        margin-top: 30px; } }
    @media (max-width: 768px) {
      .slide-gardening .owl-dots {
        display: none !important; } }
  .slide-gardening .owl-dot {
    position: relative;
    height: 2px;
    width: 50px;
    display: inline-block;
    background: rgba(127, 127, 127, 0.5);
    transition: all 300ms linear 0s; }
  .slide-gardening .owl-dot.active {
    height: 6px;
    top: 2px;
    transition: all 300ms linear 0s;
    background: #081113;
    border-radius: 7px; }

.singel-garden {
  position: relative;
  margin-bottom: 30px; }
  @media (max-width: 1440px) {
    .singel-garden.mt--60 {
      margin-top: -37px; } }
  @media (max-width: 1300px) {
    .singel-garden.mt--60 {
      margin-top: -30px; } }
  @media (max-width: 1024px) {
    .singel-garden.mt--60 {
      margin-top: -20px; } }
  @media (max-width: 991px) {
    .singel-garden.mt--60 {
      margin-top: 0px; } }
  .singel-garden .overlay {
    background: #000;
    opacity: .3; }
  .singel-garden figure {
    overflow: hidden; }
    .singel-garden figure img {
      transition: all 300ms linear 0s; }
  .singel-garden a {
    color: #ffffff; }
    .singel-garden a:hover {
      opacity: .7; }
  .singel-garden .text-wrap {
    width: 100%;
    padding: 0 40px;
    position: absolute;
    bottom: 80px; }
    @media (max-width: 1440px) {
      .singel-garden .text-wrap {
        padding: 0 20px; } }
    .singel-garden .text-wrap h3 {
      font-size: 30px;
      margin-bottom: 10px; }
      @media (max-width: 1199px) and (min-width: 992px) {
        .singel-garden .text-wrap h3 {
          font-size: 20px; } }
      @media (max-width: 576px) {
        .singel-garden .text-wrap h3 {
          font-size: 20px; } }
  .singel-garden:hover img {
  -webkit-transform: scale(1.14);
  transform: scale(1.14);
}
@media (max-width: 576px) {
.worksamples .single-element {margin:0; padding:0; position:relative}
}

/*iPad in landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
.intro-section .group-content {margin-top: -160px; min-height: 410px}
#gardening-cat img {width: 100%; height: auto;}
}

/*iPad in portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

.process-inner h1 {font-size: 20px}
.process-inner p {font-size: 16px}
.slide-gardening .container {margin-top: 60px!important}
.slide-gardening h1 {margin-top: 60px; padding-top: 60px}
.intro-section .group-content {margin-top: -160px; min-height: 480px}
.intro-section .group-content h1 {margin-top: -60px}
#gardening-cat img {width: 100%; height: auto;}

}


  /* Iphone 6 */
@media only screen
   and (max-width : 750px)
   and (max-height : 1334px) {
.col-xs-12.col-left,.col-xs-12.col-right {width: 100%!important; display: block; clear: both}
}


  /* Iphone 6+ */
@media only screen
   and (max-width : 1125px)
   and (max-height : 2001px) {
.navbar img {padding-left: 15px!important}
.nav-item {text-align: center; font-size: 16px}
.path-frontpage .services-area .right-side img {width: 100%!important; height: auto!important}
.intro-section .field--name-field-image {float: left}
.intro-section .field--name-field-image  {margin-right: -25px; padding-left: 0}
.content.intro-section {margin-top:0; padding-top: 0}
.slide-gardening {margin-top:200px; z-index: 1090; display: block; clear: both}
.slide-gardening .singel-garden { width: 100%; display: block;z-index: 1091}
.logo img {width: 140px; height: auto}
.page-node-6 .col-lg-12,.page-node-6 .single-element {padding-left: 15px; padding-right: 15px;margin-left: 15px; margin-right: 15px}
.page-node-6 h2 {}
.left-side { text-align: center; padding-bottom: 15px; margin-bottom: 15px}
.left-side h1.alt-font {color: #000!important; font-size: 28px; display: block;text-align: center; margin-top: 20px; position: relative; }
.col-xs-12.col-left,.col-xs-12.col-right {width: 100%!important; display: block; clear: both}
.col-md-12.teaser,.body-text{padding-left: 15px; padding-right: 15px}
.body-text,.col-md-12{margin-left: 15px; margin-right: 15px}
.col-xs-12.col-left h1 {padding-top: 0}
.page-body {margin-left:15px; margin-right:15px; padding-right: 15px; padding-left: 15px }
p.more.fadeInRight {margin-top: 15px!important; padding-top: 15px!important}
.view-our-services .views-field-body p,.view-our-team-members p{margin-bottom: 15px!important; line-height: 140%; font-size: 16px!important}
.footer,.footer p,.footer ul li.footer .text-right {text-align: center!important; line-height: 160%; font-size: 14px; text-transform: none!important}
.footer ul li {padding-bottom: 15px}
.footer h2:before {margin-left: auto; margin-right: auto;}
.node--type-ansatt h1 {font-size: 18px}
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {


}

@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape) {
.path-frontpage .services-area .right-side img {
  width: 100%!important; height: auto!important
}
.left-side,.left-side p {width: 100%}
.logo {margin-left: auto; margin-right: auto}
.content.intro-section {padding-left: 15px; padding-right: 15px}
}

}


    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 480px) {

}


    /* Custom, iPhone Retina */
    @media only screen and (max-width : 320px) {

    }

/*Edge*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  .page-node-44 #example-tag {
    background: green!important; margin-right: auto; margin-left: 50%;
  }
  
}
/*Print*/
@media print{*{background:transparent !important;color:black !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}mg{max-width:100% !important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}