.pt { padding-top: 3em !important; } .pl { padding-left: 3em } .pr { padding-right: 3em } .pb {padding-bottom: 3em	} .pt-half-em{ padding-top: 0.5em }

.mt { margin-top: 3em }  .ml { margin-left: 3em } .mr { margin-right: 3em } .mb {margin-bottom: 3em	}

.mt-0 {margin-top : 2em } .mt-1 {margin-top: 4em !important;} .mt-2 {margin-top: 5em !important;} .mt-3 {margin-top: 7em !important;} .mt-4 {margin-top: 9em !important;} .mt-5 {margin-top: 10em !important;}

.mb-0 {margin-bottom : 2em } .mb-1 {margin-bottom: 4em !important;} .mb-2 {margin-bottom: 5em !important;} .mb-3 {margin-bottom: 7em !important;} .mb-4 {margin-bottom: 9em !important;} .mb-5 {margin-bottom: 10em !important;}

.tiny-margin-top {margin-top: 1em} .tiny-margin-bottom {margin-bottom: 1em}

/*-----------------------------------------------------------------------------------------------------------*/
.p-1 {
  padding: 10px;
}
.p40 {
  padding: 40px;
}

.pb-1em {
  padding-bottom: 1em ;
}

.pt-0 {
  padding-top: 0 !important;
}
.bg-light {
 background-color: #eeeeee;
  }
/*
html,body {
  overflow-x: hidden;
  height: 100%;
}*/

.logo-size { 
	max-width: 300px;
max-height: 48px !important;
width: 100%;
height: auto;
}

.poultry-image { height: 450px; }

.about-description .container { margin-top: 5em }

ul.application-list > li {
	margin-top: 20px;
}

ul.application-list > li > p { 
	margin-left: 30px;
	 margin-top: -25px;
 } 

ul.application-list > li > .fa {
    color: #2e3081;
    font-size: 0.9em;
    padding: 5px;
    background: #2e308152;
    border-radius: 50%;
}

.product-details  .container { max-width: 100% !important; }

.reduce-opacity { 
	opacity: 0;
	 color: #fff
 }



table.productstable th,td {

 text-align: center;
  padding: 1em !important;
   color : #142238 !important;
 }

table.productstable td:hover { 
background-color: #0980ce !important;
 color: #fff !important;
  }

.icon-box .fa-envelope { position: relative; top: -5px; }

.website{ position: relative; top: 15px; }

.single-service-item img {
 max-width: 370px;
  max-height: 200px;
  }

.modal .container { 
max-width: 100%;
 padding-left: 4em;
  padding-right: 5em;
   }

.modal i.fa {
 color: #1bb684 !important;
  font-size: 2em;
  position: relative;
  top: 25px;
  right: 10px;
   }

.modal label { 
	font-size: 1.5em; 
	font-weight: lighter;
	 color: #142238;
 }

.modal .form-submit button {
	background-color: #1bb684 !important;
	 font-size: 1.5em;
	  padding: 10px;
	   border-radius: 0;
	    width: 50%;
      margin-left: 20px;
    margin-top: 15px;
	     }

.modal input[type=text], .modal  input[type=email] {
	border : none; 
	border-bottom: 1px solid #1bb684;
	margin-left: 25px;
	 width: 100%
}

.close {
 font-size: 3em !important;
  position : relative;
   top: -5px;
    }

