@import url("fonts/stylesheet.css");


html,
body {
  width: 100%;
  /* height: 100%; */
  
}



body {
  font-family: 'pf_dintext_pro', 'Muli', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: normal;
}

a {
  color: #007bff; /* color: #fdcc52;  */
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  transition: all .35s;
}

a:hover, a:focus {
  color: #fcbd20;
}

hr {
  max-width: 200px;
  margin: 35px auto 25px auto;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.5);
}


hr.long {
	border-bottom:1px solid rgba(255, 255, 255, 0.5); max-width:70%;
	margin: 25px auto 25px;;
}

hr.hr-long {
	border-bottom:1px solid rgba(255, 255, 255, 0.5); max-width:70%;
	margin: 25px auto 25px;
}

hr.hr-long-dark {
	border-bottom:1px solid rgba(0, 0, 0, 0.5); max-width:100%;
	margin: 25px auto 25px;
}

hr.light {
  border-color: white;
}

hr.hr-dark {
  border-color: black;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'pf_dintext_pro', 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 100;
  letter-spacing: 1px;
}

li {
  font-family: 'pf_dintext_pro', 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: normal; } 


p {
  font-family: 'pf_dintext_pro', 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: normal;	
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 12px;
}

section { padding: 100px 0; }

section:last-of-type { padding-bottom:25px; } 

body section:first-child { }

section h2 {  font-size: 40px; }

.img-fluid[src$=".svg"],
.img-fluid[src$=".SVG"],
 {
    // IE10 code
    width: 100% \9;
  }

img.prioicon { width:80px; height: 80px; margin-bottom: 25px;} 
img.prio-icon-lg { width:120x; height: 120px; margin-bottom: 25px;} 
img.prio-icon-inline { width:80px; height: 80px; margin-right: 25px;}
img.prio-icon-inline-60  { width:60px; height: 60px; margin-right: 15px;}
img.prio-icon-inline-small { width:40px; height: 40px; margin-right: 15px; padding-bottom:5px;}
 
@media (max-width: 767.98px) {
	
	img.prio-icon-blue-headline { margin-bottom:20px; } 
	
}



#mainNav {
  border-color: rgba(34, 34, 34, 0.05);
   /*  background-color: white;    */
  background: -webkit-linear-gradient(to left, #00165f, #009cff);
  background: linear-gradient(to left, #00165f, #009cff);  /*      #7b4397, #dc2430    */
  
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  transition: all .35s;
  font-family: 'pf_dintext_pro_thin', 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}

#mainNav .navbar-brand {
  color: #fdcc52;
  font-family: 'pf_dintext_pro_thin', 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}

#mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {
  color: #fcbd20;
}

#mainNav .navbar-toggler {
  font-size: 12px;
  padding: 8px 10px;
  color: white; /* #222222; */
  border-color:white;
}



#mainNav .navbar-nav > li > a {
  font-size: 11px;
  font-family: 'pf_dintext_pro_thin', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
   font-weight: 200;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#mainNav .navbar-nav > li > a.active {
  color: #fdcc52 !important;
  background-color: transparent;
}

#mainNav .navbar-nav > li > a.active:hover {
  background-color: transparent;
}

#mainNav .navbar-nav > li > a,
#mainNav .navbar-nav > li > a:focus {
  color: white; /* #222222; */
}

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

@media (min-width: 992px) {
  #mainNav {
    border-color: transparent;
    background-color: transparent;
  }
  #mainNav .navbar-brand {
    color: rgba(255, 255, 255, 0.7);
  }
  #mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {
    color: white;
  }
  #mainNav .navbar-nav > li > a,
  #mainNav .navbar-nav > li > a:focus {
    color: rgba(255, 255, 255, 0.7);
  }
  #mainNav .navbar-nav > li > a:hover,
  #mainNav .navbar-nav > li > a:focus:hover {
    color: white;
  }
  #mainNav.navbar-shrink {
    border-color: rgba(34, 34, 34, 0.1);
    background-color: white;
  }
  #mainNav.navbar-shrink .navbar-brand {
    color: #222222;
  }
  #mainNav.navbar-shrink .navbar-brand:hover, #mainNav.navbar-shrink .navbar-brand:focus {
    color: #fdcc52;
  }
  #mainNav.navbar-shrink .navbar-nav > li > a,
  #mainNav.navbar-shrink .navbar-nav > li > a:focus {
    /* color: #222222; */
	color:white;
  }
  #mainNav.navbar-shrink .navbar-nav > li > a:hover,
  #mainNav.navbar-shrink .navbar-nav > li > a:focus:hover {
    color: #fdcc52;
  }
}

