a#scrollUp {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 38px;
    height: 38px;
    background: url(../img/top.png) no-repeat;
    display: none;
}

.kk-star-ratings {
	margin-bottom: 10px;
}

.menu-item-has-children:hover ul.sub-menu {
    display: block;
}
.sub-menu {
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    padding: 15px 25px;
    min-width: 250px;
    margin: 2px 0 0;
    text-align: left;
    list-style: none;
       background-image: -moz-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
    background-image: -webkit-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
    background-image: -ms-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
    -webkit-background-clip: padding-box;
    border-radius: 10px;
    background-clip: padding-box;
    border: 0;
    border-radius: 10px;
    -webkit-box-shadow: ;
    box-shadow: 0px 3px 17.1px 0.9px rgba(0, 0, 0, .06);
}

.navbar-default .menu .sub-menu>li>a {
    display: block;
    padding: 6px 0px;
    border-bottom: 1px solid #368bd7;
    text-decoration: none;
    color: #fff;
}

.navbar-default .menu .sub-menu>li>a:hover {
    color: #88bae8;
}


.header-contact {

  background-image: -moz-linear-gradient( 89deg, rgb(0,83,159) 0%, rgb(7,96,205) 100%);
  background-image: -webkit-linear-gradient( 89deg, rgb(0,83,159) 0%, rgb(7,96,205) 100%);
  background-image: -ms-linear-gradient( 89deg, rgb(0,83,159) 0%, rgb(7,96,205) 100%);

 
  height: 62px;
 

}

.box-brand, .box-brand2  {
	margin-bottom: 30px;
}

.wrapper-page {
  background: #ecf4fd;
  overflow: auto;
 padding-top: 60px;
}

.content-product p {
      font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #5c6064;
}

.sidebar-waterpoint .category-name:before {
   
    width: 233px;
   
}

.single .tag {
  margin-top: 20px;
  margin-bottom: 20px;
}

.single .tag a {
      border: none;
    
  border-radius: 19px;
  border: 1px solid #00539f;
 display: inline-block;
    margin-bottom: 6px;

  padding: 3px 8px 3px;
    font-family: 'Poppins', sans-serif;
    color: #00539f;
    font-size: 12px;
    font-weight: 400;
    margin-right: 5px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.single .tag a:hover {
  border: 1px solid #018dd8;
  color: #018dd8;
}

.button-waterpoint a {

  border-radius: 30px;
  background-image: -moz-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
  background-image: -webkit-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
  background-image: -ms-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
 

    padding:  15px 20px 15px 40px;
   font-family: 'Poppins', sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-right: 5px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.button-waterpoint a:hover, .button-brand a:hover, .button-news a:hover  {
  background: #018dd8;
}

.button-waterpoint {
  margin-top: 30px;
}

.button-waterpoint  span {
   color: #0154a1;
    font-size: 16px;
    width: 33px;
    height: 33px;
   margin-top: -5px;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-left: 9px;
    display: inline-flex;
    transition: all .3s ease-in-out;
}

.button-product {
  text-align: center;
}

.product-single-photo {
  text-align: center;
}

.button-waterpoint a {

}

.single .page-title h1 {
    
    font-size: 43px;
    margin-bottom: 0;

    }

    .banner-waterpoint {
      margin-bottom: 20px;
          text-align: center;
    }


.news-wrapper, .news-other {
  background: #fff;
  overflow: auto;
  border-radius: 20px;
  padding: 50px 45px;
}

.news-other {
  margin-top: 30px;
}

.news-content p, .content-product p {
   font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #4f7bb2;
}

.news-content ul li,
.news-content ol li,
.content-product ul li,
.content-product ol li {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: #4f7bb2;
 
}

.news-content h1,
.news-content h2,
.news-content h3,
.news-content h4,
.news-content h5,
.news-content h6,
.content-page h1,
.content-page h2,
.content-page h3,
.content-page h4,
.content-page h5,
.content-page h6 {
      font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #00539f;
}

.news-content h1,
.content-page h1 {
  font-size: 36px
}

.news-content h2,
.content-page h2 {
  font-size: 32px
}

.news-content h3,
.content-page h3 {
  font-size: 28px
}

.news-content h4,
.content-page h4 {
  font-size: 24px
}

.news-content h5,
.content-page h5 {
  font-size: 20px
}

.news-content h6,
.content-page h6 {
  font-size: 16px
}

.news-content a,
.content-page a {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: #00539f;
  text-decoration: none;
}


.banner-producents {
  margin-top: 50px;
  text-align: center;
}

.banner-category {
  margin-top: 10px;
  text-align: center;
}

.banner-producents img {
 padding-bottom: 40px;
    display: inline-block;
}

.banner-producents img

.banner-waterpoint {
  text-align: center;
}

.banner-producents h3, .banner-category h3 {
font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 25px;
    color: #00539f;
    margin-bottom: 25px;
}

.news-other h4 {
  font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 25px;
    color: #00539f;
    margin-bottom: 25px;
}

.news-info .date-news p {
  font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #018dd8;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-top: 0;
}

.news-date p {
   font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #018dd8;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-top: 0;
}

.box-other {
  margin-bottom: 30px;
}

.product-info {
   padding: 20px 25px 30px 25px;
  background-image: -moz-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
    background-image: -webkit-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
    background-image: -ms-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
   border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  text-align: center;
}

.news-photo {
  text-align: center;
}

.product-info .button-news {
    margin-top: 22px;
}

.news-photo {
  background: #fff;
      border-top-left-radius: 15px;
    border-top-right-radius: 15px;


}

.news-info {
  padding: 15px 25px 30px 25px;
  background: #f8fbfe;
   border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;

}

.product-info .button-news a {
    border-radius: 30px;
    background-image: #fff;
    background: #fff;
    padding: 10px 10px 10px 25px;
    font-family: 'Poppins', sans-serif;
    color: #00539f;
    font-size: 12px;
    font-weight: 400;
    transition: all 0.3s ease;
    text-decoration: none;
}

.product-info .button-news span {
    color: #fff;
    font-size: 16px;
    width: 25px;
    height: 25px;
    margin-top: -5px;
    background: #0154a1;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-left: 9px;
    display: inline-flex;
    transition: all .3s ease-in-out;
}

.product-info .button-news a:hover {
  color: #fff;
  background: #018dd8;
}

.product-info h3 {
  margin-top: 0;
}

#tops {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.box-products {
  margin-bottom: 30px;
}

.product-info h3 a {
  font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.news-info h3 a {
  font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 21px;
    color: #00539f;
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

.navbar-collapse>div {
    display: inline-table;
    vertical-align: middle;
}





.news-info h3 a:hover{
  color: #018dd8;
}


.news-info h3 {
  margin-top: 5px;
}

.news-photo img {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.sidebar-waterpoint {
  background: #fff;
  overflow: auto;
  border-radius: 20px;
  padding: 50px 15px;
} 

.product-wrapper {
  background: #fff;
  overflow: auto;
  border-radius: 20px;
  padding: 70px 80px;
}

.contact-info .social {
      color: #0154a1;
    font-size: 16px;
    width: 38px;
    height: 38px;
   
    background: #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    display: inline-flex;
    text-decoration: none;
    transition: all .3s ease;
   
}

.contact-info .social:hover, .contact-info .phone-call:hover {
  background: #018dd8;
  color: #fff;
}

.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}
.animateds{-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;

            animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;

animation-fill-mode:both;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-ms-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
}


@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);}
  60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
  40% {-moz-transform: translateY(-30px);}
  60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
  40% {-o-transform: translateY(-30px);}
  60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-30px);}
  60% {transform: translateY(-15px);}
}




