body{
   font-family: 'Roboto', sans-serif;
      overflow-x: hidden;
     color: #171616;
    -webkit-touch-callout: none  !important; 
    -webkit-user-select: none !important;   
    -khtml-user-select: none !important;    
    -moz-user-select: none !important;      
    -ms-user-select: none !important;       
    user-select: none !important;           
}
.unselectable
{
-moz-user-select:none !important;
-webkit-user-select:none !important;
cursor: default !important;
}
html
{
-webkit-touch-callout: none !important;
-webkit-user-select: none  !important;
-khtml-user-select: none  !important; 
-moz-user-select: none  !important;
-ms-user-select: none  !important;
user-select: none !important;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
*{
    font-family: 'Roboto', sans-serif;
}

a{
   text-decoration:none!important;
   color:#006eb9;
}


ul{
    margin-bottom:0px;
}


@media only screen and (max-width: 600px) {
  #container {
    max-width: 540px;
}
}

@media only screen and (min-width: 768px) {
  #container {
    max-width: 720px;
}
} 

@media only screen and (min-width: 992px) {
  #container {
    max-width: 960px;
}
} 

@media only screen and (min-width: 1200px) {
  #container {
    max-width: 1200px;
}
}

/*Slider*/
.navv1{
   color: white;font-size:32px;background: #afad148a;padding: 16px 20px;margin-bottom:0px; line-height: 40px;
}
.navv11{
    color: white;font-size:28px;text-align:center;background:#adc10f;padding: 6px 0px;
}
.navv2{
    color: white;font-size:32px;background: #295a91b5;padding: 16px 20px;margin-bottom:0px;line-height: 40px;
}
.navv22{
    color: white;font-size:28px;text-align:center;background:#295381;padding: 6px 0px;
}
.navv3{
    color: white;font-size:32px;background-color:#0466acb8;padding: 16px 20px;margin-bottom:0px;line-height: 40px;text-align:center;
}
.navv33{
    color: white;text-align:center;font-size:25px;padding: 6px 0px;background-color:#0b4779e8;
}

.navv4{
    color: white;font-size:32px;background-color:#0fa9dba3;padding: 16px 20px;margin-bottom:0px;line-height: 40px;text-align:center;
}
.navv44{
    color: white;text-align:center;font-size:25px;padding: 6px 0px;background-color:#0898c7ed;
}


@media(max-width:800px)
{

.navv1{
   color: white;font-size:32px;background: #afad148a;padding: 16px 20px;margin-bottom:0px; line-height: 30px;
}
.navv11{
    color: white;font-size:28px;text-align:center;background:#adc10f;padding: 6px 0px;line-height: 30px;
}
.navv2{
    color: white;font-size:32px;background: #295a91b5;padding: 16px 20px;margin-bottom:0px;line-height: 30px;
}
.navv22{
    color: white;font-size:28px;text-align:center;background:#295381;padding: 6px 0px;line-height: 30px;
}
.navv3{
    color: white;font-size:32px;background-color:#0466acb8;padding: 16px 20px;margin-bottom:0px;line-height: 30px;text-align:center;
}
.navv33{
    color: white;text-align:center;font-size:25px;padding: 6px 0px;background-color:#0b4779e8;line-height: 30px;
}

.navv4{
    color: white;font-size:32px;background-color:#0fa9dba3;padding: 16px 20px;margin-bottom:0px;line-height: 30px;text-align:center;
}
.navv44{
    color: white;text-align:center;font-size:25px;padding: 6px 0px;background-color:#0898c7ed;line-height: 30px;
}
}
/*end Slider*/


.korgen-top-header{
    background-color: #62a140;box-shadow: none;height: 30px;width: 100%;
}
@media only screen and (max-width: 800px)
{
   .korgen-top-header{
    background-color: #62a140;box-shadow: none;height: 60px;width: 100%;
} 
.korgen-tech-header{
     clear: both;
    margin-bottom: 0px;
    float:left;
}
}


.korgen-tech-header{
        clear: both;
    margin-bottom: 0px;
    float:right;
}
.korgen-tech-header li{
    float: left;
    padding: 0px 10px;
    color: #ffffff;
}

.korgen-tech-header li a{
    color:#ffffff;
    font-size:14px;
    font-weight:400;
    border-right: 1px solid #ffffff;
    padding-right: 15px;
}

/*about*/

.aboutkorgen{
    margin-top: 65px;
    margin-bottom: 75px;
}

.korgen-tech-about-para > p{
    font-size: 14px;
font-weight: 300;
color: #191919;
text-align: justify;
line-height: 18px;
}

.korgen-right-product h1 {
    color: #106f3e;
    font-size: 15px;
    font-weight: 500;
}
.korgen-right-product p {
    color: #616365;
    font-size: 13px;
    line-height: 16px;
    text-align: justify;
    margin-bottom:0px;
}
.korgen-right-product span a{
        font-size: 13px;
    line-height: 16px;
}

	/*	#about-tabs {
    padding: 20px 0;
}*/

#about-tabs .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}

#range-segments{
        background: url(../images/banner/segment-banner-homepage.PNG)center center no-repeat fixed;
    background-size: cover;
}

#about-tabs h6.section-title{
    color: #eee;
}

#about-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-bottom: 4px solid #62a140;

}

#about-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active
{
        color: #2f2f2f;
    background-color: #eeeeee;
    border-color: none;
}


#about-tabs .nav-tabs .nav-link {
    font-size: 17px;
    padding: 5px 3px;
        border-radius: 0px;
    border-top: 0px;
    border-left: 0px;
        color: #006eb9;
        border: 0px;
}
	#about-tabs .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #efedee;
    border-bottom: 3px solid #62a140;
    margin: 0px 5px;
		}

#about-tabs .nav-tabs .nav-link.active > .kor-right{
        padding: 0px 9px;
    border: 0px;
    color: #495057;
    font-size: 17px;
    font-weight: 400;
    margin: 0px -15px;
         border-right: 2px solid #a3a2a2;
}


h6 a {
  color: #006eb9;  
  text-decoration:none;
}
.kor-right{
            padding: 0px 15px;
        border:0px;
        color: #006eb9;
        font-size: 17px;
        font-weight: 400;
           border-right: 2px solid #a3a2a2;
}


.water-category p{
       padding: 55px 0px;

text-align: center;

color: white;

font-size: 28px;

margin-bottom: 0px;

line-height: 34px;
}
.water-category{
        height: 240px;

background-color: #006eb9;

margin: 30px 0px;
}
.korgen-category-list{
           padding: 50px 30px;

}
.korgen-category-list li::before {
     content: "\25A0";
    color: #8c8c8c;
    font-weight: bold;
    display: inline-block;
    margin-left: -1em;
    padding-right: 15px;
  
}
  
.korgen-category-list col-md-6{
    padding-left: 70px;

padding-bottom: 0px;
}
.korgen-category-list li{
    

font-size: 15px;

font-weight: 300;

color: #191919;

text-align: justify;

line-height: 25px;
}
.korgen-brands-products{
    padding-top:40px;
}
.korgen-brands-products h3{
   color: #347f19;
    font-size: 26px;
    padding-bottom: 10px;
    font-weight: 400;
}
.korgen-brands-products p{
        font-size: 15px;
    font-weight: 300;
    color: #191919;
    text-align: justify;
    line-height: 21px;

}
.korgen-brands-list p{
       font-size: 22px;
    padding-left: 10px;
    font-weight: 400;
    text-decoration: none;
    color: #006eb9;

}

.korgen-brands-list li::before {
     content: "\25A0";
    color: #8c8c8c;
    font-weight: bold;
    display: inline-block;
    margin-left: -1em;
    padding-right: 15px;
}

.korgen-brands-list li{
       color: #2f2f35;
    font-size: 17px;
    font-weight: 300;
    line-height: 25px;
}
.korgen-desicion{
        padding-top: 40px;
}
.korgen-desicion h3{
     color: #347f19;
    font-size: 26px;
    padding-bottom: 10px;
    font-weight: 400;

}
.korgen-desicion p{
        font-size: 15px;
    font-weight: 300;
    color: #191919;
    text-align: justify;
    line-height: 21px;
}
.korgen-value-service{
    padding:30px 0px;
}
.korgen-value-service h3{
   color: #347f19;
    font-size: 26px;
    padding-bottom: 10px;
    font-weight: 400;
}