header.masthead {
  
  /* ----------- was here ----------- 
  
  position: relative;
  width: 100%;
  padding-top: 150px;
  padding-bottom: 100px;
  color: white;
  background: url("../img/bg-pattern.png"), #7b4397;
  background: url("../img/bg-pattern.png"), -webkit-linear-gradient(to left, #009cff, #00165f);
  background: url("../img/bg-pattern.png"), linear-gradient(to left, #009cff, #00165f);  
  */                                       /*      #7b4397, #dc2430    */
  

  position: relative;
  width: 100%;
  padding-top: 150px;
  padding-bottom: 100px;
  color: white;
 
  
  background: url("../img/backg_on_black.jpg"); 

  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  
}


@media (max-width: 767.98px) {
	
	header.masthead{
	  	  background: url("../img/bg_on_black_tall.jpg"); 
		  
	background-position: center;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  
	}
}



header.masthead .header-content {
  max-width: 500px;
  margin-bottom: 100px;
  text-align: left;
}

header.masthead .header-content h1 {
  font-size: 50px;
}

header.masthead .header-content h2 {
  font-size: 24px;
}

header.masthead .device-container {
  max-width: 325px;
  margin-right: auto;
  margin-left: auto;
}

header.masthead .device-container .screen img {
  border-radius: 3px;
}

@media (min-width: 992px) {
  header.masthead {
    height: 100vh;
    min-height: 775px;
    padding-top: 0;
    padding-bottom: 0;
  }
  header.masthead .header-content {
    margin-bottom: 0;
    text-align: left;
  }
  header.masthead .header-content h1 {
    font-size: 50px;
  }
  header.masthead .device-container {
    max-width: 325px;
  }
}



/* ======================= SECTION PICTOGRAMS ============================ */


section.pictograms {
  position: relative;
  padding: 20px 0 0px 0;
  text-align:center;
}


.prio-icon-small { width:48px; height:48px; margin-bottom:12px;} 

.pictogram-text { line-height:20px; margin-bottom:25px;} 


/* ============================= Section Download ========================= */

section.download {
  position: relative;
  padding: 100px 0;
}

section.download a {
  color: #fdcc52; 
}


section.download h2 {
  font-size: 40px;
  margin-top: 0;
}

section.download .badges .badge-link {
  display: block;
  margin-bottom: 25px;
}

section.download .badges .badge-link:last-child {
  margin-bottom: 0;
}

section.download .badges .badge-link img {
  height: 60px;
}