.contact-info .phone-call {
     font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #0154a1;
    background: #fff;
    padding: 9px 26px;
    font-weight: 500;
    transition: all 0.3s ease 0s;
    position: relative;
    display: inline-block;
    border-radius: 21px;
    text-decoration: none;
    text-decoration: none;
}

.phone-call i {
    font-size: 21px;
    padding-right: 7px;
    }

   
    footer {
    margin-top: 0;
    background: url(../img/footer-waterpoint.jpg) no-repeat center center;
    height: 850px;
    padding-top: 300px;
}

.single footer, .page-template-kalkulator footer, .post-type-archive-produkty footer {
    margin-top: 0;
    background: url(../img/waterpoint-page_04.png) no-repeat center center;
    height: 850px;
    padding-top: 300px;
}



.clif-item-top {
    height: 602px;
    width: 59%;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    z-index: -1;
}

.slider-bg {
    background: url(../img/waterpoint2_05.png) no-repeat center center;
    height: 601px;
}

.waterpoint-slogan h1 {
  font-family: 'Poppins', sans-serif;
font-weight:700;
font-style:normal;

    color: #fff;
    font-size: 50px;
    margin-bottom: 0px;
        margin-top: 0;
}

.waterpoint-slogan h1 span{
font-size: 42px;
font-weight:500;



}

.slider-nav {
      position: absolute;
    bottom: 65px;
    left: 50%;
    background: transparent;
    width: 100px;
    height: 50px;
    z-index: 9999;
    margin-left: -230px;
}

.slider-wave {
  background: url(../img/waterpoint_160.png) top center;
    height: 69px;

    margin-top: -53px;
    z-index: 999;
    position: relative;
}

.scroll-bottom {
  margin-top: 30px;
}

.clif-single {
  position: absolute;
  top:10px;
  
      left: 50%;
    transform: translate(-50%, 0)
}
    .page-template-kontakt footer {
margin-top: 0;
  background: url(../img/footer-waterpoint.jpg) no-repeat center center;
    height: 850px;
    padding-top: 300px;

}

.news-content img {
  max-width: 100%;
  height: auto;
  display: block;
    margin: 0 auto;
}

.page-template-kontakt .waterpoint-page, .archive .waterpoint-page {
    background: url(../img/page-kontakt.jpg) no-repeat center center;
    height: 364px;
}

.footer-logo {
  margin-bottom: 28px;
}

 .waterpoint-page, .post-type-archive-produkty .waterpoint-page {
        background: url(../img/waterpoint-page_02.png) no-repeat center center;
    height: 364px;
    }


.waterpoint-contact p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #0154a1;
 
   
    font-weight: 500;
}

.footer-contact {
  margin-top: 10px;
}

.footer-contact a {
   font-family: 'Poppins', sans-serif;
    font-size: 21px;
    color: #0154a1;
    display: block;
 transition: all 0.3s ease 0s;
   line-height: 32px;
    font-weight: 700;
    text-decoration: none;
}

.footer-contact a:hover {
  color: #018dd8;
}

.logo-fotter {
  margin-top: 40px;
}

.logo-fotter img {
  margin-right: 15px;
}


.copyrights, .design, .design a {
  text-align: left;
   font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #00539f;
    padding-top: 20px;

    font-weight: 400;
}

.footer-copyrights {
    border-top: 1px solid #00539f;
    position: relative;
    margin-top: 10px;
}

#go-top {
    border-radius: 50%;
    background: #00539f;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -25px;
    left: 50%;
    transition: all 0.3s ease 0s;
    margin-left: -25px;
}

#go-top:hover {
    
    background: #018dd8;
  
}

.footer-bottom {
  margin-top: 110px;
}

.title-section h3{
  text-align: center;
font-family: 'Poppins', sans-serif;
font-weight:700;
font-style:normal;
    color: #00539f;
    font-size: 40px;
}

#go-top i, #go-top svg  {
    color: #fff;
    padding-left: 0px;
    padding-top: 3px;
    font-size: 37px;
}

.design {
  text-align: right;
}


.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}

.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
  opacity: 0;
}

.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control.left {
       top: -11px;
    left: -25px;
    background-image: none;
    height: 50px;
    width: 50px;
    border: 1px solid #018dd8;
     background: #018dd8;
    border-right: 0;
    transition: all .3s ease-in-out;
}

.carousel-control.right {
   right: 22px;
    top: -11px;
    background-image: none;
    background: #018dd8;
    border: 1px solid #018dd8;
    width: 50px;
    height: 50px;
    transition: all .3s ease-in-out;
}

 .carousel-control {
    opacity: 1;
     text-shadow: none;
}

.slider-nav i {
    font-size: 37px;
    padding-top: 3px;
}


.title-section {
  text-align: center;
  padding: 60px 0px 75px;
}

#waterpoint-category {
  background: #f8fbfe;
  overflow: auto;
      padding-bottom: 80px;
}

.category-photo img {
  border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

.category-name {
  position: relative;
  background-image: -moz-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
    background-image: -webkit-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
    background-image: -ms-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
   border-top-left-radius: 25px;
    border-top-right-radius: 25px;
        padding: 28px 0 20px;


}

.wpcf7-list-item-label {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    color: #00539f;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.form-waterpoint div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: none;
}




.logo-fotter h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 26px;
    color: #00539f;
    margin-bottom: 25px;
    text-align: center;
}


.box-category {
  position: relative;
box-shadow: 0px 20px 61px 0px rgba(0, 0, 0, 0.04);

margin-bottom: 30px;
}

#certificates {
      margin-top: 0px;
 background-color:  #00539f;

    background-image: url(../img/certyfikatybg_02.png);
    background-repeat: no-repeat;
    background-position: center 100px;
}

#certificates .title-section h3 {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #fff;

    }

.certificates-wave {
      background: url(../img/certificates-wave.png) top center;
    height: 138px;
}

.certificates-wave2 {
      z-index: 999;
    background: url(../img/certificates-wave2.png) top center;
    height: 135px;
    margin-top: -10px;
    position: relative;
}

.box-certificate {
  position: relative;
  background: #fff;
  border-radius: 50%;
  width: 140px;
  height: 140px;
      display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.box-certificate:before {
  position: absolute;
    content: "";
  
    height: 30px;
    width: 30px;
    background: #69c5ec;
    border-radius: 50%;
   left: 0px;
    top: 10px;
    background-repeat: no-repeat;
}

.about-entry {

  border-radius: 20px;
  background-image: -moz-linear-gradient( -88deg, rgb(0,83,159) 0%, rgb(28,126,214) 100%);
  background-image: -webkit-linear-gradient( -88deg, rgb(0,83,159) 0%, rgb(28,126,214) 100%);
  background-image: -ms-linear-gradient( -88deg, rgb(0,83,159) 0%, rgb(28,126,214) 100%);
  position: absolute;
height: 331px;
position: relative;

}

.about-entry:before {
  background-image: url(../img/waterpoint_166.png);
    position: absolute;
    content: "";
    display: block;
    height: 170px;
    width: 245px;
    right: -80px;
    bottom: -29px;
    background-repeat: no-repeat;
}

#waterpoint-about {
  height: 1250px;
}

.entry-photo {
  text-align: center;
  margin-top: 36px;
}

.entry-content {
  margin-top: 75px;
      padding-right: 50px;
}

.entry-content p {
   font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    font-size: 26px;
    line-height: 36px;
}


.box-brand {
  background: url(../img/waterpoint_154.png) top center no-repeat;
  height: 348px;
}


.box-brand2 {
  background: url(../img/waterpoint_156.png) top center no-repeat;
  height: 348px;
}