.korgen-value-service p{
       font-size: 15px;
    font-weight: 300;
    color: #191919;
    text-align: justify;
    line-height: 21px;
    margin-bottom: 0px;
    padding-bottom: 20px;
}

.korgen-value-service li{
        color: #2f2f35;
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
   
}


.korgen-value-service li::before {
     content: "\25A0";
    color: #8c8c8c;
    font-weight: bold;
    display: inline-block;
    margin-left: -1em;
    padding-right: 15px;
}


.customer-care{
           background-color: #eeeeee;
    padding: 33px 20px;
   /* height: 273px;*/
}
.customer-care p{
    color:#616365;
    font-size:15px;
    text-align:justify;
       
    line-height: 21px;
}
.industry-memberships p{
       font-size: 15px;
    font-weight: 300;
    color: #191919;
    text-align: justify;
    line-height: 21px;
}
.industry-memberships h3{
    color: #347f19;
    font-size: 26px;
    padding-bottom: 35px;
    font-weight: 400;
}
.industry-memberships li{
        color: #2f2f35;
    font-size: 17px;
    font-weight: 300;
    line-height: 30px;
    
}

.industry-memberships i{
            color: #006eb9;
    font-size: 20px;
    padding-right: 10px;
}
.our-goal{
      padding: 85px 0px 60px 0px;

}
.our-goal h3{
        background-color: #006eb9;
        padding: 40px 0px;
    text-align: center;
    color: white;
    font-weight:500;
    font-size:38px;
        margin-bottom: 0px;
}
.our-goal p{
      
       font-weight: 300;
    color: #2f2f2f;
    text-align: center;
    line-height: 23px;
    padding: 40px 15px;
    margin-bottom: 0px;
    /* padding-bottom: 0px; */
    font-size: 19px;
}
.vision-mission{
					       padding-top: 45px;
					}
					.vision-mission h1{
					        color: #347f19;
    font-size: 30px;
    padding-bottom: 10px;
    font-weight: 400;
					}
					.vision-mission p{
					    margin-bottom: 50px;
					        font-size: 15px;
    font-weight: 300;
    color: #191919;line-height: 21px;
					}
					.vision-mission h2{
					        color: #347f19;
    font-size: 30px;
    padding-bottom: 10px;
    font-weight: 400;
					}
					.vision-mission .col-md-6{
					    text-align:center;
					}
					.korgen-mission h3{
					              color: #347f19;
    font-size: 30px;
    padding-bottom: 10px;
    font-weight: 400;
					}
					.korgen-mission ul{
					        padding-left: 20px;
					}
					.korgen-mission li{
					    color: #006eb9;
                        font-size: 15px;
                        line-height: 25px;
                        list-style: square;
					}
					.korgen-mission ul li p{
					        font-size: 15px;
    font-weight: 300;
    color: #191919;
    text-align: justify;
    line-height: 21px;
					}
						.korgen-values-principals{
					           padding-top: 45px;
                               margin-bottom: 60px;
					}
					.korgen-values-principals h1{
					        color: #347f19;
    font-size: 30px;
    padding-bottom: 10px;
    font-weight: 400;
					}
					    .korgen-values-principals p{
					               font-size: 15px;
    font-weight: 300;
    color: #191919;
    text-align: justify;
    line-height: 21px;

					    }
					    .korgen-values-principals img{
					        border: 2px solid #006eb9;
                               
                                  padding: 18px 18px;
    display: block;
    
    margin-right: auto;

                                    
					    }
					    .korgen-values-principals h5{
					           color: #646363;
    font-size: 21px;
    margin-bottom: 10px;
    /* font-size: 22px; */
    /* padding-left: 10px; */
    font-weight: 400;
					        
					    }
					   .korgen-values-principals .col-md-10 p{
					            font-size: 15px;
                                font-weight: 300;
                                color: #191919;
                                text-align: justify;
                                line-height: 21px;
					    }
					    .korgen-values-principals .bt{
					        margin-bottom:30px;
					    }
					    .policy p{
     color: #347f19;
    font-size: 30px;

    font-weight: 400;
        padding-top: 45px;
}
.korgenpolicy{
        padding-left: 15px;
            margin-bottom: 60px;
}
.korgen-policy p{
    font-size: 15px;
    font-weight: 300;
    color: #191919;
    text-align: justify;
    line-height: 25px;
}
.korgenpolicy ul li{
                        font-size: 15px;
                        line-height: 25px;
                        
                        list-style: square;
    color: #006eb9;
    
}


					.korgenpolicy ul li p{
					        font-size: 14px;
    font-weight: 300;
    color: #191919;
    text-align: justify;
    line-height: 21px;
					}
					
						.korgen-advanrtage h6{
					     color: #347f19;
    font-size: 30px;
    padding-bottom: 10px;
    font-weight: 400;
    padding-top: 45px;
					}
					.korgen-advanrtage p{
					       font-size: 15px;
    font-weight: 300;
    color: #191919;
    text-align: justify;
    line-height: 21px;
    margin-bottom:22px;
					}
					.korgen-ad-head {
    float: left;
    background-color: #eeeeee;
    width: 100%;
    
}
.korgen-ad-head i{
    float: left;
    background-color: #006eb9;
    padding: 10px 15px;
    color: white;
}
.korgen-ad-head h4{
    padding-left: 60px;
    margin: 0px;
    padding-top: 8px;
    color: #646363;
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 5px;
    margin-bottom: 0px;
}
.korgen-ad p{
         color: #191919;
    font-size: 14px;
    text-align: justify;
    line-height: 21px;
    padding-top: 50px;
    font-weight: 300;
}
.korgen-ad .col-md-6{
    margin-bottom:30px;
}
.korgen-value-ad h3{
    color:#006eb9;
    font-size:28px;
    padding:30px 0px;
    text-align:center;
    
}

                        	
                        		 .korgen-testimonal{
					         padding: 20px 0px;
                                 margin-bottom: 60px;
					 }
					 
					 .korgehn-tech-testimoanl{
					     border-bottom: 1px solid #eeeeee;
					     padding: 10px 0px;
					 }
					 .korgen-testimonal h3{
					        color: #347f19;
    font-size: 30px;
    padding-bottom: 10px;
    font-weight: 400;
    padding-top:45px;
					 }
					 .korgehn-tech-testimoanl p{
					     font-size: 15px;
    font-weight: 300;
    color: #616161;
    line-height: 21px;
					 }
					 .korgehn-tech-testimoanl img{
					      height: 60px;
                            width: 60px;   
                            float:left;
					 }
					 .testimonal-name{
					     color:#006eb9;
					     font-size:15px;
					 }
					 .korgehn-tech-testimoanl .testimonal-profile{
					         padding-left: 15%;
					         padding-top: 10px;
					 }
					 .testimonal{
					     padding: 10px 0px;
					 }
					 .top p{
      color: #347f19;
    font-size: 30px;
    padding-bottom: 10px;
    font-weight: 400;
    padding-top: 45px;
  }
  .design{
  background-color:ffffff;
  }
  .style p{
      font-size: 15px;
    font-weight: 300;
    color: #616365;
    text-align: justify;
    line-height: 21px;

  }
  .design .container {
          margin: 0px;
    padding: 0px;
  }
  #nav-Fact .container{
    margin-bottom: 60px;
  }
/*end about*/





li{
list-style-type: none;
}


/*social media*/



.dropdown-item:focus, .dropdown-item:hover{
    
}



        /*social media*/
        
        .fa-facebook {
          background: #3B5998;

color: white;

padding: 7px;

font-size: 16px;

width: 30px;

text-align: center;

text-decoration: none;

margin: 5px 2px;

border-radius: 50%;
        }

        .fa-twitter {
          background: #55ACEE;
          color: white;
          padding: 7px;
    font-size: 16px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
        }

        .fa-google {
          background: #3cba54;
          color: white;
          padding: 7px;
    font-size: 16px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
        }

        .fa-linkedin {
          background: #007bb5;
          color: white;
          padding: 7px;
    font-size: 16px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
        }

        .fa-youtube {
          background: #bb0000;
          color: white;
          padding: 7px;
    font-size: 16px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
        }
        
        .fa-pinterest-p {
          background: #3cba54;
          color: white;
          padding: 7px;
    font-size: 16px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
        }
        
        .fa-instagram{
            /* background-color: #8743ba ;*/
            background: #d6249f;
     background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    color: white;
    padding: 7px;
    font-size: 16px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
    
        }
        
        

        /*end social media*/