@media (min-width: 768px) {
  section.download .badges .badge-link {
    display: inline-block;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  section.download h2 {
    font-size: 40px;
  }
}


/* ============================= Section Photos ========================= */


section.photos {
  position: relative;
  padding: 80px 0 50px 0;
  background-color:#009cff; 
}

section.photos img {
  margin-bottom:0px;  
}

section.photos div[class^="col-"] div[class^="col-"] {
  margin-bottom:30px;  
}

section.photos div.col-12.col-md-12.col-lg-7.bg-light {
   
}




section.photos .col-6  {  }
section.photos .col-md-7 { } 
section.photos .col-md-5 {  } 

/* ==================== Section Features ================== */


section.your_key_benefits { background-color: #009cff; color:white;  padding: 80px 0 40px 0; } 

section.features  { padding: 80px 0 40px 0; } 

section.beyondbottledquality { padding: 80px 0 70px 0; } 





section.features .section-heading, 
section.your_key_benefits .section-heading,   {
  margin-bottom: 100px;
}

section.features .section-footer,
section.your_key_benefits .section-footer,   {
  margin-top: 100px;
}

section.features .section-heading h2,
section.your_key_benefits .section-heading h2 {
  margin-top: 0;
}

section.features .section-heading p,
section.your_key_benefits .section-heading p {
  margin-bottom: 0;
}

section.features .section-footer p,
section.your_key_benefits .section-footer p {
  margin-bottom: 0;
}

section.features .device-container,
section.features .feature-item,
section.your_key_benefits .device-container,
section.your_key_benefits .feature-item  {
  max-width: 325px;
  margin: 0 auto;
}

section.features .device-container,
section.your_key_benefits .device-container {
  margin-bottom: 100px;
}

@media (min-width: 992px) {
  section.features .device-container,
  section.your_key_benefits .device-container {
    margin-bottom: 0;
  }
}

section.features .feature-item,
section.your_key_benefits .feature-item {
  padding-top: 20px;
  padding-bottom: 30px;
  text-align: center;
}

section.features .feature-item h3,
section.your_key_benefits .feature-item h3 {
  font-size: 30px;
}

section.features .feature-item i,
section.your_key_benefits .feature-item i {
  font-size: 80px;
  display: block;
  margin-bottom: 15px;
  /* background: -webkit-linear-gradient(to left, #7b4397, #dc2430);
  background: linear-gradient(to left, #7b4397, #dc2430);*/
  background: white;
  
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* ======================= section cta ======================= */




section.cta {
  position: relative;
  padding: 250px 0;
  background-image: url("../img/bg-cta.jpg");
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


section.cta .cta-content {
  position: relative;
  z-index: 1;
}

section.cta .cta-content h2 {
  font-size: 50px;
  max-width: 450px;
  margin-top: 0;
  margin-bottom: 25px;
  color: white;
}


/* ====================== section how it works ========================== */

section.howitworks {
  position: relative;
  padding: 250px 0;
  
  background: url('../img/bg-howitworks_dark.png'); 

  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  
  
}

section.howitworks .howitworks-content {
  position: relative;
  z-index: 1;
}

section.howitworks .howitworks-content h2 {
  font-size: 50px;
  max-width: 450px;
  margin-top: 0;
  margin-bottom: 25px;
  color: white;
  
  text-shadow: 
               0 3px 3px rgba(0,0,0,.4),
               0 7px 7px rgba(0,0,0,.2);
}

section.howitworks .howitworks-content p {
  max-width: 300px;
  color: white;
  text-shadow: 
               0 3px 3px rgba(0,0,0,.4),
               0 7px 7px rgba(0,0,0,.2);

 }
 
 
/* ================= SECTION ABOUT RO FILTRATION ================== */ 
 
 
section.about-ro-filtration{
  position: relative;
  padding: 250px 0;
  
  background: url('../img/bg-nature.jpg'); 

  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}

@media (max-width: 767.98px) {
	
	section.about-ro-filtration{
	  position: relative;
	  padding: 50px 0;
	  }
	
}

section.about-ro-filtration .about-ro-filtration-content {
  position: relative;
  z-index: 1;
}

section.about-ro-filtration .about-ro-filtration-content h2 {
  font-size: 50px;
  margin-top: 0;
  margin-bottom: 25px;
  color: white;
  text-shadow: 
               0 3px 3px rgba(0,0,0,.4),
               0 7px 7px rgba(0,0,0,.2);
}

section.about-ro-filtration .about-ro-filtration-content p {
  color: white;
  text-shadow: 
               0 3px 3px rgba(0,0,0,.4),
               0 7px 7px rgba(0,0,0,.2);

 }
 
 
 
/* ================= SECTION GAME CHANGER ================== */ 
 
 
section.game-changer{
  position: relative;
  padding: 250px 0;
  
  background: url('../img/bg_game_changer_561262645_.jpg'); 

  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}

@media (max-width: 767.98px) {
	
	section.game-changer{
	  position: relative;
	  padding: 50px 0;
	  }
	
}

section.game-changer .game-changer-content {
  position: relative;
  z-index: 1;
}

section.game-changer .game-changer-content h2, 
section.game-changer .game-changer-content h3, 
section.game-changer .game-changer-content h4, 
section.game-changer .game-changer-content p  {

  color: white;
  text-shadow: 
               0 3px 3px rgba(0,0,0,.4),
               0 7px 7px rgba(0,0,0,.2);
}

section.game-changer .game-changer-content h2  {
  font-size: 50px;
  margin-top: 0;
  margin-bottom: 25px;

}

section.game-changer .game-changer-content h4  {
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 25px;

}


 
 
 
/* ================== SECTION INSTALLATION ============== */ 
 
 
 
section.installation .badge  { font-size:16px; padding-top:6px; margin-bottom: 4px;} 
 
 
 /* ================= SECTION MAN ================== */ 
 
 
section.man{
  position: relative;
  padding: 100px 0 200px;
  
  background: url('../img/bg_man_large.jpg'); 

  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}

section.man .man-content {
  position: relative;
  z-index: 1;
}

section.man .man-content h2 {
  font-size: 50px;
  color: black;
 
}

section.man .man-content p {
  color: black;
 }
 
 .medals-block {margin-bottom:180px;} 

@media (max-width: 767.98px) {
	
	section.man{
	  position: relative;
	  padding: 30px 0 50px;
	  
	  background: url("../img/bg_man_tall.png"); 
	
	  background-position: center;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  
	}
	
	/* #img-medals { width:40%; } 
	#img-led { width:40%; }  */
	
	section.man .man-content h2 {
    font-size: 32px; } 
	
	.medals-block {margin-top:30px; margin-bottom:180px;} 
}


/* ==================== section still_using_bottles ========================= */


section.still_using_bottles { background-color: #71C200;} 


section.still_using_bottles h3 { font-size: 24px; } 

@media (max-width: 575.98px) { 

	section.still_using_bottles h3 {
    	font-size: 28px; 
	}
} 

@media (max-width: 767.98px) { 

	section.still_using_bottles br { 
		content: "";
		margin-bottom: 26px;
		display: block;
		font-size: 24%;
	} 
} 

@media (min-width: 993px) {

	section.still_using_bottles h3 {
    	font-size: 36px; 
	}
} 


 
/* ================ section gift_second_line =============== */

 
 
section.gift_second_line { background-color: #36333d; padding-top:80px; padding-bottom:50px;} 
 
 
 

section.gift_second_line h3 { font-size: 28px; color: white; } 
section.gift_second_line p { font-size: 22px; color: white; } 



@media (max-width: 575.98px) { 

	section.gift_second_line img {max-width:70%; } 
	section.gift_second_line h3 { font-size: 28px;  }
	section.gift_second_line p { font-size: 22px; } 
	
} 

@media (max-width: 767.98px) { 

	
} 
 

 @media (min-width: 993px) {

	section.gift_second_line h3 { font-size: 36px;  }
	section.gift_second_line p { font-size: 28px;  }
} 


 
 /* ================= SECTION BLUE SPLASH ================== */ 
 
 
section.blue_splash{
  position: relative;
  padding: 300px 0 100px 0;   /* was 500 .... */
  
  background: url("../img/bg_blue_splash_large.jpg"); 

  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}



 #white-stripe { padding: 25px 0 15px 0; } 
 


@media (min-width: 768px) and (max-width: 991.98px){
	
	#medal-conatiner { margin-bottom: 100px; } 
	
	section.blue_splash{
	  position: relative;
	  padding: 80px 0 60px;
	  
	  background: url("../img/bg_blue_splash_large.jpg"); 
	
	  background-position: center;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  
	}
	
	section.blue_splash h3 {
    	font-size: 22px; 
	}

    #white-stripe { padding: 10px 0 5px 0; } 

}

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

#medal-conatiner { margin-bottom: 150px; } 

section.blue_splash{
  position: relative;
  padding: 88px 0 150px 0;   /* was 500 .... */
  
  background: url("../img/bg_blue_splash_large.jpg"); 

  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
 

 }
 
 
@media (min-width: 1200px) {  

#medal-conatiner { margin-bottom: 150px; } 

 section.blue_splash{
  position: relative;
  padding: 88px 0 150px 0;   /* was 500 .... */
  
  background: url("../img/bg_blue_splash_large.jpg"); 

  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
 
} 
 
 
 
 





section.blue_splash .blue_splash-content {
  position: relative;
  z-index: 1;
}


section.blue_splash .blue_splash-content .container-fluid {
  background-color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 767.98px) { 

	section.blue_splash .blue_splash-content .container-fluid {
  background-color: rgba(255, 255, 255, 0.7);
}

	
}  



section.blue_splash .blue_splash-content h2 {
  font-size: 50px;
  margin-top: 0;
  margin-bottom: 25px;
  color: white;
  text-shadow: 
               0 3px 3px rgba(0,0,0,.4),
               0 7px 7px rgba(0,0,0,.2);
}

section.blue_splash .nature-blue_splash p {
  color: white;
  text-shadow: 
               0 3px 3px rgba(0,0,0,.4),
               0 7px 7px rgba(0,0,0,.2);

 }
  
 
 
/* =============================== Section CTA ========================= */ 
 

@media (min-width: 768px) {
  section.cta .cta-content h2 {
    font-size: 80px;
  }
}

section.cta .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

section.contact {
  text-align: center;
}

section.contact h2 {
  margin-top: 0;
  margin-bottom: 25px;
}

section.contact h2 i {
  color: #dd4b39;
}

section.contact ul.list-social {
  margin-bottom: 0;
}

section.contact ul.list-social li a {
  font-size: 40px;
  line-height: 80px;
  display: block;
  width: 80px;
  height: 80px;
  color: white;
  border-radius: 100%;
}

section.contact ul.list-social li.social-twitter a {
  background-color: #1da1f2;
}

section.contact ul.list-social li.social-twitter a:hover {
  background-color: #0d95e8;
}

section.contact ul.list-social li.social-facebook a {
  background-color: #3b5998;
}

section.contact ul.list-social li.social-facebook a:hover {
  background-color: #344e86;
}

section.contact ul.list-social li.social-google-plus a {
  background-color: #dd4b39;
}

section.contact ul.list-social li.social-google-plus a:hover {
  background-color: #d73925;
}

section.testimonials { padding: 80px 0 50px 0;
background: url('../img/bg-woman-drinking-400659769.jpg'); 

  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

 } 
 
section.testimonials h3 { font-size:24px; !important } 
 

@media (max-width: 991.98px) {
	
	section.testimonials h3 { font-size:28px; !important } 
	
}
 
@media (max-width: 767.98px) {
	
	section.testimonials h3  { font-size:24px; !important } 
		
}
 
 
@media (min-width: 992px) { 

section.testimonials h3 { font-size:24px; !important } 
 

 }  
 
@media (min-width: 992px) and (max-width: 1199.98px) { 

section.testimonials h3 { font-size:24px; !important } 
 

 }
 
 
@media (min-width: 1200px) {  

 section.testimonials h3 { font-size:28px; !important } 
 
} 




span.testimonial-quote:before {
  color: #009cff;
  content: '“';
  font-size: 60px;
  line-height: 0px;
  margin-right: 0em;
  vertical-align: -20px;
  font-family:"Times New Roman", Times, serif;
}

span.testimonial-quote:after {
  color: #009cff;
  content: ' –';
 /*  font-size: 24px;
  line-height: 0px;
  margin-right: 0em;
  vertical-align: 0px;*/
  font-family:"Times New Roman", Times, serif;
}


 
/* ============== SECTION WATER SOFTENERS ================ */ 
 
 
@media (max-width: 767.98px) {
	
		section.water-softeners { background: url('../img/bg-woman-drinking-400659769-tall.jpg'); 

  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	} 
}  
  
 
 
section.testimonials h2 { color:white;} 
section.testimonials hr { background-color:rgba(255, 255,255, 0.5);} 
section.testimonials p {  margin-top:15px;  margin-bottom:10px;  } 
section.testimonials .card-body { padding-top: 40px; padding-bottom: 40px; } 

section.testimonials .card { background-color:rgba(255, 255,255, 0.8); } 

.img-buy-related-product { width:50%; } 

section.buy-from-amazon p { font-size:40px; padding-bottom:80px; } 




.card-buy-related-product .card-footer { text-align:right; } 


.card-buy-related-product .card-footer { color: black; background-color: #fdcc52; } 
.card-buy-related-product .card-footer a { color: black; } 




section.water-softeners { background: url('../img/bg-kitchne-557518258.jpg'); 

  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;} 
  
  
@media (max-width: 767.98px) {
	
		section.water-softeners { background: url('../img/bg-kitchne-557518258-tall.jpg'); 

		  background-position: center;
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;} 
}  
  
  
section.water-softeners .col-* { margin-bottom:20px; }   
  




/* ===================== FOOTER ====================== */

footer {
  padding: 25px 0;
  text-align: left;
  color: rgba(255, 255, 255, 0.7);
  background-color: #222222 ;
}

footer p {
  font-size: 12px;
  margin: 0;
}

footer p strong {
  font-size: 12px;
  margin: 0;
  font-weight:700;
  margin-bottom:15px;
}

footer hr {
  border-bottom-color:rgba(255, 255, 255, 0.4);
  border-bottom-style:solid;
  border-bottom-width:1px;
  
  margin-top:7px;
  margin-bottom:5px;
  max-width:100%;
  
  
}

footer p a {
  color: rgba(255, 255, 255, 0.4);
}

footer p a:hover {
  color:#009cff;
}

footer p.copyright{
  color: rgba(255, 255, 255, 0.4);
}


footer ul {
  margin-bottom: 0;
}

footer ul li a {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
}

footer ul li a:hover, footer ul li a:focus, footer ul li a:active, footer ul li a.active {
  text-decoration: none;
}


/* ==================== sticky footer ==================== */

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
 
}

footer { position: absolute; bottom: 0; width: 100%; } 

body {  margin-bottom: 525px; }
footer { height: 525px; } 

@media (min-width: 576px) {
	body {  margin-bottom: 272px; }
	footer { height: 272px; } 
}

@media (min-width: 768px) {
	body {  margin-bottom: 262px; }
	footer { height: 262px; } 
}

@media (min-width: 992px) {
	body {  margin-bottom: 258px; }
	footer { height: 258px; } 
}

@media (min-width: 1200px) {
	body {  margin-bottom: 234px; }
	footer { height: 234px; } 
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
 /*  padding: 60px 15px 0; */
}



/* =================== end stick footer ================= */



.bg-primary {
  background: #fdcc52;
  background: -webkit-linear-gradient(#fdcc52, #fdc539);
  background: linear-gradient(#fdcc52, #fdc539);
}

.text-primary {
  color: #fdcc52;
}

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

.btn-outline {
  color: white;
  border: 1px solid;
  border-color: white;
}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
  color: white;
  border-color: #fdcc52;
  background-color: #fdcc52;
}

.btn {
  border-radius: 300px;
  font-family: 'pf_dintext_pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  letter-spacing: 2px;
  text-transform: uppercase;
}

.btn-xl {
  font-size: 11px;
  padding: 15px 45px;
}






/* ---------------------- flags ---------------------------- */



	.flag-EN { background-image: url('../../../img/flags/british_flag.png');
		background-repeat: no-repeat;
		background-size: 24px;
		padding-left: 40px; 
		display: block;  } 
		
	.flag-ES { background-image: url('../../../img/flags/spanish_flag.png');
		background-repeat: no-repeat;
		background-size: 24px;
		padding-left: 40px; 
		display: block;  } 	
		
	
	.flag-FR { background-image: url('../../../img/flags/french_flag.png');
		background-repeat: no-repeat;
		background-size: 24px;
		padding-left: 40px;  
		display: block; } 
		
	
	

	
	a.flag-FR, a.flag-EN, a.flag-ES   { background-position:7px 5px; }  
	
	span.flag-FR, span.flag-EN, span.flag-ES { background-position:7px 0px; }  
	
	
/* -------------------------- table ---------------------- */


#tablediv { 
  overflow-x: auto;
  margin-left: 15em;
  overflow-y: visible;
  padding-bottom:15px; } 

/* .headcol {
  position: absolute;
  width: 15em;
  left: 0;
  top: auto;
  margin-left: 15px; 
}*/

table.Basic-Table {
	border-collapse: collapse; 
	min-width:500px;
	border-left-style:none;
	border-right-style:none;
	margin-bottom:15px;
	margin-top:10px;
}

table.basic-table-pump-bots
{
	border-collapse: collapse;
	min-width:100%;
	border-left-style:none;
	border-right-style:none;
	margin-bottom:15px;
	margin-top:10px;
}


td, th {
	border-left: none;
	border-right:none; 
	vertical-align: top;
	padding:10px 10px 0px 10px;
	
}

td.table-row-highlighted { 
	background-color: rgba(255, 255, 255, 0.15); 
	
	} 
	
.table-cell-highlighted-light { 
	background-color: rgba(255, 255, 255, 0.15); 
	
	} 	
	
.table-cell-highlighted-ultralight { 
	border-left: none;
	border-right: none; 
	background-color: rgba(255, 255, 255, 0.22); 
	} 		
	

tr { border-bottom: solid 1px white; 
	 border-top: solid 1px white; } 


th {
	padding-left:0px;
	border-top: solid 1px white;
	margin-top: -1px;
	z-index:1;
	}

td:last-child {
	padding-right:0px;
}

tr:first-child td {
	border-bottom: solid 3px white; 
	border-top: solid 3px white; 
	} 

tr:first-child th {
	border-top: solid 3px white; 
	margin-top: -2px;
	} 

tr:nth-child(2) th { border-top: solid 3px white; margin-top: -2px;
} 


tr:last-child th { border-bottom: solid 1px white;
} 




	
	/* -------------------------------------- */
	
div.row ul {
    list-style-type: square !important;
    
}


	 
section.download { background-color: #009cff; color:white; } 


/* ======================== SECTION DIRECT FLOW BENEFITS ======================= */
	 
	 
section.direct_flow_benefits { background-color: #009cff; color:#212529; } 

section.direct_flow_benefits
{
   padding: 80px 0 40px 0; 
}


section.direct_flow_benefits .feature-item i

 {
  font-size: 80px;
  display: block;
  margin-bottom: 15px;
  background: white;
  background: white;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

section.direct_flow_benefits .feature-item
 {
  padding-top: 20px;
  padding-bottom: 30px;
  text-align: center;
}

/* ======================== SECTION what makes it special ====================*/



section.what_makes_it_special
{
   padding: 80px 0 00px 0; 
   background-color: #009cff; 
   color:white;
}

section.what_makes_it_special .card 
{
    border-color:rgba(255,255,255,0.5)  ; 
	background-color: rgba(255,255,255,0.2) ; 
	margin-bottom:20px;
	}
	
section.what_makes_it_special .card-body
{
   padding:15px;
	
	}
	

@media (max-width: 575.98px) { 

	section.what_makes_it_special .card  { 
     margin-left: 15px; margin-right: 15px; 
	
	}
	
	section.what_makes_it_special .card-body  { 
     text-align:center;  
	
	}
	
	section.what_makes_it_special .card-body img  { 
     width:300px;  
	
	}
	
	
} 	
	


section.what_makes_it_special .feature-item i

 {
  font-size: 80px;
  display: block;
  margin-bottom: 15px;
  background: white;
  background: white;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

section.what_makes_it_special .feature-item
 {
  padding-top: 10px;
  padding-bottom: 0px;
  text-align: center;
}

section.what_makes_it_special .feature-item img
 {
  max-width:170px; 
}


section.what_makes_it_special  div[class^="col-"] div[class^="col-"]  {} 




/* ======================== SLICK SLIDER ========================= */


.nav-tabs { border-bottom:none; } 


* {
      box-sizing: border-box;
    }

    .slider {
        width: 90%;
        margin: 0px auto; /* was  margin: 0px auto; */
    }

    .slick-slide {
      margin: 0px 0px; /* was 0px 20px */
    }

    .slick-slide img {
      width: 100%;
	  border-color:#36333d !important; background-color:#36333d !important;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .0s;
      opacity: 1;
	  border-color:#36333d !important; background-color:#36333d !important;
    }

    .slick-active {
      opacity: 1;
	  border-color:#36333d !important; background-color:#36333d !important;
    }

    .slick-current {
      opacity: 1;
	  border-color:#36333d !important; background-color:#36333d !important;
    }
	
ul.nav-item 	{ border:none; } 
	
.nav-tabs .nav-link { border-color:#36333d !important; border-top:0px none #36333d;
font-size:18px;text-transform: uppercase; font-weight:400;
border: 0px none #36333d;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
	border:none;
	color:grey; } 
	


:focus {  outline: none; }
	
.nav-tabs .nav-item {
    margin-bottom: 0px; 
	border-color:#36333d; 
}		

.nav-tabs .nav-link.active  { background-image: url(../img/background_arrow.png); background-position: center bottom; background-color: #36333d;  color:white; 

-webkit-focus-ring-color: #36333d;
focus-ring-color:#36333d; } 


.nav .nav-tabs.variable.slider {padding-bottom: 0px !important; margin-bottom: 0px !important;} 

:focus {
    outline: none;
}

.nav-tabs a.nav-link:hover { color:white; } 	    

section.tab-pane { padding: 30px 0; } 


section.tab-pane section { background-color:white; color: #36333d; } 


/* ========================= carousel ========================= */

.carouselsection { height:720px; margin-top:60px;} 


@media(min-width: 1200px){
.carouselsection { height:787px; margin-top:60px;} 
}

.carousel-medal {
    position: absolute;
    left: 35px;
    top: 25px;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    padding-left: 0;
    margin-right: 0; 
    margin-left: 0;  
 }


.carousel { margin-top:59px; background-color: #36333d;} 


.carousel-slide-one {    
  background-image:url('../img/bg_mod600_on_black_2.jpg');  
 }

@media(min-width: 1200px){
	.carousel-slide-one {background-image:url('../img/bg_mod600_on_black_2_wide.jpg');   
 }
}
 
.carousel-caption {
    right: 10%;
    left: 10%;
}

.carousel-item { 

height:100%;  
  
  } 

.carousel-image { 

background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  
height:100%;  
  
  } 


.carousel-control-prev-icon,
.carousel-control-next-icon{
          width: 30px;
          height: 30px;
}

.carousel-light-caption {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
  color:black;
}

.carousel-semilight-caption {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
  color:black;
}

div.carousel-caption h2 { font-size: 45px; } 

@media (max-width: 767.98px) {
	
	
	.carouselsection { height:auto; } /* height: 100% */
	
	.carousel { background-color: #007bff; } 
	
	.carousel-caption {
    position: static;
	height: 200px; 
    padding: 20px;
    color: white;
	background-color:transparent;
	}
	
	.carousel-image {  height:250px;  } /* 60% */ 
	
	carousel-indicators {  } 
	
	.carousel-semilight-caption, .carousel-light-caption {color:white; background:none; background-color:transparent;} 
	
	div.carousel-caption h2 { font-size: 32px; } 
	
	
	.carousel-medal {
    position: absolute;
    left: 25px;
    top: 25px;
    }
	
	.carousel-control-prev,
	.carousel-control-next{
      bottom: 45%;
	}
	
	
	.carousel-control-prev-icon,
.carousel-control-next-icon{
          width: 20px;
          height: 20px;
}
	
}

/* 
.carousel-control-prev-icon { background-image:(url("../img/i_previous.png") !important; } 
.carousel-control-next-icon { background-image:(url("../img/i_next.png") !important; } 

*/



/* ================== LEGAL PAGE =================== */

section.legal { padding-bottom:15px; } 

.legal ul li {  font-size: 18px; } 

.legal .col-lg-6 {  margin-bottom: 30px; } 

.legal div.col-lg-6 a, .legal div.col-md-6 a { color: #007bff;} 


/* ================== CONTACT PAGE =================== */

section.contact { padding-bottom:15px; } 

.contact .address-block div.col-md-6 {  margin-bottom: 15px; } 

.contact div {  text-align:left;  } 

.contact .alert-danger a { color:black; text-decoration:underline; }  

.contact button { padding-top:11px; } 
.contact .btn { padding-top:11px; } 

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

.contact div.col-md-6 a { color: #007bff;} 

.contact #g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}


/* =============== faq page ================*/


.faq h3 {margin-top: 20px;  margin-bottom: 20px; } 

.faq .btn {white-space: normal; text-align:left;  } 

/* =============== find a reseller page ================*/


.col-12, .col-md-6 { margin-top:0px;  } 

h3 { margin-bottom: 20px;} 


/* =============== About Page ================ */


section.about-header { padding-bottom: 40px; margin-bottom: 15px;  } 

section.about { padding-top: 50px;  } 

.about-icon { margin-top: 35px; margin-bottom: 15px; text-align:center; max-width:200px; } 
.about-illustration { margin-top: 15px; margin-bottom: 15px; text-align:center; max-width:90%; }
.about-illustration-half { margin-top: 15px; margin-bottom: 15px; text-align:center; max-width:100%; } 
 


div.about-technology h3 { text-align:center;  } 

div.about-technology { text-align:center; padding-top:25px; padding-bottom: 25px; border-bottom: 1px solid #dee2e6 !important; } 

div.about-technology p { text-align:left;  } 


.btn.btn-medal {
    border-radius: 10px;
	min-width:320px;
    font-family: 'pf_dintext_pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
    letter-spacing: 2px;
    text-transform: none;
	background-color: #009cff; /* #222222; */ 
	padding: 10px 15px;
    font-size: 1.5rem;
	margin-bottom:15px;
	border:0px;
	
}

.btn.btn-medal-black {
	background-color:  #222222; 
	color:  white;
	}

	

small { line-height:1; } 

.btn.btn-medal a {
    color: white; 
}


/* ============== cookie consent override ============= */

a.cc-btn.cc-dismiss  { background-color: #007bff; 
  border-radius: 300px;
  font-family: 'pf_dintext_pro', 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 400;
  font-size:14px;
  letter-spacing: 2px;
  text-transform: uppercase; 
  padding-left:3px; padding-right:3px; }
   
a.cc-btn.cc-dismiss:hover { background-color: #fdc539;  } 

.cc-message, .cc-window { line-height: 1.2em; font-family: 'pf_dintext_pro', 'Muli', 'Helvetica', 'Arial', 'sans-serif'; font-weight: normal; }
 


/* ================ pump-bots page ============== */


.mod600section { background-color: #36333d; 
				}
  
.mod600section h2, .mod600section h3  {color: white;  } 

.mod600section div.container div.row div div { } 

.mod600section div.container div.row {  /*  min-height: 80vh; height: 80vh; */ } 

/* .mod600section_title_col {display: flex; flex-direction: column;  align-items: flex-end; } */

.mod600section_title_col_1 {}

.mod600section_title_col_2 {  }

.mod600section_title_col_3 { align-self:bottom; }


@media (max-width: 767.98px) {

section.pump-bots-headline h2 { font-size: 32px; }
section.pump-bots-headline h3 { font-size: 28px; }

} 

@media (max-width: 575.98px) {
	
section.pump-bots-headline h2 { font-size: 28px; }
section.pump-bots-headline h3 { font-size: 20px; }

	
} 

section.section-ideal-companions { background-color:#36333d; color: white; padding-top: 60px; padding-bottom:60px; }

section.section-highly-recommended { padding-top: 70px; padding-bottom:70px;} 

ul.normal-size li {font-size:24px; font-weight:100; } 

section.section-pump-bots-led-indicators {
		background-color: #009cff; color: white;
		padding-top: 60px; padding-bottom:60px;}  


section.section-advanced-innovative {  background-color:#fdcc52; color: black;  }

section.ready-to-get-started p { font-size:40px; padding-bottom:20px; } 

section.ready-to-get-started { padding-top:50px; } 

section.ready-to-get-started .btn.btn-medal { background-color:  #222222; }

/* ------------------ home page ------------------- */

section.home-1 { 
    background-color: #009cff;
    background-image: url(../img/bg_game_changer_561262645_.jpg);
    background-size: cover;
    background-position: center;
    color: white;
    padding: 140px 0 80px 0;}

section.home-mod600 .carousel,
section.home-pump-bots .carousel   {margin-top:0px;} 	

@media (max-width: 767.98px) { 
section.home-mod600 .carousel,
section.home-pump-bots .carousel 
	{
   	 background-color: #009cff;
	}

} 

@media (min-width: 768px) { 

section.home-pump-bots div.carousel-caption { height:250px;  }

} 

@media (min-width: 768px) { 

section.home-mod600 div.carousel-caption { height:200px;  }

} 

@media (max-width: 767.98px) { 

section.home-mod600 div.carousel-caption, 
section.home-pump-bots div.carousel-caption { height:100%;  }

} 

@media (min-width: 992px) {
section.home-mod600 div.carousel-caption, 
section.home-pump-bots div.carousel-caption { height:200px; }
}

section.home-2 {
	background-color: #71C200; /*  #28a745 */
	color: white;
	padding: 30px 0 30px 0;
	} 


 
section.home-3 { 
    background-color: #fdcc52;
    color: white;
	text-align:center;
    padding: 30px 0 30px 0;}
	
	
	
	
section.home-4 { padding-top:40px;}