.category-icon {
  position: absolute;
  left: 50%;
  margin-left: -63px;
  top: -63px;

}

.logo-brand {
  text-align: center;
height: 104px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 70px;
}

.button-brand a {

  border-radius: 30px;
  background-image: -moz-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
  background-image: -webkit-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
  background-image: -ms-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
 

       padding: 13px 10px 13px 25px;
   font-family: 'Poppins', sans-serif;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

.button-brand {
  margin-top: 170px;
  text-align: center;
}

.button-brand span {
   color: #0154a1;
    font-size: 16px;
    width: 29px;
    height: 29px;
   margin-top: -5px;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-left: 9px;
    display: inline-flex;
    transition: all .3s ease-in-out;
}

.button-news a {

  border-radius: 30px;
  background-image: -moz-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
  background-image: -webkit-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
  background-image: -ms-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
 

       padding: 10px 10px 10px 25px;
   font-family: 'Poppins', sans-serif;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

.button-news {
 margin-top: 26px;
}

.button-news span {
   color: #0154a1;
    font-size: 16px;
    width: 25px;
    height: 25px;
   margin-top: -5px;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-left: 9px;
    display: inline-flex;
    transition: all .3s ease-in-out;
}


.news-info p {
  font-family: 'Poppins', sans-serif;

    font-size: 16px;
    line-height: 24px;
    color: #698cbc;
}

.circle-small {

  position: absolute;
  left: 50%;
  margin-left: -42px;
  top: 21px;
  border-radius: 50%;
  width: 85px;
  height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
  background-image: -moz-linear-gradient( -88deg, rgb(0,83,159) 0%, rgb(28,126,214) 100%);
  background-image: -webkit-linear-gradient( -88deg, rgb(0,83,159) 0%, rgb(28,126,214) 100%);
  background-image: -ms-linear-gradient( -88deg, rgb(0,83,159) 0%, rgb(28,126,214) 100%);
  

}

.circle-big {
  position: relative;
  background: #f8fbfe;
  border-radius: 50%;
  width: 125px;
  height: 125px;
}

.category-name h2 {
  margin-top: 0;
      text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    font-size: 22px;
}

.category-photo img {
  max-width: 100%;
    height: auto;
}

.waterpoint-photo {
margin-top: 50px;
}

.waterpoint-company h3 {
  font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 35px;
    color: #00539f;
    margin-bottom: 25px;
}

.waterpoint-company p {
      font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #4f7bb2;
}

.about-waterpoint {
  margin-top: 80px;
}

.button-more {
  text-align: center;
  margin-bottom: 10px;

  margin-top: 70px;
}

.producer-info p {
font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #4f7bb2;
}

.producer-info h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    color: #00539f;
    margin-bottom: 25px;
}

.producer-photo, .producer-photo2  {
  position: relative;
  border-radius: 25px;
  margin-top: -70px;
}

.producer-photo img, .producer-photo2 img  {
  border-radius: 25px;
      position: relative;
}

.producer-photo:before {
  background-image: url(../img/waterpoint_132.png);
    position: absolute;
    content: "";
    display: block;
    height: 403px;
    width: 420px;
    right: -76px;
    bottom: -179px;
    background-repeat: no-repeat;
}

.producer-photo2:before {
  background-image: url(../img/waterpoint_130.png);
    position: absolute;
    content: "";
    display: block;
    height: 403px;
    width: 419px;
    left: -76px;
    bottom: -179px;
    background-repeat: no-repeat;
}



.producer-brand {
 position: absolute;
    top: 360px;
    right: -56px;
}

.producer-brand2 {
 position: absolute;
    top: 360px;
    left: -56px;
}

.producer-left {
  position: relative;
  margin-top: 180px;
   height: 540px;
}
#waterpoint-category a {
  text-decoration: none;
}

.producer-left:before {
      position: absolute;
    content: "";
    display: block;
    top: 0;
    left: 0;
    background-color: #f3f8fe;
    width: calc(58.7% + ((1/12)*740px));
    height: 570px;
}


.producer-right {
  position: relative;
  margin-top: 180px;
  height: 540px;
}

.producer-right:before {
      position: absolute;
    content: "";
    display: block;
    top: 0;
    right: 0;
    background-color: #f3f8fe;
    width: calc(58.7% + ((1/12)*740px));
    height: 570px;
}


.producer-info {
  padding-top: 40px;
}





.clif-contact img {
  display: inline-block;
  float: left;
  padding-right: 12px;
    padding-top: 3px;
}


.clif-contact {
  width: 210px;
}


.clif-contact {

         padding: 35px 0px 23px 20px;
         margin-top: 0px;
    margin-left: 10px;

}



.clif-contact h4 {
 font-family: 'Poppins', sans-serif;
font-weight:400;
font-style:normal;
    color: #fff;
    font-size: 12px;
    margin-bottom: 0;
        margin-top: 0px;
}

.navbar-collapse {
    padding-right: 0px;
   

    }

 

.clif-contact a {
 font-family: 'Poppins', sans-serif;
font-style:normal;
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    text-decoration: none;
}


.navbar-collapse > div {
    display: inline-table;
    vertical-align: middle;
    
}

.switcher {
 
  margin-top: 39px;
  
   
}




.navbar {
   
    border: none;
}

.navbar-default {
	 padding-top: 0px;
    background-color: transparent;
    border-color: transparent;

   
 
    z-index: 99;
    width: 100%;
   
    min-height: 70px;
}

.navbar-collapse {
	float: right;
}



.navbar {
   
    margin-bottom: -3px;

}


.navbar-header {
          margin-top: 23px;
    margin-bottom: 23px;
   
}



.carousel-caption {
  position: relative;
    right: inherit;
    left: 0;
    
    padding-bottom: 30px;
    top: 140px;
    text-align: inherit;
    text-shadow: none;
}

.slider-car-one {
  margin-top: 210px;
    margin-left: -150px;
}

.slider-car-two {
  margin-top: 70px;
    margin-left: -120px;
}




.navbar-default .nav li a {
  font-family: 'Poppins', sans-serif;
font-weight:400;
font-style:normal;

    color: #00539f;
    font-size: 17px;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color:  #018dd8;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color:  #018dd8;
    background-color: transparent;

}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color:  #018dd8;
}

.navbar-nav>li>a {
    line-height: 20px;
}




    .navbar-nav {
              margin-top: 30px;
    }

    .box-icon li {
    	list-style: none;
    	display: inline-block;
    	    padding: 6px 7px;
    }

    .box-icon i {
    	font-size: 18px;

    	color: #000;
    }

    .nav>li>a {
    position: relative;
    display: block;
    padding: 15px 20px;
}





.carousel-indicators {
     position: absolute;
    bottom: 10px;
    left: inherit;
    right: 10%;
    z-index: 15;
    width: 0%;
    padding-left: 0;
    margin-left: 0%;
    text-align: initial;
    list-style: none;
    top: 45%;
}

.carousel-indicators li {
    width: 13px;
    height: 13px;
    background-color: #fff;
     border: 1px solid #fff;
         margin-bottom: 30px;


    }

  .carousel-indicators .active {
    width: 13px;
    height: 13px;
    margin: 0;
      margin-bottom: 30px;
    background-color: #266eed;
     border: 1px solid #266eed;
     position: relative;
}

.carousel-indicators .active::before {
  content: "";
    display: block;
    position: absolute;
    top: -12px;
    left: -12px;
    width: 35px;
    height: 35px;
     border: 1px solid #266eed;
    border-radius: 50%;
}





.button-clif {
  margin-top: 30px;
}

.button-clif-top {
  margin-top: 20px;
}