a{
    text-decoration: none;
}


ul {
margin: 0;
padding: 0;
}

label {
margin: 0;
}
.form-control {
height: auto;
}

#na{
    color:black;
}
#na:hover{
 color:#039edc;   
}
    .border-right {
    border-right: 1px solid #0a0a0a!important;
}
.dropdown-menu{
        margin: 7px 0 0;
}
/*.nav-link:hover{
    color:#fce936!important;
}*/
.dropdown-item:hover, .dropdown-item:hover{
    color:#0193db!important;
        background-color:white;

}
.dropdown-item a:hover{
    color:#0193db!important;
    background-color:white;
}
#ch:hover{
    color:black;
} 
.about-button i:hover{
    color:#ffffff;
}
/*#ft-width{
    width: 20%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}*/

.footer-head{
    background-color:#63a141;
    padding: 13px 0px;
}
.footer-head p{
    color:white;
    font-size: 15px;
    margin-bottom: 0px;
}
.footer-head i{
        border: 2px solid white;
    padding: 8px 13px;
}
.ft-design{
    background-color:#022f01;
}
.ft-design p{
        color: white;
    font-size: 14px;
    text-align: center;
   
    font-weight: 400;
        margin-bottom: 0px;
            padding: 10px 0px;
}

@media(max-width:600px)
{
.section-heading{
    padding:0px;
}
.seg3{
	           margin-right: 142px;
	   }
}



/*-- top-header --*/

.korgen-chennai {
background: #f1f1f1;
}

.korgen-water-service p {
letter-spacing: 1px;
font-size: 15px;
}

.header-right > ul{
    float: right;
}
.header-right ul li {
display: inline-block;
font-size: 13px;
letter-spacing: 1px;
}

.header-right ul li a {
text-decoration: none;
}

.header-right ul li i {
font-size: 15px;
}
.korgen-logo h1 a {
color: #F45C5D;
font-size: 38px;
text-decoration: none;
letter-spacing: 1px;
position: relative;
}

.korgen-logo h1 a:hover {
text-decoration: none;
}

.korgen-logo h1 a img {

left: -40%;
top: -23px;
}
button.w3view-cart {
 color: #fff;
 background: #fbbc18;
border: 1px solid rgba(27, 25, 25, 0.27);
}
.navbar-inner {
background: #189828;
box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.13);
}

.navbar-light .navbar-nav .nav-link {
letter-spacing: 1px;
font-size: 15px;
color: white;
font-weight: 600;
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
color: #fce936!important;
}
ul.multi-column-dropdown li {
list-style-type: none;
line-height: 2.5em;
}

ul.multi-column-dropdown li a {
text-decoration: none;
font-size: 14px;
color: #545454;
letter-spacing: 1px;
}

ul.multi-column-dropdown li a:hover {
color: #F45C5D;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
background-color: #F45C5D;
}


.dropdown-item {
font-size: 14px;
}



@media(max-width: 1080px) {
.header-right ul li {
    font-size: 12px;
}
.korgen-water-service p {
    font-size: 14px;
}
.korgen-logo {
    padding: 24px 0 21px 35px;
}
.korgen-logo h1 a {
    font-size: 36px;
}
.korgen-logo h1 a img {
    left: -34%;
    width: 40%;
    top: -14px;
}
.navbar-light .navbar-nav .nav-link {
    font-size: 13px;
}


}

@media(max-width: 1050px) {
.korgen-logo h1 a img {
    left: -31%;
    width: 34%;
    top: -11px;
}
.korgen-logo {
    padding: 20px 0 21px 46px;
     display: block;
            margin-left: auto;
            margin-right: auto;
}
.korgen-logo h1 a {
    font-size: 34px;
}


}
@media(max-width: 991px) {
.korgen-logo {
    padding: 20px 0 21px;
}
.korgen-logo h1 a {
    font-size: 31px;
}
.korgen-logo h1 a img {
    left: -37%;
    width: 41%;
    top: -11px;
}
.navbar-light .navbar-nav .nav-link {
    font-size: 15px;
}
.navbar-light .navbar-toggler {
    border-color: #0879c9;
    border-radius: 0;
}

}
@media(max-width: 800px) {
.header-right ul li {
    font-size: 13px;
}
.korgen-logo h1 a {
    font-size: 28px;
}
.korgen-logo h1 a img {
    left: -29%;
    width: 37%;
    top: -11px;
}
.korgen-logo {
    padding: 20px 0 21px 18px;
}
.header-right > ul{
    text-align: center;
}

}

@media(max-width: 768px) {
.korgen-logo {
    padding: 20px 0 21px 30px;
}
.korgen-logo h1 a {
    font-size: 26px;
}
.korgen-logo h1 a img {
    left: -29%;
    width: 37%;
    top: -11px;
}

}

@media(max-width: 736px) {
.korgen-logo {
    padding: 10px 0 0;
}
.korgen-logo h1 a {
    font-size: 34px;
}
.korgen-logo h1 a img {
    left: -36%;
    width: 38%;
    top: -8px;
}

}
@media(max-width: 384px) {
.header-right ul li {
    width: 46%;
}
.logo_agile h1 a {
    font-size: 32px;
}
.logo_agile h1 a img {
    left: -32%;
    width: 35%;
    top: -8px;
}
.agileits_search input[type="search"] {
    font-size: 15px;
}
.agileits_search button {
    padding: 10px 0;
    font-size: 15px;
}
.top_nav_right {
    padding: 0;
}
button.w3view-cart {
    font-size: 20px;
    width: 40px;
    height: 40px;
    padding: 0;
}
.header {
    margin: 10px 0 !important;
}

}
@media(max-width: 320px) {
.sub-some h5 {
    font-size: 17px;
}
.korgen-water-service p {
    font-size: 13px;
}
.logo_agile h1 a {
    font-size: 30px;
}
.logo_agile h1 a img {
    left: -29%;
}
.agileits_search input[type="search"] {
    font-size: 14px;
    width: 74%;
}
.agileits_search button {
    padding: 9px 0;
    font-size: 14px;
    width: 26%;
}
.agileits-navi_search {
    width: 67%;
}
.navbar-toggler {
    padding: 0.1rem 0.4rem;
    font-size: 1.2rem;
}

}

/*--Header--*/


.container-fluid {
width: 100%;
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
}


@media(max-width: 600px){
.ban-img{
    height: 400px;
}
.korgenproduct{
        margin-left: auto;
margin-right: auto;
display: block;
}
.card-block{
     text-align: center;
}
}





/*slider*/
.text-box {
position: absolute;
top: 50%;
left: 15%;
right: 15%;
color: #000;
transform: translateY(-50%);
}

@media(max-width:600px){
    .text-box{
           position: absolute;
    top: 58%;
    left: 15%;
    right: 15%;
    color: #000;
    transform: translateY(-50%);
    }
}
#slider-animation-2 .carousel-item img{width:100%;}
.text-box img  {width:100%}
.red-color{color:red; font-size:60px; text-align:center; margin-bottom:20px; margin-top:40px;
text-transform:uppercase; width:100%;}
.text-p{text-align:center; width:100%; margin-bottom:60px;}



.card-horizontal {
display: flex;
flex: 1 1 auto;
}
.card{
    margin-top: 3%;
        padding: 7px 15px;
}
.card-title {
margin-bottom: 0px;
}
.product-btn{
padding: 0px;
color: green;
background-color:white;
border:0px;
}
.product-btn:hover{
color: red;
background-color: white;

}

/*end slider*/






