/* cmsms stylesheet: main modified: 02.10.2018 17:24:23 */
/* Colors */
.white {background-color: #FFFFFF;}
.dark {background-color: #202020;}
.black {background-color: #000000;}
.info {background-color: #5755D9;}
.success {background-color: #32B643;}
.warning {background-color: #FFB700;}
.error {background-color: #E85600;}
.green {background-color: #83B24C;}
.transparent {background-color: transparent;}

/* Global */
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
html {
  font-size: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container {margin: auto; padding: 0; width: 80%; height: 100%;}
.container-fluid {margin: auto; padding: 0; width: 100%; height: 100%;}
.float-right{float:right;}
.float-left{float:left;}
.clear::after{content:""; display:block; clear:both;}
.none {display: none;}
img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
/* Text & Fonts */
body {
  font-family: 'Exo', sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .01em;
}
h1, h2, h3, h4, h5, h6 {font-weight: 400; margin: 1rem 0;}
h1 {font-size: 4rem;}
h2 {font-size: 3rem;}
h3 {font-size: 2.4rem;}
h4 {font-size: 2.1rem;}
h5 {font-size: 1.8rem;}
h6 {font-size: 1.6rem;}
p {font-size: 1.6rem; font-weight: 400; margin: 1rem 0;}
a {font-size: 1.6rem; text-decoration: none;}
q {font-size: 1.6rem; font-weight: 300; font-style: italic;}
blockquote {font-size: 2.7rem;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}
.col {padding: 0;}
.scale-up:hover {
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  transform: scale(1.11);
}

/* Scrollbar */
::-webkit-scrollbar {width: 1rem;}
::-webkit-scrollbar-track {background: #F2F2F2;}
::-webkit-scrollbar-thumb {background: #666666;}
::-webkit-scrollbar-thumb:hover {background: #83B24C;}

/* Selection Text on Page */
::-moz-selection {color: #000000; background: #F2F2F2;}
::selection {color: #000000; background: #F2F2F2;}

/* Swiper Slider buttons */
.swiper-container button {border: none;}
.swiper-container button:hover {background: #3D6115;}
.swiper-container button:focus {outline: none;}
/* .swiper-slide-active {opacity: 1;}
.swiper-slide-next, .swiper-slide-prev {opacity: 0;} */

/* More Button */
a.morebutton {
  width: 15rem;
  height: 5rem;
  padding: 1rem;
  font-size: 1.6rem;
  color: #FFFFFF;
  background-color: #83B24C;
  border-radius: 2.5rem;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all .4s linear 0s;
  transition: all .4s linear 0s;
}
a.morebutton:hover {
  color: #F2F2F2;
  background-color: #3D6115;
}
/* CTA */
a.cta {
  position: relative;
  font-size: 2rem;
  width: 20rem;
  height: 5rem;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  border-radius: 3rem;
  background-color: #83B24C;
  -webkit-transition: all .4s linear 0s;
  transition: all .4s linear 0s;
}
a.cta-lg {width: 23rem !important;}
a.cta button {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
  width: 4rem;
  position: absolute;
  right: 0.5rem;
  border-radius: 50%;
  background-color: #FFFFFF;
  -webkit-transition: all .4s linear 0s;
  transition: all .4s linear 0s;
  cursor: pointer;
}
a.cta button:focus {outline: none;}
a.cta button img {width: 50%;}
a.cta-green {
  color: #FFFFFF;
  background-color: #83B24C;
}
a.cta-green:hover{
  color: #83B24C;
  background-color: #FFFFFF;
}
a.cta-green button:hover {
  background-color: #83B24C;
}
a.cta-white {
  color: #83B24C;
  background-color: #FFFFFF;
}
a.cta-white:hover {
  color: #FFFFFF;
  background-color: #3D6115;
}
a.cta-white button {
  background-color: #83B24C;
}
a.cta-white button:hover {
  background-color: #FFFFFF;
}



/* Form */
.form {box-sizing: border-box;}
input[type=text], input[type=email], input[type=tel], textarea {
  font-family: 'Exo', sans-serif;
  font-size: 1.6rem;
  text-align: center;
  width: 100%;
  background-color: transparent;
  color: #FFFFFF;
  padding: 1rem 1rem;
  margin: .5rem 0;
  box-sizing: border-box;
  border: .1rem solid #83B24C;
  transition: all 0.3s linear;
  outline: none;
  resize: none;
}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus {
  border: .1rem solid #83B24C;
  background-color: #3D6115;
  color: #FFFFFF;
}
input[type=submit] {
  width: 12rem;
  height: 4rem;
  padding: 1rem;
  font-size: 1.6rem;
  color: #FFFFFF;
  background-color: #83B24C;
  border-radius: 2rem;
  border: none;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all .4s linear 0s;
  transition: all .4s linear 0s;
}
input[type=submit]:focus {outline: none;}
input[type=submit]:hover {
  border: none;
  color: #F2F2F2;
  background-color: #3D6115;
  transition: all .3s linear;
}
form .submit {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 2rem;
}
.formbuilderform {
  display: -webkit-flex;
  display: flex;
  flex-flow: column wrap;
  align-items: flex-end;
  justify-content: center;
}
.formbuilderform .required {width: 100%;}
.send_message {
  text-align: center;
  padding: 1rem;
  background-color: #83B24C;
}
.error_message {
  background-color: #ff1c1c;
  padding: 1rem;
}
.error_message ul {list-style: none;}
/* Form ----> End */

/* Preloader */
.loader-wrapp {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  background-color: #83B24C;
}
.lds-hourglass {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
}
.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  margin: 6px;
  box-sizing: border-box;
  border: 26px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}

/* ---- HEADER ----*/

/* Navigation - Start */
#sitenav {
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9999;
  min-height: 12vh;
  -webkit-transition: all .4s linear;
  transition: all .4s linear;
}
.mobile-nav {display: none;}
.nav-col {
  display: -webkit-flex;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-evenly; 
}
.lang-link {
  text-align: right;
  display: block;
}
.lang-link a {
  font-size: 1.5rem;
  height: 3.5rem;
  width: 3.5rem;
  border-radius: 50%;
  display: -webkit-inline-flex;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all .3s ease-in 0s;
  transition: all .3s ease-in 0s;
}
.lang-link a:hover {
  background-color: #83B24C;
  color: #FFFFFF;
}
.lang-link a.selected {
  background-color: #83B24C;
  color: #FFFFFF;
}
#navigation {
  /* display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  justify-content: space-between; */
}
#navigation ul {
  display: -webkit-flex;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  margin: 0;
  list-style: none;
}
#navigation ul li {
  list-style: outside none none;
  position: relative;
  padding-left: 3rem;
}
#navigation ul li a {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  font-size: 2rem;
  color: #000000;
  text-decoration: none;
  letter-spacing: 1px;
  outline: 0;
  width: 100%;
  text-shadow: 1px 0px 0px transparent;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
#navigation ul li a:hover {
  text-shadow: 1px 0px 0px rgba(131,178,76,1);
  color: #83B24C;
}
#navigation ul li a.active {
  text-shadow: 0px 0px 0px rgba(131,178,76,1);
  font-weight: 700;
  color: #83B24C;
}
/* Navigation - End **/

/* Logo */
.logo a,
.mobile-logo a{
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.logo a h1,
.mobile-logo a h1 {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
}
.logo a h1 img,
.mobile-logo a h1 img {width: 75%;}

#showcase {
  background: url("/assets/images/showcase.jpg") no-repeat center center fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 120vh;
  overflow: hidden;
}
.showcase-row {
  justify-content: flex-end;
}
.showcase-col {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 0;
  background-color: rgba(0,0,0,.44);
  min-height: 120vh;
}
.showcase-content {
  padding-left: 3rem;
}
.showcase-content h1 {
  color: #FFFFFF;
}

/* ---- SECTIONS STYLES ---- */
.section-title {
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}
.section-title h1 {font-weight: 700; font-size: 4.4rem;}

/* ---- ABOUT SECTION ----*/
#aboutPL, #aboutDE {
  overflow: hidden;
}
.fi-a-row .section-title {padding-left: 20%;}
.about-col {
  padding-left: 20%;
  color: #FFFFFF;
  background-color: rgba(0,0,0,.44);
  border-left: 1rem #83B24C solid;
}
.tree-icon img {width: 100%;}
.se-a-row {
  background: url("/assets/images/about_1.jpg") no-repeat center center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.about-text {padding: 5rem 0;}
.about-more {padding-bottom: 5rem;}
.th-a-row {
  background: url("/assets/images/about_2.jpg") no-repeat center center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  min-height: 66.66666665%
}
.about-cta {
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
}
.fo-a-row {min-height: 33.33333332%}

/* ---- OFFER SECTIONS ----*/
#offerPL, #offerDE {}
.block-text {padding: 5%;}
/* Slider Style - Start */
.sliderImage {height: 100%;}
.sliderText .swiper-slide .item-title {font-weight: 700;}
.sliderText .swiper-slide .item-content {padding: 2rem 0;}
.img-item img {height: 100%; width: 100%;}
.swiper-pagination {
  bottom: 0 !important;
  left: auto !important;
  right: 0 !important;
  width: auto !important;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
}
.swiper-pagination-bullet {
  margin: 0 !important;
  background-position: center center;
  width: 7rem;
  height: 7rem;
  background-repeat: no-repeat;
  border-radius: inherit;
  background-color: #FFFFFF;
  opacity: 1;;
}
.swiper-pagination-bullet:nth-child(1) {background-image: url(/assets/images/plasma_g.png);}
.swiper-pagination-bullet:nth-child(2) {background-image: url(/assets/images/truck_g.png);}
.swiper-pagination-bullet:nth-child(3) {background-image: url(/assets/images/saw_g.png);}
.swiper-pagination-bullet-active {background-color: #83B24C; border: 1px #00000033 solid;}
.swiper-pagination-bullet-active:focus {outline: none;}
.swiper-pagination-bullet-active:nth-child(1) {background-image: url(/assets/images/plasma.png);}
.swiper-pagination-bullet-active:nth-child(2) {background-image: url(/assets/images/truck.png);}
.swiper-pagination-bullet-active:nth-child(3) {background-image: url(/assets/images/saw.png);}
/* .swiper-container {position: static;} */
.sliderText {padding-top: 7rem;}
.slider-nav {
  width: 4rem;
  height: 4rem;
  margin-top: 0;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 99;
}
.sliderText .slider-nav  {top: 0;}
.slider-nav img {width: 50%;}
.offerPrev{
  background: #83B24C;
  left: 0;
}
.offerNext {
  background: #83B24C;
  left: 10%;
}

/* Slider Style - End */

/* ---- GALLERY SECTIONS ----*/
#galleryPL, #galleryDE {
  min-height: 100vh;
}
#galleryPL .container, #galleryDE .container {height: 20vh; padding-top: 2rem;}
#galleryPL .container-fluid, #galleryDE .container-fluid {height: 80vh;}

/* Gallery Slider Start */
.gallerySlider {height: 100%; padding-top: 15vh;}
.gallery-item img {width: 100%; height: 100%;}
.gallerySlider .slider-nav {top: 0;}
.galleryPrev{
  background: #83B24C;
  left: 10%;
}
.galleryNext {
  background: #83B24C;
  left: 14%
}
/* Gallery Slider End */

/* ---- CONTACT SECTIONS ----*/
#contactPL, #contactDE {color: #FFFFFF;}
#contactPL h6, #contactDE h6 {font-size: 1.2rem; font-weight: 700; margin: .5rem 0;}
#contactPL p, #contactDE p {font-size: 1.2rem; margin: .5rem 0;}
#contactPL .container, #contactDE .container { padding: 3rem 0;}
#contactPL .section-title, #contactDE .section-title {justify-content: center; padding-bottom: 3rem;}
.con-txt-head, .con-txt-con {margin-bottom: 2rem;}
.contact-icon, .contact-text {
  display: -webkit-flex;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}
.contact-text * {text-align: center;}
.contact-icon figure {
  margin: 0;
  background-color: #83B24C;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-icon figure img {width: 50%;}
.contact-icon figure i {font-size: 20px;}

/* ---- FOOTER ----*/
footer {
  display: -webkit-flex;
  display: flex;
  min-height: 10vh;
}
#footerPL .row, #footerDE .row  {margin: 0; width: auto;}
#footerPL .partners, #footerDE .partners {
  display: -webkit-flex;
  display: flex;
  align-content: center;
  justify-content: center;
  margin: auto;
}

#footerPL .bot-foot, #footerDE .bot-foot {border-top: 1px #83B24C solid;}
#footerPL .pp-col, #footerDE .pp-col  {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start
}
#footerPL .ss-col, #footerDE .ss-col {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end
} 
#footerPL p, #footerDE p {color: #000000;}
#footerPL a, #footerDE a {color: #000000;}
#footerPL a.pp:hover,
#footerPL a.pp:active,
#footerDE a.pp:hover,
#footerDE a.pp:active{
  color: #83B24C;
  transition: all 0.3s linear;
}
#footerPL a.ss:hover,
#footerPL a.ss:active
#footerDE a.ss:hover,
#footerDE a.ss:active{
  color: #83B24C;
  transition: all 0.3s linear;
}


/* --------------- MEDIA QUERIES ---------------*/
/* XXL Desctops */
@media only screen and (min-width: 1440px) {
  h1 {font-size: 5.5rem;}
  h2 {font-size: 4.4rem;}
  h3 {font-size: 3.5rem;}
  h4 {font-size: 3rem;}
  h5 {font-size: 2rem;}
  .gallerySlider {padding-top: 10vh;}
  #contactPL h6, #contactDE h6 {font-size: 2rem;}
  #contactPL p, #contactDE p {font-size: 2rem;}
  
}

/* XL Devices - Laptops Desctops */
@media only screen and (max-width: 1440px) {
}

/* L Devices - Landscape Tablets & Touch Screen Laptops*/
@media only screen and (max-width: 1180px) {
  html {font-size: 9px;}
  #header, #showcase, .showcase-col {min-height: 100vh;}
}

/* M devices - Portrait Tablets */
@media only screen and (max-width: 940px) {
  .offerNext, .galleryNext {left: 15%;}
  #galleryPL, #galleryDE {min-height: 80vh;}
  #galleryPL .container-fluid, #galleryDE .container-fluid {height: 65vh;}
  #galleryPL .container, #galleryDE .container {height: 15vh;}
  .gallerySlider {padding-top: 10vh;}
}

/* S Devices - Tablets & Landscape Smartphones */
@media only screen and (max-width: 740px) {
 

  /* Mobile Navigation - Start */
  #navigation ul {flex-flow: column;}
  #navigation > ul > li > a {font-size: 2.66rem;}
  #navigation a.active {color: #83B24C;}
  #sitenav .logo-col, .overlay .lang-link {display: none;}
  .mobile-nav {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mobile-nav a {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto 4rem;
  }
  .lang-link {
    display: -webkit-flex;
    display: flex;
  }
  .lang-link a {margin: auto 2rem;}
  .hamburger {
    order: 3;
    position: relative;
    margin: auto 4rem;;
    height: 27px;
    width: 35px;
    cursor: pointer;
    z-index: 100;
    transition: opacity .3s ease;
  }
  .hamburger:hover {opacity: .7;}
  .hamburger.on .top {
    -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
            transform: translateY(11px) translateX(0) rotate(45deg);
    background: #83B24C;
  }
  .hamburger.on .middle {opacity: 0; background: #83B24C;}
  .hamburger.on .bottom {
    -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
            transform: translateY(-11px) translateX(0) rotate(-45deg);
    background: #83B24C;
  }
  .hamburger span {
    background: #83B24C;
    border: none;
    height: 5px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .35s ease;
    cursor: pointer;
    z-index: 5;
  }
  .hamburger span:nth-of-type(2) {top: 11px;}
  .hamburger span:nth-of-type(3) {top: 22px;}
  
  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden;
    z-index: 4;
    transition: all .3s ease;
  }
  .overlay.open {
    opacity: .98;
    visibility: visible;
    height: 100%;
    background-color: #FFFFFF;
    transition: all .3s ease;
  }
  .overlay.open li {
    -webkit-animation: fadeInRight .5s ease forwards;
            animation: fadeInRight .5s ease forwards;
    -webkit-animation-delay: .35s;
            animation-delay: .35s;
  }
  .overlay.open li:nth-of-type(2) {
    -webkit-animation-delay: .4s;
            animation-delay: .4s;
  }
  .overlay.open li:nth-of-type(3) {
    -webkit-animation-delay: .45s;
            animation-delay: .45s;
  }
  .overlay.open li:nth-of-type(4) {
    -webkit-animation-delay: .50s;
            animation-delay: .50s;
  }
  .overlay nav {
    position: relative;
    height: 75%;
    top: 45%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
  }
  .overlay ul {
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    position: relative;
    height: 100%;
  }
  .overlay ul li {
    display: block;
    height: 25%;
    height: calc(100% / 4);
    min-height: 50px;
    position: relative;
    opacity: 0;
  }
  .overlay ul li a {
    display: block;
    position: relative;
    color: #202020;
    text-decoration: none;
    overflow: hidden;
  }
  .overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {width: 100%;}

  @-webkit-keyframes fadeInRight {
    0% {opacity: 0; left: 20%;}
    100% {opacity: 1; left: 0;}
  }
  @keyframes fadeInRight {
    0% {opacity: 0; left: 20%;}
    100% {opacity: 1; left: 0;}
  }
  /* Mobile Navigation - End */
  .tree-icon img {width: 33%;}
  .offerNext {left: 20%;}
  .galleryNext {left: 18%;}
  .about-col {
    padding-left: 0;
    border-left: none;
    padding: 5%;
  }
  .th-a-row {display: none;}
  .about-cta {padding: 5rem 0;}
  #contactPL h6, #contactDE h6 {font-size: 1.8rem;}
  #contactPL p, #contactDE p {font-size: 1.8rem;}
  form .submit  {justify-content: center;}
  .formbuilderform {align-items: center;}
  #footerPL .top-foot, #footerDE .top-foot {padding: 1rem 0;}
  #footerPL .partners, #footerDE .partners {padding: .5rem 0;}
  #footerPL .pp-col,
  #footerPL .ss-col,
  #footerDE .pp-col,
  #footerDE .ss-col {justify-content: center; text-align: center;}
}

/* XS Devices - Portrait Smartphones */
@media only screen and (max-width: 470px) {
  .mobile-nav a, .hamburger {margin: 0 2rem;}
  .lang-link a {margin: auto;}
  .tree-icon {}
  .offerNext {left: 15%;}
  #galleryPL .container, #galleryDE .container  {padding: 0;}
  .galleryNext {left: 25%;}
  
}