.buttons-wrapper {
  margin-left: 190px;
  margin-top: 35px;
}

  .button-clif a {
    position: relative;
background: #266eed;
  padding: 15px 42px;
  font-size: 17px;
    font-family: 'Poppins', sans-serif;
 display: inline-block;

 color: #fff;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.3s ease 0s;
 position: relative;
  overflow: hidden;
 display: inline-block;
  }

.button-clif span {
    z-index: 9;
    position: relative;
}

.button-clif i {
    padding-left: 8px;
    padding-top: 3px;
    color: #fff;
}







.slider-protection {
  background: #266eed;
  overflow: auto;
  padding: 45px 30px 40px 30px;
}

.protection-content h3 {
  font-family:urw-din, sans-serif;
font-weight:400;
font-style:normal;
font-size: 27px;
line-height: 36px;
color: #fff;
margin-top: 0;
}

.slider-info {
margin-top: -110px;
}

 

#clif-company {
  margin-top: 70px;
}

.clif-about h3 {
  font-family:urw-din, sans-serif;
font-weight:700;
font-style:normal;
    color: #000;
    font-size: 45px;
    line-height: 48px;
        margin-bottom: 25px;
}
  




  .clif-about p, .content-location p {
font-family: 'Overpass', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #adb1b6;
    font-size: 18px;
    line-height: 30px;
}

.clif-photo {
  text-align: center;
}

.clif-about {
  margin-top: 55px;
}

.owl-nav {
  text-align: right;
}


.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
background: #266eed;
width: 57px;
height: 57px;
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 28px;
    margin: 5px;
       padding: 8px 21px;
    background: #266eed;
    display: inline-block;
    cursor: pointer;
        margin: 0px;
    border-radius: 0px;
}

.owl-theme .owl-nav {
    margin-top: -56px;
    position: relative;
    z-index: 999;
}

.owl-theme .owl-nav .owl-prev {
  margin-right: 5px;
}

#clif-style {
  margin-top: 120px;
}

.style-title h3 {
   font-family:urw-din, sans-serif;
font-weight:500;
font-style:normal;
    color: #fff;
    font-size: 38px;
    line-height: 48px;
    margin-top: 180px;
}

#slider-style .owl-dots {
  display: none !important;
}

 .owl-theme .owl-nav {
    text-align: right;

    }

    .owl-theme .owl-dots {
      margin-top: 50px;
    }


    #clif-video {
        background: url(../img/clifdesigns_27.png) no-repeat center center;
    height: 1014px;
    margin-top: -200px;
    padding-top: 290px;
    }

    .video-content h3 {
font-family:urw-din, sans-serif;
font-weight:700;
font-style:normal;
    color: #fff;
    font-size: 57px;
        margin-bottom: 20px;
    }

        .video-content p {
          font-family: 'Overpass', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    }

    .style-title {
      padding-left: 30px;
    }

    .video-player {
      width: 256px;
      height: 255px;
      position: relative;
      display: flex;

    }

    .player-icon {
      position: absolute;
      top:114px;
      left:120px;

    }

    .player-icon i {
      color: #fff;
      font-size: 28px;
    }

    .wrapper-video {
      margin-top: 120px;
    }


    .box-product {

    }

    .product-photo {
    position: relative;
    max-width: 264px;

    transition: all 0.3s ease 0s;
}


#products-clif {
    background: url(../img/productsbg_44.png) no-repeat top center;

    

}



#products-clif .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: visible;
}

#products-clif .container {
  overflow: hidden;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #000;
}

.owl-theme .owl-dots .owl-dot span {
    width: 16px;
    height: 16px;

    }




.product-title {
      position: absolute;
    bottom: 37px;
    left: 30px;
    right: 30px;
    z-index: 3;
}

.product-title h3 {
  font-family:urw-din, sans-serif;
font-weight:400;
font-style:normal;
    color: #fff;
    font-size: 23px;
    position: relative;
}

.product-title h3::before {
    position: absolute;
    top: -17px;
    left: 0;
    width: 72px;
    height: 6px;
    background: #266eed;
    content: "";
}

.product-photo::after {
      content: '';
    position: absolute;
    background: url(../img/clifdesigns_07.png) center center;
    top: -38px;
    width: 105px;
    height: 117px;
    z-index: 999;
    right:-15px;
}

.product-photo::before {
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    content: " ";
    width: 100%;
    height: 55%;
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0px;
    content: "";
    opacity: 1;
    background-image: -webkit-linear-gradient(top, rgba(68, 63, 63, 0) 0%, rgba(68, 63, 63, .3) 100%);
    background-image: -o-linear-gradient(top, rgba(68, 63, 63, 0) 0%, rgba(68, 63, 63, .3) 100%);
    background-image: linear-gradient(to bottom, rgba(26, 29, 44, 0) 0%, rgba(0, 0, 0, .9) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d60c4f', endColorstr='#99d60c4f', GradientType=0);
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
}


#product-clif .owl-nav {
display: none;
}

#product-clif .owl-theme .owl-dots {
    text-align: center;
    margin-top: 70px;
}

#product-clif .owl-theme .owl-dots, #product-clif .owl-theme .owl-nav {
    text-align: center !important;
}





.banner-bg {
    position: relative;
}

.banner-content {
    position: absolute;
    bottom: 45px;
    left: 60px;
}

.banner-content h3 {
 font-family:urw-din, sans-serif;
font-weight:400;
font-style:normal;
    color: #fff;
    font-size: 39px;
        margin-bottom: 3px;
}


.banner-content p {
   font-family:urw-din, sans-serif;
font-weight:400;
font-style:normal;
    color: #fff;
    font-size: 16px;
}

.box-banner .button-clif {
    margin-top: 15px;
}

.button_light a {
  background: #fff;
  color:#000;
}

.button_light i {
  
  color:#000;
}



.wrapper-banner {
  position: relative;
      margin-top: 120px;
}


.wrapper-products {

    background-image: url(../img/clifdesigns_29.png);
    background-repeat: no-repeat;
    background-position: center 600px;
}




.footer-middle {
   background: url(../img/footer_42.png) no-repeat center center;
    height: 468px;
}
 

.footer-top {
  display: flex;
  flex-direction: row;
}


.footer-fluid {
  padding-left: 0;
  padding-right: 0;
}

.location-box, .cta-box, .telephone-box {
  height: 100px;
}
.location-box {
  width: 20%;
  background: #f7f7f7;
  padding-left: 35px;
}

 .cta-box {
    width: 60%;
  background: #333333;
  padding-left: 50px;
      align-items: center;
    display: flex;
 }

 .telephone-box {
 width: 20%;
  background: #266eed;
  padding-left: 35px;


 }


 .telephone-box h2 {
  margin: 0;
 }

 .telephone-box h2 a {
   font-family:urw-din, sans-serif;
font-weight:500;
font-style:normal;
    color: #fff;
    font-size: 21px;
 }

 .telephone-box h5 {
 font-family:urw-din, sans-serif;
font-weight:400;
font-style:normal;
    color: #fff;
    font-size: 16px;
    margin: 0;
    margin-top: 25px;
    position: relative;
 }

 .telephone-box h5::before {
       background: url(../img/phone2.png);
    position: absolute;
    content: "";
    display: block;
    top: 5px;
    right: 45px;
    width: 33px;
    height: 33px;
}

.footer-links {
    padding-left: 0;
    display: inline;
}

.footer-links li, .footer-links ul {
    display: block;
    list-style: none;
}

.footer-links li a {
  font-family:urw-din, sans-serif;
font-weight:400;
font-style:normal;
    color: #fff;
  font-size: 18px;
    line-height: 30px;
    text-decoration: none;
}