/*category*/
.category-menu{
padding-bottom:2%;
}
.category-title p {
font-size: 24px;
margin-bottom: 25px;
margin-top:50px;
    color: #029cdd;
font-weight: 500;
}
.category-title h4 {
font-size: 40px;
text-transform: capitalize;
color: #FF5E18;
position: relative;
display: inline-block;
padding-bottom: 25px;
}
.category-title h4::before {
width: 80px;
height: 1.5px;
bottom: 0;
left: 50%;
margin-left: -40px;
}
.category-title h4::before, .category-title h4::after {
position: absolute;
content: "";
background-color: #FF5E18;
}
.korgen-product-category img {
max-width: 50%;
position: absolute;
left: 0px;
top: 0;
border: 1px solid #ddd;
padding: 3px;
border-radius: 50%;
transition: .4s;
}
.category-menu .korgen-product-category img {
position: static;
width: 100%;
display: block;
margin: 0 auto;
margin-bottom: 30px;
}
.korgen-product-category h4 {
font-size: 20px;
border-bottom: 1px dashed #333;
padding-bottom: 15px;
margin-bottom: 10px;
}
.korgen-product-category h4 span {
float: right;
font-weight: bold;
color: #FF5E18;
font-style: italic;
}

.category-menu .korgen-product-category {
text-align: center;
}
.korgen-product-category:hover img {
border-radius: 0;
transition: .4s;
}





/*product tab*/

.product  h3{
text-align: center;
color: #029cdd;
padding-bottom: 2%;
}

nav > .nav.nav-tabs{

border: none;
color:#fff;
/*background:#272e38;*/
border-radius:0;

}
/*nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active
{
border: none;
padding: 18px 25px;
color:#fff;
background:#272e38;
border-radius:0;
}

nav > div a.nav-item.nav-link.active:after
{
content: "";
position: relative;
bottom: -60px;
left: -10%;
border: 15px solid transparent;
border-top-color: #fbbc18 ;
}
.tab-content{
background: #fdfdfd;
line-height: 25px;
border-top:5px solid #fbbc18;
border-bottom:5px solid #fbbc18;
padding:30px 25px;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
border: none;
background: #fbbc18;
color:#fff;
border-radius:0;
transition:background 0.20s linear;
}*/


.flip-box {
background-color: transparent;
width: 300px;
height: 200px;
perspective: 1000px;
}

.flip-box-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
}

.flip-box-front {
background-color: #bbb;
color: black;
}

.flip-box-back {
background-color: #555;
color: white;
transform: rotateY(180deg);
}
.flip-box-back h2 {
    text-align:center;
    padding:30px;
}

/*brand*/

.brand > h3{
text-align: center;
color: #029cdd;
padding-bottom: 2%;
}
.brand > p{
text-align: center;
color: #212529;

}





/*service*/

.service-title {
position: relative
}
.service-title p {
font-size: 16px;
margin-bottom: 5px;
font-weight: 400;
}
.service-title h3 {
   text-align: center;
color: #029cdd;
padding-bottom: 2%;
}
.service-title h4:before {
position: absolute;
content: "";
width: 80px;
height: 2px;
background-color: #d8d8d8;
bottom: 0;
left: 50%;
margin-left: -40px;
}
.service-title h4:after {
position: absolute;
content: "";
width: 50px;
height: 2px;
background-color: #FF7200;
left: 0;
bottom: 0;
left: 50%;
margin-left: -25px;
}
.pt-100 {
padding-top: 100px;
}
.pb-100 {
padding-bottom: 100px;
}
.mb-100{
margin-bottom:100px;
}
.services {
background-color: #FBFBFB;
}
.single-service {
position: relative;
text-align: center;
margin-bottom: 50px;
-webkit-transition: .3s;
transition: .3s;
padding: 30px 20px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
    color: #212529;
}
.single-service:before {
position: absolute;
width: 0;
height: 0;
background-color: #FF7200;
left: 0;
top: 0;
content: "";
-webkit-transition: .3s;
transition: .3s
}
.single-service:after {
position: absolute;
width: 0;
height: 0;
background-color: #FF7200;
right: 0;
bottom: 0;
content: "";
-webkit-transition: .3s;
transition: .3s
}
.single-service:hover:after,
.single-service:hover:before {
width: 50%;
height: 2px;
-webkit-transition: .3s;
transition: .3s
}
.single-service:hover {
box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, 0.10)
}
.single-service i.fa {
font-size: 20px;
width: 60px;
height: 60px;
border: 1px solid #ddd;
line-height: 60px;
margin-bottom: 30px;
border-radius: 50%;
-webkit-transition: .3s;
transition: .3s;
padding: 0px;
}
.single-service i.fas {
font-size: 20px;
width: 60px;
height: 60px;
border: 1px solid #ddd;
line-height: 60px;
margin-bottom: 30px;
border-radius: 50%;
-webkit-transition: .3s;
transition: .3s;
padding: 0px;
}
.single-service:hover i.fa {
background-color: #FF7200;
color: #fff;
border-color: #FF7200;
border-radius: 0;
}
.single-service:hover i.fas {
background-color: #FF7200;
color: #fff;
border-color: #FF7200;
border-radius: 0;
}
.single-service h4 {
font-size: 20px;
font-weight: 400;
margin-bottom: 15px;
text-transform: capitalize;

}
.single-service p {
font-size: 15px;
}

ul{
color: #212529;
}


/*customer care*/
.korgen-customercare {
background: url("../img/customer.jpg")no-repeat center center;
background-size: cover;
}
.btn .fa {
margin-left: 3px;
}

h6 {
line-height: 1.7;
}
.hm-gradient .full-bg-img {
background: -webkit-linear-gradient(45deg, rgb(181, 178, 178), rgba(239, 239, 239, 0.54) 100%);
}
@media (max-width: 450px) {
.margins {
    margin-right: 1rem;
    margin-left: 1rem;
}
}
@media (max-width: 740px) {
.full-height,
.full-height body,
.full-height header,
.full-height header .view {
    height: 1040px;
}
}



/*goal*/

.goal .row .col-md-6{
margin-right: -2%;
padding: 5%;
}
.goal h3{
color: #029cdd;
}
.goal p{
margin-top: 10%;
color: #545b62;
}
.goal img
{
width: 100%;
}



body{
}

.text-muted {
        color: #616365;
    font-size: 15px;
        line-height: 21px;
}


.footer-widget p {
margin-bottom: 27px;
}

.animate-border {
position: relative;
display: block;
width: 115px;
height: 3px;
background: #007bff; }

.animate-border:after {
position: absolute;
content: "";
width: 35px;
height: 3px;
left: 0;
bottom: 0;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
-webkit-animation: animborder 2s linear infinite;
animation: animborder 2s linear infinite; }

@-webkit-keyframes animborder {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px); }
100% {
-webkit-transform: translateX(113px);
transform: translateX(113px); } }

@keyframes animborder {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px); }
100% {
-webkit-transform: translateX(113px);
transform: translateX(113px); } }

