@import "fancybox.css";
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
group,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html {
  overflow-y: scroll;
  overflow-x: hidden;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ol,
ul {
  list-style: none;
}
abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
  -webkit-appearance: none;
}
.nixhier {
  display: none;
}
.clearfix {
  clear: both;
  visibility: hidden;
}
.counter-images {
  height: 500px;
  width: 100%;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 990px) {
  .counter-images {
    height: 400px;
  }
}
@media screen and (min-width: 990px) {
  .counter-images .owl-three .owl-nav {
    display: none !important;
  }
}
.counter-images .counter-images-flex {
  height: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.counter-images .counter-images-flex .owl-three {
  height: 100%;
}
.counter-images .counter-images-flex .owl-three .owl-stage-outer {
  height: 100%;
}
.counter-images .counter-images-flex .owl-three .owl-stage-outer .owl-stage {
  height: 100%;
}
.counter-images .counter-images-flex .owl-three .owl-item {
  height: 100%;
}
.counter-images .counter-images-flex .owl-three .owl-item .item {
  height: 100%;
}
.counter-images .counter-images-flex .owl-three .owl-item .one-new {
  height: 100%;
}
.counter-images .counter-images-flex .owl-three .owl-nav {
  margin-top: -200px;
  z-index: 2;
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (max-width: 600px) {
  .counter-images .counter-images-flex {
    flex-wrap: wrap;
  }
}
.counter-images .counter-images-flex .counter-image-1 {
  background-image: url('../img/Fotky/Reference/uvodni-reference/Nagykoros.jpg');
}
.counter-images .counter-images-flex .counter-image-2 {
  background-image: url('../img/Fotky/Reference/uvodni-reference/Policka.jpg');
}
.counter-images .counter-images-flex .counter-image-3 {
  background-image: url('../img/Fotky/Reference/uvodni-reference/Bacsalmas.jpg');
}
.counter-images .counter-images-flex .counter-image-4 {
  background-image: url('../img/Fotky/Reference/uvodni-reference/Pecs.jpg');
}
.counter-images .counter-images-flex .counter-image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 600px) {
  .counter-images .counter-images-flex .counter-image {
    width: 100%;
  }
}
.counter-images .counter-images-flex .counter-image:hover {
  display: block;
}
.counter-images .counter-images-flex .counter-image:hover .content:before {
  opacity: 1;
  visibility: visible;
}
.counter-images .counter-images-flex .counter-image:hover .content .center-content {
  opacity: 1;
  visibility: visible;
}
.counter-images .counter-images-flex .counter-image .content {
  height: 100%;
  width: 100%;
  margin: 0;
  transition: .2s ease-in;
  background: linear-gradient(to bottom,transparent,rgba(0,0,0,0));
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
}
.counter-images .counter-images-flex .counter-image .content:before {
  content: "";
  position: absolute;
  width: 100%;
  opacity: 0;
  transition: .2s ease-in;
  visibility: hidden;
  height: 100%;
  bottom: 0px;
  left: 0px;
  background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.7));
}
@media screen and (max-width: 990px) {
  .counter-images .counter-images-flex .counter-image .content:before {
    opacity: 1;
    visibility: visible;
  }
}
.counter-images .counter-images-flex .counter-image .content .center-content {
  margin-top: 320px;
  z-index: 10;
  transition: .2s ease-in;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 990px) {
  .counter-images .counter-images-flex .counter-image .content .center-content {
    opacity: 1;
    visibility: visible;
  }
}
.counter-images .counter-images-flex .counter-image .content .center-content .heading {
  position: relative;
  right: 10px;
  text-align: center;
}
.counter-images .counter-images-flex .counter-image .content .center-content .heading p {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  padding-bottom: 5px;
}
.counter-images .counter-images-flex .counter-image .content .center-content .location {
  color: #fff;
  font-weight: 100;
  position: relative;
  text-align: center;
}
.counter-images .counter-images-flex .counter-image .content .center-content .location span {
  color: #ff0000;
  font-weight: 700;
}
.counter-images .counter-images-flex .counter-image .content .center-content .location:before {
  content: "";
  position: absolute;
  top: -2px;
  margin-left: -20px;
  width: 20px;
  height: 20px;
  background: url('../img/pin.svg') no-repeat;
}
@media screen and (max-width: 990px) {
  .counter-images .counter-images-flex .counter-image {
    width: 100%;
  }
  .counter-images .counter-images-flex .counter-image .content .center-content {
    margin-top: 240px;
  }
}
body {
  font-family: 'Titillium Web', sans-serif;
  font-size: 16px;
  overflow: hidden;
  background: #F8F8F8;
}
* {
  text-rendering: optimizeLegibility;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: 'Titillium Web', sans-serif;
  font-size: 16px;
}
.wrapper {
  margin: 0 auto;
  width: 94%;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .wrapper {
    width: 1100px;
  }
}
@media screen and (max-width: 1280px) {
  .wrapper {
    width: 1000px;
  }
}
@media screen and (max-width: 990px) {
  .wrapper {
    width: 990px;
  }
}
@media screen and (max-width: 768px) {
  .wrapper {
    width: 768px;
  }
}
@media screen and (max-width: 600px) {
  .wrapper {
    width: 90%;
  }
}
@media screen and (min-width: 1600px) {
  .wrapper {
    width: 1200px;
  }
}
a {
  text-decoration: underline;
  color: inherit;
}
a:hover {
  text-decoration: none;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.main-hero {
  background: transparent;
  padding-top: 60px;
  padding-bottom: 160px;
  position: relative;
}
.main-hero .our-video-section {
  position: absolute;
  right: 60px;
  top: 60px;
  z-index: 10;
}
.main-hero .our-video-section a {
  text-decoration: none;
}
.main-hero .our-video-section a img {
  width: 45px;
  height: auto;
  transition: .2s ease-in;
}
.main-hero .our-video-section a img:hover {
  transform: scale(1.1);
}
.main-hero .our-video-section a .our-video-heading {
  color: #fff;
  font-weight: 200;
  text-transform: uppercase;
  font-size: 24px;
  padding-top: 15px;
  padding-bottom: 10px;
}
.main-hero .our-video-section a .our-video-text {
  color: #fff;
  line-height: 1.5;
  font-weight: 200;
}
.main-hero .our-video-section a .our-video-text span {
  display: block;
}
@media screen and (max-width: 990px) {
  .main-hero .our-video-section {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-left: 40px;
    right: unset;
    top: unset;
  }
  .main-hero .our-video-section:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background: url('../img/white-dotted-hr.svg');
    height: 1px;
    width: 200px;
  }
  .main-hero .our-video-section a .our-video-text span {
    display: unset;
  }
  .main-hero .our-video-section a .our-video-text span:last-of-type {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .main-hero .our-video-section {
    margin-left: 20px;
  }
}
.main-hero .main-hero-section {
  width: 90%;
  margin: auto;
}
.main-hero .main-hero-section h1 {
  color: #ff0000;
  font-size: 30px;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  .main-hero .main-hero-section h1 {
    line-height: 34px;
  }
}
.main-hero .main-hero-section h2 {
  color: #fff;
  padding-top: 10px;
  font-size: 26px;
  font-weight: 400;
}
@media screen and (max-width: 600px) {
  .main-hero .main-hero-section h2 {
    line-height: 28px;
  }
}
.main-hero .main-hero-section .pros-list-section {
  margin-top: 40px;
  margin-bottom: 40px;
}
.main-hero .main-hero-section .pros-list-section .pros-list {
  list-style: none;
  position: relative;
  color: #fff;
  height: 100%;
}
.main-hero .main-hero-section .pros-list-section .pros-list:after {
  position: absolute;
  top: 0;
  content: '';
  background: url('../img/white-dashed-hr.svg');
  height: 83%;
  margin-top: 1%;
  margin-left: 6px;
  width: 1px;
}
.main-hero .main-hero-section .pros-list-section .pros-list li {
  position: relative;
  color: #fff;
  z-index: 1;
  padding-left: 25px;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 300;
}
@media screen and (max-width: 600px) {
  .main-hero .main-hero-section .pros-list-section .pros-list li {
    line-height: 22px;
  }
}
.main-hero .main-hero-section .pros-list-section .pros-list li:first-of-type {
  padding-top: 0;
}
.main-hero .main-hero-section .pros-list-section .pros-list li:before {
  position: absolute;
  left: 0px;
  margin-top: -3px;
  content: '\25CF';
  font-size: 22px;
  color: #ff0000;
}
.main-hero .main-hero-section .main-hero-more-info {
  padding-bottom: 30px;
}
.main-hero .main-hero-section .main-hero-more-info a {
  color: #fff;
  background: url('../img/button-inner-white.svg');
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 36px;
  background-color: #ff0000;
  font-size: 16px;
  font-weight: 300;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 70px;
  border-radius: 100px;
  text-decoration: none;
}
.main-hero .main-hero-section .main-hero-more-info a:hover {
  transition: 0.3s;
  background-color: #3fd53c;
}
.main-hero.agrifve .main-hero-section h1 {
  color: #27BA45;
  font-size: 30px;
  text-transform: uppercase;
}
.main-hero.agrifve .main-hero-section .pros-list-section .pros-list li:before {
  color: #27BA45;
}
.main-hero.agrifve .main-hero-section .main-hero-more-info a {
  background-color: #27BA45;
}
.main-hero.agrifve .main-hero-section .main-hero-more-info a:hover {
  background-color: #08E935;
}
@media screen and (max-width: 990px) {
  .contact-hero {
    padding-top: 90px;
  }
}
.about-us-section {
  margin-top: -450px;
  z-index: 2;
}
@media screen and (max-width: 990px) {
  .about-us-section {
    margin-top: -350px;
  }
}
@media screen and (max-width: 600px) {
  .about-us-section {
    margin-top: -300px;
  }
}
@media screen and (max-width: 480px) {
  .about-us-section {
    margin-top: -180px;
  }
}
.about-us-section .wrapper {
  background: #fff;
}
.about-us-section .wrapper .about-us-content {
  box-shadow: 0 10px 20px rgba(218,218,218,0.22), 0 15px 30px rgba(218,218,218,0.22);
  padding: 60px;
}
@media screen and (max-width: 600px) {
  .about-us-section .wrapper .about-us-content {
    padding: 20px;
  }
}
.about-us-section .wrapper .about-us-content .top-section {
  display: flex;
  color: #333;
  line-height: 2;
}
@media screen and (max-width: 600px) {
  .about-us-section .wrapper .about-us-content .top-section {
    line-height: 1.5;
  }
}
.about-us-section .wrapper .about-us-content .top-section .text {
  width: 70%;
  margin-right: 80px;
}
.about-us-section .wrapper .about-us-content .top-section .text h2,
.about-us-section .wrapper .about-us-content .top-section .text p {
  font-weight: 300;
}
.about-us-section .wrapper .about-us-content .top-section .text h2 {
  font-size: 25px;
  line-height: 1.3;
}
@media screen and (max-width: 600px) {
  .about-us-section .wrapper .about-us-content .top-section .text h2 {
    line-height: 34px;
    margin-bottom: 20px;
  }
}
.about-us-section .wrapper .about-us-content .top-section .text-en {
  width: 100%;
}
.about-us-section .wrapper .about-us-content .top-section .logos {
  width: 45%;
  margin-top: -90px;
}
.about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing {
  background: #ff0000;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 10px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing h3 {
  font-weight: 200;
  font-size: 25px;
  line-height: 1.2;
  color: #fff;
  padding-bottom: 10px;
}
.about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing p {
  font-weight: 300;
  font-size: 13px;
  line-height: 1.3;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing .top-tuv {
    text-align: center;
  }
}
.about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing .top-tuv .top-logos {
  padding-top: 30px;
  padding-bottom: 20px;
  margin-bottom: 10px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 40px;
  position: relative;
}
@media screen and (min-width: 1440px) {
  .about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing .top-tuv .top-logos {
    gap: 60px;
  }
}
.about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing .top-tuv .top-logos:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  background: url('../img/white-dotted-hr.svg');
  height: 1px;
  width: 100%;
  display: none;
}
.about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing .top-tuv .top-logos div {
  width: 50%;
}
.about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing .top-tuv .top-logos div img {
  height: 50px;
  width: auto;
}
@media screen and (max-width: 768px) {
  .about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing .top-tuv .top-logos {
    justify-content: center;
  }
  .about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing .top-tuv .top-logos div {
    width: unset;
  }
}
@media screen and (max-width: 600px) {
  .about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing .top-tuv .top-logos {
    justify-content: unset;
  }
  .about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing .top-tuv .top-logos div {
    width: 50%;
  }
  .about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing .top-tuv .top-logos div img {
    height: 45px;
    width: auto;
  }
}
.about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing .bottom-tuv {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing .bottom-tuv {
    justify-content: center;
  }
}
.about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing .bottom-tuv .bottom-tuv-text {
  transform: translateY(-10px);
}
.about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing .bottom-tuv .bottom-tuv-img img {
  height: 100px;
  width: auto;
}
@media screen and (max-width: 600px) {
  .about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing::before,
.about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing::after {
  content: '';
  position: absolute;
  top: 0;
  left: -18px;
}
.about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 30px 18px;
  border-color: transparent transparent #cc0101 transparent;
}
.about-us-section .wrapper .about-us-content .top-section .logos-en {
  display: none;
}
@media screen and (max-width: 990px) {
  .about-us-section .wrapper .about-us-content .top-section {
    display: block;
  }
  .about-us-section .wrapper .about-us-content .top-section .text {
    width: 100%;
  }
  .about-us-section .wrapper .about-us-content .top-section .logos {
    width: 100%;
    margin-top: 40px;
  }
  .about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing::before,
  .about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
  }
  .about-us-section .wrapper .about-us-content .top-section .logos .logos-spacing::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 0 0;
    border-color: transparent transparent transparent transparent;
  }
}
.about-us-section .wrapper .about-us-content .dotted-line-horizontal-section {
  position: relative;
}
.about-us-section .wrapper .about-us-content .dotted-line-horizontal-section .dotted-line-horizontal:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  background: url('../img/dotted-hr.svg');
  height: 1px;
  width: 100%;
  margin-top: 40px;
}
.about-us-section .wrapper .about-us-content .bottom-section {
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  color: #333;
}
@media screen and (max-width: 600px) {
  .about-us-section .wrapper .about-us-content .bottom-section {
    line-height: 1.5;
    margin-top: 40px;
  }
}
.about-us-section .wrapper .about-us-content .bottom-section .dotted-line-horizontal-section {
  margin-top: 40px;
}
@media screen and (max-width: 600px) {
  .about-us-section .wrapper .about-us-content .bottom-section .dotted-line-horizontal-section {
    margin-top: 0px;
  }
}
.about-us-section .wrapper .about-us-content .bottom-section img {
  max-width: 60px;
  padding-bottom: 30px;
}
.about-us-section .wrapper .about-us-content .bottom-section h3 {
  font-size: 22px;
}
.about-us-section .wrapper .about-us-content .bottom-section h3 span {
  color: #ff0000;
}
.about-us-section .wrapper .about-us-content .bottom-section p {
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 40px;
  max-width: 65%;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .about-us-section .wrapper .about-us-content .bottom-section p {
    max-width: 100%;
  }
}
.about-us-section .wrapper .about-us-content .bottom-section a {
  color: #fff;
  background: url('../img/button-inner-white.svg');
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 25px;
  background-color: #ff0000;
  font-size: 15px;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 40px;
  border-radius: 100px;
  text-decoration: none;
}
.about-us-section .wrapper .about-us-content .bottom-section a:hover {
  transition: 0.3s;
  background-color: #3fd53c;
}
@media screen and (max-width: 990px) {
  .about-us-section .wrapper .about-us-content .bottom-section {
    display: block;
  }
  .about-us-section .wrapper .about-us-content .bottom-section .column {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
  }
  .about-us-section .wrapper .about-us-content .bottom-section .column:last-of-type .dotted-line-horizontal-section {
    display: none;
  }
  .about-us-section .wrapper .about-us-content .bottom-section .column .dotted-line-horizontal-section {
    display: block;
    position: relative;
  }
  .about-us-section .wrapper .about-us-content .bottom-section .column .dotted-line-horizontal-section .dotted-line-horizontal:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: url('../img/dotted-hr.svg');
    height: 1px;
    width: 100%;
    margin-top: 45px;
  }
}
.contact {
  margin-top: -800px;
  z-index: 2;
  margin-bottom: 110px;
}
@media screen and (max-width: 768px) {
  .contact {
    margin-top: -70px;
  }
}
.contact .wrapper {
  background: #fff;
}
.contact .wrapper .contact-content {
  box-shadow: 0 10px 20px rgba(218,218,218,0.22), 0 15px 30px rgba(218,218,218,0.22);
  padding: 60px;
  display: flex;
  justify-content: space-between;
}
.contact .wrapper .contact-content-left {
  position: relative;
  width: 60%;
}
.contact .wrapper .contact-content-left h2 {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 200;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .contact .wrapper .contact-content-left h2 {
    font-size: 26px;
  }
}
.contact .wrapper .contact-content-left h2:before {
  display: block;
  content: '';
  width: 50px;
  height: 3px;
  background: #e2e2e2;
  position: absolute;
  bottom: -30px;
  left: 0;
}
.contact .wrapper .contact-content-left h2 strong {
  font-weight: bold;
  display: block;
  margin-top: 10px;
}
.contact .wrapper .contact-content-left-telephone {
  position: absolute;
  right: 0px;
  top: 0px;
}
.contact .wrapper .contact-content-left-telephone li {
  padding-left: 30px;
  font-size: 18px;
  margin-bottom: 50px;
  position: relative;
}
.contact .wrapper .contact-content-left-telephone li:nth-child(1):before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: url(../img/telefon.svg) center left no-repeat;
}
.contact .wrapper .contact-content-left-telephone li span {
  font-size: 11px;
  color: #444;
}
.contact .wrapper .contact-content-left-telephone li strong {
  font-size: 22px;
  font-weight: bold;
  display: block;
  margin-top: 7px;
}
.contact .wrapper .contact-content-left-telephone li strong span {
  font-size: 22px;
  color: #ff0000;
}
.contact .wrapper .contact-content-left form {
  position: relative;
  margin-top: 60px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact .wrapper .contact-content-left form .form-submit {
  margin: 0 auto;
}
.contact .wrapper .contact-content-left form .form-flex {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact .wrapper .contact-content-left form input {
  width: 40%;
  background: #F9F9F9;
  border: 0px;
  padding: 20px;
  max-width: 285px;
  display: inline-block;
  margin-bottom: 40px;
}
.contact .wrapper .contact-content-left form .form-input-textarea {
  resize: none;
  background: #F9F9F9;
  width: 100%;
  color: #222;
  font-weight: 400;
  border: none;
  margin-top: 0px;
  margin-bottom: 15px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 20px;
  font-family: 'Titillium Web', sans-serif;
}
.contact .wrapper .contact-content-left form .form-input-textarea::-webkit-input-placeholder {
  color: #666;
}
.contact .wrapper .contact-content-left form .form-input-textarea:-moz-placeholder {
  color: #666;
}
.contact .wrapper .contact-content-left form .form-input-textarea::-moz-placeholder {
  color: #666;
}
.contact .wrapper .contact-content-left form .form-input-textarea:-ms-input-placeholder {
  color: #666;
}
.contact .wrapper .contact-content-left form .form-input-textarea::placeholder {
  color: #848484;
}
@media screen and (max-width: 1280px) {
  .contact .wrapper .contact-content-left form .form-input-textarea {
    border: none;
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .contact .wrapper .contact-content-left form .form-input-textarea {
    border: none;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 20px;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .contact .wrapper .contact-content-left form .form-input-textarea {
    width: 90%;
  }
}
.contact .wrapper .contact-content-left form .form-submit {
  width: 90%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1280px) {
  .contact .wrapper .contact-content-left form .form-submit {
    width: 90%;
  }
  .contact .wrapper .contact-content-left form .form-submit .form-submit-button {
    margin-right: 5%;
  }
  .contact .wrapper .contact-content-left form .form-submit .form-submit-gdpr {
    margin-left: 5%;
  }
}
@media screen and (max-width: 768px) {
  .contact .wrapper .contact-content-left form .form-submit {
    width: 100%;
  }
  .contact .wrapper .contact-content-left form .form-submit .form-submit-button {
    margin-right: 10%;
    width: 120px;
  }
  .contact .wrapper .contact-content-left form .form-submit .form-submit-gdpr {
    margin-left: 10%;
  }
}
@media screen and (max-width: 600px) {
  .contact .wrapper .contact-content-left form .form-submit {
    width: 100%;
    display: block;
  }
  .contact .wrapper .contact-content-left form .form-submit .form-submit-button {
    margin-right: 0%;
    margin-left: 0px;
  }
  .contact .wrapper .contact-content-left form .form-submit .form-submit-gdpr {
    margin-bottom: 10px;
    margin-left: 0px;
  }
}
.contact .wrapper .contact-content-left form .form-submit .form-submit-button input {
  width: 100%;
  color: #fff;
  border: none;
  cursor: pointer;
  background: url('../img/button-inner-white.svg');
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 25px;
  background-color: #ff0000;
  font-size: 15px;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 40px;
  border-radius: 100px;
  text-decoration: none;
}
.contact .wrapper .contact-content-left form .form-submit .form-submit-button input:hover {
  transition: 0.3s;
  background-color: #3fd53c;
}
.contact .wrapper .contact-content-left form .form-submit .form-submit-gdpr p {
  padding-top: 10px;
  font-size: 10px;
  line-height: 1.5;
}
.contact .wrapper .contact-content-left .map {
  width: 100%;
  margin-top: -17px;
}
.contact .wrapper .contact-content-right {
  width: 30%;
  position: relative;
}
.contact .wrapper .contact-content-right:after {
  position: absolute;
  top: 0;
  left: -60px;
  content: '';
  background: url('../img/dotted-vr.svg');
  height: 100%;
  margin-top: 1%;
  margin-left: 6px;
  width: 1px;
}
.contact .wrapper .contact-content-right h3 {
  font-size: 26px;
  text-transform: uppercase;
  font-weight: 200;
  position: relative;
}
.contact .wrapper .contact-content-right h3:before {
  display: block;
  content: '';
  width: 50px;
  height: 3px;
  background: #e2e2e2;
  position: absolute;
  bottom: -20px;
  left: 0;
}
.contact .wrapper .contact-content-right h3 strong {
  font-weight: bold;
}
.contact .wrapper .contact-content-right ul {
  margin-top: 50px;
}
.contact .wrapper .contact-content-right ul li {
  margin-bottom: 10px;
}
.contact .wrapper .contact-content-right ul li:first-child {
  font-size: 26px;
  color: #ff0000;
  font-weight: bold;
}
@media screen and (max-width: 1280px) {
  .contact .wrapper .contact-content-left ul li::before {
    display: none;
  }
}
@media screen and (max-width: 990px) {
  .contact .wrapper {
    width: 100%;
  }
  .contact .wrapper .contact-content {
    flex-direction: column;
  }
  .contact .wrapper .contact-content-left {
    width: 100%;
  }
  .contact .wrapper .contact-content-left ul {
    position: static;
    padding-top: 80px;
    margin-left: 20px;
  }
  .contact .wrapper .contact-content-left ul li::before {
    display: block;
  }
  .contact .wrapper .contact-content-right {
    width: 100%;
    margin-top: 40px;
    padding-top: 40px;
  }
  .contact .wrapper .contact-content-right::after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: url('../img/dotted-hr.svg');
    height: 1px;
    width: 100%;
    margin-top: 0px;
  }
}
@media screen and (max-width: 768px) {
  .contact .wrapper .contact-content-left .map {
    margin-top: 40px;
  }
}
@media screen and (max-width: 600px) {
  .contact .wrapper .contact-content {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .contact .wrapper .contact-content-left form .form-flex {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .contact .wrapper .contact-content-left form .form-flex input {
    max-width: 90%;
    width: 100%;
  }
}
.agrifve-about {
  margin-top: -500px;
  z-index: 2;
}
@media screen and (max-width: 1280px) {
  .agrifve-about .logos {
    margin-top: -364px !important;
  }
}
@media screen and (max-width: 768px) {
  .agrifve-about .logos {
    margin-top: -394px !important;
  }
}
@media screen and (max-width: 600px) {
  .agrifve-about-content .top-section {
    display: block !important;
  }
  .agrifve-about-content .logos {
    position: static !important;
    width: 100% !important;
    margin-top: 40px !important;
  }
  .agrifve-about-content .logos:before {
    top: 0px !important;
    left: 0px !important;
    width: 0px !important;
    height: 0px !important;
    background: none !important;
  }
}
@media screen and (max-width: 768px) {
  .agrifve-about .wrapper {
    width: 100%;
  }
  .agrifve-about .bottom-section {
    text-align: center;
  }
}
.agrifve-about .wrapper {
  background: #fff;
}
.agrifve-about-content {
  box-shadow: 0 10px 20px rgba(218,218,218,0.22), 0 15px 30px rgba(218,218,218,0.22);
  padding: 90px 60px;
}
@media screen and (max-width: 990px) {
  .agrifve-about-content {
    padding: 90px 20px;
  }
}
.agrifve-about-content .top-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  color: #333;
  position: relative;
}
.agrifve-about-content .top-section h2 {
  font-size: 25px;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 20px;
  flex: none;
  font-weight: 300;
}
.agrifve-about-content .top-section h2 strong {
  font-weight: bold;
}
.agrifve-about-content .top-section .agrifve-about-content-left {
  width: 100%;
  margin-right: 80px;
}
.agrifve-about-content .top-section .agrifve-about-content-left h2,
.agrifve-about-content .top-section .agrifve-about-content-left p {
  font-weight: 300;
  margin-bottom: 50px;
  line-height: 2;
}
.agrifve-about-content .top-section .agrifve-about-content-left a {
  color: #fff;
  background: url('../img/button-inner-white.svg');
  background-repeat: no-repeat;
  background-position: 93% 50%;
  background-size: 28px;
  background-color: #27BA45;
  font-size: 16px;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 40px;
  border-radius: 100px;
  text-decoration: none;
  transition: .2s ease-in;
}
.agrifve-about-content .top-section .agrifve-about-content-left a:hover {
  background-color: #08E935;
}
.agrifve-about-content .top-section .agrifve-about-content-right {
  width: 50%;
}
.agrifve-about-content .top-section .agrifve-about-content-right h2,
.agrifve-about-content .top-section .agrifve-about-content-right p {
  font-weight: 300;
}
.agrifve-about-content .top-section .agrifve-about-content-right ul {
  list-style: none;
  position: relative;
  height: 100%;
}
.agrifve-about-content .top-section .agrifve-about-content-right ul:after {
  position: absolute;
  top: 0;
  content: '';
  background: url('../img/black-dashed-hr.svg');
  height: 83%;
  margin-top: 1%;
  margin-left: 6px;
  width: 1px;
}
.agrifve-about-content .top-section .agrifve-about-content-right ul li {
  position: relative;
  z-index: 1;
  height: 100%;
  font-size: 16px;
  padding-bottom: 15px;
  font-weight: 300;
}
.agrifve-about-content .top-section .agrifve-about-content-right ul li:first-of-type {
  padding-top: 0;
}
.agrifve-about-content .top-section .agrifve-about-content-right ul li:before {
  content: '\25CF';
  margin-right: 10px;
  font-size: 22px;
  color: #27BA45;
}
.agrifve-about-content .logos {
  position: absolute;
  width: 20%;
  right: 5%;
  margin-top: -332px;
}
.agrifve-about-content .logos:before {
  content: "";
  position: absolute;
  top: 0px;
  left: -10px;
  width: 11px;
  height: 20px;
  background: url(../img/logos-before.svg);
}
.agrifve-about-content .logos .logos-spacing {
  background: #27BA45;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.agrifve-about-content .logos .logos-spacing div {
  width: 100px;
  height: auto;
}
.agrifve-about-content .logos .logos-spacing div img {
  max-height: 100%;
  max-width: 100%;
}
.agrifve-about-content .dotted-line-horizontal-section {
  position: relative;
}
.agrifve-about-content .dotted-line-horizontal-section .dotted-line-horizontal:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  background: url('../img/dotted-hr.svg');
  height: 1px;
  width: 100%;
  margin-top: 40px;
}
.agrifve-about .bottom-section {
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  color: #333;
}
@media screen and (max-width: 600px) {
  .agrifve-about .bottom-section {
    display: block;
  }
  .agrifve-about .bottom-section div:first-of-type img {
    padding-top: 0;
  }
  .agrifve-about .bottom-section img {
    padding-top: 40px;
  }
}
.agrifve-about .bottom-section img {
  max-width: 60px;
  padding-bottom: 30px;
}
.agrifve-about .bottom-section h3 {
  font-size: 22px;
}
.agrifve-about .bottom-section h3 span {
  color: #27BA45;
}
.agrifve-about .bottom-section p {
  font-weight: 300;
  padding-top: 10px;
}
.roof-instalation-fve {
  margin-top: -600px;
  z-index: 10;
  position: relative;
}
@media screen and (max-width: 990px) {
  .roof-instalation-fve {
    margin-top: -700px;
  }
  .roof-instalation-fve .wrapper {
    width: 100%;
  }
  .roof-instalation-fve .wrapper .roof-instalation-fve-content {
    box-shadow: none;
  }
  .roof-instalation-fve .wrapper .roof-instalation-fve-content .top-section {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .roof-instalation-fve .wrapper .roof-instalation-fve-content .bottom-section figure table tr th {
    padding-left: 20px;
  }
  .roof-instalation-fve .wrapper .roof-instalation-fve-content .bottom-section figure table:first-of-type tbody td {
    padding-left: 20px;
  }
}
.roof-instalation-fve .wrapper {
  background: #fff;
}
.roof-instalation-fve-content {
  box-shadow: 0 10px 20px rgba(218,218,218,0.22), 0 15px 30px rgba(218,218,218,0.22);
}
.roof-instalation-fve-content .top-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  color: #333;
  background: #F8F8F8;
  position: relative;
  padding: 70px;
}
.roof-instalation-fve-content .top-section h2 {
  font-size: 30px;
  text-transform: uppercase;
  width: 33%;
  flex: none;
  font-weight: 300;
}
.roof-instalation-fve-content .top-section h2 strong {
  font-weight: bold;
}
.roof-instalation-fve-content .top-section p {
  width: 66%;
  line-height: 22px;
}
@media screen and (max-width: 600px) {
  .roof-instalation-fve-content .top-section {
    display: inline-block;
  }
  .roof-instalation-fve-content .top-section h2 {
    width: 100%;
    padding-bottom: 40px;
  }
  .roof-instalation-fve-content .top-section p {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .roof-instalation-fve-content .top-section {
    padding-bottom: 60px !important;
  }
}
.roof-instalation-fve-content .bottom-section {
  color: #333;
  padding: 70px;
  position: relative;
}
.roof-instalation-fve-content .bottom-section .bottom-section-buttons {
  position: absolute;
  top: -30px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-buttons button {
  text-align: start;
  cursor: pointer;
  background-color: #333;
  border: none;
  padding: 10px 20px;
  color: #fff;
  padding-left: 50px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-buttons button span {
  display: block;
}
.roof-instalation-fve-content .bottom-section .bottom-section-buttons button span:first-of-type {
  font-size: 14px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-buttons button span:last-of-type {
  font-size: 11px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-buttons button#switch-1-btn {
  background-image: url('../img/fve-icon-white.svg');
  background-size: 30px;
  background-position-x: 10px;
  background-position-y: 50%;
  background-repeat: no-repeat;
  margin-right: 15px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-buttons button#switch-1-btn.active {
  background-image: url('../img/fve-icon-white-active.svg');
  background-size: 30px;
  background-position-x: 10px;
  background-position-y: 50%;
  background-repeat: no-repeat;
  background-color: #ff0000;
}
.roof-instalation-fve-content .bottom-section .bottom-section-buttons button#switch-2-btn {
  background-image: url('../img/company-roof-icon-white.svg');
  background-size: 30px;
  background-position-x: 10px;
  background-position-y: 50%;
  background-repeat: no-repeat;
}
.roof-instalation-fve-content .bottom-section .bottom-section-buttons button#switch-2-btn.active {
  background-image: url('../img/company-roof-icon-white-active.svg');
  background-size: 30px;
  background-position-x: 10px;
  background-position-y: 50%;
  background-repeat: no-repeat;
  background-color: #ff0000;
}
@media screen and (max-width: 480px) {
  .roof-instalation-fve-content .bottom-section .bottom-section-buttons {
    display: flex;
    width: calc(100% - 40px);
    flex-direction: column;
    align-items: center;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-buttons button {
    margin-right: 0px !important;
    width: 200px;
    margin-bottom: 15px;
  }
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow {
  width: 100%;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 {
  width: 100%;
  display: flex;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure {
  width: calc(25% - 35px);
  margin-bottom: 20px;
  position: relative;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table {
  width: 100%;
  z-index: 1;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr {
  position: relative;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr th {
  text-align: left;
  font-size: 13px;
  padding-left: 10px;
  font-weight: 300;
  padding-bottom: 15px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr:nth-child(2):after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  background: url(../img/dotted-hr.svg);
  height: 1px;
  width: 100%;
  margin-top: 40px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr:nth-child(2) th {
  text-align: left;
  font-weight: 300;
  font-size: 17px;
  padding-bottom: 40px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr:nth-child(2) th:last-child {
  text-transform: uppercase;
  color: #ff0000;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr td {
  padding-top: 25px;
  padding-bottom: 25px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr td:nth-child(1) {
  padding-left: 10px;
  width: 100%;
  font-weight: 200;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr td:last-child {
  font-weight: bold;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr:nth-child(n+2):after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  background: url(../img/dotted-hr-light-gray.svg);
  height: 1px;
  width: 100%;
  margin-top: 40px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr:last-child {
  background: #efefef;
  font-size: 24px;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr:last-child {
    font-size: 20px;
  }
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr:last-child:after {
  position: absolute;
  left: unset;
  right: 0px;
  z-index: 4;
  bottom: 0px;
  content: '';
  background: #fff;
  height: 100%;
  width: 2px;
  margin-top: 0;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr:last-child td {
  padding-top: 0px;
  color: #ff0000;
  font-weight: 600;
  padding-right: 0;
  text-align: center;
  text-indent: 0px;
  font-size: 16px;
  padding-bottom: 25px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr:last-child td span {
  font-size: 11px;
  margin-top: 5px;
  text-align: left;
  font-style: italic;
  font-weight: 400;
  color: #727272;
  display: inline-block;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:nth-child(n+2) tr th {
  padding-left: 10px;
  padding-right: 10px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:nth-child(n+2) tr td:nth-child(1) {
  text-align: center;
  padding-left: 0;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:nth-child(n+2) tr:nth-last-child(6) {
  display: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:nth-child(n+2) tr:nth-last-child(5) {
  display: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:nth-child(n+2) tr:nth-last-child(5)::after {
  display: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:nth-child(n+2) tr:nth-last-child(4) {
  height: 66.33px;
  display: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:nth-child(n+2) tr:nth-last-child(4) td {
  text-align: center;
  position: relative;
  color: #000;
  padding-left: 0px !important;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:nth-child(n+2) tr:nth-last-child(4) td::after {
  position: absolute;
  right: 0px;
  top: 0;
  content: '';
  background: url(../img/dotted-hr.svg);
  height: 1px;
  width: calc(100%);
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:nth-child(n+2) tr:nth-last-child(3) {
  height: 66.33px;
  display: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:nth-child(n+2) tr:nth-last-child(3)::after {
  display: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:nth-child(n+2) tr:nth-last-child(3) td {
  text-align: center;
  padding-right: 0px;
  text-indent: 0;
  padding-top: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  font-weight: normal;
  padding-left: 0px !important;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:nth-child(n+2) tr:nth-last-child(2) {
  background: #efefef;
  color: #000;
  font-weight: 300;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:nth-child(n+2) tr:nth-last-child(2):after {
  position: absolute;
  left: unset;
  right: 0px;
  z-index: 4;
  bottom: 0px;
  content: '';
  background: #fff;
  height: 100%;
  width: 2px;
  margin-top: 0;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:nth-child(n+2) tr:nth-last-child(2) td {
  text-align: center;
  padding-right: 0px;
  text-indent: 0;
  padding-top: 20px;
  padding-bottom: 5px;
  padding-left: 0px !important;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure .table-link {
  position: absolute;
  text-align: center;
  bottom: -10px;
  width: 100%;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure .table-link a {
  color: #fff;
  background: url('../img/button-inner-white.svg');
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 20px;
  background-color: #ff0000;
  font-size: 13px;
  font-weight: 300;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 15px;
  padding-right: 40px;
  border-radius: 100px;
  text-decoration: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure .table-link a:hover {
  transition: 0.3s;
  background-color: #3fd53c;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  background: url(../img/dotted-vr.svg);
  height: 100%;
  width: 2px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:first-child:after {
  display: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:last-child:after {
  display: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure.table-headings {
  width: 140px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure.table-headings table {
  width: 100%;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure.table-headings table tbody tr {
  height: 66.33px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure.table-headings table tbody tr:nth-child(6) {
  height: 82px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure.table-headings table tbody tr td {
  width: 100%;
  background-color: #ffefef;
  text-indent: 0px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  font-weight: 300;
  font-size: 13px;
  height: 100%;
  padding-bottom: 0px;
  padding-top: 0;
  position: relative;
  vertical-align: middle;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure.table-headings table tbody tr:first-of-type {
  height: 84px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure.table-headings table tbody tr:last-of-type {
  display: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure.table-headings table tbody tr::after {
  display: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure.prices-international {
  width: calc(50% - 35px);
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure.prices-international table tr th {
  text-align: center;
  padding-left: 0px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 {
  width: 100%;
  display: flex;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure {
  width: calc(25% - 35px);
  margin-bottom: 20px;
  position: relative;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table {
  width: 100%;
  z-index: 1;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr {
  position: relative;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr th {
  text-align: left;
  font-size: 13px;
  padding-left: 10px;
  font-weight: 300;
  padding-bottom: 15px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:nth-child(2):after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  background: url(../img/dotted-hr.svg);
  height: 1px;
  width: 100%;
  margin-top: 40px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:nth-child(2) th {
  text-align: left;
  font-weight: 300;
  font-size: 17px;
  padding-bottom: 40px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:nth-child(2) th:last-child {
  text-transform: uppercase;
  color: #ff0000;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr td {
  padding-top: 25px;
  padding-bottom: 25px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr td:nth-child(1) {
  padding-left: 10px;
  width: 100%;
  font-weight: 200;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr td:last-child {
  font-weight: bold;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:nth-child(n+3):after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  background: url(../img/dotted-hr-light-gray.svg);
  height: 1px;
  width: 100%;
  margin-top: 40px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:last-child {
  background: #efefef;
  font-size: 24px;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:last-child {
    font-size: 20px;
  }
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:last-child:after {
  position: absolute;
  left: unset;
  right: 0px;
  z-index: 4;
  bottom: 0px;
  content: '';
  background: #fff;
  height: 100%;
  width: 2px;
  margin-top: 0;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:last-child td {
  padding-top: 0px;
  color: #ff0000;
  font-weight: 600;
  padding-right: 0;
  text-align: center;
  text-indent: 0px;
  font-size: 16px;
  padding-bottom: 25px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:last-child td span {
  font-size: 11px;
  margin-top: 5px;
  text-align: left;
  font-style: italic;
  font-weight: 400;
  color: #727272;
  display: inline-block;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr th {
  padding-left: 10px;
  padding-right: 10px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr td:nth-child(1) {
  text-align: center;
  padding-left: 0;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr:nth-child(7) {
  height: 82px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr:not(:nth-child(-n+2)):not(:nth-child(n+8)) td {
  text-align: center;
  padding-left: 0;
  text-indent: 0;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr:not(:nth-child(-n+2)):not(:nth-child(n+8)) td span {
  font-size: 14px;
  margin-top: 5px;
  font-weight: 300;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr:nth-last-child(7)::after {
  display: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr:nth-last-child(6) {
  background: #F8F8F8;
  display: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr:nth-last-child(6):after {
  position: absolute;
  left: unset;
  right: 0px;
  z-index: 4;
  bottom: 0px;
  content: '';
  background: #fff;
  height: 100%;
  width: 2px;
  margin-top: 0;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr:nth-last-child(6) td {
  padding-top: 20px;
  padding-bottom: 5px;
  color: #000;
  padding-left: 0px !important;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr:nth-last-child(5) {
  background: #F8F8F8;
  display: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr:nth-last-child(5):after {
  position: absolute;
  left: unset;
  right: 0px;
  z-index: 4;
  bottom: 0px;
  content: '';
  background: #fff;
  height: 100%;
  width: 2px;
  margin-top: 0;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr:nth-last-child(5) td {
  padding-top: 0;
  padding-bottom: 20px;
  font-weight: normal;
  color: #000;
  padding-left: 0px !important;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr:nth-last-child(4) {
  background: #F8F8F8;
  display: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr:nth-last-child(4):after {
  position: absolute;
  left: unset;
  right: 0px;
  z-index: 4;
  bottom: 0px;
  content: '';
  background: #fff;
  height: 100%;
  width: 2px;
  margin-top: 0;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr:nth-last-child(4) td {
  padding-top: 20px;
  padding-bottom: 5px;
  position: relative;
  color: #000;
  padding-left: 0px !important;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr:nth-last-child(4) td::after {
  position: absolute;
  right: 20px;
  top: 0;
  content: '';
  background: url(../img/dotted-hr.svg);
  height: 1px;
  width: calc(100% - 40px);
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr:nth-last-child(3) {
  background: #F8F8F8;
  color: #000;
  display: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr:nth-last-child(3):after {
  position: absolute;
  left: unset;
  right: 0px;
  z-index: 4;
  bottom: 0px;
  content: '';
  background: #fff;
  height: 100%;
  width: 2px;
  margin-top: 0;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr:nth-last-child(3) td {
  text-align: center;
  padding-right: 0px;
  text-indent: 0;
  padding-top: 0;
  padding-bottom: 20px;
  font-weight: normal;
  padding-left: 0px !important;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr:nth-last-child(2) {
  background: #efefef;
  color: #000;
  font-weight: 300;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr:nth-last-child(2):after {
  position: absolute;
  left: unset;
  right: 0px;
  z-index: 4;
  bottom: 0px;
  content: '';
  background: #fff;
  height: 100%;
  width: 2px;
  margin-top: 0;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-child(n+2) tr:nth-last-child(2) td {
  text-align: center;
  padding-right: 0px;
  text-indent: 0;
  padding-top: 20px;
  padding-bottom: 5px;
  padding-left: 0px !important;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure .table-link {
  position: absolute;
  text-align: center;
  bottom: -10px;
  width: 100%;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure .table-link a {
  color: #fff;
  background: url('../img/button-inner-white.svg');
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 20px;
  background-color: #ff0000;
  font-size: 13px;
  font-weight: 300;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 15px;
  padding-right: 40px;
  border-radius: 100px;
  text-decoration: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure .table-link a:hover {
  transition: 0.3s;
  background-color: #3fd53c;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  background: url(../img/dotted-vr.svg);
  height: 100%;
  width: 2px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:first-child:after {
  display: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:last-child:after {
  display: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure.table-headings {
  width: 140px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure.table-headings table {
  width: 100%;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure.table-headings table tbody tr {
  height: 66.33px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure.table-headings table tbody tr:nth-child(6) {
  height: 82px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure.table-headings table tbody tr td {
  width: 100%;
  background-color: #ffefef;
  text-indent: 0px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  font-weight: 300;
  font-size: 13px;
  height: 100%;
  padding-bottom: 0px;
  padding-top: 0;
  position: relative;
  vertical-align: middle;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure.table-headings table tbody tr:first-of-type {
  height: 84px;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure.table-headings table tbody tr:last-of-type {
  display: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure.table-headings table tbody tr::after {
  display: none;
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure.prices-international {
  width: calc(50% - 35px);
}
.roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure.prices-international table tr th {
  text-align: center;
  padding-left: 0px;
}
@media screen and (max-width: 1280px) {
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr:last-of-type td:first-child {
    margin-right: 0px;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:last-of-type td:first-child {
    margin-right: 0px;
  }
}
@media screen and (max-width: 990px) {
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 {
    flex-wrap: wrap;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure {
    width: 50% !important;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr:nth-of-type(2) th {
    font-size: 25px;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr:nth-of-type(3) td {
    position: relative;
    padding-top: 40px;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr:nth-of-type(3) td::before {
    display: block;
    content: 'Odhadovaná roč. výroba' !important;
    position: absolute;
    width: 100%;
    top: 15px !important;
    left: 0;
    font-weight: 200;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr:nth-of-type(4) td {
    position: relative;
    padding-top: 40px !important;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr:nth-of-type(4) td::after {
    content: 'kapacita bateríí';
    position: absolute;
    width: 100%;
    top: 15px;
    left: 0;
    font-weight: 200;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure table tr:last-of-type td:first-child {
    margin-right: 0px;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:nth-of-type(odd)::after {
    display: none;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:first-of-type {
    display: none;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:last-of-type {
    margin-top: 40px;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure:nth-last-of-type(2) {
    margin-top: 40px;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 {
    flex-wrap: wrap;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure {
    width: 50% !important;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:nth-of-type(2) th {
    font-size: 25px;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:nth-of-type(3) td {
    padding-top: 40px;
    position: relative;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:nth-of-type(3) td::after {
    content: 'Odhadovaná roč. výroba';
    position: absolute;
    width: 100%;
    top: 15px;
    left: 0;
    font-weight: 200;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:nth-of-type(4) td {
    padding-top: 40px;
    position: relative;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:nth-of-type(4) td::after {
    content: 'Cena elektřiny';
    position: absolute;
    width: 100%;
    top: 15px;
    left: 0;
    font-weight: 200;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:nth-of-type(5) td {
    padding-top: 40px;
    position: relative;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:nth-of-type(5) td::after {
    content: 'Roční úspora';
    position: absolute;
    width: 100%;
    top: 15px;
    left: 0;
    font-weight: 200;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:nth-of-type(6) td {
    padding-top: 40px;
    position: relative;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:nth-of-type(6) td::after {
    content: 'Prostá návratnost';
    position: absolute;
    width: 100%;
    top: 15px;
    left: 0;
    font-weight: 200;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:nth-of-type(7) td {
    padding-top: 40px;
    position: relative;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:nth-of-type(7) td::after {
    content: 'Kapacita baterií';
    position: absolute;
    width: 100%;
    top: 15px;
    left: 0;
    font-weight: 200;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure table tr:last-of-type td:first-child {
    margin-right: 0px;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-of-type(odd)::after {
    display: none;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:first-of-type {
    display: none;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:last-of-type {
    margin-top: 40px;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure:nth-last-of-type(2) {
    margin-top: 40px;
  }
}
@media screen and (max-width: 600px) {
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure {
    width: 100% !important;
    margin-top: 40px;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-1 figure::after {
    display: none;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure {
    width: 100% !important;
    margin-top: 40px;
  }
  .roof-instalation-fve-content .bottom-section .bottom-section-overflow .switch-2 figure::after {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .roof-instalation-fve-content .bottom-section {
    padding: 60px 20px;
  }
}
@media screen and (max-width: 480px) {
  .roof-instalation-fve-content .bottom-section {
    padding: 80px 20px 60px 20px;
  }
}
.posts-center {
  margin-top: -570px;
  z-index: 10;
  position: relative;
}
@media screen and (max-width: 990px) {
  .posts-center {
    margin-top: -290px;
  }
}
.posts-center .wrapper {
  background: #fff;
}
@media screen and (max-width: 990px) {
  .posts-center .wrapper {
    width: 100% !important;
  }
}
.posts-center-content {
  box-shadow: 0 10px 20px rgba(218,218,218,0.22), 0 15px 30px rgba(218,218,218,0.22);
  padding-top: 60px;
  padding-bottom: 80px;
  padding-left: 60px;
  padding-right: 60px;
}
@media screen and (max-width: 768px) {
  .posts-center-content {
    padding: 20px 20px 80px 20px;
  }
}
.posts-center-content-top p {
  line-height: 1.5;
  padding-bottom: 30px;
  margin-bottom: 30px;
  position: relative;
}
.posts-center-content-top p:after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 1px;
  content: "";
  background: url(../img/dotted-hr.svg);
}
.posts-center-content-top ul {
  text-align: center;
}
.posts-center-content-top ul li {
  display: inline-block;
  margin-left: 100px;
  position: relative;
  cursor: pointer;
  transition: .2s ease-in;
  margin-top: 20px;
}
@media screen and (max-width: 1280px) {
  .posts-center-content-top ul li {
    margin-left: 85px;
  }
}
.posts-center-content-top ul li.active {
  color: #ff0000;
}
.posts-center-content-top ul li:hover {
  color: #ff0000;
}
.posts-center-content-top ul li:after {
  content: "";
  width: 28px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: -60px;
  transform: translateY(-50%);
  background: url('../img/red-dashed-hr.svg');
  background-size: 5px 4px;
}
.posts-center-content-top ul li:first-child {
  margin-left: 0;
}
.posts-center-content-top ul li:last-child:after {
  display: none;
}
.posts-center-content-bottom .news-detail {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media screen and (max-width: 600px) {
  .posts-center-content-bottom .news-detail {
    flex-wrap: wrap;
  }
}
.posts-center-content-bottom .news-detail-back {
  color: #fff;
  margin-top: 40px;
  background: url('../img/button-inner-white-back.svg');
  background-repeat: no-repeat;
  background-position: 10% 50%;
  background-size: 25px;
  background-color: #ff0000;
  font-size: 15px;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 50px;
  padding-right: 20px;
  border-radius: 100px;
  text-decoration: none;
  display: table;
}
@media screen and (max-width: 600px) {
  .posts-center-content-bottom .news-detail-back {
    margin-bottom: 40px;
  }
}
.posts-center-content-bottom .news-detail-back:hover {
  transition: 0.3s;
  background-color: #3fd53c;
}
.posts-center-content-bottom .news-detail-left {
  width: 60%;
  position: relative;
}
@media screen and (max-width: 600px) {
  .posts-center-content-bottom .news-detail-left {
    width: 100%;
  }
}
.posts-center-content-bottom .news-detail-left p {
  line-height: 1.5;
  margin-bottom: 20px;
}
.posts-center-content-bottom .news-detail-left p a {
  text-decoration: underline;
}
.posts-center-content-bottom .news-detail-left p a :hover {
  text-decoration: none;
}
.posts-center-content-bottom .news-detail-left:after {
  position: absolute;
  top: 0px;
  right: -8%;
  content: "";
  background: url(../img/dotted-vr.svg);
  height: 90%;
  width: 1px;
}
.posts-center-content-bottom .news-detail .posts-detail-img {
  height: 250px;
  overflow: hidden;
}
.posts-center-content-bottom .news-detail .posts-detail-img img {
  width: 100%;
}
.posts-center-content-bottom .news-detail h2 {
  font-size: 22px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.posts-center-content-bottom .news-detail p {
  font-weight: 300;
  line-height: 1.5;
}
.posts-center-content-bottom .news-detail ul {
  margin: 30px 0px;
  position: relative;
}
.posts-center-content-bottom .news-detail ul:before {
  position: absolute;
  top: 10px;
  left: 24px;
  content: "";
  background: url(../img/dotted-vr.svg);
  height: 90%;
  width: 1px;
}
.posts-center-content-bottom .news-detail ul li {
  line-height: 1.5;
  position: relative;
  padding-left: 50px;
}
.posts-center-content-bottom .news-detail ul li:before {
  content: "";
  position: absolute;
  left: 20px;
  margin-top: 10px;
  background: #ff0000;
  width: 8px;
  height: 8px;
  border-radius: 5px;
}
.posts-center-content-bottom .news-detail-right {
  width: 30%;
  position: relative;
}
@media screen and (max-width: 600px) {
  .posts-center-content-bottom .news-detail-right {
    width: 100%;
  }
}
.posts-center-content-bottom .news-detail-right .post-link-button {
  padding-top: 40px;
}
.posts-center-content-bottom .news-detail-right .post-link-button a {
  color: #fff;
  background: url('../img/button-inner-white.svg');
  background-repeat: no-repeat;
  background-position: 90% 50%;
  background-size: 25px;
  background-color: #ff0000;
  font-size: 15px;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 40px;
  border-radius: 100px;
  text-decoration: none;
}
.posts-center-content-bottom .news-detail-right .post-link-button a:hover {
  transition: 0.3s;
  background-color: #3fd53c;
}
.posts-center-content-bottom .news-detail-right .post-link-button-border {
  padding-top: 40px;
}
.posts-center-content-bottom .news-detail-right .post-link-button-border a {
  background: url('../img/button-inner-red.svg');
  background-repeat: no-repeat;
  background-position: 90% 50%;
  background-size: 25px;
  border: 1px solid #ff0000;
  font-size: 15px;
  font-weight: 300;
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 50px;
  border-radius: 100px;
  text-decoration: none;
  transition: 0.3s;
}
.posts-center-content-bottom .news-detail-right .post-link-button-border a:hover {
  background: url('../img/button-inner-green.svg');
  background-repeat: no-repeat;
  background-position: 90% 50%;
  background-size: 25px;
  border: 1px solid #3fd53c;
}
.posts-center-content-bottom .news-detail-right ul {
  margin: 0;
}
.posts-center-content-bottom .news-detail-right ul:before {
  display: none;
}
.posts-center-content-bottom .news-detail-right ul li {
  padding-left: 0px;
  position: relative;
}
.posts-center-content-bottom .news-detail-right ul li:after {
  position: absolute;
  bottom: -40px;
  left: 0px;
  content: "";
  background: url(../img/dotted-hr.svg);
  height: 1px;
  width: 100%;
}
.posts-center-content-bottom .news-detail-right ul li:before {
  display: none;
}
.posts-center-content-bottom .news-detail-right ul li strong {
  margin-bottom: 10px;
  display: block;
}
.posts-center-content-bottom .news-detail-right .email {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 60px;
}
.posts-center-content-bottom .news-detail-right .email .heading {
  font-weight: 200;
}
.posts-center-content-bottom .news-detail-right .email .main-content {
  font-weight: 600;
  font-size: 18px;
}
.posts-center-content-bottom .news-detail-right .email .main-content span {
  color: #ff0000;
}
.posts-center-content-bottom .news-detail-right .email img {
  width: 30px;
  height: auto;
}
.posts-center-content-bottom .news-detail-right .telephone {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 30px;
}
.posts-center-content-bottom .news-detail-right .telephone .heading {
  font-weight: 200;
}
.posts-center-content-bottom .news-detail-right .telephone .opening-hours {
  font-weight: 200;
  font-size: 10px;
}
.posts-center-content-bottom .news-detail-right .telephone .main-content {
  font-weight: 600;
  font-size: 18px;
}
.posts-center-content-bottom .news-detail-right .telephone .main-content span {
  color: #ff0000;
}
.posts-center-content-bottom .news-detail-right .telephone img {
  width: 30px;
  height: auto;
}
.posts-center-content-bottom .news-detail-right h1 {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4;
  padding-top: 20px;
  padding-bottom: 20px;
}
.posts-center-content-bottom .news-detail-right h3 {
  color: #ff0000;
  font-size: 32px;
  font-weight: bold;
}
.posts-center-content-bottom .news-detail-right .news-item {
  border-bottom: 0px;
  margin-bottom: 60px;
  position: relative;
}
.posts-center-content-bottom .news-detail-right .news-item:after {
  position: absolute;
  bottom: -40px;
  left: 0px;
  content: "";
  background: url(../img/dotted-hr.svg);
  height: 1px;
  width: 100%;
}
.posts-center-content-bottom .posts-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
}
.posts-center-content-bottom .posts-flex .post {
  width: calc(100% / 3 - 40px);
}
@media screen and (max-width: 1280px) {
  .posts-center-content-bottom .posts-flex .post {
    width: calc(100% / 2 - 40px);
  }
}
@media screen and (max-width: 768px) {
  .posts-center-content-bottom .posts-flex .post {
    width: calc(100%);
  }
  .posts-center-content-bottom .posts-flex .post .post-content {
    padding-right: 0;
  }
  .posts-center-content-bottom .posts-flex .post .post-content:after {
    display: none;
  }
  .posts-center-content-bottom .posts-flex .post .post-content:before {
    position: absolute;
    left: 0;
    bottom: -40px;
    content: '';
    background: url('../img/dotted-hr.svg');
    height: 1px;
    width: 100%;
  }
}
.posts-center-content-bottom .posts-flex .post .post-img {
  width: 100%;
  height: 250px;
  overflow: hidden;
  background: url('../img/post.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-bottom: 20px;
}
.posts-center-content-bottom .posts-flex .post .post-img img {
  height: 100%;
}
.posts-center-content-bottom .posts-flex .post .post-content {
  position: relative;
  padding-right: 40px;
}
.posts-center-content-bottom .posts-flex .post .post-content:after {
  position: absolute;
  top: 0;
  right: 0px;
  content: '';
  background: url(../img/dotted-vr.svg);
  height: 105%;
  overflow: hidden;
  width: 1px;
}
.posts-center-content-bottom .posts-flex .post .post-content h2 {
  font-size: 22px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.posts-center-content-bottom .posts-flex .post .post-content p {
  font-weight: 300;
  line-height: 1.5;
}
.posts-center-content-bottom .posts-flex .post .post-content .post-link-button {
  padding-top: 40px;
}
.posts-center-content-bottom .posts-flex .post .post-content .post-link-button a {
  color: #fff;
  background: url('../img/button-inner-white.svg');
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 25px;
  background-color: #ff0000;
  font-size: 15px;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 40px;
  border-radius: 100px;
  text-decoration: none;
}
.posts-center-content-bottom .posts-flex .post .post-content .post-link-button a:hover {
  transition: 0.3s;
  background-color: #3fd53c;
}
.grant-middle {
  margin-top: -570px;
  z-index: 10;
  position: relative;
}
@media screen and (max-width: 768px) {
  .grant-middle {
    margin-top: -290px;
  }
}
@media screen and (max-width: 600px) {
  .grant-middle {
    margin-top: -260px;
  }
}
.grant-middle .wrapper {
  background: #fff;
}
.grant-middle-content {
  box-shadow: 0 10px 20px rgba(218,218,218,0.22), 0 15px 30px rgba(218,218,218,0.22);
  display: flex;
  justify-content: space-between;
  padding: 50px;
}
@media screen and (max-width: 990px) {
  .grant-middle-content {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .grant-middle-content .grant-middle-content-left {
    width: 100%;
  }
  .grant-middle-content .grant-middle-content-right {
    width: 100%;
  }
  .grant-middle-content .grant-middle-content-right::before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: url('../img/dotted-hr.svg');
    height: 1px;
    width: 100%;
    margin-top: 65px;
  }
  .grant-middle-content .grant-middle-content-right .fonds {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    align-items: center;
  }
  .grant-middle-content .grant-middle-content-right .fonds li {
    width: 25%;
  }
  .grant-middle-content .grant-middle-content-right .help {
    position: static;
  }
}
@media screen and (max-width: 600px) {
  .grant-middle-content .grant-middle-content-right .fonds {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .grant-middle-content .grant-middle-content-right .fonds li {
    width: 75%;
  }
}
.grant-middle-content-left {
  width: 70%;
}
.grant-middle-content-left h2 {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 60px;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .grant-middle-content-left h2 {
    font-size: 26px;
  }
}
.grant-middle-content-left h2:before {
  display: block;
  content: '';
  width: 50px;
  height: 3px;
  background: #e2e2e2;
  position: absolute;
  bottom: -30px;
  left: 0;
}
.grant-middle-content-left h2 strong {
  font-weight: bold;
  display: block;
  margin-top: 10px;
}
.grant-middle-content-left p {
  line-height: 26px;
  margin-bottom: 20px;
}
.grant-middle-content-left ul {
  padding-left: 50px;
  margin: 20px 0;
  position: relative;
}
.grant-middle-content-left ul:before {
  position: absolute;
  top: 10px;
  left: 25px;
  content: '';
  background: url('../img/dotted-vr.svg');
  height: 90%;
  width: 2px;
}
.grant-middle-content-left ul li {
  line-height: 26px;
  position: relative;
}
.grant-middle-content-left ul li:before {
  content: "";
  background: #ff0000;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  position: absolute;
  margin-top: 10px;
  left: -28px;
}
.grant-middle-content-right {
  width: 22%;
  position: relative;
}
.grant-middle-content-right:before {
  position: absolute;
  top: 0px;
  left: -50px;
  content: '';
  background: url('../img/dotted-vr.svg');
  height: 100%;
  width: 2px;
}
.grant-middle-content-right .fonds {
  position: relative;
}
.grant-middle-content-right .fonds li {
  margin-bottom: 30px;
}
.grant-middle-content-right .fonds li img {
  max-width: 100%;
}
.grant-middle-content-right .help {
  position: absolute;
  bottom: 0px;
}
.grant-middle-content-right .help img {
  width: 65px;
  margin-bottom: 20px;
  display: block;
}
.grant-middle-content-right .help strong {
  font-size: 24px;
  color: #ff0000;
  display: block;
  margin-bottom: 20px;
}
.grant-middle-content-right .help p {
  line-height: 24px;
  margin-bottom: 40px;
  display: block;
}
.grant-middle-content-right .help a {
  color: #fff;
  background: url('../img/button-inner-white.svg');
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 25px;
  background-color: #ff0000;
  font-size: 15px;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 40px;
  border-radius: 100px;
  text-decoration: none;
}
.grant-middle-content-right .help a:hover {
  transition: 0.3s;
  background-color: #3fd53c;
}
.grant-middle-content-right h3 {
  font-size: 26px;
  text-transform: uppercase;
  font-weight: 200;
  position: relative;
  margin-bottom: 70px;
}
.grant-middle-content-right h3:before {
  display: block;
  content: '';
  width: 50px;
  height: 3px;
  background: #e2e2e2;
  position: absolute;
  bottom: -20px;
  left: 0;
}
.grant-middle-content-right h3 strong {
  font-weight: bold;
}
@media screen and (max-width: 1280px) {
  .grant-middle-content-right h3 strong {
    margin-top: 10px;
    display: block;
  }
}
.photovoltaic-parks-center {
  margin-top: -800px;
  z-index: 10;
  position: relative;
}
@media screen and (max-width: 768px) {
  .photovoltaic-parks-center {
    margin-top: -140px;
  }
}
.photovoltaic-parks-center .wrapper {
  background: #fff;
}
.photovoltaic-parks-center-content {
  box-shadow: 0 10px 20px rgba(218,218,218,0.22), 0 15px 30px rgba(218,218,218,0.22);
  display: flex;
  padding: 65px;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .photovoltaic-parks-center-content {
    padding: 40px 20px;
  }
}
.photovoltaic-parks-center-content-left {
  width: 30%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .photovoltaic-parks-center-content-left:after {
    position: absolute;
    bottom: 40px;
    left: 0px;
    content: '';
    background: url('../img/dotted-hr.svg');
    height: 1px;
    width: 100%;
  }
}
.photovoltaic-parks-center-content-left ul {
  position: absolute;
  bottom: 0px;
}
.photovoltaic-parks-center-content-left ul li {
  padding-left: 30px;
  font-size: 18px;
  margin-bottom: 50px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .photovoltaic-parks-center-content-left ul li {
    padding-left: 50px;
  }
}
.photovoltaic-parks-center-content-left ul li:nth-child(1):before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: url(../img/telefon.svg) center left no-repeat;
}
@media screen and (max-width: 768px) {
  .photovoltaic-parks-center-content-left ul li:nth-child(1):before {
    left: 0px;
  }
}
.photovoltaic-parks-center-content-left ul li:nth-child(2):before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: url(../img/e-mail.svg) center left no-repeat;
}
@media screen and (max-width: 768px) {
  .photovoltaic-parks-center-content-left ul li:nth-child(2):before {
    left: 0px;
  }
}
.photovoltaic-parks-center-content-left ul li span {
  font-size: 11px;
  color: #444;
}
.photovoltaic-parks-center-content-left ul li strong {
  font-size: 22px;
  font-weight: bold;
  display: block;
  margin-top: 7px;
}
.photovoltaic-parks-center-content-left ul li strong span {
  font-size: 22px;
  color: #ff0000;
}
.photovoltaic-parks-center-content-left h2 {
  font-size: 30px;
  font-weight: 200;
  text-transform: uppercase;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .photovoltaic-parks-center-content-left h2 {
    font-size: 26px;
  }
}
.photovoltaic-parks-center-content-left h2:after {
  display: block;
  content: '';
  width: 50px;
  height: 3px;
  background: #e2e2e2;
  position: absolute;
  bottom: -20px;
  left: 0;
}
.photovoltaic-parks-center-content-left h2 strong {
  display: block;
  margin-top: 10px;
  font-weight: bold;
}
.photovoltaic-parks-center-content-right {
  width: 60%;
  position: relative;
}
.photovoltaic-parks-center-content-right .calculator-hint {
  margin-top: 40px;
  display: block;
  position: static;
  margin-bottom: 0;
}
.photovoltaic-parks-center-content-right .calculator-hint p {
  font-size: 13px;
  font-weight: 400;
}
.photovoltaic-parks-center-content-right div {
  display: flex;
  position: relative;
  margin-bottom: 60px;
}
.photovoltaic-parks-center-content-right div:after {
  position: absolute;
  left: 0;
  bottom: -90px;
  content: '';
  background: url(../img/dotted-hr.svg);
  height: 1px;
  width: 100%;
  margin-top: 0px;
}
.photovoltaic-parks-center-content-right:before {
  position: absolute;
  top: 0;
  left: -55px;
  content: '';
  background: url('../img/dotted-vr.svg');
  height: 95%;
  width: 2px;
}
.photovoltaic-parks-center-content-right input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
}
.photovoltaic-parks-center-content-right input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.photovoltaic-parks-center-content-right input[type=range]:focus {
  outline: none;
}
.photovoltaic-parks-center-content-right input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.photovoltaic-parks-center-content-right input[type="range"] {
  position: relative;
  width: 420px;
  height: 10px;
  left: -5px;
  margin-top: 40px;
  border-radius: 10px;
  display: block;
  background-size: contain;
  background-position: center center;
  background: #F6F6F6;
}
@media screen and (max-width: 1280px) {
  .photovoltaic-parks-center-content-right input[type="range"] {
    width: 370px;
  }
}
@media screen and (max-width: 600px) {
  .photovoltaic-parks-center-content-right input[type="range"] {
    width: 200px;
  }
}
.photovoltaic-parks-center-content-right input[type="range"]:before {
  content: "1 MWp";
  color: #2F2F2F;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  bottom: -45px;
  left: 0px;
}
.photovoltaic-parks-center-content-right input[type="range"]:after {
  content: "10 MWp";
  color: #2F2F2F;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  bottom: -45px;
  right: 0px;
}
.photovoltaic-parks-center-content-right input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  z-index: 10;
  position: relative;
  height: 30px;
  width: 30px;
  border-radius: 10px;
  background: url('../img/range-thumb.svg') 0 0 no-repeat;
  background-size: 30px 30px;
  cursor: pointer;
  border: none;
  outline: none;
  top: 0px;
}
.photovoltaic-parks-center-content-right input[type=range]::-moz-range-thumb {
  height: 52px;
  z-index: 10;
  position: relative;
  width: 52px;
  background: url('../img/range-thumb.png') 0 0 no-repeat;
  cursor: pointer;
}
.photovoltaic-parks-center-content-right input[type=range]::-ms-thumb {
  height: 52px;
  z-index: 10;
  position: relative;
  width: 52px;
  background: url('../img/range-thumb.png') 0 0 no-repeat;
  cursor: pointer;
}
.photovoltaic-parks-center-content-right input[type=range]::-webkit-progress-value {
  background: #ff0000;
}
.photovoltaic-parks-center-content-right #vypocet-hover {
  position: absolute;
  max-width: 420px;
  width: 1%;
  left: -3px;
  border-radius: 10px;
  z-index: 1;
  margin-top: 40px;
  height: 10px;
  background: #ff0000;
}
.photovoltaic-parks-center-content-right #vypocet-hover:after {
  display: none;
}
.photovoltaic-parks-center-content-right #vypocet-price {
  background: #ff0000;
  position: absolute;
  bottom: -20px;
  right: 0px;
  border-radius: 35px;
  padding: 15px 30px;
  font-size: 30px;
  height: 33px;
  font-weight: bold;
  color: white;
  display: block;
}
.photovoltaic-parks-center-content-right #vypocet-price strong {
  font-weight: 200;
  font-size: 18px;
}
.photovoltaic-parks-center-content-right table {
  width: 100%;
}
.photovoltaic-parks-center-content-right table tr {
  position: relative;
}
.photovoltaic-parks-center-content-right table tr:after {
  position: absolute;
  left: 0;
  bottom: 0px;
  content: '';
  background: url(../img/dotted-hr.svg);
  height: 1px;
  opacity: 0.3;
  width: 100%;
  margin-top: 0px;
}
.photovoltaic-parks-center-content-right table tr:last-child:after {
  display: none;
}
.photovoltaic-parks-center-content-right table tr td {
  padding: 15px 0;
}
.photovoltaic-parks-center-content-right table tr td:last-child {
  font-weight: bold;
}
.photovoltaic-parks-center-content-right table tr td span {
  font-size: 13px;
  color: #ff0000;
}
.photovoltaic-parks-center-content-right table tr td input {
  border: 1px solid #D5D5D5;
  background: #f8f8f8;
  max-width: 30px;
}
.photovoltaic-parks-center-content-right h3 {
  font-size: 26px;
  text-transform: uppercase;
  font-weight: 200;
  position: relative;
}
@media screen and (max-width: 768px) {
  .photovoltaic-parks-center-content-right h3 {
    line-height: 36px;
  }
}
.photovoltaic-parks-center-content-right h3:nth-of-type(2) {
  margin-top: 140px;
  margin-bottom: 20px;
}
.photovoltaic-parks-center-content-right h3:after {
  display: block;
  content: '';
  width: 50px;
  height: 3px;
  background: #e2e2e2;
  position: absolute;
  bottom: -20px;
  left: 0;
}
.photovoltaic-parks-center-content-right h3 strong {
  font-weight: bold;
}
@media screen and (max-width: 990px) {
  .photovoltaic-parks-center .wrapper {
    width: 100%;
  }
  .photovoltaic-parks-center .wrapper .photovoltaic-parks-center-content {
    flex-wrap: wrap;
    justify-content: center;
  }
  .photovoltaic-parks-center .wrapper .photovoltaic-parks-center-content-left,
  .photovoltaic-parks-center .wrapper .photovoltaic-parks-center-content-right {
    width: 100%;
  }
  .photovoltaic-parks-center .wrapper .photovoltaic-parks-center-content-left .left-bottom {
    position: static;
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
.roof-hero h1 {
  text-transform: uppercase;
  text-align: center;
  font-weight: 300;
}
.roof-hero h1 strong {
  font-weight: bold;
}
.roof-instalation-fve-detail {
  margin-top: -800px;
  z-index: 10;
  position: relative;
}
@media screen and (max-width: 768px) {
  .roof-instalation-fve-detail {
    margin-top: -140px;
  }
}
.roof-instalation-fve-detail .wrapper {
  background: #fff;
}
.roof-instalation-fve-detail-content {
  box-shadow: 0 10px 20px rgba(218,218,218,0.22), 0 15px 30px rgba(218,218,218,0.22);
  padding: 60px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1280px) {
  .roof-instalation-fve-detail-content {
    padding: 50px;
  }
}
@media screen and (max-width: 600px) {
  .roof-instalation-fve-detail-content {
    padding: 40px 20px;
  }
}
.roof-instalation-fve-detail-content .left {
  width: 20%;
  margin-right: 50px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1280px) {
  .roof-instalation-fve-detail-content .left {
    margin-right: 40px;
  }
}
@media screen and (max-width: 768px) {
  .roof-instalation-fve-detail-content .left {
    width: 100%;
    margin-bottom: 50px;
    margin-right: 00px;
  }
  .roof-instalation-fve-detail-content .left:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background: url(../img/dotted-hr.svg);
    height: 1px;
    width: 100%;
  }
}
.roof-instalation-fve-detail-content .left-top-category {
  position: relative;
  background-color: #ff0000;
  color: #fff;
  padding: 20px 35px;
  margin-left: -60px;
  margin-bottom: 60px;
  width: calc(100% + 30px);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.roof-instalation-fve-detail-content .left-top-category::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent #cf0000 transparent transparent;
}
.roof-instalation-fve-detail-content .left-top-category:last-of-type {
  margin-top: 20px;
}
.roof-instalation-fve-detail-content .left-top-category img {
  max-width: 100%;
  max-height: 100%;
  width: 50px;
}
.roof-instalation-fve-detail-content .left-top-category p {
  text-align: end;
  font-size: 21px;
  font-weight: 900;
}
@media screen and (max-width: 990px) {
  .roof-instalation-fve-detail-content .left-top-category::after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .roof-instalation-fve-detail-content .left-top-category {
    margin-left: 0px;
    width: unset;
    max-width: 300px;
    margin-bottom: 20px;
    margin-top: 40px;
  }
  .roof-instalation-fve-detail-content .left-top-category:first-of-type {
    margin-top: 0px;
  }
}
.roof-instalation-fve-detail-content .left-top li {
  position: relative;
  padding-bottom: 30px;
  font-size: 16px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .roof-instalation-fve-detail-content .left-top li {
    display: inline-block;
    margin-right: 40px;
  }
  .roof-instalation-fve-detail-content .left-top li:last-child {
    margin-right: 0px;
  }
}
@media screen and (max-width: 600px) {
  .roof-instalation-fve-detail-content .left-top li {
    width: 100%;
  }
}
.roof-instalation-fve-detail-content .left-top li:hover:before {
  opacity: 1;
}
.roof-instalation-fve-detail-content .left-top li.active:after,
.roof-instalation-fve-detail-content .left-top li.active:before {
  opacity: 1;
}
.roof-instalation-fve-detail-content .left-top li:before {
  content: "";
  left: -70px;
  position: absolute;
  top: 0;
  content: '';
  background: #ff0000;
  height: 100px;
  width: 20px;
  opacity: 0;
  transition: .2s ease-in;
}
@media screen and (max-width: 1280px) {
  .roof-instalation-fve-detail-content .left-top li:before {
    left: -60px;
  }
}
@media screen and (max-width: 768px) {
  .roof-instalation-fve-detail-content .left-top li:before {
    left: 0px;
    top: inherit;
    bottom: -5px;
    z-index: 10;
    height: 10px;
    width: 100px;
  }
}
.roof-instalation-fve-detail-content .left-top li:after {
  content: "";
  right: -110px;
  position: absolute;
  top: 0;
  z-index: 10;
  opacity: 0;
  content: '';
  background: url('../img/roof-hover.png');
  height: 80px;
  width: 80px;
  transition: .2s ease-in;
}
@media screen and (max-width: 1280px) {
  .roof-instalation-fve-detail-content .left-top li:after {
    right: -100px;
  }
}
@media screen and (max-width: 1280px) {
  .roof-instalation-fve-detail-content .left-top li:after {
    display: none;
  }
}
.roof-instalation-fve-detail-content .left-top li:first-child:before {
  left: -70px;
  top: -30px;
  content: '';
  background: #ff0000;
  height: 100px;
  width: 20px;
}
@media screen and (max-width: 1280px) {
  .roof-instalation-fve-detail-content .left-top li:first-child:before {
    left: -60px;
  }
}
@media screen and (max-width: 768px) {
  .roof-instalation-fve-detail-content .left-top li:first-child:before {
    left: 0px;
    top: inherit;
    bottom: -5px;
    height: 10px;
    width: 100px;
  }
}
.roof-instalation-fve-detail-content .left-top li:first-child:after {
  top: -30px;
}
.roof-instalation-fve-detail-content .left-top li:nth-child(n+2) {
  padding: 30px 0;
}
.roof-instalation-fve-detail-content .left-top li:last-child span:after {
  display: none;
}
.roof-instalation-fve-detail-content .left-top li span {
  text-transform: uppercase;
  color: #ff0000;
  display: block;
  font-size: 20px;
  margin-top: 5px;
}
.roof-instalation-fve-detail-content .left-top li span:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  background: url('../img/dotted-hr.svg');
  height: 1px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .roof-instalation-fve-detail-content .left-top li span:after {
    position: absolute;
    left: inherit;
    right: -25px;
    content: '';
    background: url(../img/dotted-vr.svg);
    height: 70px;
    width: 2px;
  }
}
@media screen and (max-width: 600px) {
  .roof-instalation-fve-detail-content .left-top li span:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background: url('../img/dotted-hr.svg');
    height: 1px;
    width: 100%;
  }
}
.roof-instalation-fve-detail-content .left-top li span strong {
  font-weight: bold;
}
.roof-instalation-fve-detail-content .left-bottom {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .roof-instalation-fve-detail-content .left-bottom {
    display: none;
  }
}
.roof-instalation-fve-detail-content .left-bottom li {
  padding-left: 30px;
  font-size: 18px;
  margin-bottom: 50px;
  position: relative;
}
.roof-instalation-fve-detail-content .left-bottom li:nth-child(1):before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: url(../img/telefon.svg) center left no-repeat;
}
.roof-instalation-fve-detail-content .left-bottom li:nth-child(2):before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: url(../img/e-mail.svg) center left no-repeat;
}
.roof-instalation-fve-detail-content .left-bottom li span {
  font-size: 11px;
  color: #444;
}
.roof-instalation-fve-detail-content .left-bottom li strong {
  font-size: 22px;
  font-weight: bold;
  display: block;
  margin-top: 7px;
}
@media screen and (max-width: 1440px) {
  .roof-instalation-fve-detail-content .left-bottom li strong {
    font-size: 20px;
  }
}
@media screen and (max-width: 1280px) {
  .roof-instalation-fve-detail-content .left-bottom li strong {
    font-size: 18px;
  }
}
.roof-instalation-fve-detail-content .left-bottom li strong span {
  font-size: 22px;
  color: #ff0000;
}
@media screen and (max-width: 1440px) {
  .roof-instalation-fve-detail-content .left-bottom li strong span {
    font-size: 20px;
  }
}
@media screen and (max-width: 1280px) {
  .roof-instalation-fve-detail-content .left-bottom li strong span {
    font-size: 18px;
  }
}
.roof-instalation-fve-detail-content .right {
  width: 70%;
  padding-left: 50px;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .roof-instalation-fve-detail-content .right {
    width: 69.5%;
  }
}
@media screen and (max-width: 768px) {
  .roof-instalation-fve-detail-content .right {
    width: 100%;
    padding-left: 0;
  }
}
.roof-instalation-fve-detail-content .right:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  background: url('../img/dotted-vr.svg');
  height: 95%;
  width: 2px;
}
@media screen and (max-width: 768px) {
  .roof-instalation-fve-detail-content .right:before {
    display: none;
  }
}
.roof-instalation-fve-detail-content .right h2 {
  display: inline-block;
  font-size: 26px;
  text-transform: uppercase;
  font-weight: 200;
}
@media screen and (max-width: 1280px) {
  .roof-instalation-fve-detail-content .right h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 600px) {
  .roof-instalation-fve-detail-content .right h2 {
    display: block;
  }
}
.roof-instalation-fve-detail-content .right h2 strong {
  font-weight: bold;
}
.roof-instalation-fve-detail-content .right h3 {
  display: inline-block;
  color: #ff0000;
  font-size: 26px;
  margin-left: 70px;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .roof-instalation-fve-detail-content .right h3 {
    margin-left: 0px;
    margin-top: 20px;
  }
}
.roof-instalation-fve-detail-content .right-top {
  margin-bottom: 100px;
  position: relative;
  opacity: 0;
  visibility: hidden;
  display: none;
}
.roof-instalation-fve-detail-content .right-top.active {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.roof-instalation-fve-detail-content .right-top:after {
  position: absolute;
  left: 0;
  bottom: -49px;
  content: '';
  background: url('../img/dotted-hr.svg');
  height: 1px;
  width: 100%;
}
.roof-instalation-fve-detail-content .right-top div {
  margin: 40px auto 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 600px) {
  .roof-instalation-fve-detail-content .right-top div {
    margin: 20px auto 0 auto;
    flex-wrap: wrap;
  }
}
.roof-instalation-fve-detail-content .right-top div p {
  width: 55%;
  line-height: 26px;
}
@media screen and (max-width: 1440px) {
  .roof-instalation-fve-detail-content .right-top div p {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .roof-instalation-fve-detail-content .right-top div p {
    width: 100%;
    margin-bottom: 40px;
  }
}
.roof-instalation-fve-detail-content .right-top div ul {
  position: relative;
  width: 35%;
}
@media screen and (max-width: 1440px) {
  .roof-instalation-fve-detail-content .right-top div ul {
    width: 40%;
  }
}
@media screen and (max-width: 600px) {
  .roof-instalation-fve-detail-content .right-top div ul {
    width: 100%;
  }
}
.roof-instalation-fve-detail-content .right-top div ul:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 4px;
  height: 90%;
  width: 2px;
  background: url('../img/dotted-vr.svg');
}
.roof-instalation-fve-detail-content .right-top div ul li {
  padding-left: 40px;
  margin-bottom: 10px;
  position: relative;
}
.roof-instalation-fve-detail-content .right-top div ul li:before {
  position: absolute;
  content: "";
  background: #ff0000;
  border-radius: 10px;
  width: 7px;
  height: 7px;
  margin-top: 2px;
  left: 0px;
}
.roof-instalation-fve-detail-content .right-bottom {
  position: relative;
}
@media screen and (max-width: 600px) {
  .roof-instalation-fve-detail-content .right-bottom h2 {
    margin-top: 100px;
  }
}
.roof-instalation-fve-detail-content .right-bottom p {
  padding: 40px 40px 40px 110px;
  background: #ff0000;
  color: white;
  font-size: 14px;
  line-height: 18px;
  top: -73px;
  right: 0px;
  max-width: 180px;
  position: absolute;
}
@media screen and (max-width: 1280px) {
  .roof-instalation-fve-detail-content .right-bottom p {
    padding: 30px 30px 30px 110px;
  }
}
@media screen and (max-width: 600px) {
  .roof-instalation-fve-detail-content .right-bottom p {
    top: -173px;
  }
}
.roof-instalation-fve-detail-content .right-bottom p:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 24px;
  left: -14px;
  top: 0px;
  background: url('../img/co2-before.svg');
}
.roof-instalation-fve-detail-content .right-bottom p img {
  position: absolute;
  left: 32px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
}
.roof-instalation-fve-detail-content .right-bottom table {
  margin-top: 70px;
  opacity: 0;
  visibility: hidden;
  display: none;
}
@media screen and (max-width: 600px) {
  .roof-instalation-fve-detail-content .right-bottom table {
    margin-top: 20px;
  }
}
.roof-instalation-fve-detail-content .right-bottom table.active {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.roof-instalation-fve-detail-content .right-bottom table tr {
  position: relative;
}
@media screen and (max-width: 600px) {
  .roof-instalation-fve-detail-content .right-bottom table tr {
    display: flex;
    flex-wrap: wrap;
  }
  .roof-instalation-fve-detail-content .right-bottom table tr:before {
    position: absolute;
    left: 0;
    top: 50%;
    content: '';
    opacity: 0.3;
    background: url('../img/dotted-hr.svg');
    height: 1px;
    width: 100%;
  }
}
.roof-instalation-fve-detail-content .right-bottom table tr:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  opacity: 0.3;
  background: url('../img/dotted-hr.svg');
  height: 1px;
  width: 100%;
}
.roof-instalation-fve-detail-content .right-bottom table tr:last-child:after {
  display: none;
}
.roof-instalation-fve-detail-content .right-bottom table tr td {
  padding: 20px 0;
  font-weight: 200;
  font-size: 16px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .roof-instalation-fve-detail-content .right-bottom table tr td {
    width: 48%;
  }
}
.roof-instalation-fve-detail-content .right-bottom table tr td:nth-child(even) {
  font-weight: bold;
  padding-left: 10px;
}
.roof-instalation-fve-detail-content .right-bottom table tr td:nth-child(2) {
  padding-right: 30px;
}
@media screen and (max-width: 600px) {
  .roof-instalation-fve-detail-content .right-bottom table tr td:nth-child(2) {
    padding-right: 0px;
  }
}
.roof-instalation-fve-detail-content .right-bottom table tr td:nth-child(2):after {
  position: absolute;
  top: 0;
  right: 30px;
  opacity: 0.3;
  content: '';
  background: url('../img/dotted-vr.svg');
  height: 95%;
  width: 2px;
}
@media screen and (max-width: 600px) {
  .roof-instalation-fve-detail-content .right-bottom table tr td:nth-child(2):after {
    display: none;
  }
}
.price {
  width: calc( 100% - 160px);
  padding: 75px;
  background: #ff0000;
}
.price table {
  width: 100%;
}
.price table tr td {
  color: white;
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.price table tr td:first-child {
  font-size: 48px;
  padding-right: 30px;
  font-weight: bold;
}
.price table tr td:first-child:before {
  content: "";
  position: absolute;
  top: -35px;
  right: 0;
  content: '';
  background: url('../img/white-dotted-vr.svg');
  height: 130px;
  width: 2px;
}
.price table tr td:nth-child(2) {
  text-align: right;
  font-size: 30px;
  padding-right: 100px;
}
.price table tr td:nth-child(2) span {
  color: black;
  font-size: 16px;
  font-weight: 200;
  display: block;
}
.price table tr td:nth-child(3) img {
  width: 47px;
}
.price table tr td:nth-child(5) a {
  float: right;
  background: url('../img/button-inner-white.svg');
  background-repeat: no-repeat;
  background-position: 93% 50%;
  background-size: 28px;
  background-color: black;
  padding: 15px 45px 15px 20px;
  border-radius: 30px;
  text-decoration: none;
  position: relative;
  transition: .2s ease-in;
}
.price table tr td:nth-child(5) a:hover {
  background-color: #454545;
}
@media screen and (max-width: 990px) {
  .price {
    width: 100%;
    padding: 0;
    padding: 60px;
  }
  .price table tbody tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .price table tbody tr td:nth-of-type(1) {
    width: 30%;
  }
  .price table tbody tr td:nth-of-type(1)::before {
    height: 75px;
    top: 0;
  }
  .price table tbody tr td:nth-of-type(2) {
    padding-left: 40px;
    text-align: start;
    width: 30%;
  }
  .price table tbody tr td:nth-of-type(3) {
    display: none;
  }
  .price table tbody tr td:nth-of-type(4) {
    padding-top: 60px;
    padding-left: 55px;
    width: calc(20% + 98px);
    line-height: 40px;
  }
  .price table tbody tr td:nth-of-type(4)::before {
    content: "";
    position: absolute;
    left: 0px;
    width: 40px;
    height: 40px;
    background: url(../img/dotace.svg) no-repeat;
  }
  .price table tbody tr td:nth-of-type(5) {
    padding-top: 60px;
    width: calc(40% + 13px);
  }
  .price table tbody tr td:nth-of-type(5) a {
    float: left;
  }
}
@media screen and (max-width: 768px) {
  .price table tbody tr {
    flex-wrap: wrap;
    justify-content: start;
  }
  .price table tbody tr td:nth-of-type(1) {
    width: 30%;
  }
  .price table tbody tr td:nth-of-type(2) {
    width: 30%;
  }
  .price table tbody tr td:nth-of-type(4) {
    width: 30%;
  }
  .price table tbody tr td:nth-of-type(5) {
    width: 30%;
  }
}
@media screen and (max-width: 600px) {
  .price table tbody tr {
    flex-wrap: wrap;
    justify-content: start;
  }
  .price table tbody tr td:nth-of-type(1) {
    width: 100%;
  }
  .price table tbody tr td:nth-of-type(2) {
    width: 100%;
    padding-left: 0;
  }
  .price table tbody tr td:nth-of-type(4) {
    width: 100%;
  }
  .price table tbody tr td:nth-of-type(5) {
    width: 100%;
  }
  .price table tbody tr td {
    padding-top: 40px !important;
  }
  .price table tbody tr td:first-of-type {
    padding-top: 0 !important;
  }
}
.referencies-center {
  margin-top: -570px;
  z-index: 10;
  position: relative;
}
@media screen and (max-width: 990px) {
  .referencies-center {
    margin-top: -690px;
  }
}
.referencies-center .wrapper {
  background: #fff;
}
@media screen and (max-width: 768px) {
  .referencies-center .wrapper {
    width: 100%;
  }
}
.referencies-center-content {
  box-shadow: 0 10px 20px rgba(218,218,218,0.22), 0 15px 30px rgba(218,218,218,0.22);
  padding: 80px 60px;
}
@media screen and (max-width: 768px) {
  .referencies-center-content {
    padding: 80px 20px;
  }
}
@media screen and (max-width: 600px) {
  .referencies-center-content {
    padding: 20px;
  }
}
@media screen and (max-width: 990px) {
  .referencies-center-content-top {
    display: none;
  }
}
.referencies-center-content-top ul {
  text-align: center;
}
.referencies-center-content-top ul li {
  display: inline-block;
  margin-left: 100px;
  position: relative;
  cursor: pointer;
  transition: .2s ease-in;
}
@media screen and (max-width: 1280px) {
  .referencies-center-content-top ul li {
    margin-left: 85px;
  }
}
.referencies-center-content-top ul li.active {
  color: #ff0000;
}
.referencies-center-content-top ul li:hover {
  color: #ff0000;
}
.referencies-center-content-top ul li:after {
  content: "";
  width: 28px;
  height: 2px;
  position: absolute;
  top: 50%;
  right: -60px;
  transform: translateY(-50%);
  background: url('../img/red-dashed-hr.svg');
}
.referencies-center-content-top ul li:first-child {
  margin-left: 0;
}
.referencies-center-content-top ul li:last-child:after {
  display: none;
}
.referencies-center-content-bottom {
  margin-top: 80px;
}
@media screen and (max-width: 990px) {
  .referencies-center-content-bottom {
    margin-top: 0;
  }
}
.referencies-center-content-bottom ul.pagination {
  display: table;
  margin: 0 auto;
}
.referencies-center-content-bottom ul.pagination li {
  display: inline-block;
}
.referencies-center-content-bottom ul.pagination li.active a {
  color: #ff0000;
  background: none;
  font-weight: bold;
}
.referencies-center-content-bottom ul.pagination li a {
  border: 0px;
  font-size: 20px;
  font-weight: 300;
  text-decoration: none;
  color: gray;
  transition: .2s ease-in;
}
.referencies-center-content-bottom ul.pagination li a:hover {
  color: black;
}
.referencies-center-content-bottom ul:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 990px) {
  .referencies-center-content-bottom ul:first-child {
    gap: 10px;
  }
}
.referencies-center-content-bottom ul:first-child li {
  width: 30%;
  position: relative;
  margin-bottom: 5%;
  display: none;
  min-height: 234px;
}
@media screen and (max-width: 1280px) {
  .referencies-center-content-bottom ul:first-child li {
    min-height: auto;
    max-height: 250px;
    width: 46%;
  }
  .referencies-center-content-bottom ul:first-child li h2 {
    padding-bottom: 15px;
  }
  .referencies-center-content-bottom ul:first-child li p {
    margin-top: 10px;
  }
}
@media screen and (max-width: 990px) {
  .referencies-center-content-bottom ul:first-child li {
    min-height: auto;
    max-height: 250px;
    width: 46%;
  }
}
@media screen and (max-width: 600px) {
  .referencies-center-content-bottom ul:first-child li {
    width: 100%;
    max-height: 300px;
  }
}
.referencies-center-content-bottom ul:first-child li.active {
  display: inline-block;
}
.referencies-center-content-bottom ul:first-child li div {
  display: none;
}
.referencies-center-content-bottom ul:first-child li:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 50%;
  width: 100%;
  background: #000000;
  background: -moz-linear-gradient(0deg,#000000 0%,rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(0deg,#000000 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(0deg,#000000 0%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.referencies-center-content-bottom ul:first-child li img {
  width: 100%;
}
.referencies-center-content-bottom ul:first-child li h2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 65px;
  max-width: 90%;
  width: 100%;
  text-align: center;
  color: white;
  font-size: 30px;
  text-transform: uppercase;
}
.referencies-center-content-bottom ul:first-child li span {
  position: absolute;
  color: white;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px;
  text-indent: 20px;
  text-align: center;
  font-weight: 200;
  width: 100%;
}
.referencies-center-content-bottom ul:first-child li span:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 21px;
  top: -3px;
  margin-left: -20px;
  background: url('../img/pin.svg');
}
.referencies-center-content-bottom ul:first-child li span strong {
  font-weight: bold;
  color: #ff0000;
}
.referencies-center-content-bottom ul:first-child li a {
  color: #fff;
  background: url('../img/button-inner-white.svg');
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 25px;
  background-color: #ff0000;
  font-size: 15px;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 40px;
  border-radius: 100px;
  text-decoration: none;
  position: absolute;
  bottom: -17px;
  left: 50%;
  transform: translateX(-50%);
}
.referencies-center-content-bottom ul:first-child li a:hover {
  transition: 0.3s;
  background-color: #3fd53c;
}
.referencies-center-content-bottom ul:first-child li.text {
  background: #F4F4F4;
  padding: 45px;
  width: calc(30% - 90px);
}
@media screen and (max-width: 1280px) {
  .referencies-center-content-bottom ul:first-child li.text {
    width: calc(46% - 90px);
  }
  .referencies-center-content-bottom ul:first-child li.text p.name {
    font-size: 24px;
    position: absolute;
    top: 10px;
    font-weight: bold;
    right: 0px;
    text-align: right;
  }
}
@media screen and (max-width: 990px) {
  .referencies-center-content-bottom ul:first-child li.text {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .referencies-center-content-bottom ul:first-child li.text p.name {
    font-size: 15px !important;
    position: absolute;
    top: 10px;
    font-weight: bold;
    right: 0px;
    text-align: right;
  }
}
.referencies-center-content-bottom ul:first-child li.text:before {
  display: none;
}
.referencies-center-content-bottom ul:first-child li.text h2 {
  color: black;
  margin-top: 0px;
  text-transform: inherit;
  position: relative;
  text-align: left;
  left: 0px;
  transform: translateX(0);
  bottom: 0px;
}
.referencies-center-content-bottom ul:first-child li.text span {
  color: black;
  padding-left: 23px;
  text-align: left;
  position: relative;
  bottom: -10px;
  left: 0px;
  transform: translateX(0);
}
.referencies-center-content-bottom ul:first-child li.text span:before {
  content: "";
  position: absolute;
  width: 13px;
  height: 21px;
  top: 3px;
  left: 0px;
  background: url('../img/black-pin.svg') no-repeat;
}
.referencies-center-content-bottom ul:first-child li.text p {
  font-weight: 200;
  line-height: 22px;
  font-size: 14px;
  position: relative;
  margin-top: 40px;
}
.referencies-center-content-bottom ul:first-child li.text p.name {
  font-size: 24px;
  position: absolute;
  bottom: 45px;
  font-weight: bold;
  right: 45px;
  text-align: right;
}
.detail-referencies {
  position: relative;
  margin-top: 0px;
}
.detail-referencies li {
  position: relative;
}
.detail-referencies li a {
  position: relative;
  background: none;
  width: 100%;
  display: block;
  height: 100%;
}
.detail-referencies li a:before {
  content: "";
  position: absolute;
  transition: .2s ease-in;
  width: 80%;
  height: 80%;
  background: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: rgba(255,0,0,0.7) url('../img/lookup-glass.png') center center no-repeat;
  opacity: 0;
}
.detail-referencies li a:hover:before {
  opacity: 1;
}
.invest-section {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 600px) {
  .invest-section {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}
.invest-section .wrapper .invest-section-flex {
  margin: auto;
  display: flex;
}
.invest-section .wrapper .invest-section-flex div {
  padding: 40px;
  color: #333;
  width: 50%;
}
.invest-section .wrapper .invest-section-flex div:last-of-type:after {
  position: absolute;
  top: 0;
  right: 50%;
  content: '';
  background: url('../img/dotted-vr.svg');
  height: 80%;
  margin-top: 40px;
  margin-left: 6px;
  width: 10px;
}
.invest-section .wrapper .invest-section-flex div.return-of-investment {
  width: 100%;
}
.invest-section .wrapper .invest-section-flex div.return-of-investment:after {
  display: none;
}
.invest-section .wrapper .invest-section-flex div h3 {
  font-size: 22px;
}
.invest-section .wrapper .invest-section-flex div h3 strong {
  color: #ff0000;
}
.invest-section .wrapper .invest-section-flex div p {
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.7;
}
.invest-section .wrapper .invest-section-flex div a {
  color: #fff;
  background: url('../img/button-inner-white.svg');
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 25px;
  background-color: #ff0000;
  font-size: 15px;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 40px;
  border-radius: 100px;
  text-decoration: none;
}
.invest-section .wrapper .invest-section-flex div a:hover {
  transition: 0.3s;
  background-color: #3fd53c;
}
@media screen and (max-width: 990px) {
  .invest-section .wrapper .invest-section-flex {
    display: block;
  }
  .invest-section .wrapper .invest-section-flex div {
    width: 80%;
  }
  .invest-section .wrapper .invest-section-flex div:last-of-type:after {
    position: absolute;
    top: 0;
    right: 0%;
    content: '';
    background: none;
    height: 0%;
    margin-top: 0px;
    margin-left: 0px;
    width: 0px;
  }
}
.agrifve-works {
  padding-top: 80px;
  padding-bottom: 160px;
}
.agrifve-works-flex {
  margin: auto;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.agrifve-works-flex div {
  padding: 0 80px;
  color: #333;
}
.agrifve-works-flex div:first-of-type {
  width: 70%;
}
.agrifve-works-flex div h3 {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 200;
}
.agrifve-works-flex div h3 strong {
  color: #27BA45;
}
.agrifve-works-flex div img {
  max-height: 320px;
}
.agrifve-works-flex div p {
  padding-top: 40px;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.7;
}
@media screen and (max-width: 990px) {
  .agrifve-works-flex {
    width: 90%;
    margin: auto;
    gap: 40px;
  }
  .agrifve-works-flex div {
    padding: 0;
  }
  .agrifve-works-flex div:first-of-type {
    width: 70%;
  }
  .agrifve-works-flex div:last-of-type {
    width: 30%;
  }
  .agrifve-works-flex div:last-of-type img {
    max-width: 100%;
    max-height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .agrifve-works {
    padding-bottom: 80px;
  }
  .agrifve-works-flex {
    display: block;
  }
  .agrifve-works-flex div {
    padding: 0;
  }
  .agrifve-works-flex div:first-of-type {
    width: 100%;
  }
  .agrifve-works-flex div:last-of-type {
    width: 40%;
  }
  .agrifve-works-flex div:last-of-type img {
    max-width: 100%;
    max-height: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .agrifve-works {
    padding-bottom: 160px;
  }
}
#counter {
  z-index: 2;
  position: relative;
  margin-top: -80px;
}
@media screen and (max-width: 990px) {
  #counter .wrapper {
    width: 90%;
  }
}
#counter .banner {
  background-color: #ff0000;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 600px) {
  #counter .banner {
    margin-top: 0;
    flex-wrap: wrap;
  }
}
#counter .banner .map-section-column {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
}
@media screen and (max-width: 990px) {
  #counter .banner .map-section-column {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 990px) {
  #counter .banner .map-section-column:first-child {
    margin-top: 10px;
  }
}
@media screen and (max-width: 990px) {
  #counter .banner .map-section-column:last-child {
    margin-bottom: 10px;
  }
}
#counter .banner .map-section-column h4,
#counter .banner .map-section-column p {
  color: #fff;
}
#counter .banner .map-section-column h4 {
  font-size: 30px;
  padding-bottom: 10px;
}
#counter .banner .map-section-column:nth-child(2) h4 {
  padding-bottom: 0px;
}
#counter .banner .map-section-column p {
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 990px) {
  #counter .banner .map-section-column:first-of-type:after {
    position: absolute;
    top: 0;
    left: 33.33%;
    content: '';
    background: url('../img/white-dashed-hr.svg');
    height: 60%;
    margin-top: 3%;
    margin-left: 6px;
    width: 2px;
  }
  #counter .banner .map-section-column:last-of-type:after {
    position: absolute;
    top: 0;
    right: 33.33%;
    content: '';
    background: url('../img/white-dashed-hr.svg');
    height: 60%;
    margin-top: 3%;
    margin-left: 6px;
    width: 2px;
  }
}
@media screen and (max-width: 990px) {
  #counter .banner .banner {
    display: block;
  }
  #counter .banner .banner .map-section-column .dotted-line-horizontal-section {
    position: relative;
    height: 1px;
  }
  #counter .banner .banner .map-section-column .dotted-line-horizontal-section .dotted-line-horizontal:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: url('../img/white-dotted-hr.svg');
    height: 1px;
    width: 60%;
    margin-left: 20%;
    margin-top: 30px;
  }
  #counter .banner .banner .map-section-column:last-of-type .dotted-line-horizontal:before {
    background: none;
    height: 0;
    width: 0;
    margin-left: 0;
    margin-top: 0;
  }
}
.why-us-section {
  padding-top: 80px;
  padding-bottom: 80px;
  color: #333;
}
@media screen and (max-width: 990px) {
  .why-us-section {
    padding-top: 0px;
    padding-bottom: 40px;
  }
}
.why-us-section .wrapper .why-us-section-flex {
  display: flex;
}
.why-us-section .wrapper .why-us-section-flex .info-section {
  width: 20%;
  padding-top: 40px;
}
@media screen and (max-width: 990px) {
  .why-us-section .wrapper .why-us-section-flex .info-section {
    padding-left: 20px !important;
  }
}
.why-us-section .wrapper .why-us-section-flex .info-section h2 {
  font-size: 22px;
  padding-bottom: 20px;
  font-weight: 400;
  position: relative;
}
.why-us-section .wrapper .why-us-section-flex .info-section h2::after {
  display: block;
  content: '';
  width: 50px;
  height: 3px;
  background: #e2e2e2;
  position: absolute;
  bottom: 0;
  left: 0;
}
.why-us-section .wrapper .why-us-section-flex .info-section .contacts {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 990px) {
  .why-us-section .wrapper .why-us-section-flex .info-section .contacts {
    display: none;
  }
}
.why-us-section .wrapper .why-us-section-flex .info-section .contacts .phone {
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  background: url('../img/telefon.svg') center left no-repeat;
  background-size: 22px auto;
}
.why-us-section .wrapper .why-us-section-flex .info-section .contacts .email {
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  background: url('../img/e-mail.svg') center left no-repeat;
  background-size: 25px auto;
}
.why-us-section .wrapper .why-us-section-flex .info-section a {
  color: #fff;
  background: url('../img/button-inner-white.svg');
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 25px;
  background-color: #ff0000;
  font-size: 15px;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 40px;
  border-radius: 100px;
  text-decoration: none;
  cursor: pointer;
}
@media screen and (max-width: 990px) {
  .why-us-section .wrapper .why-us-section-flex .info-section a {
    display: none;
  }
}
.why-us-section .wrapper .why-us-section-flex .info-section a:hover {
  transition: 0.3s;
  background-color: #3fd53c;
}
.why-us-section .wrapper .why-us-section-flex .how-it-goes-buttons {
  margin-left: 180px;
}
.why-us-section .wrapper .why-us-section-flex .how-it-goes-buttons .how-it-goes_button {
  position: relative;
  padding: 10px 30px;
  width: 150px;
  font-weight: bold;
  color: #fff;
  background: #333;
  cursor: pointer;
  border: none;
}
.why-us-section .wrapper .why-us-section-flex .how-it-goes-buttons .how-it-goes_button.active {
  background: #ff0000;
}
.why-us-section .wrapper .why-us-section-flex .how-it-goes-buttons .how-it-goes_button.active::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 0 12px;
  border-color: #cf0000 transparent transparent transparent;
}
@media screen and (max-width: 990px) {
  .why-us-section .wrapper .why-us-section-flex .how-it-goes-buttons {
    margin-top: 20px;
    margin-left: 130px;
  }
}
@media screen and (max-width: 600px) {
  .why-us-section .wrapper .why-us-section-flex .how-it-goes-buttons {
    margin-left: 90px;
  }
}
@media screen and (max-width: 480px) {
  .why-us-section .wrapper .why-us-section-flex .how-it-goes-buttons {
    margin-left: 0px;
    display: flex;
    justify-content: center;
    gap: 10px;
  }
}
.why-us-section .wrapper .why-us-section-flex .pros-section {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.5;
}
@media screen and (min-width: 990px) {
  .why-us-section .wrapper .why-us-section-flex .pros-section:after {
    position: absolute;
    top: 0;
    right: 80%;
    content: '';
    background: url('../img/dotted-vr.svg');
    height: 90%;
    margin-top: 40px;
    margin-left: 6px;
    width: 10px;
  }
}
.why-us-section .wrapper .why-us-section-flex .pros-section div {
  max-width: 41%;
  padding: 40px;
}
@media screen and (max-width: 1280px) {
  .why-us-section .wrapper .why-us-section-flex .pros-section div {
    max-width: 40%;
  }
}
@media screen and (max-width: 990px) {
  .why-us-section .wrapper .why-us-section-flex .pros-section div {
    padding: 40px 20px;
  }
}
.why-us-section .wrapper .why-us-section-flex .pros-section div h3 {
  font-size: 18px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.why-us-section .wrapper .why-us-section-flex .pros-section div p {
  font-weight: 300;
}
.why-us-section .wrapper .why-us-section-flex .pros-section div img {
  height: 50px;
}
@media screen and (max-width: 990px) {
  .why-us-section .wrapper .why-us-section-flex {
    display: block;
  }
  .why-us-section .wrapper .why-us-section-flex .info-section {
    width: 100%;
    padding: 40px 0 0 40px;
  }
  .why-us-section .wrapper .why-us-section-flex .info-section .dotted-line-horizontal-section {
    display: none;
    position: relative;
    margin-right: 70px;
  }
  .why-us-section .wrapper .why-us-section-flex .info-section .dotted-line-horizontal-section .dotted-line-horizontal:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: url('../img/dotted-hr.svg');
    height: 1px;
    width: 100%;
    margin-top: 45px;
  }
  .why-us-section .wrapper .why-us-section-flex .pros-section {
    width: 100%;
  }
  .why-us-section .wrapper .why-us-section-flex .pros-section div {
    max-width: 100%;
  }
}
.why-us-roof {
  background: white;
  position: relative;
  z-index: 1;
}
.why-us-roof:before {
  content: "";
  height: 150px;
  width: 100%;
  background: white;
  top: -150px;
  left: 0px;
  position: absolute;
  z-index: -1;
}
.why-us-roof h2 {
  text-transform: uppercase;
}
.why-us-roof h2 strong {
  display: inline-block;
  margin-bottom: 5px;
}
.how-it-goes {
  width: 80%;
  padding-top: 40px;
  padding-left: 60px;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.5;
}
@media screen and (max-width: 990px) {
  .how-it-goes {
    width: 90%;
    padding-left: 10px;
  }
}
.how-it-goes .main-list {
  padding-left: 120px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .how-it-goes .main-list {
    padding-left: 80px;
  }
}
.how-it-goes .main-list:before {
  position: absolute;
  top: 0px;
  left: 13px;
  content: '';
  background: url('../img/dotted-vr.svg');
  height: 95%;
  margin-top: 40px;
  margin-left: 6px;
  width: 2px;
}
.how-it-goes .main-list li {
  display: block;
  margin-bottom: 45px;
  position: relative;
}
.how-it-goes .main-list li .ul-span {
  position: absolute;
  color: white;
  background: #ff0000;
  border-radius: 30px;
  display: block;
  line-height: 40px;
  width: 40px;
  left: -120px;
  text-align: center;
  font-size: 26px;
}
@media screen and (max-width: 600px) {
  .how-it-goes .main-list li .ul-span {
    left: -80px;
  }
}
.how-it-goes .main-list li h3 {
  font-weight: bold;
  font-size: 26px;
  display: block;
  margin-bottom: 10px;
}
.how-it-goes .main-list li h3 span {
  color: #ff0000;
}
@media screen and (max-width: 1280px) {
  .how-it-goes .main-list li h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 600px) {
  .how-it-goes .main-list li h3 {
    font-size: 23px;
  }
}
.how-it-goes .main-list li button {
  margin-top: 20px;
  border: 1px solid #dadada;
  border-radius: 50px;
  padding: 5px 40px 5px 10px;
  font-size: 14px;
  font-family: 'Titillium Web', sans-serif;
  text-decoration: none;
  display: inline-block;
  background-image: url('../img/button-more-info-down.svg');
  background-repeat: no-repeat;
  background-position: calc(100% - 5px) 50%;
  background-size: 25px;
  cursor: pointer;
  background-color: transparent;
}
.how-it-goes .main-list li button.button-open {
  background-image: url('../img/button-more-info-up.svg');
  background-repeat: no-repeat;
  background-position: calc(100% - 5px) 50%;
  background-size: 25px;
  background-color: transparent;
}
.how-it-goes .main-list li ul {
  margin-top: 20px;
  position: relative;
  list-style: none;
  margin-left: 0;
  padding-left: 1.2em;
}
.how-it-goes .main-list li ul:before {
  content: "";
  width: 1px;
  height: 85%;
  background: url(../img/dotted-vr.svg);
  position: absolute;
  left: 22px;
  top: 20px;
}
.how-it-goes .main-list li ul li {
  margin-bottom: 10px;
  display: list-item;
  padding-left: 30px;
}
.how-it-goes .main-list li ul li span {
  font-weight: bold;
  color: #ff0000;
}
.how-it-goes .main-list li ul li:before {
  content: "";
  width: 7px;
  height: 7px;
  background: #ff0000;
  border-radius: 7px;
  position: absolute;
  left: 0px;
  top: 10px;
}
.how-it-goes .main-list li ul li:last-of-type::after {
  content: "";
  width: 7px;
  height: calc(100% - 7px);
  background: #fff;
  position: absolute;
  left: 0px;
  top: 18px;
}
.how-it-goes .main-list li:last-of-type::after {
  content: '';
  position: absolute;
  top: 40px;
  left: -101px;
  width: 2px;
  height: 100%;
  background-color: #fff;
  background-size: 100%;
}
.why-agrovoltaic {
  background: white;
  padding-top: 160px;
}
.why-agrovoltaic .banner {
  background-color: #27BA45;
  margin-top: 10px;
  top: -160px;
  width: 100%;
  position: absolute;
}
@media screen and (max-width: 990px) {
  .why-agrovoltaic .banner {
    top: -70px;
  }
}
@media screen and (max-width: 768px) {
  .why-agrovoltaic .banner {
    top: -80px;
  }
}
@media screen and (max-width: 600px) {
  .why-agrovoltaic .banner {
    top: -180px;
    width: 90%;
    margin-left: 5%;
  }
}
.why-agrovoltaic h2 {
  text-transform: uppercase;
}
@media screen and (max-width: 990px) {
  .why-agrovoltaic h2 {
    padding-top: 140px;
  }
}
@media screen and (max-width: 768px) {
  .why-agrovoltaic h2 {
    padding-top: 40px;
  }
}
@media screen and (max-width: 600px) {
  .why-agrovoltaic h2 {
    padding-top: 140px;
  }
}
.why-agrovoltaic h2 strong {
  display: inline-block;
  margin-bottom: 10px;
}
.why-agrovoltaic .wrapper .why-us-section-flex .info-section .contacts .phone {
  background: url('../img/telephone-green.svg') center left no-repeat;
  background-size: 22px auto;
}
.why-agrovoltaic .wrapper .why-us-section-flex .info-section .contacts .email {
  background: url('../img/email-green.svg') center left no-repeat;
  background-size: 25px auto;
}
.why-agrovoltaic .wrapper .why-us-section-flex .info-section a {
  background-color: #27BA45;
}
.why-agrovoltaic .wrapper .why-us-section-flex .info-section a:hover {
  background-color: #08E935;
}
@media screen and (max-width: 990px) {
  .companies .wrapper {
    max-width: 90%;
  }
}
@media screen and (max-width: 600px) {
  .companies .wrapper {
    text-align: center;
  }
}
.companies-map-info {
  display: flex;
  padding-bottom: 40px;
  margin-bottom: 60px;
  position: relative;
}
.companies-map-info h3 {
  color: #585858;
  font-weight: 600;
  font-size: 20px;
  padding-bottom: 20px;
}
.companies-map-info ul li {
  padding-bottom: 20px;
}
.companies-map-info ul li:last-of-type {
  padding-bottom: 0;
}
.companies-map-info .left-section {
  width: 25%;
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}
.companies-map-info .left-section:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  background: url(../img/dotted-vr.svg);
  height: 100%;
  width: 1px;
}
.companies-map-info .right-section {
  width: 65%;
  margin-left: 10%;
  display: flex;
  justify-content: space-between;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .companies-map-info {
    flex-direction: column;
  }
  .companies-map-info .left-section {
    width: 100%;
    padding-top: 0;
  }
  .companies-map-info .left-section:after {
    display: none;
  }
  .companies-map-info .left-section:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background: url('../img/dotted-hr.svg');
    height: 1px;
    width: 40px;
  }
  .companies-map-info .right-section {
    margin-left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .companies-map-info .left-section:before {
    left: 50%;
    transform: translateX(-50%);
  }
  .companies-map-info .right-section {
    flex-direction: column;
  }
  .companies-map-info .right-section .content {
    padding-bottom: 40px;
    width: 100%;
  }
  .companies-map-info .right-section .content:last-of-type {
    padding-bottom: 0;
  }
}
.ekocesta-group-section {
  position: relative;
  margin: 80px 0 30px 0;
}
.ekocesta-group-section:before {
  position: absolute;
  top: 15px;
  left: 0;
  content: '';
  background: url('../img/dotted-hr.svg');
  height: 1px;
  overflow: hidden;
  width: 100%;
  z-index: 1;
}
.ekocesta-group-section .ekocesta-group-heading-section {
  margin-top: -110px;
  position: relative;
  z-index: 2;
  margin-left: 23px;
}
.ekocesta-group-section .ekocesta-group-heading-section .ekocesta-group-heading {
  background: #ff0000;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
}
.ekocesta-group-section .ekocesta-group-heading-section .ekocesta-group-heading .ekocesta-text {
  line-height: 1.5;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.ekocesta-group-section .ekocesta-group-heading-section .ekocesta-group-heading::before,
.ekocesta-group-section .ekocesta-group-heading-section .ekocesta-group-heading::after {
  content: '';
  position: absolute;
  top: 0;
  left: -12px;
}
.ekocesta-group-section .ekocesta-group-heading-section .ekocesta-group-heading::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 15px 12px;
  border-color: transparent transparent #cc0101 transparent;
}
.ekocesta-group-section .ekocesta-logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 80px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.ekocesta-group-section .ekocesta-logos div {
  width: 25%;
  text-align: center;
}
.ekocesta-group-section .ekocesta-logos div img {
  max-width: 100%;
  max-height: 45px;
}
@media screen and (max-width: 768px) {
  .ekocesta-group-section .ekocesta-logos {
    flex-wrap: wrap;
  }
  .ekocesta-group-section .ekocesta-logos div {
    width: calc(50% - 40px);
  }
}
.news-section {
  background: #f3f3f3;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 600px) {
  .news-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.news-section .wrapper .news-flex {
  display: flex;
  justify-content: flex-start;
}
.news-section .wrapper .news-flex .news-section-content {
  width: 20%;
  color: #333;
}
@media screen and (max-width: 990px) {
  .news-section .wrapper .news-flex .news-section-content {
    padding-bottom: 80px;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .news-section .wrapper .news-flex .news-section-content {
    padding-bottom: 40px;
    padding-left: 20px;
    width: 60%;
    text-align: left;
  }
}
.news-section .wrapper .news-flex .news-section-content h2 {
  font-size: 22px;
  padding-bottom: 20px;
  position: relative;
}
.news-section .wrapper .news-flex .news-section-content h2::after {
  display: block;
  content: '';
  width: 50px;
  height: 3px;
  background: #e2e2e2;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 990px) {
  .news-section .wrapper .news-flex .news-section-content h2 {
    font-size: 22px;
    padding-bottom: 20px;
    position: relative;
  }
  .news-section .wrapper .news-flex .news-section-content h2::after {
    position: absolute;
    content: '';
    width: 40px;
    left: -20px;
    height: 3px;
    margin-left: 50%;
    margin-right: 50%;
    background: #e2e2e2;
  }
}
@media screen and (max-width: 600px) {
  .news-section .wrapper .news-flex .news-section-content h2::after {
    position: absolute;
    content: '';
    width: 40px;
    left: -60px;
    height: 3px;
    margin-left: 35%;
    margin-right: 50%;
    background: #e2e2e2;
  }
}
.news-section .wrapper .news-flex .news-section-content p {
  padding-top: 20px;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.5;
}
.news-section .wrapper .news-flex .news {
  width: 74%;
}
.news-section .wrapper .news-flex .news-detail {
  width: 65%;
  margin-left: 3%;
}
@media screen and (max-width: 990px) {
  .news-section .wrapper .news-flex .news-detail {
    width: 90%;
    margin: 0 auto;
  }
}
.news-section .wrapper .news-flex .news-detail h2 {
  font-weight: bold;
  font-size: 26px;
  display: block;
  margin-bottom: 30px;
}
.news-section .wrapper .news-flex .news-detail p {
  line-height: 1.4;
  margin-bottom: 20px;
}
.news-section .wrapper .news-flex .news-detail ul {
  display: block;
  position: relative;
  margin-bottom: 30px;
}
.news-section .wrapper .news-flex .news-detail ul:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 20px;
  height: 70%;
  width: 2px;
  background: url(../img/dotted-vr.svg);
}
.news-section .wrapper .news-flex .news-detail ul li {
  line-height: 1.8;
  padding-left: 40px;
  position: relative;
}
.news-section .wrapper .news-flex .news-detail ul li:before {
  position: absolute;
  content: "";
  background: #ff0000;
  border-radius: 10px;
  width: 7px;
  height: 7px;
  margin-top: 12px;
  left: 12px;
}
.news-section .wrapper .news-flex .news-detail .news-back {
  color: #fff;
  position: relative;
  display: table;
  bottom: 0px;
  background: url('../img/button-inner-white-back.svg');
  background-repeat: no-repeat;
  background-position: 8% 50%;
  background-size: 25px;
  background-color: #ff0000;
  font-size: 15px;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  padding-right: 20px;
  border-radius: 100px;
  text-decoration: none;
  margin: 20px 0 0 0 !important;
}
.news-section .wrapper .news-flex .news-detail .news-back:hover {
  transition: 0.3s;
  background-color: #3fd53c;
}
.news-section .wrapper .news-flex .news .owl-two,
.news-section .wrapper .news-flex .news .owl-four {
  margin-left: 20px;
}
@media screen and (max-width: 600px) {
  .news-section .wrapper .news-flex .news .owl-two,
  .news-section .wrapper .news-flex .news .owl-four {
    width: 90%;
  }
}
@media screen and (max-width: 600px) {
  .news-section .wrapper .news-flex .news .owl-two .owl-nav,
  .news-section .wrapper .news-flex .news .owl-four .owl-nav {
    left: 60%;
    top: -130px;
  }
}
.news-section .wrapper .news-flex .news .owl-two .item,
.news-section .wrapper .news-flex .news .owl-four .item {
  color: #666;
  background-color: #fff;
  padding: 40px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}
.news-section .wrapper .news-flex .news .owl-two .item .item-image-wrap,
.news-section .wrapper .news-flex .news .owl-four .item .item-image-wrap {
  max-width: 290px;
  height: 150px;
  overflow: hidden;
  margin-bottom: 10px;
}
.news-section .wrapper .news-flex .news .owl-two .item img,
.news-section .wrapper .news-flex .news .owl-four .item img {
  margin-bottom: 10px;
  height: 100%;
  width: inherit !important;
}
.news-section .wrapper .news-flex .news .owl-two .item h4,
.news-section .wrapper .news-flex .news .owl-four .item h4 {
  font-size: 18px;
  line-height: 1.2;
  padding-bottom: 15px;
}
.news-section .wrapper .news-flex .news .owl-two .item p,
.news-section .wrapper .news-flex .news .owl-four .item p {
  font-weight: 300;
  line-height: 1.5;
}
.news-section .wrapper .news-flex .news .owl-two .item .news-item-content-more,
.news-section .wrapper .news-flex .news .owl-four .item .news-item-content-more {
  color: #fff;
  position: absolute;
  bottom: -17px;
  background: url('../img/button-inner-white.svg');
  background-repeat: no-repeat;
  background-position: 96% 50%;
  background-size: 25px;
  background-color: #ff0000;
  font-size: 15px;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 40px;
  border-radius: 100px;
  text-decoration: none;
}
.news-section .wrapper .news-flex .news .owl-two .item .news-item-content-more:hover,
.news-section .wrapper .news-flex .news .owl-four .item .news-item-content-more:hover {
  transition: 0.3s;
  background-color: #3fd53c;
}
@media screen and (max-width: 990px) {
  .news-section .wrapper .news-flex {
    display: block;
  }
  .news-section .wrapper .news-flex .news {
    width: 100%;
  }
}
.our-videos-section {
  padding-top: 80px;
  padding-bottom: 25px;
  background: white;
}
@media screen and (max-width: 768px) {
  .our-videos-section .wrapper {
    width: 94%;
  }
}
.our-videos-section .wrapper .our-videos-flex {
  display: flex;
  gap: 60px;
}
.our-videos-section .wrapper .our-videos-flex .left-section {
  width: 50%;
  align-self: center;
}
.our-videos-section .wrapper .our-videos-flex .left-section h2 {
  color: #585858;
  font-weight: 400;
  font-size: 25px;
  padding-bottom: 40px;
}
.our-videos-section .wrapper .our-videos-flex .left-section p {
  color: #585858;
  line-height: 1.5;
  padding-bottom: 40px;
}
.our-videos-section .wrapper .our-videos-flex .left-section .bottom-section .bottom-section-flex {
  display: flex;
  gap: 40px;
}
.our-videos-section .wrapper .our-videos-flex .left-section .bottom-section .bottom-section-flex div a {
  margin-top: 20px;
  color: #585858;
  font-weight: 400;
  font-size: 18px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}
.our-videos-section .wrapper .our-videos-flex .left-section .bottom-section .bottom-section-flex div a.active {
  font-weight: bold;
}
.our-videos-section .wrapper .our-videos-flex .left-section .bottom-section .bottom-section-flex div a.active:before {
  content: "Přehrává se: ";
  color: #ff0000;
}
.our-videos-section .wrapper .our-videos-flex .left-section .bottom-section .bottom-section-flex div a.active.en:before {
  content: "Playing: ";
}
.our-videos-section .wrapper .our-videos-flex .left-section .bottom-section .bottom-section-flex div a:hover {
  text-decoration: underline;
}
.our-videos-section .wrapper .our-videos-flex .left-section .bottom-section .bottom-section-flex div p {
  font-size: 35px;
  color: #ff0000;
  font-weight: 500;
}
.our-videos-section .wrapper .our-videos-flex .right-section {
  width: 65%;
}
.our-videos-section .wrapper .our-videos-flex .right-section .images-section {
  width: 100%;
  height: 350px;
  display: flex;
  gap: 20px;
}
.our-videos-section .wrapper .our-videos-flex .right-section .images-section .large-image {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: none;
}
.our-videos-section .wrapper .our-videos-flex .right-section .images-section .large-image.active {
  display: block;
}
.our-videos-section .wrapper .our-videos-flex .right-section .images-section .small-images {
  width: calc(33.3%);
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.our-videos-section .wrapper .our-videos-flex .right-section .images-section .small-images .top-image {
  background-image: url('../img/news-bg.jpg');
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  height: 50%;
  width: 100%;
}
.our-videos-section .wrapper .our-videos-flex .right-section .images-section .small-images .bottom-image {
  background-image: url('../img/post.jpg');
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  height: 50%;
  width: 100%;
}
.our-videos-section .wrapper .our-videos-flex .right-section .our-yt-channel {
  padding-top: 40px;
}
.our-videos-section .wrapper .our-videos-flex .right-section .our-yt-channel a {
  text-decoration: none;
  display: flex;
  gap: 30px;
}
.our-videos-section .wrapper .our-videos-flex .right-section .our-yt-channel a:hover {
  text-decoration: underline;
}
.our-videos-section .wrapper .our-videos-flex .right-section .our-yt-channel p {
  color: #585858;
  font-weight: 300;
  font-size: 20px;
}
.our-videos-section .wrapper .our-videos-flex .right-section .our-yt-channel img {
  height: 40px;
  width: auto;
  transform: translateY(-10px);
}
@media screen and (max-width: 768px) {
  .our-videos-section .wrapper .our-videos-flex {
    gap: 0px;
    flex-wrap: wrap;
  }
  .our-videos-section .wrapper .our-videos-flex .left-section {
    width: 100%;
  }
  .our-videos-section .wrapper .our-videos-flex .right-section {
    width: 100%;
    height: 390px;
  }
  .our-videos-section .wrapper .our-videos-flex .right-section .images-section .large-image {
    max-width: 100%;
    max-height: 100%;
  }
}
@media screen and (max-width: 600px) {
  .our-videos-section .wrapper .our-videos-flex .right-section .images-section {
    flex-wrap: wrap;
  }
  .our-videos-section .wrapper .our-videos-flex .right-section .images-section .large-image {
    width: 100%;
  }
  .our-videos-section .wrapper .our-videos-flex .right-section .images-section .small-images {
    width: 100%;
    height: 50%;
    flex-direction: row;
  }
  .our-videos-section .wrapper .our-videos-flex .right-section .images-section .small-images .top-image {
    width: 50%;
    height: 100%;
  }
  .our-videos-section .wrapper .our-videos-flex .right-section .images-section .small-images .bottom-image {
    width: 50%;
    height: 100%;
  }
}
.photo-section {
  background: #f8f8f8;
  padding-top: 80px;
  padding-bottom: 80px;
}
.photo-section .wrapper .photo-flex {
  display: flex;
}
.photo-section .wrapper .photo-flex .photo-section-content {
  width: 20%;
  color: #333;
}
.photo-section .wrapper .photo-flex .photo-section-content h2 {
  font-size: 22px;
  padding-top: 60px;
  position: relative;
  text-transform: uppercase;
  font-weight: 200;
}
.photo-section .wrapper .photo-flex .photo-section-content h2 strong {
  display: block;
  margin-bottom: 10px;
}
.photo-section .wrapper .photo-flex .photo-section-content h2::after {
  display: block;
  content: '';
  width: 50px;
  height: 3px;
  background: #e2e2e2;
  position: absolute;
  bottom: -30px;
  left: 0;
}
.photo-section .wrapper .photo-flex .photo-section-content p {
  padding-top: 20px;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .photo-section .wrapper .photo-flex .photo-section-content {
    margin-left: 10px;
  }
  .photo-section .wrapper .photo-flex .photo-section-content h2 {
    margin-bottom: 40px;
  }
}
.photo-section .wrapper .photo-flex .photo {
  width: 74%;
}
@media screen and (max-width: 768px) {
  .photo-section .wrapper .photo-flex .photo {
    margin-right: 40px;
    width: 100%;
  }
  .photo-section .wrapper .photo-flex .photo .owl-two {
    margin-left: 0 !important;
  }
}
.photo-section .wrapper .photo-flex .photo .owl-two,
.photo-section .wrapper .photo-flex .photo .owl-four {
  margin-left: 20px;
}
.photo-section .wrapper .photo-flex .photo .owl-two .owl-nav,
.photo-section .wrapper .photo-flex .photo .owl-four .owl-nav {
  left: -30%;
  top: 150px;
}
.photo-section .wrapper .photo-flex .photo .owl-two .item,
.photo-section .wrapper .photo-flex .photo .owl-four .item {
  color: #666;
  padding: 10px;
}
.photo-section .wrapper .photo-flex .photo .owl-two .item a,
.photo-section .wrapper .photo-flex .photo .owl-four .item a {
  position: relative;
  background: none;
  width: 100%;
  display: block;
  height: 100%;
}
.photo-section .wrapper .photo-flex .photo .owl-two .item a:before,
.photo-section .wrapper .photo-flex .photo .owl-four .item a:before {
  content: "";
  position: absolute;
  transition: .2s ease-in;
  width: 80%;
  height: 80%;
  background: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: rgba(255,0,0,0.7) url('../img/lookup-glass.png') center center no-repeat;
  opacity: 0;
}
.photo-section .wrapper .photo-flex .photo .owl-two .item a:hover:before,
.photo-section .wrapper .photo-flex .photo .owl-four .item a:hover:before {
  opacity: 1;
}
.photo-section .wrapper .photo-flex .photo .owl-two .item h4,
.photo-section .wrapper .photo-flex .photo .owl-four .item h4 {
  font-size: 18px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.photo-section .wrapper .photo-flex .photo .owl-two .item p,
.photo-section .wrapper .photo-flex .photo .owl-four .item p {
  font-weight: 300;
  line-height: 1.5;
}
.photo-section .wrapper .photo-flex .photo .owl-four {
  margin-left: 0;
}
.photo-section .wrapper .photo-flex .photo .owl-four .owl-nav {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .photo-section .wrapper .photo-flex .photo .owl-four .owl-nav {
    margin-left: 0;
    position: static;
    text-align: center !important;
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .photo-section .wrapper .photo-flex {
    display: block;
  }
  .photo-section .wrapper .photo-flex .news-section-content {
    width: 100%;
    padding-bottom: 80px;
    text-align: center;
  }
  .photo-section .wrapper .photo-flex .news-section-content h2 {
    font-size: 22px;
    padding-bottom: 20px;
    position: relative;
  }
  .photo-section .wrapper .photo-flex .news-section-content h2::after {
    position: absolute;
    width: 40px;
    left: -60px;
    height: 3px;
    margin-left: 50%;
    margin-right: 50%;
    background: #e2e2e2;
  }
  .photo-section .wrapper .photo-flex .news {
    width: 100%;
  }
}
.contact-form-section {
  background: #ededed;
  padding-top: 80px;
  padding-bottom: 80px;
}
.contact-form-section-without-bg {
  background: none;
}
.contact-form-section .wrapper .contact-form-section-flex {
  display: flex;
  gap: 40px;
}
.contact-form-section .wrapper .contact-form-section-flex .heading {
  width: 20%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.contact-form-section .wrapper .contact-form-section-flex .heading h2 {
  color: #222;
  font-weight: 300;
  line-height: 1.5;
  font-size: 22px;
  padding-bottom: 20px;
  position: relative;
  margin-bottom: 40px;
}
.contact-form-section .wrapper .contact-form-section-flex .heading h2::after {
  display: block;
  content: '';
  width: 50px;
  height: 3px;
  background: #e2e2e2;
  position: absolute;
  bottom: 0;
  left: 0;
}
.contact-form-section .wrapper .contact-form-section-flex .heading p {
  line-height: 1.5;
}
.contact-form-section .wrapper .contact-form-section-flex .contact-form {
  width: 80%;
}
.contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-flex {
  display: flex;
  flex-wrap: wrap;
}
.contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-flex input {
  color: #222;
  font-weight: 300;
  width: 39%;
  border: none;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 25px;
  margin-right: 25px;
  padding: 20px;
}
.contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-flex input::placeholder {
  color: #333;
}
.contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-flex .form-input-textarea {
  resize: none;
  width: 100%;
  color: #222;
  font-weight: 400;
  border: none;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 25px;
  margin-right: 50px;
  padding: 20px;
  font-family: 'Titillium Web', sans-serif;
}
.contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-flex .form-input-textarea::-webkit-input-placeholder {
  color: #222;
}
.contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-flex .form-input-textarea:-moz-placeholder {
  color: #222;
}
.contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-flex .form-input-textarea::-moz-placeholder {
  color: #222;
}
.contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-flex .form-input-textarea:-ms-input-placeholder {
  color: #222;
}
.contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-flex .form-input-textarea::placeholder {
  color: #222;
}
@media screen and (max-width: 1280px) {
  .contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-flex .form-input-textarea {
    border: none;
    width: calc(60% + 120px);
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 20px;
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media screen and (max-width: 768px) {
  .contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-flex .form-input-textarea {
    border: none;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 20px;
    width: 100%;
  }
}
.contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-submit {
  width: 75%;
  margin: 20px auto 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1280px) {
  .contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-submit {
    width: 80%;
  }
  .contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-submit .form-submit-button {
    margin-right: 15%;
  }
  .contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-submit .form-submit-gdpr {
    margin-left: 5%;
  }
}
@media screen and (max-width: 768px) {
  .contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-submit {
    width: 100%;
  }
  .contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-submit .form-submit-button {
    margin-right: 10%;
  }
  .contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-submit .form-submit-gdpr {
    margin-left: 10%;
  }
}
@media screen and (max-width: 600px) {
  .contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-submit {
    width: 100%;
    display: block;
  }
  .contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-submit .form-submit-button {
    margin-right: 0%;
    margin-left: 40px;
  }
  .contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-submit .form-submit-gdpr {
    margin-bottom: 10px;
    margin-left: 40px;
  }
}
.contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-submit .form-submit-button input {
  color: #fff;
  border: none;
  cursor: pointer;
  background: url('../img/button-inner-white.svg');
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 25px;
  background-color: #ff0000;
  font-size: 15px;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 40px;
  border-radius: 100px;
  text-decoration: none;
}
.contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-submit .form-submit-button input:hover {
  transition: 0.3s;
  background-color: #3fd53c;
}
.contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-submit .form-submit-gdpr p {
  line-height: 1.5;
}
@media screen and (max-width: 1280px) {
  .contact-form-section .wrapper .contact-form-section-flex .contact-form {
    width: 100%;
  }
  .contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-flex {
    display: flex;
    flex-wrap: wrap;
  }
  .contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-flex input {
    width: 30%;
    border: none;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 40px;
    margin-right: 40px;
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .contact-form-section {
    padding-bottom: 130px;
  }
  .contact-form-section .wrapper .contact-form-section-flex {
    display: block;
  }
  .contact-form-section .wrapper .contact-form-section-flex .heading {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .contact-form-section .wrapper .contact-form-section-flex .contact-form {
    width: 100%;
  }
  .contact-form-section .wrapper .contact-form-section-flex .contact-form form .form-flex input {
    width: 100%;
    border: none;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 40px;
    margin-right: 40px;
    padding: 20px;
  }
}
@media screen and (max-width: 600px) {
  .contact-form-section {
    padding-top: 40px;
  }
}
@media screen and (max-width: 1280px) {
  .reference-detail .wrapper {
    width: 90%;
  }
}
@media screen and (max-width: 990px) {
  .reference-detail .wrapper {
    width: 100%;
  }
}
.reference-detail .wrapper .reference-detail-padding {
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.reference-detail .wrapper .reference-detail-padding h2 {
  padding-top: 20px;
  padding-bottom: 40px;
  font-size: 25px;
  text-transform: uppercase;
}
.reference-detail .wrapper .reference-detail-padding h2 span {
  font-weight: 300;
}
.reference-detail .wrapper .reference-detail-padding .heading-section {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: 60px;
}
.reference-detail .wrapper .reference-detail-padding .heading-section:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  background: url('../img/dotted-hr.svg');
  height: 1px;
  width: 100%;
  margin-top: 40px;
}
.reference-detail .wrapper .reference-detail-padding .heading-section .heading p {
  color: #ff0000;
  position: relative;
  font-weight: 300;
  padding-left: 40px;
  padding-bottom: 20px;
}
.reference-detail .wrapper .reference-detail-padding .heading-section .heading p:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 25px;
  width: 12px;
  height: 12px;
  background: url('../img/red-pin.svg') no-repeat;
}
.reference-detail .wrapper .reference-detail-padding .heading-section .heading p:after {
  content: "";
  position: absolute;
  top: 7px;
  left: 0px;
  width: 20px;
  height: 1px;
  background: url('../img/red-dotted-hr.svg');
}
.reference-detail .wrapper .reference-detail-padding .heading-section .heading h1 {
  text-transform: uppercase;
  font-size: 35px;
}
.reference-detail .wrapper .reference-detail-padding .heading-section .infos {
  display: flex;
  gap: 80px;
}
.reference-detail .wrapper .reference-detail-padding .heading-section .infos .power {
  position: relative;
}
.reference-detail .wrapper .reference-detail-padding .heading-section .infos .power:before {
  content: "";
  position: absolute;
  top: 0px;
  left: -80px;
  width: 50px;
  height: 50px;
  background: url('../img/servis.svg') no-repeat;
}
.reference-detail .wrapper .reference-detail-padding .heading-section .infos .power .power-heading {
  font-weight: 300;
  padding-bottom: 10px;
}
.reference-detail .wrapper .reference-detail-padding .heading-section .infos .power .power-number {
  color: #ff0000;
  font-size: 25px;
  font-weight: 800;
}
.reference-detail .wrapper .reference-detail-padding .heading-section .infos .date {
  position: relative;
}
.reference-detail .wrapper .reference-detail-padding .heading-section .infos .date:after {
  position: absolute;
  top: -50px;
  left: -50px;
  content: '';
  background: url(../img/dotted-vr.svg);
  height: 100%;
  margin-top: 40px;
  margin-left: 6px;
  width: 10px;
}
.reference-detail .wrapper .reference-detail-padding .heading-section .infos .date .date-heading {
  font-weight: 300;
  padding-bottom: 10px;
}
.reference-detail .wrapper .reference-detail-padding .heading-section .infos .date .year {
  color: #ff0000;
  font-size: 25px;
  font-weight: 800;
}
@media screen and (max-width: 990px) {
  .reference-detail .wrapper .reference-detail-padding .heading-section .infos {
    padding-top: 10px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 768px) {
  .reference-detail .wrapper .reference-detail-padding .heading-section {
    justify-content: flex-start;
    flex-direction: column;
  }
  .reference-detail .wrapper .reference-detail-padding .heading-section .infos {
    margin-left: 80px;
    padding-top: 40px;
    margin-right: 0;
  }
  .reference-detail .wrapper .reference-detail-padding .heading-section .infos .date:after {
    top: -40px;
  }
}
.reference-detail .wrapper .reference-detail-padding .about-realization {
  display: flex;
  padding-top: 20px;
  padding-bottom: 60px;
  gap: 40px;
  position: relative;
}
.reference-detail .wrapper .reference-detail-padding .about-realization:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  background: url('../img/dotted-hr.svg');
  height: 1px;
  width: 100%;
  margin-top: 40px;
}
.reference-detail .wrapper .reference-detail-padding .about-realization .about-left {
  width: 70%;
}
.reference-detail .wrapper .reference-detail-padding .about-realization .about-left p {
  font-weight: 300;
  line-height: 2;
}
.reference-detail .wrapper .reference-detail-padding .about-realization .about-right {
  width: 30%;
}
.reference-detail .wrapper .reference-detail-padding .about-realization .about-right .video-overlay {
  position: relative;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.reference-detail .wrapper .reference-detail-padding .about-realization .about-right .video-overlay a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.reference-detail .wrapper .reference-detail-padding .about-realization .about-right .video-overlay a img {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  transition: 0.3s;
}
.reference-detail .wrapper .reference-detail-padding .about-realization .about-right .video-overlay a::before {
  content: "";
  position: absolute;
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  width: 50px;
  height: 50px;
  background: url('../img/video-white.svg') no-repeat;
  z-index: 2;
}
.reference-detail .wrapper .reference-detail-padding .about-realization .about-right .video-overlay a:hover img {
  opacity: 0.6;
  transition: 0.3s;
}
.reference-detail .wrapper .reference-detail-padding .about-realization .about-right .video-overlay a:hover::before {
  transition: 0.3s;
  background: url('../img/video-red.svg') no-repeat;
}
@media screen and (max-width: 990px) {
  .reference-detail .wrapper .reference-detail-padding .about-realization .about-left {
    width: 50%;
  }
  .reference-detail .wrapper .reference-detail-padding .about-realization .about-right {
    width: 50%;
    height: 200px;
  }
  .reference-detail .wrapper .reference-detail-padding .about-realization .about-right .video-overlay {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .reference-detail .wrapper .reference-detail-padding .about-realization {
    justify-content: flex-start;
    flex-direction: column;
  }
  .reference-detail .wrapper .reference-detail-padding .about-realization .about-left {
    width: calc(100% - 40px);
  }
  .reference-detail .wrapper .reference-detail-padding .about-realization .about-right {
    width: 100%;
  }
}
.reference-detail .wrapper .reference-detail-padding .technical-specifications {
  padding-top: 60px;
}
.reference-detail .wrapper .reference-detail-padding .technical-specifications .top-section {
  display: flex;
}
.reference-detail .wrapper .reference-detail-padding .technical-specifications .top-section .heading {
  width: 60%;
}
.reference-detail .wrapper .reference-detail-padding .technical-specifications .top-section .banner-section {
  width: 40%;
  position: relative;
}
.reference-detail .wrapper .reference-detail-padding .technical-specifications .top-section .banner-section .banner {
  position: absolute;
  top: -90px;
}
.reference-detail .wrapper .reference-detail-padding .technical-specifications .top-section .banner-section .banner .banner-bg {
  background-color: #ff0000;
  padding: 40px;
  display: flex;
  gap: 40px;
  position: relative;
  box-shadow: 0 19px 38px #dcdcdc, 0 10px 20px #dcdcdc;
}
.reference-detail .wrapper .reference-detail-padding .technical-specifications .top-section .banner-section .banner .banner-bg::before,
.reference-detail .wrapper .reference-detail-padding .technical-specifications .top-section .banner-section .banner .banner-bg::after {
  content: '';
  position: absolute;
  top: 0;
  left: -18px;
}
.reference-detail .wrapper .reference-detail-padding .technical-specifications .top-section .banner-section .banner .banner-bg::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 30px 18px;
  border-color: transparent transparent #cc0101 transparent;
}
.reference-detail .wrapper .reference-detail-padding .technical-specifications .top-section .banner-section .banner .banner-bg img {
  max-width: 60px;
  height: auto;
}
.reference-detail .wrapper .reference-detail-padding .technical-specifications .top-section .banner-section .banner .banner-bg p {
  color: #fff;
  font-weight: 300;
  line-height: 2;
  font-size: 13px;
}
.reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section {
  display: flex;
  color: #333;
  padding-top: 40px;
  padding-bottom: 40px;
}
.reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure {
  width: 100%;
  position: relative;
}
.reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure table tr td:last-of-type {
  font-weight: 800;
}
.reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure:last-of-type table tr td {
  padding-left: 60px;
}
.reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure table {
  width: 100%;
  z-index: 1;
}
.reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure table tr {
  position: relative;
  padding: 20px;
}
.reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure table tr:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  background: url(../img/dotted-hr-light-gray.svg);
  height: 1px;
  width: 100%;
  margin-top: 40px;
}
.reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure table tr td {
  padding-top: 25px;
  padding-bottom: 25px;
}
.reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  background: url(../img/dotted-vr.svg);
  height: 100%;
  width: 2px;
}
.reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure:last-child:after {
  display: none;
}
@media screen and (max-width: 1280px) {
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure a {
    left: 30%;
    right: unset;
  }
}
@media screen and (max-width: 990px) {
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section {
    display: inline-block;
    padding: 0;
    width: 100%;
  }
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure a {
    left: unset;
    right: -40px;
  }
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    background: none;
    height: 0;
    width: 0px;
  }
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure table tr:first-of-type th {
    padding-top: 60px;
  }
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure table tr:last-of-type td:first-of-type {
    width: 50%;
  }
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure table tr:last-of-type td:last-of-type {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure table tr:first-of-type th {
    padding-top: 30px;
  }
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure:nth-child(n+2) table tr:first-of-type th {
    padding-top: 60px;
  }
}
@media screen and (max-width: 480px) {
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure table tr td:last-of-type {
    text-align: end;
  }
}
@media screen and (max-width: 1280px) {
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure table tr:last-of-type td:first-child {
    margin-right: 0px;
  }
}
@media screen and (max-width: 990px) {
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .top-section .banner-section {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .reference-detail .wrapper .reference-detail-padding .technical-specifications {
    padding-top: 40px;
  }
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .top-section {
    justify-content: flex-start;
    flex-direction: column-reverse;
  }
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .top-section .heading {
    width: 100%;
  }
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .top-section .heading h2 {
    padding-top: 40px;
    padding-bottom: 0px;
  }
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .top-section .banner-section {
    width: 100%;
  }
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .top-section .banner-section .banner {
    position: static;
  }
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .top-section .banner-section .banner .banner-bg {
    padding: 20px;
  }
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .top-section .banner-section .banner .banner-bg:after {
    display: none;
  }
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section {
    width: 100%;
  }
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure {
    padding-top: 40px;
  }
  .reference-detail .wrapper .reference-detail-padding .technical-specifications .bottom-section figure:last-of-type table tr td {
    padding-left: 0px;
  }
}
@media screen and (max-width: 600px) {
  .reference-detail .wrapper .reference-detail-padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.authorized-persons-section {
  position: relative;
}
.authorized-persons-section:after {
  position: absolute;
  bottom: 40px;
  right: 0;
  content: '';
  background: url(../img/dotted-hr.svg);
  height: 1px;
  width: 100%;
}
.authorized-persons-section .authorized-persons-heading {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .authorized-persons-section .authorized-persons-heading {
    justify-content: flex-start;
    flex-direction: column;
    gap: 15px;
  }
}
.authorized-persons-section .authorized-persons-heading h2 {
  font-weight: 300;
  font-size: 30px;
}
.authorized-persons-section .authorized-persons-heading p {
  font-size: 20px;
  font-weight: 600;
}
.authorized-persons-section .authorized-persons-heading p span {
  color: #ff0000;
}
.authorized-persons-section .authorized-persons-content {
  padding-bottom: 60px;
}
.authorized-persons-section .authorized-persons-content .post {
  display: flex;
  padding-bottom: 40px;
  line-height: 1.5;
}
.authorized-persons-section .authorized-persons-content .post .left-section {
  width: 33.3%;
}
.authorized-persons-section .authorized-persons-content .post .left-section p {
  font-size: 22px;
  font-weight: 600;
}
.authorized-persons-section .authorized-persons-content .post .right-section {
  width: 66.6%;
}
.authorized-persons-section .authorized-persons-content .post .right-section .strong-text {
  font-weight: 600;
  padding-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .authorized-persons-section .authorized-persons-content .post {
    justify-content: flex-start;
    flex-direction: column;
    position: relative;
    margin-bottom: 40px;
  }
  .authorized-persons-section .authorized-persons-content .post:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background: url('../img/dotted-hr.svg');
    height: 1px;
    width: 80px;
  }
  .authorized-persons-section .authorized-persons-content .post .left-section {
    width: 100%;
    padding-bottom: 20px;
  }
  .authorized-persons-section .authorized-persons-content .post .right-section {
    width: 100%;
  }
}
.authorized-persons-section .authorized-persons-content .changes {
  width: 66.6%;
  margin-left: auto;
}
@media screen and (max-width: 600px) {
  .authorized-persons-section .authorized-persons-content .changes {
    width: 100%;
    margin-left: 0;
  }
}
.vop {
  position: relative;
  margin-bottom: 100px;
}
.vop .wrapper:after {
  position: absolute;
  top: -50px;
  right: 0;
  content: '';
  background: url(../img/dotted-hr.svg);
  height: 1px;
  width: 100%;
}
.vop table {
  width: 100%;
}
.vop table tr {
  line-height: 60px;
}
.vop table tr:nth-child(odd) {
  background: #FFF;
}
.vop table tr td:first-child,
.vop table tr td:last-child {
  text-align: center;
}
.vop table tr:first-child {
  background: red;
  color: white;
}
.vop table tr:first-child td {
  font-weight: bold;
}
.investement-return-section {
  padding-top: 60px;
  padding-bottom: 60px;
}
.investement-return-section .wrapper .investement-return-section-flex {
  display: flex;
}
.investement-return-section .wrapper .investement-return-section-flex h2 {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 25px;
  text-transform: uppercase;
  position: relative;
  line-height: 1.5;
}
.investement-return-section .wrapper .investement-return-section-flex h2 span {
  font-weight: 300;
}
.investement-return-section .wrapper .investement-return-section-flex h2::after {
  display: block;
  content: '';
  width: 50px;
  height: 3px;
  background: #e2e2e2;
  position: absolute;
  margin-top: 10px;
  left: 0;
}
.investement-return-section .wrapper .investement-return-section-flex .info-section {
  width: 20%;
  padding-top: 100px;
}
@media screen and (max-width: 990px) {
  .investement-return-section .wrapper .investement-return-section-flex .info-section {
    padding-left: 20px !important;
  }
}
.investement-return-section .wrapper .investement-return-section-flex .graph-section {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.5;
  padding-top: 10px;
  padding-left: 60px;
}
.investement-return-section .wrapper .investement-return-section-flex .graph-section .graph img {
  max-width: 100%;
  max-height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}
.investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section {
  display: flex;
  color: #333;
  padding-top: 40px;
  padding-bottom: 40px;
}
.investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section figure {
  width: 100%;
  position: relative;
}
.investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section figure table tr td:last-of-type {
  font-weight: 800;
}
.investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section figure:last-of-type table tr td {
  padding-left: 60px;
}
.investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section figure table {
  width: 100%;
  z-index: 1;
}
.investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section figure table tr {
  position: relative;
  padding: 20px;
}
.investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section figure table tr:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  background: url(../img/dotted-hr-light-gray.svg);
  height: 1px;
  width: 100%;
  margin-top: 40px;
}
.investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section figure table tr td {
  padding-top: 25px;
  padding-bottom: 25px;
}
.investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section figure:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  background: url(../img/dotted-vr.svg);
  height: 100%;
  width: 2px;
}
.investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section figure:last-child:after {
  display: none;
}
@media screen and (max-width: 1280px) {
  .investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section figure a {
    left: 30%;
    right: unset;
  }
}
@media screen and (max-width: 990px) {
  .investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section {
    display: inline-block;
    padding: 0;
    width: 100%;
  }
  .investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section figure a {
    left: unset;
    right: -40px;
  }
  .investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section figure:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    background: none;
    height: 0;
    width: 0px;
  }
  .investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section figure table tr:first-of-type th {
    padding-top: 60px;
  }
  .investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section figure table tr:last-of-type td:first-of-type {
    width: 50%;
  }
  .investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section figure table tr:last-of-type td:first-of-type {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section figure table tr:first-of-type th {
    padding-top: 30px;
  }
  .investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section figure:nth-child(n+2) table tr:first-of-type th {
    padding-top: 60px;
  }
}
@media screen and (max-width: 1280px) {
  .investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section figure table tr:last-of-type td:first-child {
    margin-right: 0px;
  }
}
@media screen and (min-width: 990px) {
  .investement-return-section .wrapper .investement-return-section-flex .graph-section:after {
    position: absolute;
    top: 0;
    right: 80%;
    content: '';
    background: url('../img/dotted-vr.svg');
    height: 90%;
    margin-top: 40px;
    margin-left: 6px;
    width: 10px;
  }
}
@media screen and (max-width: 990px) {
  .investement-return-section .wrapper .investement-return-section-flex {
    display: block;
  }
  .investement-return-section .wrapper .investement-return-section-flex .info-section {
    width: 100%;
    padding: 40px 0 0 40px;
  }
  .investement-return-section .wrapper .investement-return-section-flex .info-section .dotted-line-horizontal-section {
    display: none;
    position: relative;
    margin-right: 70px;
  }
  .investement-return-section .wrapper .investement-return-section-flex .info-section .dotted-line-horizontal-section .dotted-line-horizontal:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: url('../img/dotted-hr.svg');
    height: 1px;
    width: 100%;
    margin-top: 45px;
  }
  .investement-return-section .wrapper .investement-return-section-flex .pros-section {
    width: 100%;
  }
  .investement-return-section .wrapper .investement-return-section-flex .pros-section div {
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .investement-return-section .wrapper .investement-return-section-flex .graph-section .bottom-section figure table tr td:last-of-type {
    text-align: end;
  }
}
@media screen and (max-width: 1280px) {
  .investement-return-section .wrapper .investement-return-section-flex {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 990px) {
  .investement-return-section .wrapper {
    width: 100%;
  }
  .investement-return-section .wrapper .investement-return-section-flex {
    padding-left: 40px;
    padding-right: 40px;
  }
  .investement-return-section .wrapper .investement-return-section-flex .info-section {
    padding-left: 0 !important;
  }
  .investement-return-section .wrapper .investement-return-section-flex .graph-section {
    width: 100%;
    padding-left: 0;
  }
  .investement-return-section .wrapper .investement-return-section-flex .graph-section .graph img {
    padding-bottom: 0;
  }
  .investement-return-section .wrapper .investement-return-section-flex .graph-section .graph .table-section .bottom-section figure {
    padding-top: 40px;
  }
  .investement-return-section .wrapper .investement-return-section-flex .graph-section .graph .table-section .bottom-section figure:last-of-type table tr td {
    padding-left: 0px;
  }
}
@media screen and (max-width: 600px) {
  .investement-return-section .wrapper .investement-return-section-flex {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.reference-subpage-photo-section {
  background: #ededed;
}
@media screen and (max-width: 990px) {
  .reference-subpage-photo-section .wrapper {
    width: 90%;
  }
}
.reference-subpage-contact-form-section {
  background: #F8F8F8;
}
.footer-slider-delete {
  display: none;
}
.error404-section {
  margin-top: -250px;
  z-index: 10;
  position: relative;
  background: none;
}
.error404-section .wrapper {
  background-color: #fff;
}
.error404-section .wrapper .error404-center-content {
  padding-top: 100px;
  padding-bottom: 110px;
  padding-left: 80px;
  padding-right: 80px;
  background: url('../img/404.svg') no-repeat;
  background-position: 95% 100%;
  background-size: 50%;
}
.error404-section .wrapper .error404-center-content .error404-text {
  width: 30%;
}
.error404-section .wrapper .error404-center-content .error404-text h1 {
  font-weight: 400;
  font-size: 25px;
  text-transform: uppercase;
  word-spacing: 9999999999px;
  line-height: 1.5;
}
.error404-section .wrapper .error404-center-content .error404-text p {
  font-weight: 300;
  line-height: 1.5;
  padding-top: 40px;
  padding-bottom: 40px;
}
.error404-section .wrapper .error404-center-content .error404-text a {
  color: #fff;
  background: url('../img/button-inner-white.svg');
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 25px;
  background-color: #ff0000;
  font-size: 15px;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 40px;
  border-radius: 100px;
  text-decoration: none;
}
.error404-section .wrapper .error404-center-content .error404-text a:hover {
  transition: 0.3s;
  background-color: #3fd53c;
}
@media screen and (max-width: 768px) {
  .error404-section .wrapper .error404-center-content .error404-text {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .error404-section .wrapper .error404-center-content {
    background-size: 0%;
  }
  .error404-section .wrapper .error404-center-content .error404-text {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .error404-section .wrapper .error404-center-content {
    padding-top: 40px;
    padding-bottom: 50px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .error404-section .wrapper .error404-center-content .error404-text {
    width: 100%;
  }
}
.gdpr-section {
  margin-top: -250px;
  z-index: 10;
  position: relative;
  background: none;
}
.gdpr-section .wrapper {
  background-color: #fff;
}
.gdpr-section .wrapper .gdpr-center-content {
  padding-top: 100px;
  padding-bottom: 110px;
  padding-left: 80px;
  padding-right: 80px;
}
.gdpr-section .wrapper .gdpr-center-content .gdpr-logo-section {
  position: absolute;
  right: 80px;
  top: -30px;
}
@media screen and (max-width: 768px) {
  .gdpr-section .wrapper .gdpr-center-content .gdpr-logo-section {
    position: static;
    padding-bottom: 40px;
  }
}
.gdpr-section .wrapper .gdpr-center-content .gdpr-logo-section .gdpr-logo-bg {
  background-color: #ff0000;
  height: 100px;
  width: 200px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .gdpr-section .wrapper .gdpr-center-content .gdpr-logo-section .gdpr-logo-bg {
    width: unset;
  }
}
.gdpr-section .wrapper .gdpr-center-content .gdpr-logo-section .gdpr-logo-bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: -18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 30px 18px;
  border-color: transparent transparent #cc0101 transparent;
}
.gdpr-section .wrapper .gdpr-center-content .gdpr-logo-section .gdpr-logo-bg img {
  max-width: 100%;
  max-height: 100%;
}
.gdpr-section .wrapper .gdpr-center-content .gdpr-text {
  width: 100%;
}
.gdpr-section .wrapper .gdpr-center-content .gdpr-text h1 {
  font-size: 25px;
  text-transform: uppercase;
  line-height: 1.5;
  color: #222;
  font-weight: 300;
  padding-bottom: 30px;
  position: relative;
}
.gdpr-section .wrapper .gdpr-center-content .gdpr-text h1::before {
  display: block;
  content: '';
  width: 50px;
  height: 3px;
  background: #e2e2e2;
  position: absolute;
  bottom: 0;
  left: 0;
}
.gdpr-section .wrapper .gdpr-center-content .gdpr-text h2 {
  color: #ff0000;
  font-size: 23px;
  font-weight: 400;
  padding-top: 40px;
  padding-bottom: 10px;
}
.gdpr-section .wrapper .gdpr-center-content .gdpr-text p {
  font-weight: 300;
  line-height: 1.5;
  padding-top: 10px;
  padding-bottom: 10px;
}
.gdpr-section .wrapper .gdpr-center-content .gdpr-text .gdpr-list-section {
  margin-top: 10px;
  margin-bottom: 10px;
}
.gdpr-section .wrapper .gdpr-center-content .gdpr-text .gdpr-list-section .gdpr-list {
  list-style: none;
  position: relative;
  color: #222;
  height: 100%;
}
.gdpr-section .wrapper .gdpr-center-content .gdpr-text .gdpr-list-section .gdpr-list .gdpr-list-section .gdpr-list::after {
  height: 0;
}
.gdpr-section .wrapper .gdpr-center-content .gdpr-text .gdpr-list-section .gdpr-list .gdpr-list-section li::before {
  color: #222;
}
.gdpr-section .wrapper .gdpr-center-content .gdpr-text .gdpr-list-section .gdpr-list:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  background: url('../img/black-dashed-hr.svg');
  height: 90%;
  margin-left: 6px;
  width: 1px;
}
.gdpr-section .wrapper .gdpr-center-content .gdpr-text .gdpr-list-section .gdpr-list li {
  position: relative;
  color: #222;
  z-index: 1;
  padding-left: 25px;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}
@media screen and (max-width: 600px) {
  .gdpr-section .wrapper .gdpr-center-content .gdpr-text .gdpr-list-section .gdpr-list li {
    line-height: 22px;
  }
}
.gdpr-section .wrapper .gdpr-center-content .gdpr-text .gdpr-list-section .gdpr-list li:first-of-type {
  padding-top: 0;
}
.gdpr-section .wrapper .gdpr-center-content .gdpr-text .gdpr-list-section .gdpr-list li:before {
  position: absolute;
  left: 0px;
  margin-top: -3px;
  content: '\25CF';
  font-size: 22px;
  color: #ff0000;
}
@media screen and (max-width: 480px) {
  .gdpr-section .wrapper .gdpr-center-content {
    padding-top: 40px;
    padding-bottom: 50px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .gdpr-section .wrapper .gdpr-center-content .gdpr-text {
    width: 100%;
  }
}
.owl-one .owl-dots .owl-dot.active {
  border: 1px solid #fff;
}
.owl-one .owl-dots .owl-dot.active span {
  background: #ff0000 !important;
}
.owl-one .owl-dots .owl-dot {
  border: 1px solid transparent;
  border-radius: 100px;
  padding: 15px;
  margin-right: 10px;
  transition: .2s ease-in;
}
.owl-one .owl-dots .owl-dot:last-of-type {
  margin-right: 0;
}
.owl-one .owl-dots .owl-dot span {
  background: #fff !important;
  margin: 0 !important;
  width: 7px !important;
  height: 7px !important;
  transition: .2s ease-in;
}
.owl-one .owl-dots .owl-dot:hover {
  border: 1px solid #fff;
}
.owl-one .owl-dots .owl-dot:hover span {
  background: #ff0000 !important;
}
.agrifve .owl-one .owl-dots .owl-dot.active span,
.agrifve .owl-one .owl-dots .owl-dot:hover span {
  background: #27BA45 !important;
}
.owl-two .owl-nav,
.owl-four .owl-nav {
  text-align: left !important;
  position: absolute;
  left: -28%;
  top: 250px;
}
.owl-two .owl-prev,
.owl-two .owl-next,
.owl-four .owl-prev,
.owl-four .owl-next {
  text-indent: -9999em !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 19px !important;
  padding-right: 19px !important;
  transition: .2s ease-in;
}
.owl-two .owl-prev,
.owl-four .owl-prev {
  background: url('../img/arrow.svg') !important;
  background-repeat: no-repeat !important;
}
.owl-two .owl-prev:hover,
.owl-four .owl-prev:hover {
  background: url('../img/arrow-hover.svg') !important;
}
.owl-two .owl-next,
.owl-four .owl-next {
  background: url('../img/arrow.svg') !important;
  background-repeat: no-repeat !important;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.owl-two .owl-next:hover,
.owl-four .owl-next:hover {
  background: url('../img/arrow-hover.svg') !important;
}
.owl-three .owl-prev,
.owl-three .owl-next {
  text-indent: -9999em !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 19px !important;
  padding-right: 19px !important;
  transition: .2s ease-in;
}
.owl-three .owl-prev {
  background: url('../img/white-arrow.svg') !important;
  background-repeat: no-repeat !important;
}
.owl-three .owl-prev:hover {
  background: url('../img/arrow-hover.svg') !important;
}
.owl-three .owl-next {
  background: url('../img/white-arrow.svg') !important;
  background-repeat: no-repeat !important;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.owl-three .owl-next:hover {
  background: url('../img/arrow-hover.svg') !important;
}
.footer-slider-section {
  background: #fff;
}
.footer-slider-section .footer-slider {
  padding-top: 80px;
  padding-bottom: 80px;
  width: 75%;
  margin-left: auto;
}
.footer-slider-section .footer-slider .owl-five .item {
  height: 40px;
}
.footer-slider-section .footer-slider .owl-five .item img {
  max-height: 100%;
  max-width: 100%;
  filter: grayscale(100%);
  transition: 0.4s;
}
.footer-slider-section .footer-slider .owl-five .item img:hover {
  filter: grayscale(0%);
}
.footer-slider-section .footer-slider .owl-five .owl-nav {
  text-align: left !important;
  position: absolute;
  left: -25%;
  bottom: 0px;
}
@media screen and (max-width: 600px) {
  .footer-slider-section .footer-slider .owl-five .owl-nav {
    margin-left: 10px;
  }
}
.footer-slider-section .footer-slider .owl-five .owl-prev,
.footer-slider-section .footer-slider .owl-five .owl-next {
  text-indent: -9999em !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 19px !important;
  padding-right: 19px !important;
  transition: .2s ease-in;
}
.footer-slider-section .footer-slider .owl-five .owl-prev {
  background: url('../img/arrow.svg') !important;
  background-repeat: no-repeat !important;
}
.footer-slider-section .footer-slider .owl-five .owl-prev:hover {
  background: url('../img/arrow-hover.svg') !important;
}
.footer-slider-section .footer-slider .owl-five .owl-next {
  background: url('../img/arrow.svg') !important;
  background-repeat: no-repeat !important;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.footer-slider-section .footer-slider .owl-five .owl-next:hover {
  background: url('../img/arrow-hover.svg') !important;
}
header {
  background: url('../img/Solidsun-fv-elektrarny-pro-firmy.jpg');
  background-repeat: no-repeat;
  background-size: inherit;
  height: 1080px;
  background-position: 50% 0px;
  transition: 0.3s;
}
header.agrifve {
  background: #F8F8F8 url('../img/Fotky/Agrifve/agrifve-top-photo-1.png');
  background-repeat: no-repeat;
  background-size: inherit;
  background-position: 50% 0px;
}
@media screen and (max-width: 990px) {
  header.agrifve .main-hero {
    padding-top: 60px;
  }
}
@media screen and (max-width: 600px) {
  header.agrifve {
    background-position: 70% 0px;
  }
}
header.roof-instalation {
  background: #F8F8F8 url('../img/roof-top-photo-1.png');
  background-repeat: no-repeat;
  background-size: inherit;
  background-position: 50% 0px;
}
@media screen and (max-width: 990px) {
  header.roof-instalation .main-hero {
    padding-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  header.roof-instalation-detail {
    background-size: cover;
    height: 350px;
  }
}
header.grant-top {
  background: url('../img/dotace-photo.png');
  background-repeat: no-repeat;
  background-size: inherit;
  height: 800px;
  background-position: 50% 0px;
}
@media screen and (max-width: 990px) {
  header.grant-top .roof-hero {
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  header.grant-top {
    background-size: cover;
    height: 550px;
  }
}
header.posts-top {
  background: url('../img/clanky-photo.png');
  background-repeat: no-repeat;
  background-size: inherit;
  height: 800px;
  background-position: 50% 0px;
}
@media screen and (max-width: 990px) {
  header.posts-top .roof-hero {
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  header.posts-top {
    background-size: cover;
    height: 550px;
  }
}
header.photovoltaic-parks {
  background: #F8F8F8 url('../img/Solidsun-vystavba-fotovoltaicke-parky.jpg');
  background-repeat: no-repeat;
  background-size: inherit;
  height: 1080px;
  background-position: 50% 0px;
}
@media screen and (max-width: 990px) {
  header.photovoltaic-parks .roof-hero {
    padding-top: 90px;
  }
}
@media screen and (max-width: 768px) {
  header.photovoltaic-parks {
    background-size: cover;
    height: 350px;
  }
  header.photovoltaic-parks .roof-hero {
    padding-top: 55px;
  }
}
header.referencies {
  background: #F8F8F8 url('../img/referencies-photo.png');
  background-repeat: no-repeat;
  background-size: inherit;
  height: 850px;
  background-position: 50% 0px;
}
@media screen and (max-width: 990px) {
  header.referencies .roof-hero {
    padding-top: 30px;
  }
}
header.error404 {
  background: url('../img/Solidsun-fv-elektrarny-pro-firmy.jpg');
  background-repeat: no-repeat;
  background-size: inherit;
  height: 400px;
  background-position: right 30%;
}
@media screen and (min-width: 1921px) {
  header.error404 {
    background-position: center;
  }
}
@media screen and (max-width: 990px) {
  header.error404 .error404-hero {
    padding-top: 30px;
  }
}
header.gdpr {
  background: url('../img/Solidsun-fv-elektrarny-pro-firmy.jpg');
  background-repeat: no-repeat;
  background-size: inherit;
  height: 400px;
  background-position: right 30%;
  text-align: center;
}
header.gdpr .gdpr-hero {
  padding-top: 0;
}
@media screen and (min-width: 1921px) {
  header.gdpr {
    background-position: center;
  }
}
@media screen and (max-width: 990px) {
  header.gdpr .gdpr-hero {
    padding-top: 30px;
  }
}
header .wrapper nav {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  header .wrapper nav {
    margin-top: 0px;
  }
}
header .wrapper nav ul.main-menu-lvl3 {
  position: absolute;
  display: block;
  z-index: 1000;
  margin-top: 10px;
  background: #ff0000;
  visibility: hidden;
  opacity: 0;
  transition: .2s ease-in;
}
header .wrapper nav ul.main-menu-lvl3 li {
  display: block;
  min-width: 180px;
  padding: 10px;
  transition: .2s ease-in;
  position: relative;
}
header .wrapper nav ul.main-menu-lvl3 li:after {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%);
  top: inherit !important;
  bottom: 0px;
  content: '' !important;
  background: url('../img/white-dotted-hr.svg') !important;
  height: 1px !important;
  width: 80% !important;
  margin-top: 40px !important;
}
header .wrapper nav ul.main-menu-lvl3 li:last-child:after {
  display: none;
}
header .wrapper nav ul.main-menu-lvl3 li:hover {
  color: white;
  background: #27BA45;
}
header .wrapper nav ul.main-menu-lvl3 li a:after {
  display: none !important;
}
header .wrapper nav ul.main-menu-lvl-4 {
  display: none;
}
header .wrapper nav ul li {
  float: left;
  position: relative;
  padding-bottom: 10px;
}
header .wrapper nav ul li:hover ul.main-menu-lvl3 {
  visibility: visible;
  opacity: 1;
}
header .wrapper nav ul li a {
  display: block;
  padding: 5px;
}
header .wrapper nav ul li ul li {
  float: none;
}
.navbar {
  color: #fff;
}
@media screen and (max-width: 990px) {
  .navbar {
    display: none;
  }
}
.navbar .wrapper .navbar-content {
  padding-top: 20px;
}
.navbar .wrapper .navbar-content .navbar-logo-section-flex .logo {
  display: block;
  width: 200px;
  height: 64px;
  background: url('../img/Logo.svg');
  background-repeat: no-repeat;
  text-indent: -5555px;
  float: left;
  position: relative;
  margin-right: 15px;
}
.navbar .wrapper .navbar-content .navbar-logo-section-flex .logo:before {
  content: '';
  position: absolute;
  top: 0px;
  right: -15px;
  background: url('../img/white-dotted-vr.svg');
  height: 100%;
  width: 1px;
}
.navbar .wrapper .navbar-content .navbar-logo-section-flex .logo-en {
  display: block;
  width: 200px;
  height: 64px;
  background: url('../img/Logo-en.svg');
  background-repeat: no-repeat;
  text-indent: -5555px;
  float: left;
  position: relative;
  margin-right: 15px;
}
.navbar .wrapper .navbar-content .navbar-logo-section-flex .logo-en:before {
  content: '';
  display: none;
  position: absolute;
  top: 0px;
  right: -15px;
  background: url('../img/white-dotted-vr.svg');
  height: 100%;
  width: 1px;
}
.navbar .wrapper .navbar-content .navbar-logo-section-flex .for-houses-button {
  text-decoration: none;
  position: absolute;
  text-transform: uppercase;
  font-weight: 300;
  padding-left: 35px;
  padding-right: 25px;
  margin-left: 15px;
  margin-top: 16px;
  transition: .2s ease-in;
  z-index: 10;
}
.navbar .wrapper .navbar-content .navbar-logo-section-flex .for-houses-button:hover {
  text-decoration: underline;
}
.navbar .wrapper .navbar-content .navbar-logo-section-flex .for-houses-button::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  display: inline-block;
  background: url('../img/solidsun-rd.svg');
  background-repeat: no-repeat;
}
.navbar .wrapper .navbar-content .navbar-logo-section-flex .for-houses-button::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  display: inline-block;
  background: url('../img/arrow-top-white.svg');
  background-repeat: no-repeat;
}
@media screen and (max-width: 1280px) {
  .navbar .wrapper .navbar-content .navbar-logo-section-flex .logo,
  .navbar .wrapper .navbar-content .navbar-logo-section-flex .logo-en {
    margin-right: 0px;
  }
  .navbar .wrapper .navbar-content .navbar-logo-section-flex .logo:before,
  .navbar .wrapper .navbar-content .navbar-logo-section-flex .logo-en:before {
    content: '';
    position: absolute;
    top: unset;
    bottom: -5px;
    right: unset;
    left: 0;
    background: url('../img/white-dotted-hr.svg');
    height: 1px;
    width: 80%;
  }
  .navbar .wrapper .navbar-content .navbar-logo-section-flex .for-houses-button {
    left: 0;
    top: 89px;
    margin-left: 0;
  }
}
.navbar .wrapper .navbar-content nav {
  float: right;
  display: block;
}
.navbar .wrapper .navbar-content nav ul li {
  position: relative;
  float: left;
  padding-right: 10px;
}
.navbar .wrapper .navbar-content nav ul li:after {
  content: "";
  display: block;
  width: 2px;
  height: 24px;
  position: absolute;
  top: 28px;
  left: 0px;
}
.navbar .wrapper .navbar-content nav ul li:nth-child(3) ul {
  display: none;
}
.navbar .wrapper .navbar-content nav ul li a {
  text-decoration: none;
  display: block;
  height: 100%;
  padding: 10px;
  position: relative;
}
.navbar .wrapper .navbar-content nav ul li a:after {
  transition: .2s ease-in;
  display: block;
  content: '';
  width: 40%;
  height: 2px;
  opacity: 0;
  background: #e2e2e2;
  position: absolute;
  bottom: 0;
  left: 10px;
}
.navbar .wrapper .navbar-content nav ul li a:hover::after {
  opacity: 1;
}
.navbar-flex {
  justify-content: flex-end;
  display: flex;
  align-items: center;
}
.navbar-flex nav {
  padding-right: 20px;
}
.navbar-flex .navbar-right-section {
  border-left: 1px solid #fff;
  padding-left: 40px;
  margin-top: -10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.navbar-flex .navbar-right-section p,
.navbar-flex .navbar-right-section .lang-select {
  display: inline-block;
  font-weight: 300;
}
.navbar-flex .navbar-right-section .telephone,
.navbar-flex .navbar-right-section .telephone-green {
  position: relative;
  margin-right: 40px;
}
.navbar-flex .navbar-right-section .telephone:before,
.navbar-flex .navbar-right-section .telephone-green:before {
  content: "";
  position: absolute;
  top: 6px;
  left: -15px;
  width: 15px;
  height: 15px;
}
.navbar-flex .navbar-right-section .telephone::before {
  background: url('../img/telephone-red.svg') no-repeat;
}
.navbar-flex .navbar-right-section .telephone-green::before {
  background: url('../img/telephone-green-top.svg') no-repeat;
}
.navbar-flex .navbar-right-section .lang-select {
  position: relative;
}
.navbar-flex .navbar-right-section .lang-select ul {
  position: absolute;
  margin-top: -15px;
}
.navbar-flex .navbar-right-section .lang-select ul > li {
  text-decoration: none;
  background: url('../img/arrow-drop-down-menu-red.svg') center right no-repeat;
  padding-right: 10px;
  background-size: 7px auto;
}
.navbar-flex .navbar-right-section .lang-select ul > li:hover ul.hide {
  visibility: visible !important;
  opacity: 1 !important;
}
.navbar-flex .navbar-right-section .lang-select ul .hide {
  visibility: hidden;
  opacity: 0;
  padding-top: 25px;
}
.navbar-flex .navbar-right-section .lang-select ul .hide li {
  display: block;
  min-width: 20px;
  padding: 10px;
  text-align: center;
  transition: .2s ease-in;
  position: relative;
  z-index: 1000;
  background: #ff0000;
}
.navbar-flex .navbar-right-section .lang-select ul .hide li:after {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%);
  top: inherit !important;
  bottom: 0px;
  content: '' !important;
  background: url('../img/white-dotted-hr.svg') !important;
  height: 1px !important;
  width: 80% !important;
  margin-top: 40px !important;
}
.navbar-flex .navbar-right-section .lang-select ul .hide li:last-child:after {
  display: none;
}
.navbar-flex .navbar-right-section .lang-select ul .hide li:hover {
  color: white;
  background: #27BA45;
}
.navbar-flex .navbar-right-section .lang-select ul .hide li a {
  background: none;
  padding-right: 0;
}
.navbar-flex .navbar-right-section .lang-select ul .hide li a:after {
  display: none !important;
}
.navbar-flex .navbar-right-section .lang-select-green a {
  background: url('../img/arrow-drop-down-menu-green.svg') center right no-repeat;
  padding-right: 10px;
  background-size: 7px auto;
}
.mobile-navbar {
  z-index: 1000;
  position: relative;
}
@media screen and (min-width: 990px) {
  .mobile-navbar {
    display: none;
  }
}
.mobile-navbar .navbar-area {
  background-color: rgba(0,0,0,0.75);
}
.mobile-navbar .site-navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile-navbar .site-navbar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  z-index: 3;
}
.mobile-navbar .site-navbar ul li a {
  color: #fff;
  padding: 20px;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
}
.mobile-navbar .site-navbar ul li a:hover {
  background: rgba(255,255,255,0.1);
}
.mobile-navbar a.site-logo {
  display: block;
  width: 150px;
  height: 30px;
  background: url('../img/solidsun-white-bottom.svg');
  background-repeat: no-repeat;
  text-indent: -5555px;
  float: left;
  position: relative;
  margin-right: 0px;
}
.mobile-navbar a.site-logo:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 115px;
  background: url('../img/white-dotted-vr.svg');
  height: 100%;
  width: 1px;
}
.mobile-navbar .for-houses-button {
  text-decoration: none;
  position: absolute;
  text-transform: uppercase;
  font-weight: 300;
  padding-left: 30px;
  padding-right: 25px;
  margin-left: 125px;
  margin-top: 0px;
  color: #fff;
}
.mobile-navbar .for-houses-button::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url('../img/solidsun-rd.svg');
  background-repeat: no-repeat;
}
.mobile-navbar .for-houses-button::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  display: inline-block;
  background: url('../img/arrow-top-white.svg');
  background-repeat: no-repeat;
}
.mobile-navbar .nav-toggler {
  border: none;
  padding: 5px;
  background-color: transparent;
  cursor: pointer;
  height: 39px;
  display: none;
}
.mobile-navbar .nav-toggler span {
  width: 28px;
  height: 3px;
  background-color: #fff;
  display: block;
  transition: .3s;
}
.mobile-navbar .nav-toggler span:before {
  width: 28px;
  height: 3px;
  background-color: #fff;
  display: block;
  transition: .3s;
  content: '';
  transform: translateY(-9px);
}
.mobile-navbar .nav-toggler span:after {
  width: 28px;
  height: 3px;
  background-color: #fff;
  display: block;
  transition: .3s;
  content: '';
  transform: translateY(6px);
}
.mobile-navbar .nav-toggler.toggler-open span {
  background-color: transparent;
}
.mobile-navbar .nav-toggler.toggler-open span:before {
  transform: translateY(0px) rotate(45deg);
}
.mobile-navbar .nav-toggler.toggler-open span:after {
  transform: translateY(-3px) rotate(-45deg);
}
.mobile-navbar .intro-area {
  height: calc(39vh);
  display: flex;
  align-items: center;
  text-align: center;
  color: #fff;
}
.mobile-navbar .intro-area h2 {
  font-size: 50px;
  font-weight: 300;
  line-height: 50px;
  margin-bottom: 25px;
}
.mobile-navbar .intro-area p {
  font-size: 18px;
}
@media screen and (max-width: 990px) {
  .mobile-navbar .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .mobile-navbar .nav-toggler {
    display: block;
  }
  .mobile-navbar .site-navbar {
    min-height: 60px;
  }
  .mobile-navbar .site-navbar ul {
    position: absolute;
    width: 100%;
    height: calc(40vh);
    left: 0;
    top: 60px;
    flex-direction: column;
    align-items: center;
    border: none;
    max-height: 0;
    overflow: hidden;
    transition: .3s;
  }
  .mobile-navbar .site-navbar ul li {
    width: 100%;
    text-align: center;
    background-color: rgba(0,0,0,0.75);
  }
  .mobile-navbar .site-navbar ul li a {
    padding: 25px;
  }
  .mobile-navbar .site-navbar ul li a:hover {
    background-color: rgba(255,255,255,0.1);
  }
  .mobile-navbar .site-navbar ul li .main-menu-lvl3 {
    height: 100%;
    width: 100%;
    max-height: 100%;
    position: static;
    height: 0px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
    background: none;
    z-index: 20;
  }
  .mobile-navbar .site-navbar ul li .main-menu-lvl3 .main-menu-lvl3-item {
    background-color: #ff0000;
  }
  .mobile-navbar .site-navbar ul li .main-menu-lvl3 .main-menu-lvl3-item .main-menu-lvl4-wrapper {
    display: none;
    opacity: 0;
    visibility: hidden;
  }
  .mobile-navbar .site-navbar ul li .has-child {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -42px;
    right: 10px;
    background: url(../img/plus.png) 0 0 no-repeat;
    transition: .2s ease-in;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .mobile-navbar .site-navbar ul .secondary-menu-open .main-menu-lvl3-wrapper .main-menu-lvl3 {
    visibility: visible;
    opacity: 1;
    height: 100%;
  }
  .mobile-navbar .site-navbar ul .secondary-menu-open .main-menu-lvl3-wrapper .has-child {
    transform: rotate(45deg);
  }
  .mobile-navbar .site-navbar ul .mobileNavbarParentLink a {
    pointer-events: none;
  }
  .mobile-navbar .site-navbar ul .mobileNavbarParentLink div a {
    pointer-events: auto;
  }
  .mobile-navbar .site-navbar ul.open {
    min-height: 300vh;
    max-height: 100%;
    overflow: visible;
  }
  .mobile-navbar .intro-area h2 {
    font-size: 36px;
    margin-bottom: 15px;
  }
}
#content {
  line-height: 25px;
}
#content table,
#content ul,
#content ol,
#content p,
#content h2,
#content h3,
#content h4,
#content h5,
#content hr {
  margin: 0 0 15px 0;
}
#content a {
  color: inherit;
}
#content hr {
  display: block;
  height: 1px;
  border: none;
  background: #e4e4e4;
}
#content h2 {
  font-size: 26px;
}
#content h3 {
  font-size: 23px;
}
#content h4 {
  font-size: 18px;
}
#content h5 {
  font-size: 16px;
}
#content ul li {
  padding: 2px 0 2px 20px;
  background: url('../img/content_li.png') 0 13px no-repeat;
  background-size: 8px 12px;
}
#content ul ul {
  margin-left: 13px;
  margin-bottom: 0px;
}
#content table {
  width: 100%;
}
#content table thead tr {
  background: #dcefff;
}
#content table thead tr th {
  padding: 12px 10px 12px 10px;
  font-weight: 400;
}
#content table thead tr th:first-child {
  text-align: left;
}
#content table thead tr th:last-child {
  text-align: right;
}
#content table tbody tr td {
  padding: 8px 10px 8px 10px;
}
footer {
  background-color: #3e3e3e;
}
footer .top-section {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 600px) {
  footer .top-section .wrapper {
    width: 90%;
  }
}
footer .top-section .wrapper .top-section-flex {
  display: flex;
}
footer .top-section .wrapper .top-section-flex p {
  color: #979797;
  line-height: 1.5;
  font-weight: 300;
}
footer .top-section .wrapper .top-section-flex .logo-socials,
footer .top-section .wrapper .top-section-flex .visit-us,
footer .top-section .wrapper .top-section-flex .office,
footer .top-section .wrapper .top-section-flex .contact-us {
  width: 20%;
}
footer .top-section .wrapper .top-section-flex .logo-socials h4,
footer .top-section .wrapper .top-section-flex .visit-us h4,
footer .top-section .wrapper .top-section-flex .office h4,
footer .top-section .wrapper .top-section-flex .contact-us h4 {
  color: #fff;
  font-size: 18px;
  padding-bottom: 40px;
}
footer .top-section .wrapper .top-section-flex .logo-socials {
  width: 30%;
}
footer .top-section .wrapper .top-section-flex .logo-socials .white-logo {
  padding-bottom: 40px;
}
footer .top-section .wrapper .top-section-flex .logo-socials .white-logo img {
  background: #ff0000;
  max-width: 200px;
  height: auto;
  padding: 40px;
  margin-top: -104px;
}
footer .top-section .wrapper .top-section-flex .logo-socials .logos {
  display: flex;
  justify-content: flex-start;
  margin-top: 35px;
  gap: 40px;
  padding-right: 20px;
}
@media screen and (max-width: 600px) {
  footer .top-section .wrapper .top-section-flex .logo-socials .logos {
    justify-content: space-between;
  }
}
footer .top-section .wrapper .top-section-flex .logo-socials .logos .caft {
  width: 100px;
  height: 65px;
  background: url('../img/caft.png') center center no-repeat;
  background-size: 60px auto;
}
@media screen and (max-width: 600px) {
  footer .top-section .wrapper .top-section-flex .logo-socials .logos .caft {
    width: 160px;
    height: 85px;
    background-size: 80px auto;
  }
}
footer .top-section .wrapper .top-section-flex .logo-socials .logos .cfa {
  width: 100px;
  height: 60px;
  background: url('../img/cfa.png') center center no-repeat;
  background-size: 100px auto;
}
@media screen and (max-width: 600px) {
  footer .top-section .wrapper .top-section-flex .logo-socials .logos .cfa {
    width: 200px;
    height: 80px;
    background-size: 140px auto;
  }
}
footer .top-section .wrapper .top-section-flex .contact-us .socials {
  display: flex;
  justify-content: flex-start;
  margin-top: 35px;
  gap: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 480px) {
  footer .top-section .wrapper .top-section-flex .contact-us .socials {
    padding-right: 0;
  }
}
footer .top-section .wrapper .top-section-flex .contact-us .socials .facebook {
  width: 10px;
  height: 15px;
  background: url('../img/facebook-icon.svg') center center no-repeat;
  background-color: #2f2f2f;
  border-radius: 100px;
  background-size: 10px auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 13px;
  padding-right: 13px;
}
footer .top-section .wrapper .top-section-flex .contact-us .socials .instagram {
  width: 15px;
  height: 15px;
  background: url('../img/instagram-icon.svg') center center no-repeat;
  background-color: #2f2f2f;
  border-radius: 100px;
  background-size: 16px auto;
  padding: 10px;
}
footer .top-section .wrapper .top-section-flex .contact-us .socials .linkedin {
  width: 15px;
  height: 15px;
  background: url('../img/linkedin-icon.svg') center center no-repeat;
  background-color: #2f2f2f;
  border-radius: 100px;
  background-size: 16px auto;
  padding: 10px;
}
@media screen and (max-width: 1280px) {
  footer .top-section .wrapper .top-section-flex .logo-socials .white-logo {
    padding-bottom: 40px;
  }
  footer .top-section .wrapper .top-section-flex .logo-socials .white-logo img {
    background: #ff0000;
    max-width: 150px;
    height: auto;
    padding: 40px;
    margin-top: -104px;
  }
}
@media screen and (max-width: 990px) {
  footer .top-section .wrapper .top-section-flex {
    display: flex;
    flex-wrap: wrap;
    padding-left: 20px;
    padding-right: 20px;
  }
  footer .top-section .wrapper .top-section-flex .logo-socials,
  footer .top-section .wrapper .top-section-flex .visit-us,
  footer .top-section .wrapper .top-section-flex .office,
  footer .top-section .wrapper .top-section-flex .contact-us {
    width: 50%;
  }
  footer .top-section .wrapper .top-section-flex .logo-socials h4,
  footer .top-section .wrapper .top-section-flex .visit-us h4,
  footer .top-section .wrapper .top-section-flex .office h4,
  footer .top-section .wrapper .top-section-flex .contact-us h4 {
    color: #fff;
    font-size: 18px;
    padding-top: 40px;
    padding-bottom: 20px;
  }
  footer .top-section .wrapper .top-section-flex .logo-socials .white-logo {
    padding-bottom: 0px;
  }
  footer .top-section .wrapper .top-section-flex .contact-us .socials {
    justify-content: flex-start;
    gap: 20px;
  }
}
@media screen and (max-width: 600px) {
  footer .top-section .wrapper .top-section-flex .visit-us,
  footer .top-section .wrapper .top-section-flex .office,
  footer .top-section .wrapper .top-section-flex .contact-us {
    width: 49%;
    display: inline-block;
  }
  footer .top-section .wrapper .top-section-flex .logo-socials .logos {
    flex-wrap: wrap;
  }
}
footer .bottom-section {
  border-top: 1px solid #303030;
  overflow: hidden;
  color: #fff;
}
@media screen and (max-width: 600px) {
  footer .bottom-section .wrapper {
    width: 90%;
  }
}
footer .bottom-section .bottom-flex {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
footer .bottom-section .bottom-flex .copyright-section {
  display: flex;
  justify-content: space-between;
}
footer .bottom-section .bottom-flex .copyright-section p {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
footer .bottom-section .bottom-flex .copyright-section p:first-of-type {
  border-right: 1px solid #303030;
  padding-right: 20px;
}
footer .bottom-section .bottom-flex .copyright-section p:last-of-type {
  padding-left: 20px;
}
footer .bottom-section .bottom-flex .copyright-section a {
  text-decoration: none;
}
footer .bottom-section .bottom-flex .copyright-section a:hover {
  color: #ff0000;
}
footer .bottom-section .bottom-flex .bottom-navbar {
  margin-top: 10px;
}
footer .bottom-section .bottom-flex .bottom-navbar nav {
  float: right;
  display: block;
}
footer .bottom-section .bottom-flex .bottom-navbar nav ul .main-menu-lvl3 {
  display: none;
}
footer .bottom-section .bottom-flex .bottom-navbar nav ul li {
  position: relative;
  float: left;
  padding-right: 10px;
}
footer .bottom-section .bottom-flex .bottom-navbar nav ul li:after {
  content: "";
  display: block;
  width: 2px;
  height: 24px;
  background: ;
  position: absolute;
  top: 28px;
  left: 0px;
}
footer .bottom-section .bottom-flex .bottom-navbar nav ul li a {
  text-decoration: none;
  display: block;
  height: 100%;
  padding: 10px;
}
footer .bottom-section .bottom-flex .bottom-navbar nav ul li a:hover {
  color: #ff0000;
}
@media screen and (max-width: 990px) {
  footer .bottom-section .bottom-flex {
    display: block;
  }
  footer .bottom-section .bottom-flex .copyright-section {
    display: block;
  }
  footer .bottom-section .bottom-flex .copyright-section p:first-of-type {
    border-right: none;
    padding-right: 0px;
  }
  footer .bottom-section .bottom-flex .copyright-section p:last-of-type {
    padding-left: 0px;
  }
  footer .bottom-section .bottom-flex .bottom-navbar {
    display: none;
  }
}
.pixio-control-panel {
  background: #f8f8f8;
  border-top: 1px solid #e1e1e1;
  position: fixed;
  width: 100%;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 13px;
}
.pixio-control-panel .pixio-container {
  background: #141b21;
  display: none;
  padding: 10px 20px;
  float: left;
}
.pixio-control-panel .pixio-container a {
  display: block;
  width: 54px;
  height: 20px;
  text-indent: -5555px;
  background-image: url('../img/controlpanel/controlpanel_sprite.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
  .pixio-control-panel .pixio-container a {
    background-image: url('../img/controlpanel/controlpanel_sprite@x2.png');
    background-size: 60px 60px;
  }
}
@media screen and (min-width: 768px) {
  .pixio-control-panel .pixio-container {
    display: inline-block;
  }
}
.pixio-control-panel-ul {
  margin: 3px 0 10px 0;
}
.pixio-control-panel-ul li {
  color: #818181;
  display: block;
  margin: 7px 15px 13px 15px;
  float: left;
}
.pixio-control-panel-ul li span {
  background-image: url('../img/controlpanel/controlpanel_sprite.png');
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
  .pixio-control-panel-ul li span {
    background-image: url('../img/controlpanel/controlpanel_sprite@x2.png');
    background-size: 60px 60px;
  }
}
.pixio-control-panel-ul li a {
  color: #1c68a3;
  text-decoration: none;
  font-weight: bold;
}
.pixio-control-panel-ul li a:hover {
  text-decoration: underline !important;
}
@media screen and (min-width: 600px) {
  .pixio-control-panel-ul li {
    margin: 0 15px;
  }
}
.pixio-control-panel-ul-left {
  float: left;
}
.pixio-control-panel-ul-left li#block-loading-time,
.pixio-control-panel-ul-left li#block-file-upload {
  display: none;
}
@media screen and (min-width: 600px) {
  .pixio-control-panel-ul-left li#block-loading-time,
  .pixio-control-panel-ul-left li#block-file-upload {
    display: block;
  }
}
.pixio-control-panel-ul-left li#block-loading-time span {
  background-position: 0px -20px;
}
.pixio-control-panel-ul-left li#block-edit-page span {
  background-position: 0px -40px;
}
.pixio-control-panel-ul-left li#block-page-settings span {
  background-position: -20px -20px;
}
.pixio-control-panel-ul-left li#block-file-upload span {
  background-position: -20px -40px;
}
.pixio-control-panel-ul-right {
  float: right;
  display: none;
}
.pixio-control-panel-ul-right li#block-logout a {
  color: #c50001;
}
.pixio-control-panel-ul-right li#block-logout span {
  background-position: -40px -20px;
}
.pixio-control-panel-ul-right li#block-user-name span {
  background-position: -40px -40px;
}
@media screen and (min-width: 990px) {
  .pixio-control-panel-ul-right {
    display: block;
  }
}
.pagination li {
  padding: 0px !important;
}
.pagination li a {
  padding: 2px 8px;
  float: left;
  border-radius: 8px;
  border: 1px solid gray;
  margin: 5px;
}
.pagination li.active a {
  background: #eeeeee;
}
.DownloadGalleryTable img {
  position: relative;
  top: 6px;
  margin-right: 5px;
}
.gallery-item {
  list-style: none;
  padding: 0;
  margin: 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  float: left;
  margin: 5px;
  width: 100px;
}
.gallery-item img {
  width: 100%;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.bookings_sheet tr td {
  text-align: center;
}
@media screen and (min-width: 990px) {
  .bookings_sheet tr td {
    padding: 6px 4px !important;
  }
}
@media screen and (min-width: 1280px) {
  .bookings_sheet tr td {
    padding: 6px 2px !important;
  }
}
.bookings_sheet tr:hover {
  background: none !important;
}
.bookings_month {
  font-size: 17px;
  font-family: ;
  padding: 7px 0 25px;
}
.bookings_tooltip {
  display: block;
  width: 100%;
  font-size: 14px;
  color: white !important;
  text-align: center;
}
.bookings_tooltip .booking_detail {
  position: absolute;
  display: none;
  background: rgba(0,0,0,0.8);
  color: white;
  padding: 10px;
  line-height: 16px;
  font-size: 14px;
}
.bookings_tooltip .booking_detail strong {
  margin-bottom: 4px;
  display: block;
}
.bookings_tooltip:hover .booking_detail {
  display: block;
}
.news-item {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin: 8px 0;
  padding: 8px 0;
  border-bottom: 1px solid #e4e4e4;
}
.news-item-content {
  float: left;
}
.news-item-content-text {
  margin-bottom: 10px;
}
.news-item-content-date {
  color: #5e5e5e;
}
.news-item-content-more {
  margin: 0 5px;
}
.news-item-thumb {
  float: left;
}
.news-item-thumb img {
  margin-right: 10px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.news-detail {
  margin-bottom: 10px;
}
.news-detail-last-change {
  color: #5e5e5e;
}
.news-detail-back {
  margin: 0 5px;
}
.pagination li {
  padding: 0px !important;
}
.pagination li a {
  padding: 2px 8px;
  float: left;
  border-radius: 8px;
  border: 1px solid gray;
  margin: 5px;
}
.pagination li.active a {
  background: #eeeeee;
}
.form tbody tr td {
  padding: 2px !important;
}
.form-title {
  vertical-align: middle;
  font-weight: bold;
  width: 120px;
}
.form-title-required {
  color: red;
}
.form-help {
  display: none;
}
.form .input-text {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 8px 10px;
  width: calc(100% - 20px);
  border: 1px solid #e8e8e8;
}
.form .input-text:hover,
.form .input-text:focus {
  border: 1px solid #d8d8d8;
}
.form .input-select {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 8px 0px;
  text-indent: 5px;
  width: 100%;
  border: 1px solid #e8e8e8;
}
.form .input-select:hover,
.form .input-select:focus {
  border: 1px solid #d8d8d8;
}
.form .input-checkbox-label {
  margin-left: 5px;
  vertical-align: middle;
}
.form .input-checkbox-container {
  margin: 6px 0;
}
.form .input-radio-label {
  margin-left: 5px;
  vertical-align: middle;
}
.form .input-radio-container {
  margin: 6px 0;
}
.form-input-error {
  border: 1px solid red !important;
  background: #fdd8d8;
}
.form-btn-send {
  border: 0px;
  display: block;
  padding: 8px 10px;
  cursor: pointer;
  font-weight: bold;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  float: right;
}
.registrace-form small {
  margin-top: 13px;
  font-size: 13px;
  display: block;
}
.error_box {
  color: #c51919;
  display: block;
  padding: 3px;
}
.success_box {
  color: #3db812;
  display: block;
  padding: 3px;
}
.album-item {
  list-style: none;
  padding: 0;
  margin: 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  float: left;
  margin: 5px;
  width: 100px;
}
.album-item-title {
  display: block;
  text-align: center;
}
.album-item-description {
  text-align: center;
}
.album-item img {
  width: 100%;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}