.footer-header h3 {
  margin-top: 0;
   font-family:urw-din, sans-serif;
font-weight:700;
font-style:normal;
    color: #fff;
  font-size: 21px;

}

.clif-footer p {
   font-family:urw-din, sans-serif;
font-weight:400;
font-style:normal;
    color: #fff;
  font-size: 18px;
    line-height: 30px;
}

.email-footer a {
font-family:urw-din, sans-serif;
font-weight:400;
font-style:normal;
    color: #fff;
  font-size: 18px;
  text-decoration: none;
}

.clif-footer {
  margin-top: 30px;
}

  .gallery {
    margin-top: 30px;
  }

.gallery img {
  max-width: 100%;
}

.location-box h3{
  position: relative;
}

.button-ergos-footer {
  margin-top: 6px;
}

.button-ergos-footer a {
  background: #fff;
  color:  #33363b;
      padding: 13px 30px;

}

.cta-box h3 {
  font-family:urw-din, sans-serif;
font-weight:400;
font-style:normal;
    color: #fff;
    font-size: 19px;
    line-height: 100px;
    text-decoration: none;
    float: left;
    padding-right: 35px;
    margin: 0;
}

.location-box h3::before {
       background: url(../img/location.png);
    position: absolute;
    content: "";
    display: block;
    top: 3px;
    right: 32px;
    width: 41px;
    height: 54px;
}

.button-clif-footer {
  margin-top: 0;

}
.button-clif-footer a {
    padding: 15px 32px;
  }
.location-box h3 a{
   font-family:urw-din, sans-serif;
font-weight:400;
font-style:normal;
    color: #33363b;
    font-size: 19px;
    line-height: 22px;
    text-decoration: none;
}

.footer-middle {
  margin-top: -50px;
  padding-top: 130px;
}
   

.cta-content {
  position: relative;
}

.cta-content {
  position: relative;
}

.box-social-media i {
    color: #fff;
    font-size: 22px;
    width: 38px;
    height: 38px;
    
    background: #266eed;
    text-align: center;
    vertical-align: middle;
    
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    transition: all .3s ease-in-out;
    margin-top: 0px;
    padding-top: 8px;
}


.box-social-media{
    margin-top: 20px;
}

.copyright {
   padding: 45px 0 0px;
}





 

.content-location {
  text-align: center;
}

.box-step {
  background: #fff;
  text-align: center;
  height: 180px;
  margin-bottom: 28px;
  padding: 35px 18px 30px 18px;
  position: relative;
}

.copyright p {
  margin-bottom: 3px;
}



body {
  counter-reset: ergos-counter;
}


.content-page p, .content-page ul li, .content-page ol li {
    font-family: 'Overpass', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #adb1b6;
    font-size: 18px;
    line-height: 30px;
}

.content-page a {
  color: #000;
   font-family: 'Overpass', sans-serif;
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
}

.content-page h1, .content-page h2, .content-page h3, .content-page h4, .content-page h5, .content-page h6 {
   color: #000;
  font-family:urw-din, sans-serif;
 
    font-style: normal;
  
  font-weight: 700;

}

.content-page h1 {
  font-size: 40px;
}

.content-page h2 {
  font-size: 36px;
  line-height: 44px
}


.content-page h3 {
  font-size: 32px;
}

.content-page h4 {
  font-size: 25px;
}

.content-page h5 {
  font-size: 21px;
}

.content-page h6 {
  font-size: 18px;
}




 .title-why {
  text-align: center;

    padding: 60px 0 50px;

 }

 .title-why h3 {
   color: #000;
  font-family:urw-din, sans-serif;
   line-height: 38px;
    font-style: normal;
  font-size: 30px;
  font-weight: 700;
 }

 .box-why {
  text-align: center;
 }

 .box-why h4 {
  color: #000;
  font-family:urw-din, sans-serif;

    font-style: normal;
  font-size: 21px;
  font-weight: 500;
 }

  .box-why p{
      font-family: 'Overpass', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #adb1b6;
    font-size: 16px;
    line-height: 28px;
 }

 .why-odd {
  margin-top: 120px;
 }


.why-hexagon {
  position: relative;
}

.number-why {
  position: absolute;
top: -15px;
    right: -27px;
}

.number-why span {
 
  -webkit-text-stroke: 2px #266eed;
    color: #fff;
  font-family:urw-din, sans-serif;

    font-style: normal;
  font-size: 72px;
  font-weight: 700;
}


.video-products {
  background: #f2f2f2;
      padding: 60px 0 110px;
  margin-top: 80px;

}

.video-box {
  position: relative;
}

.video-box img {
  max-width: 100%;
}

.video-players {
position: absolute;
    top: 140px;
    left: 50%;
    width: 202px;
    height: 203px;
    margin-left: -101px;
    display: flex;
}

.player-icons i {
  color: #fff;
  font-size: 28px;
}

.player-icons {
    position: absolute;
       top: 87px;
    left: 92px;

}

.video-header {
  text-align: center;
}


.video-header h3 {
  color: #000;
    font-family: urw-din, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 40px;
}

.instruction {
  margin-top: 90px;
}

.instruction-plan {
  background: #266eed;
  padding: 40px 55px 70px 55px;
}

.instruction-car {
     margin-left: -350px;
    position: relative;
    z-index: -1;
    margin-top: 20px;
}


.instruction-plan h3 {
   color: #fff;
    font-family: urw-din, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 20px;
}

.instruction-plan p {
  font-family: 'Overpass', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #fff;
    font-size: 20px;
    line-height: 42px;
}

.title-partners {
  text-align: center;
  margin-bottom: 80px;

}

.partners-list {
  margin-top: 80px;
}

.box-partners {
  background: #266eed;
  margin-bottom: 35px;
  padding: 10px 40px 35px 40px;
}

.box-partners h3 {
  color: #fff;
    font-family: urw-din, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 15px;
}

.box-partners p {
  font-family: 'Overpass', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #fff;
    font-size: 17px;
    line-height: 25px;
}


.title-partners h2 {
color: #000;
    font-family: urw-din, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size:42px;
    margin-bottom: 20px;
}


.experience-content h3 {
  font-family: 'Oswald', sans-serif;
font-weight: 600;
font-style: normal;
    color: #33363b;
  line-height: 54px;
    font-size: 30px;
}

#how-works .experience-title {
  margin-top: 90px;
}

#how-works .experience-title h3::before {
    position: absolute;
    top: -48px;
    right: -35px;
    width: 6px;
    height: 180px;
    background: #ededed;
    display: inline-block;
    z-index: 5;
    content: "";
}

#how-works {
  margin-bottom: 100px;
}

.button-ergos-knowledge a {
  background: #fff;
  width: 100%;
  color: #33363b;
  text-align: center;
}

.knowledge-entry {
  background: #d0080e;
  padding: 70px 34px;
    height: 448px;
    position: relative;
    background-image: url(../img/ergos_19.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.knowledge-entry h3 {
font-family: 'Oswald', sans-serif;
font-weight: 400;
font-style: normal;
    color: #fff;
  line-height: 27px;
    font-size: 20px;
    margin-bottom: 15px;
}

.box-knowledge {
  background: #fff;
   box-shadow: 0px 3px 17.1px 0.9px rgba(0, 0, 0, 0.06);
}

.knowledge-content {
  padding: 10px 25px 30px 25px;
}

.knowledge-content h3 {
  margin-top: 32px;
}

.knowledge-content h3 a {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #33363b;
    font-size: 24px;
    line-height: 29px;
    text-decoration: none;
}

.title-knowledge {
  text-align: center;
}
.title-knowledge h2 {
  font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #33363b;
    font-size: 38px;
    margin-bottom: 60px;
}

#knowledge-base {
  padding-top: 90px;
  padding-bottom: 100px;
     background: url(../img/ergos_86.png) repeat center center;

}
.knowledge-content p {
  font-family: 'Overpass', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #adb1b6;
    font-size: 16px;
    line-height: 26px;
}
.read-more {
  font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #33363b;
    font-size: 17px;
    text-decoration: none;
    display: inline-block;
}

#ergo-services .col-md-12, #ergo-services .container {
  padding-left: 0;
  padding-right: 0;
}