.animate-border.border-white:after {
border-color: #fff; }

.animate-border.border-yellow:after {
border-color: #F5B02E; }

.animate-border.border-orange:after {
border-right-color: #007bff;
border-left-color: #007bff; }

.animate-border.border-ash:after {
border-right-color: #EEF0EF;
border-left-color: #EEF0EF; }

.animate-border.border-offwhite:after {
border-right-color: #F7F9F8;
border-left-color: #F7F9F8; }

/* Animated heading border */
@keyframes primary-short {
0% {
width: 15%; }
50% {
width: 90%; }
100% {
width: 10%; } }

@keyframes primary-long {
0% {
width: 80%; }
50% {
width: 0%; }
100% {
width: 80%; } } 





/*footer*/

.fa-send{
}

#address{
float:right;
}

.dk-footer {

z-index: 2; }
.dk-footer .contact-us {
margin-top: 0;
margin-bottom: 30px;
padding-left: 80px; }
.dk-footer .contact-us .contact-info {
margin-left: 50px; }
.dk-footer .contact-us.contact-us-last {
margin-left: -80px; }
.dk-footer .contact-icon i {
font-size: 24px;
top: -15px;
position: relative;
color:#007bff; }

.dk-footer-box-info {
position: absolute;
top: -122px;
background: #202020;
padding: 40px;
z-index: 2; }
.dk-footer-box-info .footer-social-link h3 {
color: #fff;
font-size: 24px;
margin-bottom: 17px; }
.dk-footer-box-info .footer-social-link ul {
list-style-type: none;
padding: 0;
margin: 0; }
.dk-footer-box-info .footer-social-link li {
display: inline-block; }
.dk-footer-box-info .footer-social-link a i {
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
line-height: 40px;
background: #000;
margin-right: 5px;
color: #fff; }
.dk-footer-box-info .footer-social-link a i.fa-facebook {
background-color: #3B5998; }
.dk-footer-box-info .footer-social-link a i.fa-twitter {
background-color: #55ACEE; }
.dk-footer-box-info .footer-social-link a i.fa-google-plus {
background-color: #DD4B39; }
.dk-footer-box-info .footer-social-link a i.fa-linkedin {
background-color: #0976B4; }
.dk-footer-box-info .footer-social-link a i.fa-instagram {
background-color: #B7242A;  border-radius: 50%}

.footer-awarad {
margin-top: 285px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center; }
.footer-awarad p {
color: #fff;
font-size: 24px;
font-weight: 700;
margin-left: 20px;
padding-top: 15px; }

.footer-info-text {
margin: 26px 0 15px; }



.footer-widget .section-heading {

    margin-top: 48px;

    
}

.footer-widget h3 {
    font-size: 18px;
    color: #2e7c3f;
    position: relative;
    margin-bottom: 15px;
    border-left: 4px solid #2e7c3f;
    padding-left: 5px;
    height: 19px;
    font-weight: 400;
}

/*.footer-widget ul {

float: left;
list-style: none;
margin: 0;
padding: 0; }*/

.footer-widget li {
font-size: 14px;

line-height: 22px;

font-weight: 400;

color: #2f2f2f;
    
}
.footer-widget li a{
    text-decoration: none;
    
}
.footer-widget p {
margin-bottom: 27px; }

.footer-widget a {
color: #2f2f2f;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.footer-widget a:hover {
color: #006eb9; }

.footer-widget:after {
content: "";
display: block;
clear: both; }

.dk-footer-form {
position: relative; }
.dk-footer-form input[type=email] {
background: #ffffff;
border-radius: 0px;
border: none;
font-size: 14px;

 }
 .dk-footer-form input[type=email]::placeholder{
     color: #a0a0a0;
 }
.dk-footer-form input::-webkit-input-placeholder, .dk-footer-form input::-moz-placeholder, .dk-footer-form input:-ms-input-placeholder, .dk-footer-form input::-ms-input-placeholder, .dk-footer-form input::-webkit-input-placeholder {
color: #878787;
font-size: 14px; }
.dk-footer-form input::-webkit-input-placeholder, .dk-footer-form input::-moz-placeholder, .dk-footer-form input:-ms-input-placeholder, .dk-footer-form input::-ms-input-placeholder, .dk-footer-form input::placeholder {
color: #878787;
font-size: 14px; }
.dk-footer-form button[type=submit] {
position: absolute;
    top: 8px;
    left: 69%;
    /* border-top-right-radius: 25px; */
    /* border-bottom-right-radius: 25px; */
    background: #005273;
    color: #fff;
    height: 68%;
    width: 30%;border: none; }
.dk-footer-form button:hover {
cursor: pointer; }



/* ==========================

Contact

=============================*/
.contact-us {
position: relative;
z-index: 2;
margin-top: 65px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center; }

.contact-icon {
position: absolute; }
.contact-icon i {
font-size: 36px;
top: -5px;
position: relative;
color: #007bff; }

.contact-info {
margin-left: 75px;
color: #fff; }
.contact-info h3 {
font-size: 20px;
color: #fff;
margin-bottom: 0; }

.copyright {
padding: 20px 0px 23px 0px;
 }
.copyright span,
.copyright a {
    text-decoration: none;
color: #ffffff;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
.copyright a:hover {
color:#007bff;text-decoration: none; }

.copyright-menu{
    padding: 19px 0px;
    
}

.copyright-menu ul {
text-align: center;
margin: 0; }

.copyright-menu li {
display: inline-block;
padding-left: 5px; }

.back-to-top {
position: relative;
z-index: 2; }
.back-to-top .btn-dark {
width: 35px;
height: 35px;
border-radius: 50%;
padding: 0;
position: fixed;
bottom: 20px;
right: 20px;
background: #2e2e2e;
border-color: #2e2e2e;
display: none;
z-index: 999;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
.back-to-top .btn-dark:hover {
cursor: pointer;
background: #FA6742;
border-color: #FA6742; }



@media all and (max-width: 600px){
.dk-footer{
text-align:left;
}
.animate-border{
    margin-left: auto;
margin-right: auto;
}
.footer-widget > ul{
float:none;
}
#address{
float:none;
}
}


/*footer*/






.korgen-water {
    background: #f6f7f5;
}

.korgen-water-purifier {
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -ms-flex-direction: row;
}

.img-content {
    width: 50%;
    font-size: 0;
    line-height: 0;
    position: relative;
    letter-spacing: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.img-content img {
    min-width: 100%;
    min-height: 100%;
    height: auto;
    object-fit: cover;
    width: 100%;
}

.korgen-title .title {
    max-width: 80%;
    color: #029cdd;
    margin-bottom: 20px;
    font-weight: bold;
}

.korgen-title p {
    margin-bottom: 40px;
    font-size: 18px;
    color: #212529;
}

.korgen-title {
    padding: 80px 80px 60px 90px;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 50px 40px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media only screen and (max-width: 767px) {
    .korgen-water-purifier {
        flex-direction: column;
        -ms-flex-direction: column;
    }
    .img-content {
        width: 100%;
    }
    .korgen-title {
        width: 100%;
    }

}










/*====== VISION=======*/



.overview-vision{
text-align: center;
padding-top: 5%;
padding-bottom: 5%;
}
.overview-vision  p{
font-size: 18px;
color: #4c4747;
}


/*our vision*/   
.our-vision{
background: #f5f5f5;
margin-right: -2%;
padding: 5%;
text-align: center;
}
.our-vision h3{
padding-bottom: 20px;
color: #029cdd;
font-weight: 600;
}



/*our mision*/
.our-mision{
padding-top: 5%;
padding-bottom: 5%;
}
.our-mision > h3{
text-align: center;
color: #029cdd;
font-weight: 600;
padding: 15px 0px;
}
.our-mision  p{
padding: 10px 0px;
text-align: justify;
color: #212529;
}

.korgen-mision{
min-width: 100%;
min-height: 100%;
height: auto;
object-fit: cover;
width: 100%;
}

/*====END VISION AND MISION===*/



/*===value add principals===-*/

#korgen-value-principals{
margin-top: 5%;

}
.korgen-tab {

background-color: #f1f1f1;


}

/* Style the buttons inside the tab */
.korgen-tab button {
display: block;
background-color: inherit;
color: black;
padding: 22px 16px;
width: 100%;
border: none;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
font-size: 17px;
text-align: center;
}

/* Change background color of buttons on hover */
.korgen-tab button:hover {
background-color: #ddd;
}

/* Create an active/current "tab button" class */
.korgen-tab button.active {
background-color: #ccc;
}

/* Style the tab content */
.tabcontent {


border-left: none;

text-align: center;
}
.tabcontent h3{
color: #029cdd;
}
.tabcontent p{
padding-top: 3%;
font-size: 16px;
}



/*=====POLICY=====*/








/*====ADVANTAGE=====*/
.korgen-advantage{

padding-top: 5%;
}
.korgen-ad h3{
        padding-bottom: 20px;
}
.korgen-advantage-image{
display: block;
margin-top: auto;
}











/*==terms==*/


/*terms of SALE*/

						.korgen-terms-of-use {
						    padding-top:30px;
						}
						.korgen-terms-of-use p{
						    color:#616365;
						    font-size:14px;
						    
						}
						.korgen-terms-head {
						        background-color: #eeeeee;
                                width: 100%;
                                padding: 6px 15px;
						}
						.korgen-terms-head h4{
						               font-size: 20px;
    color: #347f19;
    font-weight: bold;
    margin: 0px;
    font-weight: 400;
						}
						.korgen-terms-use{
						    padding-top:20px;
                                margin-bottom: 40px;
						}
						
						.terms-use p{
						    font-size: 15px;
    font-weight: 300;
    color: #616365;
    text-align: justify;
    line-height: 21px;
    clear: both;
    margin-bottom: 10px;
						}
						.korgen-terms-use-head {
						     background-color: #eeeeee;
                                width: 50%;
                                padding: 10px 10px;
                                    margin-left: 70px;  
						}
						.korgen-terms-use-head h3{
						            font-size: 20px;
                                    color: #347f19;
                                    font-weight: bold;
                                    margin: 0px;
						}
					
						
						
						.terms-text {
      background-color: #006eb9;
color: #fff;
height: 30px;
width: 40px;
float: left;
position: relative;
}
.terms-arrow {
    border-style: dashed;
    border-left-style: dashed;
border-left-style: dashed;
border-color: transparent;
    border-left-color: transparent;
border-left-color: transparent;
border-width: 9px;
    border-left-width: 9px;
border-left-width: 9px;
display: -moz-inline-box;
display: inline-block;
font-size: 63px;
height: 0;
line-height: 0;
position: absolute;
vertical-align: middle;
border-left-width: 0.2em;
border-left-style: solid;
border-left-color: #006eb9;
left: 37px;
bottom: 5px;
}
.terms-no{
       text-align: center;
position: relative;
top: 3px;
font-weight: 500;
left: 7px;
font-size: 14px;
}
.terms-heading{
        background: #eeeeee;
    float: left;
    margin-left: 13px;
    width: 50%;
}

@media(max-width:800px)
{
   .terms-heading{
        background: #eeeeee;
    float: left;
    margin-left: 13px;
    width: 80%;
} 
}

.terms-heading p{
    position: relative;
top: 5px;
left: 15px;
color: #616365;
line-height: 22px;
font-size: 16px;
margin: 0px;
height: 31px;
font-weight: 500;
}

.terms-para{
        clear: both;
            padding: 15px 0px;
}
.terms-para span{
        padding-left: 28px;
    float: left;
    color:#616365;
    font-size:14px;
        line-height: 25px;
        
}
.terms-para p{
       font-size: 15px;
    font-weight: 300;
    color: #61636D;
    text-align: justify;
    line-height: 21px;
    padding-left: 65px;
    margin-bottom: 10px;
}
.korgen-term-condition{
        padding-left: 40px;
        color:#616365;
        font-size:13px;
}
.korgen-term-condition span{
    padding-left: 40px;
    float: left;
     font-size:13px;
}
.korgen-term-condition li{
    padding-left: 70px;
     font-size:13px;
         padding-bottom: 10px;
         font-weight: 300;
}



/*====payment===*/

.korgen-payment{
        padding-top: 5%;
}
.korgen-payment h4{
    color: #029cdd;
    padding-bottom: 2%;

}
.korgen-payment p{
    padding-bottom: 1%;
    padding-left: 2%;
    text-align: justify;
    color:#171616!important;
}
.korgen-payment i{
        font-size: 12px;
    color: #fbbc18;
}
.korgen-payment ul{
    padding: 10px 3%;
}
.korgen-payment li{
    padding: 10px 15px;
    color: #212529;
    text-align: justify;
}



/*===disclosure-policy==*/

.disclosure-policy{
    padding-top:5%;
}
.disclosure-policy p{
    padding-bottom: 1%;
    padding-left: 2%;
    text-align: justify;
    color:#171616!important;
}

.disclosure-policy h4{
   color: #029cdd;
    padding-bottom: 2%;
}

.disclosure-policy ul{
    padding: 10px 3%;
}
.disclosure-policy li{
    padding: 10px 15px;
    color: #171616;
    text-align: justify;
}

/*===FACT====*/
.fact{
    padding-top: 5%;
}
.fact-sheet{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-bottom: 2%;
}
.fact-name{
    float: right;
}
.fact-name p{
    color: #0096dc;
}
.fact-desc{
    float: left;
}
.fact-desc p{
    text-align: left;
}
.korgen-fact{
    float: left;
}



/*====get in touch=====*/

.korgen-gettouch{
    text-align: center;

}
.get-touch{
    padding:0px 3%;
    text-align: justify;
}


/*====book demo===*/

.bookdemo P{
        padding-bottom: 5%;
    text-align: center;
}
.demo-book{
        font-size: 20px;
    color: #029cdd;
    font-weight: 600;
    text-align: center;
}
.book-label{
    font-size: 18px;
    color: #212529;
}
.book-text{
        width: 20px;
    height: 16px;
}


.form-group label{
    color: #464646;
}




/*====test water===*/

.test_water{
    padding: 40px 0px;
}

/*===segments===*/
.segment{
    text-align: justify;
}



/*===residentail==*/

.residential p{
    color: black;
    text-align: justify;
}

.ptb-50{
    padding: 50px 50px;
}



.korgen-residential {
    background-color: #ffffff;
    text-align: center;
    padding: 0 35px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.korgen-residential:hover {
    -webkit-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2);
}

.korgen-residential .top_line {
    position: absolute;
    top: 0;
    left: 44%;
    background-color: #fbbc18;
    width: 12%;
    height: 3px;
}

.korgen-residential .what_we_do_figure {
    padding: 40px 0;
}
.korgen-residential .what_we_do_figure img {
    margin: 0 auto;
}
.korgen-residential .what_we_do_title {
    font-weight: 600;
    font-size: 22px;
    padding-bottom: 35px;
    margin: 0;
    color: #2b353a;
}
.korgen-residential .what_we_do_content {
    padding-bottom: 65px;
    color: #2b353a;
}
 .korgen-residential .what_we_do_icon {
    position: absolute;
    bottom: -9px;
    left: 47%;
    color: #fff;
    background-color: #8448ff;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.korgen-residential .what_we_do_icon i {
    font-size: 24px;
    text-align: center;
    padding: 2px 3px 2px 5px;
}





/*commercial*/
.commercial{
    text-align: center;
}


.commercial-block {
  background-color: #fff;
  border-radius: 2px;
  padding: 15px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 15px;
  transition:all ease .5s
}

.fb-icon {
  border-radius: 50%;
  display: block;
  font-size: 36px;
  line-height: 80px;
  text-align:center;
  margin:1rem auto;
  transition: all 0.5s ease 0s;
}

.commercial-block h4 {
  font-size: 16px;
  font-weight: 500;
  margin: 3rem 0 1rem;
}
.color-info {
  color: #46b8da;
}
.color-warning {
  color: #f0ad4e;
}
.color-success {
  color: #4cae4c;
}
.color-danger {
  color: #d43f3a;
}
.btn-custom{
  border: medium none;
  border-radius: 2px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  margin: 10px 1px;
  outline: 0 none;
  padding: 8px 30px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}

.commercial-benefits p{
    text-align: left;
        line-height: 40px;
}
.commercial-benefits i{
    color: #eea236;
}



/*industrial*/
.korgen-industrial{
    background-color: #424141; 

}
.industrial-solution{
    padding: 20px 20px;
}
.industrial-solution h4{
    color: #029cdd;
    padding-bottom: 10px;  
}
.industrial-solution p{
    color: #ffffffbf;
}

.industrial-solution i{
    color: #eea236;
}





.image-grid-cover {
    width: 100%;
    background-size: cover;
    min-height: 180px;
    position: relative;
    margin-bottom: 30px;
    text-shadow: rgba(0,0,0,.8) 0 1px 0;
    border-radius: 4px;
}
.image-grid-clickbox {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: rgba(0,0,0,.45);
}
.cover-wrapper {
    font-size: 18px;
    text-align: center;
    display: block;
    color: #fff;
    text-shadow: rgba(0,0,0,.8) 0 1px 0;
    z-index: 21;
    position: relative;
    top: 80px;
}
a, a:focus, a:hover {
    text-decoration: none;
    outline: 0;
}

.agreement{
    padding-top: 5%;
}
.agreement h3{
    padding-bottom: 2%;
}
.agreement p{
    padding-bottom: 2%;
    text-align: justify;
}


.aro{
    font-size: 30px;
    color: #f2b12a;
}


.korgen-book-enquiry{
  padding-top: 60px;
}
.korgen-book-enquiry .heading{
  background-color: #006eb9;
    padding: 8px 0px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}
.korgen-book-enquiry .heading h5{
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 0px;
}
.korgen-book-enquiry .body{
      background-color: #f0f1f1;
    border-bottom: 2px solid #006eb9;
        text-align: center;   
}

.korgen-book-enquiry .body p{
      text-align: center!important;
    font-size: 14px!important;
    line-height: 21px!important;
    color: #616365!important;
    padding: 10px 20px!important;
    margin-bottom: 5px!important;

}
.korgen-book-enquiry .body .book-button{
         background-color: #83be40;
    color: #ffffff;
    text-align: center;
    border: 0px;
    border-bottom: 2px solid #026102;
    margin-bottom: 10px;
    padding: 4px 15px;
    margin-bottom: 18px;

}


.korgen-book-enquiry .body .book-button:hover{
         background-color: #006eb9;
    color: #ffffff;
    text-align: center;
    border: 0px;
    border-bottom: 2px solid #026102;
    margin-bottom: 10px;
    padding: 4px 15px;
    margin-bottom: 18px;

}

.korgen-voice-book {
  padding: 70px 0px;
      padding-bottom: 0px;
}
.korgen-voice-book .heading{
  background-color: #006eb9;
    padding: 8px 0px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}
.korgen-voice-book .heading h5{
        color: #ffffff;
    font-size: 20px;
    margin-bottom: 0px;
}
.korgen-voice-book .body{
      background-color: #f0f1f1;
    border-bottom: 2px solid #006eb9;
}
.korgen-voice-book .body ul{
      padding: 0px;
    margin: 0px;
        padding: 10px 20px;
}
.korgen-voice-book .body li{
    border-bottom: 1px solid #d1d1d1;
}
.korgen-voice-book .body li:last-child{
         border-bottom: 0px;
    /* padding-top: 10px; */
    margin-bottom: 15px;
}
.korgen-voice-book .body ul li i{
       color: #83be40;
    border: 2px solid #83be40;
    padding: 3px 11px;
    float: left;
    margin-top: 10px;

}
.korgen-voice-book .body ul li p{
     padding-left: 55px;
    clear: none;
    padding-top: 10px;
    margin-bottom: 5px;
}
.request-water{
  background: url(../img/water-treatment/request-water.jpg);
    margin-top: 60px;
    padding-bottom: 15px;
}
.request-water .head h3{
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    padding: 15px 0px;
  }

.request-water p {
    color: #f7ee03!important;
    font-size: 15px!important;
    text-align: center;
    line-height: 21px!important;
    font-weight: 400!important;
    padding: 0px 14px;
    
    margin-bottom: 10px!important;
}

  .request-button{
        display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    color: #616369;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    width: 50%;
    padding: 5px 7px;
    border: 0px;
    margin-bottom: 5px;
  }
  
  .request-button:hover{
         display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    color: #62a241;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    width: 50%;
    padding: 5px 7px;
    border: 0px;
    margin-bottom: 5px;
  }

#korgen-service {
    padding: 30px 0px;
}
#korgen-advantage{
        padding: 0px 45px;
}
    
    #korgen-advantage p{
            font-size: 14px;
    text-align: center;
    line-height: 19px;
    font-weight: 400;

    }
.kor-ad h3{
        font-size: 47px;
    color: white;
    text-align: center;
    font-weight: 300;
    line-height: 45px;
}
#korgen-advantage img{
        height: 50px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
}
.angle{
        height: 50px;
    width: 50px;
    background: #62a140;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(48deg);
    /* float: right; */
    position: absolute;
    top: 40%;
    left: 88%;
}
@media(max-width:800px){
    .angle{
        display:none;
    }
}
  #value-ad{
    padding: 60px 0px;
}
.value-ad-off{
        margin-bottom: 5px;
    margin-top: 12px;
}
.value-ad-off p{
font-size: 13px;color: #777777;margin-bottom: 0px;
}
.value-ad-off a{
    color: #006eb9;float: right;text-decoration: none;font-size: 15px;font-weight: 500;
}

    #value-ad h2{
        font-size: 33px;

color: #006eb9;

text-align: center;

font-weight: 300;

padding-bottom: 28px;
    }
    #value-ad li{
        font-size: 20px;
        color: #616365;
    }
    #value-ad i{
        color: #fdb719;
        padding-right: 8px;
    }
    #value-ad ul li{
        font-size: 23px;

color: #616365;

font-weight: 400;

line-height: 34px;
    }

 .career-button{
                          color: #fff;
    box-shadow: 0px 3px #597847;
    padding: 8px 25px;
    font-weight: bold;
    border: 1px;
    border-radius: 12px;
    margin: 40px 0px;
    margin-right: 0px;
    margin-left: 0px;
        background-color: #62a241;
                    }


.career-button:hover{
    color: #fff;
    box-shadow: 0px 3px #0e4367;
    padding: 8px 25px;
    font-weight: bold;
    border: 1px;
    border-radius: 12px;
    margin: 40px 0px;
    margin-right: 0px;
    margin-left: 0px;
        background-color: #006eb9;
                    }
                    
/*  Home Soution page */


.homeslnwater_btn{
       color: #fff;
    box-shadow: 0px 3px #996e0a;
    padding: 8px 25px;
    font-weight: bold;
    border: 1px;
    border-radius: 12px;
    margin: 40px 0px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #fec237;
}
.homeslnwater_btn:hover{
    color: #fff;
    box-shadow: 0px 3px #0e4367;
    padding: 8px 25px;
    font-weight: bold;
    border: 1px;
    border-radius: 12px;
    margin: 40px 0px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #006eb9;
}

/*  End  Home Soution page */
                    
.resume-button{
      background-color: #83be40;
    color: white;
    border: 0px;
        padding: 5px 15px;
}
.resume-button1{
    margin: 0px;background-color: #006eb9; margin-left: 35px;

    border: 0px;
        padding: 5px 15px;
}

.resume-button:hover{
    background-color: #63a141;
    color: white;
    border: 0px;
        padding: 5px 15px;
}

.resume-button1:hover{
     margin: 0px;background-color: #00a6e8; margin-left: 35px;

    border: 0px;
        padding: 5px 15px;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #c1c7cc;
}
.right-fillter li a:hover{
        color: #006eb9;
}


#korgen_tech_carreer{
        padding-top: 5px;
}
#korgen_tech_carreer p{
        color: #2f2f2f;
    font-size: 13px;
    font-weight: 400;
   
    line-height: 22px;
}
#korgen_tech_carreer .korgen_tech_carreer_row{
        padding-top: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 70px;
    padding-bottom: 60px;
}
.know_more_br{
   border-bottom: 1px solid #c1c7cc;
    margin-bottom: 10px;
    padding-bottom: 15px;
}

.mainte{
  font-size: 15px;
  color: #616365;
  font-weight: 600;

}

ul.fac {
    padding: 10px 0px 0px 40px;
}

.fac li{
            font-size: 15px;
    font-weight: 300;
    color: #616365;
    text-align: justify;
    line-height: 16px;
    clear: both;
    margin-bottom: 10px;
        list-style-type: lower-roman;
            padding-left: 10px;
}
#cauton {
    margin-top: 15px;
        width: 100%;
}
#cauton .col-md-11{
    padding-left: 0px;
}
#cauton p,#cauton span{
    color: #a0a0a0!important;font-size: 13px!important;font-weight: 400!important;line-height: 18px!important;

}
#cauton span{
    font-weight: 500!important;
        float: left;
}








/*nav*/
.korgen-top-header .col-md-6{
      padding-top: 3px;    padding-bottom: 3px;
}
body{
    text-decoration: none;
}
    .navbar-dark .navbar-nav .nav-link {
    color: rgb(0, 42, 15);
}
.navbar-dark .navbar-nav .show>.nav-link {
    color: #002915;
}

ul.dropdown-menu.show>li {
    padding: 6px;
    border-bottom: 1px solid #e8e8e8;
}

ul.dropdown-menu.show>li:last-child {
    padding: 6px;
    border-bottom:none;
}

.koregn-phone-icon:hover{
    color:#ffd92b;
}
#search{
            display:none;
        }
        .carticon{
            background-color: #62a140;

color: white;

text-align: center;

border-radius: 40px;

position: absolute;

right: 24px;

width: 18px;

bottom: 40px;

height: 18px;

font-size: 13px;
        }
        .carticon1{
            background-color: #62a140;

color: white;

text-align: center;

border-radius: 40px;

position: absolute;

right: 100px;

width: 18px;

bottom: 40px;

height: 18px;

font-size: 13px;
        }
        #searchbox:hover{
            background-color:#62a140;
        }
        #searchbox{
            background-color: #00a6e8;border-radius:0px;border: none;box-shadow: none;
        }
        .korgen-logo{
            padding: 8px 0px;
        }
  .bbookingg{
      float:right;
  }      
  
  .bbookingg1{
      float: left;text-align: center;color: gray;margin: 0px;padding: 0px 30px;
  }
  .bbookingg2{
      float: right;
  }
  .bbookingg i{
      font-size: 25px;color: #6a6a6a;
  }
  .bk{
  color: #2f2f2f; font-size: 16px;
  }
  .bk2{
  color: #2f2f2f; font-size: 16px;float:right;
  }
       
      .dropdown-toggle.active-dropdown::after {
    transform: rotate(-90deg);
}