.modal input[type=text]:focus,
input[type=text]:hover,input[type=email]:hover,
input[type=email]:focus,textarea:hover,
textarea:focus {
	box-shadow:0px 1px 1px #142238 }

.modal textarea {
	border : none; 
	border-bottom:  1px solid #1bb684 ;
	 border-top : 1px solid #1bb684 ;
	  width: 100%; 
	  margin-left: 25px; 
 }

.m-left-25px { margin-left: 25px }

.modal-header > label {
 font-weight: bold; 
 letter-spacing: 3px;
  margin-top: 5px;
   }

.show { display: block !important; }

.opacity-null { opacity: 0 !important } 

.opacity-null a { cursor: default; }

.product-banner {
	background-image: url(../img/product/banner.jpg);
	width : 100%;
	height: auto;
	background-position: center;
  position: relative;
}

.white { color: #fff !important;} 

.black { color: black !important; }

.rev_slider_wrapper .slide-content-box .white { font-weight: 400 }

.reduce-width {
	max-width: 50px;
	 width: 100%;
 }

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

.element {
    animation-name: bounce;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

.other-application-list {
	margin-top: 2em;
}

.single-experts-provide h3 {
	text-transform: capitalize;
}

.breadcrumb-area p {
	color: #fff;
	font-size: 1.6em;
	margin-top: 1em;
}

.table-section .container {
	position: relative;
}


/*--------------------------------------------------*/

.btn {
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 45px;
  margin: 0 0 2em;
  max-width: 160px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

.btn-4 {
  border: 1px solid;
  overflow: hidden;
  position: relative;
}
.btn-4 span {
  z-index: 20;
}
.btn-4:after {
  background: #fff;
  content: "";
  height: 155px;
  left: -75px;
  opacity: .2;
  position: absolute;
  top: -50px;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: -10;
}

.btn-4:hover:after {
  left: 120%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-5 {
  border: 0 solid;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
  outline: 1px solid;
  outline-color: rgba(255, 255, 255, 0.5);
  outline-offset: 0px;
  text-shadow: none;
  transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-5:hover {
  border: 1px solid;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
  outline-color: rgba(255, 255, 255, 0);
  outline-offset: 15px;
  text-shadow: 1px 1px 2px #427388;
}


.filter-image {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  transition: filter .35s ease-in-out;
}

.filter-image:hover {
  filter: grayscale(0%);
}


/*--------------------------------------------------*/


/* Shine */
.hover14 figure {
  position: relative;
}
.hover14 figure::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.hover14 figure:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}

.qoute-for-mobile {
  display: none;
}

section.google-map-area {
  height: 350px;
}

.single-solution-content .img-holder img {

  max-height: 394px;
  max-width: 100%;
  width: 100%;
  height: auto;
}

.special-service-area.air-benefits .single-item {
  background: rgba(0, 0, 0, 0) url("../img/benefits/air.jpg") no-repeat scroll 0 0 / cover ;
}

.special-service-area.water-benefits .single-item {
  background: rgba(0, 0, 0, 0) url("../img/benefits/water.jpg") no-repeat scroll 0 0 / cover ;
}

.special-service-area.laundry-benefits .single-item {
  background: rgba(0, 0, 0, 0) url("../img/benefits/laundry.jpg") no-repeat scroll 0 0 / cover ;
}

.special-service-area.pool-benefits .single-item {
  background: rgba(0, 0, 0, 0) url("../img/benefits/pool.jpg") no-repeat scroll 0 0 / cover ;
}

.special-service-area.sewage-benefits .single-item {
  background: rgba(0, 0, 0, 0) url("../img/benefits/sewage.jpg") no-repeat scroll 0 0 / cover ;
}

.air-background {
    
    background-image: url('../img/applications/air-background.png');
    background-repeat: no-repeat;
    background-position: top bottom;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.water-background {
    
    background-image: url('../img/applications/water-background.png');
    background-repeat: no-repeat;
    background-position: top bottom;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.laundry-background {
    
    background-image: url('../img/applications/laundry-background.png');
    background-repeat: no-repeat;
    background-position: top bottom;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.pool-background {
    
    background-image: url('../img/applications/pool-background.png');
    background-repeat: no-repeat;
    background-position: top bottom;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.sewage-background {
    
    background-image: url('../img/applications/sewage-background.png');
    background-repeat: no-repeat;
    background-position: top bottom;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.box-column {
  padding: 0;
}

.benefits-box {
  padding: 25px;
  height: 90px;
  background-color: #2e3081;
}

.box-column:nth-child(3) .benefits-box {
  background-color: #0ba4cd;
}

.box-column:nth-child(4) .benefits-box {
  background-color: #dbdbdb;
}

.box-column:nth-child(5) .benefits-box {
  background-color: #01386e;
}

.benefits-box:hover {
  background-color: #0980ce !important;
  border: 1px solid #fff;
}
.benefits-box:hover h3 {
  color: #01305e;
}
.air-benefits .border {
      background: #01305e none repeat scroll 0 0 !important;
}

.benefits-box h3 {
  text-align: center;
  font-family: 'Rubik', sans-serif;
  color: #fff;
}

#extra-padding {
  padding-top: 38px;
}


.product-display {
  text-align: center;
  background : rgb(247, 247, 247) ;
  padding: 20px;
}

.product-display h3 {
  margin-top: 15px;
  border-top: 1px solid beige;
  padding-top: 10px;
  color: #01305e;
}

.products-ads {
  margin-top: 40px;
}

.services-area-prod {
  padding-top: 80px;
  padding-bottom: 80px;
}

.prod-sec-heading {
  padding-bottom: 0 !important;
}

.more-prod {
  padding: 10px;
}

table.productstable th {
  background: #0980ce;
  color: #fff !important;
}

.ozone-para h5 {
  text-transform: initial;
  font-size: 20px !important;
  line-height: 30px;
  margin-top: 15px;
}

.ozone-para h3 span {
  border-bottom: 2px solid #20b683; 
  padding: 10px;
  width: auto;
}

.ozone-list h3 span {
  border-bottom: 2px solid #20b683; 
  padding: 10px;
  width: auto;
}

.list li {
  list-style: disc;
  font-size: 18px;
  margin-bottom: 20px;
}

.pad-40 {
  padding: 40px;
}

.modal-body {
  padding: 0 !important;
}


.installation-head {
  margin-top: 5px;
}


.install-column {
    box-shadow: 3px 3px 9px #ccc;
  transition: box-shadow 0.2s ease;
  margin-top: 20px;
  background-color: #fff;
}

.install-column img {
  max-height: 152px;
  height: 100%;
  width: 100%;
}

.install-column:hover {
    box-shadow: 10px 10px 5px #aaaaaa;
  transition: box-shadow 0.2s ease;
}

.installation-head .content {
  padding: 10px;
  padding-bottom: 40px;
}

.installation-head .title h2 {
  padding: 10px;
      font-size: 18px;
    font-weight: 700;
    color: #20b683;
}

#crmWebToEntityForm tr , #crmWebToEntityForm td { 
      padding:6px;
      border-spacing:0px;
      border-width:0px;
      }

.successalert {
  background-color: #20b683;
}

.successalert .modal-header {
  text-align: center;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  color: #fff;
  border-bottom: none;
}

.successalert .modal-header p {
  margin: 0;
}

.alert-close {
  color: #ffffff;
}

.product-banner-text img {
  max-width: 44%;
}

.product-banner-text{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 25%;
}

.contact-text p {
  line-height: 35px;
}

.panel-default>.panel-heading {
    color: #fff;
    background-color: #0980ce;
    border-color: #ddd;
}

.header-thm-btn:focus {
    color:white;
}

.mainmenu-bg {
    margin-top:-9px;
}

.main-menu .navigation > li a{
    color: #2e3081;   
}

@font-face { 
  font-family: 'Eurostile Next LT Pro'; 
  src: url('../../fonts/EurostileNextProNr.ttf'); 
} 

@font-face { 
  font-family: Eurostile Next LT Pro Wide Ult Lt; 
  src: url('EurostileNextProWideUltLt.ttf'); 
} 

.font-euro {
  font-family: 'Eurostile Next LT Pro';
  letter-spacing: 3px;
  font-weight: 700;
}
.icons {
	color: white;
}

/* Footer */
.footer-bottom > .container > hr {border-top: 1px solid #fff;}
.footer-bottom p, .footer-bottom span, footer-bottom li {
  color: #fff;
}
.footer-bottom {
    background-color: #2c398c;
	line-height: 24px;
 }