.services-wrapper .col-md-5 {
 padding-left: 0;
  padding-right: 0;
}

.services-wrapper .col-md-3 {
  width: 29.1666666%;
}

.knowledge-photo {
  position: relative;
}

.services-photo {
  position: relative;
}

.services-title {
  position: absolute;
  bottom: 75px;
      left: 40px;
    right: 40px;
    z-index: 3;
}



.services-photo::before {
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    content: " ";
    width: 100%;
    height: 55%;
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0px;
    content: "";
    opacity: 1;
    background-image: -webkit-linear-gradient(top, rgba(68, 63, 63, 0) 0%, rgba(68, 63, 63, .3) 100%);
    background-image: -o-linear-gradient(top, rgba(68, 63, 63, 0) 0%, rgba(68, 63, 63, .3) 100%);
    background-image: linear-gradient(to bottom, rgba(26, 29, 44, 0) 0%, rgba(0, 0, 0, .9) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d60c4f', endColorstr='#99d60c4f', GradientType=0);
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
}

.services-title h3 {
  font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    font-size: 34px;
    text-decoration: none;
    line-height: 39px;
    position: relative;
}

.services-title h3::before {
  position: absolute;
  top: -13px;
  left: 0;
  width: 65px;
  height: 4px;
  background: #d10a11;
  content: "";
}

.title-services {
  text-align: center;
}

.title-services h2 {
      font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #33363b;
    font-size: 38px;
    margin-bottom: 80px;
}

#ergo-services {
  margin-top: 70px;
}

.services-wrapper {
  background: #d0080e;
 overflow: auto;
}


.services-wrapper::before {
    position: absolute;
    top: 0;
    content: "";
    display: block;
    left: 0;
    width: 100%;
    height: 130px;
    background: #fff;
}

.services-wrapper::after {
    position: absolute;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    width: 100%;
    height: 75px;
    background: #fff;
}

.box-services {
  margin-top: 35px;
      z-index: 9;
      position: relative;
}
.services-workers {
  z-index: 10;
  position: relative;
}

.knowledge-icon {
  position: absolute;
  bottom: -35px;
  right: 30px;
background: #d0080e;
  width: 65px;
  height: 65px;
  padding-top: 8px;
    padding-left: 13px;
}
.knowledge-entry p {
  font-family: 'Overpass', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #fff;
    font-size: 15px;
    line-height: 25px;
}



.cta-content::before {
    background-image: url(../img/frame2.png);
    position: absolute;
    content: "";
    display: block;
    height: 487px;
    width: 577px;
          left: 15px;
    top: -158px;
}

.button-jagodowo-cta {
  text-align: center;
}

.family-picture {
  position: absolute;
      top: -134px;
  left: -30px;
}
.google {
  overflow: hidden;
}

#banner-jagodowo {
    background: url(../img/port-jagodowo_87.png) no-repeat center center;
    height: 541px;
    margin-top: 250px;
   
}



.acf-map {
    width: 100%;
    height: 360px;
}


	.navbar-header img {
		margin-bottom: 6px;
    margin-top: 6px;
    padding-left: 10px;
	}

	.navbar-collapse {
    float: right;
}



footer {
   margin-top: 100px;
 position: relative;
}


.box-footer {
    margin-top: 90px;
}
.logo-footer {
  margin-top: 95px;
      text-align: center;
}

.head-footer h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 23px;
    color: #000;
    margin-bottom: 20px;
}

.contact-adress p {
font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    color: #000;
    line-height: 24px;
}

.contact-adress p span {
  font-weight: 700;
}

.archive-wrapper {
  margin-top: 60px;
}
.archive-wrapper .box-knowledge {
  margin-bottom: 30px;
}
.contact-info h5 a {
 font-family: urw-din, sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #000;
   
    font-size: 26px;
    text-decoration: none;
}

.contact-adress {
      margin-bottom: 15px;
}

.contact-info h5 {
  margin-bottom: 0px;
  padding-left: 0px;
  position: relative;
}

 .contact-info h5:first-child::before {
    background: url(../img/phone3.png);
    position: absolute;
    content: "";
    display: block;
    top: 3px;
    left: 0px;
    width: 33px;
    height: 33px;
 }
.contact-info h5:last-child::before {
    background: url(../img/email2.png);
    position: absolute;
    content: "";
    display: block;
    top: 3px;
    left: 0px;
    width: 47px;
    height: 41px;
 }




.logo-apartas {
  margin-bottom: 12px;
}

.menu-footer ul {
  list-style: none;
  padding-left: 0;
}

.menu-footer ul a {
  font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
    color: #000;

}

.social-box {
  margin-top: 30px;
}

.social-box h3 {
      font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    color: #000;
    margin-bottom: 10px;
    text-align: center;
}







  .page-title h1 {
 font-family: 'Poppins', sans-serif;
font-weight:700;
font-style:normal;
    font-size: 50px;
    color: #fff;
    text-shadow: 0px 12px 24.57px rgba(0, 0, 0, 0.16);
    margin-bottom: 20px;
    position: relative;
    
  }

  


  .content-wrapper {
   
    padding-top: 60px;
  }





.page-title {
    padding-top: 120px;
    padding-left: 0px;
}


#styling-about {
  background: #f2f2f2 url(../img/clifdesigns_52.png) no-repeat center 20px;
  margin-top: 80px;
}

.content-styling {
     padding: 123px 0 180px;
}

footer {
  margin-top: 0px;
  text-align: center;
}


.page-template-onas footer {
  margin-top: 0px;
  background: #f2f2f2;
}

.content-styling h3 {
      font-family: urw-din, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #000;
    font-size: 45px;
    line-height: 48px;
    margin-bottom: 25px;
}

.content-styling p {
  font-family: 'Overpass', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #adb1b6;
    font-size: 18px;
    line-height: 30px;
}

.offer-title {
text-align: center;
margin: 65px 0 30px;
}


  .offer-title h2 {
      font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #d10a11;
   
    font-size: 36px;
}

.offer-content {
  margin-top: 50px;
}


.offer-content h3, .details-content h3 {
  font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #33363b;
   margin-bottom: 30px;
    font-size: 31px;
}

.offer-content p, .details-content p {
  font-family: 'Overpass', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #adb1b6;
    font-size: 18px;
    line-height: 30px;
}

.details {
  margin: 45px 0 120px;
}

.gain-title h3 {
  font-family: urw-din, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #000;
      margin: 104px 0 50px;
    font-size: 40px;

}

.products-clif .title-section {
    text-align: center;
    padding: 80px 0px 85px;
}

.clif-gain {
  margin-top: 80px;
}

.gain-box {
  background: #266eed;
  overflow: auto;
          padding: 55px 20px 30px 20px;
      
      z-index: 9;
}


.gain-single p {
  font-family: 'Overpass', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    font-size: 19px;
    line-height: 27px;
    padding-left: 40px;
    position: relative
}

.gain-photo {
  position: relative;
  z-index: -1;
}

.gain-single p::before {
   font-family: "Font Awesome 5 Free";
    position: absolute;
    top: -7px;
    font-weight: 900;
    margin: 8px 0 0 -35px;
    vertical-align: middle;
    display: inline-block;
    font-size: 23px;
    color: #fff;
    content: "\f14a";


}