.header-bottom.sticky-bar.clearfix{
    padding: 10px 0px;
    border-top: 1px solid #eeeeee;
}


/*home*/
	#range-segments h2{
		font-size: 33px;
color: white;
text-align: center;
font-weight: 300;
padding-bottom: 40px;
		
	}
	.resi{
		background-color: #ffffff;
		padding: 25px 0px 25px 30px;
		    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
		        border-bottom: 5px solid #0d5a8a;
	}
	.resi:hover{
		-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: rotate scale(1.1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;

	}
	.resi .ic{
    color: #cbcbcb;    float: left;
    font-size: 25px;
    padding-top: 5px;

	}
	.resi ul{
	    margin-bottom:0px;
	}
	.resi li{
	    color: #2f2f35;

font-size: 17px;

font-weight: 300;

line-height: 30px;
	}
	.resi li a i{
	    padding-left:3px;
	}
	
	.resi h3 a{
	    	font-size: 22px;
		padding-left: 10px;
		font-weight: 400;
	    text-decoration:none;
	    color:#006eb9;
	}
	.resi a:hover{
	        color: #006eb9;
	        text-decoration:none;
	}
	.seg1{
	    margin-right: 137px;
	}
	.seg2{
	    margin-right: 142px;
	}
	
	@media(max-width:600px){
	   .seg1{
	           display: block;
    margin-left: auto;
    margin-right: auto;
	   }
	   .seg2{
	           display: block;
    margin-left: auto;
    margin-right: auto;
	   }
	   .seg3{
	           display: block;
    margin-left: auto;
    margin-right: auto;
	   }
	}
		#korgen-service_get p{
	font-size: 15px;
font-weight: 300;
color: #191919;
text-align: justify;
line-height: 21px;
}
#korgen-service_get h3{
	color: #2f2f2f;