.gain-box::before {
       background: url(../img/solar-offer.png);
    position: absolute;
    content: "";
    display: block;
    top: -3px;
    left: 115px;
    width: 432px;
    height: 201px;

}

.offer-bottom {
  text-align: center;
margin-top: 50px;
}

.gain-single {
      margin-bottom: 18px;
}



.offer-bottom h3 {
      font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #d10a11;
    font-size: 36px;
}

.gain-photo {
  margin-left: -155px;
}

.details-home {

    background: #f7f7f7 url(../img/ergos_104.png) no-repeat center bottom;

}
.details-farmer {

    background: #f7f7f7 url(../img/fotowoltaika_02.png) no-repeat center bottom;

}

.details-company {

    background: #f7f7f7 url(../img/fotowoltaika_28.png) no-repeat center bottom;

}
.details-home .details-content {
  padding: 70px 0 80px;
}

.details-farmer .details-content {
    padding: 75px 0 85px;
}

.details-company .details-content {
    padding: 85px 0 105px;
}

  .loaction-picture {
    margin-top: 40px;
  }

  .loaction-picture img {
    width: 100%;
  }

  .offer-farmer {
    margin-top: 180px;
  }

  .gain-farmer {
    margin-top: 11px;
  }

  .gain-company {
    margin-top: 29px;
  }

.harbor-page {
  margin-top: 80px;
}

.page-template-portjagodowo #architecture-jagodowo {
    margin-top: 80px;
}

.button-catalog {
text-align: center;
    margin-top: 80px;
}

.button-catalog a {
  font-size: 26px;
  padding: 13px 65px;
  font-weight: 300;
}

  .harbor-page h4 {
    color: #000;
    font-size: 38px;
    font-weight: 500;
  }

  .title-home h2 {
 font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 38px;
    color: #000;
    margin-bottom: 40px;
    text-align: center;
  }

  .title-variation h3 {
font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    color: #000;
   
margin-bottom: 50px;
    text-align: center;
    margin-top: 60px;

  }

  
.head-contact h2 {
  font-family: urw-din, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #000;
       margin-bottom: 20px;
    font-size: 24px;
}

.contact-head h3 {
font-family: urw-din, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #000;
       margin-top: 35px;
    font-size: 32px;
}

.form-waterpoint {
  text-align: center;
    background: #ecf4fd;
    padding: 40px 70px 45px 70px;
    margin-right: 30px;
border-radius: 20px;
}

.form-waterpoint h3 {
  font-family: 'Poppins', sans-serif;
    font-size: 32px;
    color: #00539f;
    display: block;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 30px;
}

.head-contact h2 {
  font-family: 'Poppins', sans-serif;
    font-size: 21px;
    color: #00539f;
    display: block;
   
    font-weight: 700;
}

.contact-info p {
  font-family: 'Poppins', sans-serif;
    font-size: 17px;
    color: #00539f;
    display: block;
   
    font-weight: 400;
}

.contact-head {
  margin-top: 90px;
}

.contact-info h5 a {
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    color: #00539f;
    display: block;
   
    font-weight: 400;
}

.contact-info {
  margin-top: 9px;
}

.head-contact p {
  font-family: 'Overpass', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #adb1b6;
    font-size: 16px;
    line-height: 26px;
}

.logo-partners img {
  display: block;
  margin-bottom: 15px;
}

.contact-adress p {
  font-family: 'Overpass', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #000;
    font-size: 21px;
    line-height: 35px;
}
  

.form-clif h3 {
    font-family: urw-din, sans-serif;
 
    font-style: normal;
  color: #fff;
  font-weight: 500;
    font-size: 32px;
    margin-bottom: 40px;
}



.google {
  margin-top: 60px;
}


.contact-name input[name="your-name"], .contact-name input[name="your-email"]  {
   font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 300;
       background-color: #ffff];
    border: 0;
    width: 100%;
    height: 59px;
     border-radius: 20px;
   
    margin-bottom: 10px;
    padding-left: 15px;
   color: #4f7bb2;
}

  .contact-name input[type="text"],  .contact-name input[type="tel"]  {
   font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 300;
         background-color: #fff;
    border: 0;
    width: 100%;
    height: 59px;
       
     border-radius: 20px;
    margin-bottom: 10px;
    padding-left: 15px;
   color: #4f7bb2;
}


.contact-name textarea {
     font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 300;
    background-color: #fff;
    border: 0;
    
    width: 100%;
    height: 159px;
     border-radius: 20px;
    margin-bottom: 14px;
    padding-left: 15px;
    color: #4f7bb2;
    padding-top: 15px;

  }

  .button-send {
    margin-top: 5px;
  }

.contact-name input[type="submit"] {
 
  background-image: -moz-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
  background-image: -webkit-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
  background-image: -ms-linear-gradient( 15deg, rgb(0,83,159) 0%, rgb(56,142,248) 100%);
border-radius: 26px;
  
    float: none;
    
    padding: 15px 65px;
    font-size: 18px;
        font-family: 'Poppins', sans-serif;
    color: #fff;
    
    
    font-weight: 400;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    text-align: center;
    margin: 0 auto;
    transition: background 0.3s ease 0s;
}
  

  .box-form, .contact-picture {
margin-top: 70px;
  }


  



div.wpcf7 img.ajax-loader {
  border: none;
  vertical-align: middle;
  margin-left: 4px;
  display: block;
}
div.wpcf7-response-output {
  margin: 0;
}
div.wpcf7-mail-sent-ok {
  background: #398f14;
 font-family: 'Titillium Web', sans-serif;
  font-size: 14px;
  color: #fff;
}
div.wpcf7-validation-errors {
 font-family: 'Titillium Web', sans-serif;
  font-size: 14px;
  color: #fff;
  background: red;
  border: none;
}
.contact-name div.wpcf7-response-output {
  margin: 0.1em 0.5em 1em;
  padding: 0.4em 1em;
}
.contact-name div.wpcf7-response-output {
  display: inline-block;
}
.contact-name div.wpcf7-validation-errors {
  border: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #4f7bb2;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #4f7bb2;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #4f7bb2;
}
:-moz-placeholder { /* Firefox 18- */
  color: #4f7bb2;
}

.clearbox:nth-child(3n+4) {
    clear: both;
}

.clearbox2:nth-child(2n+3) {
    clear: both;
}

.news-content iframe {
  width: 100%;
  height: 420px;
}


@media screen and (max-width:1680px) {
.producer-left:before {
   
    width: calc(60.7% + ((1/12)*740px));
  
}


.producer-right:before {
   
    width: calc(60.7% + ((1/12)*740px));
  
}

  }

@media screen and (max-width:1400px) {
.producer-left:before {
   
    width: calc(62.7% + ((1/12)*740px));
  
}


.producer-right:before {
   
    width: calc(62.7% + ((1/12)*740px));
  
}



}


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

.nav>li>a {
    
    padding: 10px 12px;
}

.contact-head img, .news-photo img, .banner-waterpoint img, .product-single-photo img, .women-waterpoint img, .waterpoint-photo img, .producer-photo img, .producer-photo2 img {
  max-width: 100%;
  height: auto;
}

  }


  @media screen and (min-width:992px) and (max-width:1199px) {

.category-name:before {
   
    width: 213px;
   
}

.producer-left:before {
    width: calc(55.7% + ((1/12)*740px));
}

.producer-right:before {
    width: calc(55.7% + ((1/12)*740px));
}

.producer-brand {
    position: absolute;
    top: 290px;
    right: -56px;
}

.producer-brand2 {
    position: absolute;
    top: 290px;
    right: -56px;
}
.waterpoint-slogan h1 {
    
    font-size: 46px;
    }

    .waterpoint-slogan h1 span {
    font-size: 36px;
    font-weight: 500;
}



.clif-item-top {
    height: 602px;
    width: 63%;
    }
  }


  @media screen and (max-width:991px) {
    .producer-right, .producer-left {
  height: auto;
}

.producer-brand2, .producer-brand {
  display: none;
}

.about-entry:before{
  display: none;
}

    .navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.pull-right {
float: inherit!important;
}
.navbar-header {
float: none;
}
.navbar-left,
.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
background-color: #00539f;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.clifs-slogan {
text-align: center;
}
.navbar-collapse.collapse {
display: none !important;
}
.carousel-caption {


top: 30px;

}

.menu .dashicons, .menu .dashicons-before:before {
    
    display: none;
    }

   .menu .menu-item i._mi, .menu .menu-item img._mi {
    display: none;
  }

.sub-menu {
    position: relative;
    top: 0px;
    left: 0;
    z-index: 1000;
    display: block;
    float: none;
    padding: 0px 5px;
    min-width: auto;
    
    text-align: center;
    list-style: none;
    
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: none;
}

.single .tag a {
    border: none;
    border-radius: 19px;
    border: 1px solid #00539f;
    display: inline-block;
    margin-bottom: 6px;
    padding: 0px 8px 0px;
    font-family: #00488b, sans-serif;
    color: #00539f;
    font-size: 10px;
    font-weight: 400;
    margin-right: 5px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.single .tag {
    margin-top: 0px;
    margin-bottom: 20px;
}



.navbar-default .menu .sub-menu>li>a {
    display: block;
    padding: 9px 0px;
    border-bottom: none;
    text-decoration: none;
    color: #fff;
}
.clifs-slogan h2 {

font-size: 54px;
}
.slider-car-one {
margin-top: 10px;
margin-left: 0px;
text-align: center;
}
.navbar-default .navbar-toggle {
border-color: transparent;
}
.navbar-collapse {
background: #00539f;;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}
.slider-car-one img {
width: 550px;
}
.navbar-nav {
float: none !important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in {
display: block !important;
}
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse {
float: inherit;
}
.navbar-nav,
.language-box {
text-align: center;
}

.gallery-clif {
  overflow: hidden;
}
.navbar-collapse > div {
display: block;
vertical-align:
}
.navbar-default .nav li a {
font-weight: 400;
line-height: 35px;
color: #fff;
}
.navbar-default .nav li a {

font-size: 21px;

}
.navbar-collapse .language-box {
display: none;
}
.navbar-default .nav li a:hover {

color:  #1554c3;

}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: #1554c3;
}
.single .page-title h1 {
    font-size: 33px;
    margin-bottom: 0;
}

.banner-producents img {
  display: inline-block;
  margin-bottom: 30px;
}

.sidebar-waterpoint {
  margin-top: 30px;
}

.news-other h4 {
  text-align: center;
}

.box-news, .box-other, .box-products  {
  max-width: 360px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.box-category {
  max-width: 263px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.button-product {
  margin-bottom: 30px;
}
.header-contact .col-sm-offset-5 {
    margin-left: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    width: 100%;
}
.producer-left {
    position: relative;
    margin-top: 0px;
}
.producer-left:before, .producer-right:before {
    display: none;
}

.producer-photo:before, .producer-photo2:before  {
    display: none;
}


.waterpoint-slogan {
  text-align: center;
  margin-top: 60px;
}

#waterpoint-category .title-section {
  margin-bottom: 0px;
}

.producer-right .box-producer {
      display: flex;
    flex-direction: column;
}

.producer-right .box-producer .left-box {
 order: 2; 
}

.producer-right .box-producer .right-box {
 order: 1; 
}


.slider-bg {
    background: none;
  }

  .footer-logo img {
    max-width: 100%;
  }

  .producer-right {
    position: relative;
    margin-top: 30px;
}

#news-waterpoint {
  margin-top: 50px;
}

.producer-brand2 {
    position: absolute;
    top: 360px;
    right: -56px;
    left: auto;
}


.slider-nav {
    
    left: 50%;
    background: transparent;
    width: 100px;
    height: 50px;
    z-index: 9999;
    margin-left: -20px;
}

  .clif-item-top:before {
        content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);

  }

  .certificates-wrapper {
    height: auto;
    overflow: auto;
    padding-bottom: 70px;
  }

.clif-item-top {
    height: 602px;
    width: 100%;
    }

.about-entry {
    border-radius: 20px;
   
    height: auto;
    position: relative;
    padding-bottom: 70px;
}

.producer-photo, .producer-photo2 {
    position: relative;
    border-radius: 25px;
    margin-top: 30px;
    text-align: center;
}


#certificates {
    
    background-image: none;
    background-repeat: no-repeat;
  
}

.box-brand, .box-brand2 {
  margin-bottom: 30px;
}


#waterpoint-category {
    background: #f8fbfe;
    overflow: auto;
    padding-bottom: 0px;
}

.title-section {
    text-align: center;
    padding: 20px 0px 35px;
}

.waterpoint-photo {
  text-align: center;
}

.certificates-wrapper .col-md-4 {
  width: 33.333%;
  float: left;
}

#waterpoint-about {
    height: auto;
}

.entry-content {
    margin-top: 25px;
    padding-right: 25px;
    padding-left: 25px;
}

.women-waterpoint, .entry-photo {
  display: none;
}



.navbar-collapse > div {
    display: block;
    vertical-align: ;
    margin: 0 auto;
    margin-top: 20px;
}

.footer-copyrights {
  text-align: center;
}

.design, .copyrights {
   
    text-align: center;
}

.box-form, .contact-picture {
    margin-top: 20px;
}

.footer-bottom {
    margin-top: 70px;
}

.design {
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
}

.contact-information {
  text-align: center;
}

.box-contact {
  margin-bottom: 30px;
}

.contact-head {
    margin-top: 0px;
    margin-bottom: 30px;
}

.form-waterpoint {
  
    margin-right: 20px;
   
    margin-left: 20px;
}

.clif-single {
    position: absolute;
    top: 10px;
    left: 0%;
    transform: translate(0%, 0);
    margin: 0 auto;
    width: 100%;
}

.container-contact {
  overflow: hidden;
}

  }


    @media screen and (max-width:480px) {
.certificates-wrapper .col-md-4 {
    width: 50%;
    float: left;
}
.waterpoint-slogan h1 {
   
    font-size: 39px;

  }

  .logo-fotter img {
     margin-right: 0px;
    margin-bottom: 20px;
}

  .waterpoint-slogan h1 span {
   
    font-size: 34px;

  }

  .form-waterpoint {
    text-align: center;
    background: #ecf4fd;
    padding: 10px 10px 15px 10px;
    margin-right: 30px;
    border-radius: 20px;
}
.clif-single {
    position: absolute;
    top: 10px;
    left: auto;
    transform: initial;
}
.about-waterpoint {
    margin-top: 0px;
}

.news-wrapper, .news-other {
    background: #fff;
    overflow: auto;
    border-radius: 20px;
    padding: 20px 15px;
}

.product-wrapper {
    background: #fff;
    overflow: auto;
    border-radius: 20px;
    padding: 20px 10px;
}

.producer-info {
    padding-top: 0px;
}

.entry-content p {
   
    font-size: 21px;
    line-height: 31px;
}


.about-entry:before {
display: none;
  }

  .producer-brand2, .producer-brand {
    display: none;
  }

  .footer-bottom {
    margin-top: 20px;
}


  }