font-size: 22px;
padding-bottom: 10px;
font-weight: 500;
}
#korgen-service_get {
    padding: 60px 0px 80px 0px;
}

#testimonial-section2{
      margin-bottom: 80px;
  }
#testimonial-section2 .carousel-inner {
    width: 80%;
    overflow: hidden;
    background-color: #f5f2f2;
    padding: 12px;
    height: 191px;
    padding-top: 39px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#testimonial-section2 .carousel-inner > .carousel-item > p {
    font-size: 15px;
    width: 85%;
    margin: auto;
    color: #2f2f2f;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
}
#testimonial-section2 #larrow {
    background-color: #fdb719;
    border: 1px solid #fdb719;
    border-radius: 20px;
    /* padding: 1px; */
    font-size: 10px;
    text-align: center;
    height: 35px;
    width: 35px;
    padding-top: 5px;
        padding-right: 5px;
}
#testimonial-section2 #rarrow {
    background-color: #fdb719;
    border: 1px solid #fdb719;
    border-radius: 20px;
    padding: 1px;
    font-size: 10px;
    text-align: center;
    height: 35px;
    width: 35px;
	padding-top: 5px;
	    padding-left: 5px;
}
#testimonial-section2 h2 {
    color: #006eb9;
    font-size: 30px;
    padding-bottom: 50px;
    font-weight: 300;
    text-align:center;
}
#prev{
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    opacity: 1;
    transition: none;
    width:5%;
    left: 13%;
}

#next{
        position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5%; 
    color: #fff;
    text-align: center;
     opacity: 1; 
    transition: none; 
    right: 13%;
}
#testimonial-section2 #larrow:hover{
        background-color: #036dbf;
    border: 1px solid #0c6dba;
}
#testimonial-section2 #rarrow:hover{
     background-color: #036dbf;
    border: 1px solid #0c6dba;
}
#testimonial-section2 .v_m{
    color: #006eb9;float: right;text-decoration: none;font-size: 13px;font-weight: 400;
	margin-top:111px;
}
.get_it-r{
    border-right: 1px solid #e1e0e0;padding-right: 25px;
}
.get_it-r1{
   padding-left: 25px;
}
	#korgen-advantage p{
		font-size: 14px;
text-align: center;
line-height: 19px;
font-weight: 400;
	}
.kor-ad h3{
	font-size: 47px;
color: white;
text-align: center;
font-weight: 300;
line-height: 45px;
}
#korgen-advantage img{
	    height: 50px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
}
.angle{
        height: 50px;
    width: 50px;
    background: #62a140;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(48deg);
    /* float: right; */
    position: absolute;
    top: 40%;
    left: 90%;
}
.korgen-tech-adv{
    background-color: #62a140;
}
@media(max-width:800px){
    .angle{
        display:none;
        
    }
   
}



.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:20px;
	right:10px;	
}
.scroll {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: #62a241;
    padding: 15px;
    text-align: center;
    margin: 0 0 0 0;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;		
}
.scroll:hover {
	background:#ffb735;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 		
}
.scroll:hover .fa {
	padding-top:-10px;
}
.scroll .fa {
	font-size:30px;
	margin-top:-5px;
	margin-left:1px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}
.footer-head .col-md-4{
     display: block;
    margin-top: auto;
    margin-bottom: auto;
}

.footer-head  .po{
    padding: 3px 0px 0px 22px;
}
.footer-head  .eo{
    padding: 0px 0px 0px 32px;
}
.footer-head  .ao{
    padding: 0px 0px 0px 22px;margin-top: 3px;
}
.footer-head  .fa{
    font-size: 30px;color:#ffffff;
}

.copyright .subscr{
    padding-top:10px;color: white;font-size: 18px;font-weight: 500;padding-left: 12px;
line-height: 21px;
}
.copyright .scrbbbtn{
    background-color: #005273;color: white;font-size: 16px;    height: 33px;
    margin-left: -2px;
    top: 0px;
}
.copyright-menu p{
    padding-top: 10px;

color: #2f2f2f;

text-align: center;

font-weight: 600;

font-size: 18px;

margin: 0px;

padding-bottom: 10px;
}



#term_add {
    padding-left: 6%;
}
#term_add li{
            font-size: 15px;
    font-weight: 300;
    color: #61636D;
    text-align: justify;
    line-height: 15px;
    
    margin-bottom: 6px;
}
.mean-container .mean-nav ul li a.mean-expand{
    width: 26px;

height: 15px;

margin-top: 1px;

padding: 0px 3px 10px 0px !important;

text-align: center;

position: absolute;

right: 0;

top: 0;

z-index: 2;

font-weight: 700;



border: 0 !important;

background: #F8F8F8;
}

.aboutkorgen .brdr{
    border-right: 1px solid #d4d4d4;    padding: 10px 20px;
}

#media_overview {

    clear: both;

}
#media_founder {
    clear: both;
}

.boic{
    float: right;
}
.boic-1{
    float: left;text-align: center;color: gray;margin: 0px;padding: 0px 30px;
}

.mobicallus{
    display:none;
}