/*   A B O U T   U S   P A G E   ***************************************************/

#sec-about-01{
    margin: 0px !important;
    padding: 0px !important;
    background-color: #ACD7F9;
    
}

.sec-about-01-container, .sec-about-02-container, .sec-about-03-container, .sec-about-04-container{
    margin: 0px;
    padding: 80px 0 20px;
}

.sec-about-01-container{
    margin: 80px 0;
}

.sec-about-01-text{
    margin: auto inherit;
}

.sec-about-01-h1{
    font-size: 60px;
    line-height: 66px;
    text-align: left;    
}

.sec-about-01-text{
    font-size: 20px;
    line-height: 24px;
    text-align: left;   
}

#sec-about-02, #sec-about-03, #sec-about-04{
	padding: 600px 0;
	height: 800px;
	margin-bottom: -20px;
}

.myAbout-bg, .bg-cover{
    background-repeat: no-repeat;
    background-size: cover;
}
.myAbout-01-bg-img1{
    background-position: right center;
}

.hide{display: none;}
.show-tab-content, .showMe{display: block !important;}
.hide-tab-content, .hideMe{display: none !important;}


.myAbout-01-bg-img1{background-image: url(../images/about/girl-water-glass.jpg); }
.myAbout-02-bg-img1{background-image: url(../images/about/our-mission.jpg); background-position: bottom center;}
.myAbout-03-bg-img1{background-image: url(../images/about/goal.jpg); background-position: top 40% center;}
.myAbout-04-bg-img1{background-image: url(../images/about/sustaiable-innovation.jpg);}


.about-heading{
    font-size: 60px;
    line-height: 66px;
    text-align: left;
    padding-left: 30px;
    color: #585858 !important;
    margin-bottom: 20px;
}

.sec-about-05-container .about-heading{
    margin-bottom: 70px;
}


.sec-about-05-container .about-text p{
    border-left: 1px solid #585858;
    height: 140px;
}

.about-text, .about-text p{
    padding-top: 0px !important;
    padding-left: 15px !important;
    font-size: 20px;
    line-height: 24px;
    text-align: left;    
    color: #585858 !important;
    margin-bottom: 70px !important;
}

#sec-about-05{
    min-height: 640px;
    margin: 0px;
    padding: 0px;
}

.sec-about-05-container{
    padding-top: 140px;
}


/*   E N D    A B O U T   U S   P A G E   ***************************************************/



/*   O U R   P R O D U C T S  P A G E   *************************************************************/



#ourProductCarousel{
    
}

#ourProductCarousel .carousel .carousel-inner .bg1  {
	background-image: url(../images/our-products/banners-our-product-01.jpg);
	background-position: center top;
}

#ourProductCarousel .carousel .carousel-inner .bg2 {
	background-image: url(../images/our-products/banners-our-product-02.jpg);
	background-position: center center;
}

#ourProductCarousel .carousel .carousel-inner .bg3{
	background-image: url(../images/our-products/banners-our-product-03.jpg);
	background-position: center bottom;
}

#ourProductCarousel .carousel .carousel-inner .bg4{
	background-image: url(../images/our-products/banners-our-product-04.jpg);
	background-position: center bottom;
}

.sec-our-product-01-container{
    margin: 0px;
    padding: 80px 0 0;
}

.ourProduct-thumb-image{
    padding: 60px !important;
    cursor: default;
    filter: brightness(0.8);
}

.ourProduct-thumb-image:hover{
    filter: brightness(1);
    filter: drop-shadow(true);
}


/*   E N D     O U R   P R O D U C T S  P A G E   ***************************************************/


/*   CONTACT US  P A G E   *************************************************************/

#hero-banner-contact{
	background-image: url(../images/contact/banner-contact-us.jpg);
	background-position: right bottom;
    height: 100vh !important;
    width: auto !important;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 0px;
}

#banner-contact-heading span{
    position: absolute;
    bottom: 100px !important;
    font-size: 60px;
    line-height: 64px;
    color: #ffffff !important;
    padding: 0px !important;
}



#sec-contact-01{
    padding: 0px;


    margin: 0px;
    background: #ffffff;
}


.sec-contact-01-container{
    margin: 0px;
    padding: 100px 0;
}

.sec-contact-01-container h1{
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
}

.sec-contact-01-text{
    
}

.sec-contact-01-container svg{
    height: 50px;
    width: 50px;
    float: left;
    margin-right: 30px;
}

#gMap{
    transition: transform .2s; /* Animation */
    border: 1px solid #707070;
    filter: grayscale(65%);
}

#gMap:hover{
    transform: scale(1.02);
    filter: drop-shadow(4px 4px 5px #8E8E8E);
}

/*   ./CONTACT US  P A G E   *************************************************************/


/*   Our Technology P A G E   *************************************************************/ 

#hero-our-technology{
	background-image: url(../images/technology/banner-teshnology.jpg);
	background-position: right bottom;
    height: 100vh !important;
    width: auto !important;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 0px;
}

#banner-technology-heading span, #banner-sustainable-heading span, #banner-news-heading span{
    position: absolute;
    bottom: 100px !important;
    font-size: 60px;
    line-height: 64px;
    color: #ffffff !important;
    padding: 0px !important;
}



#banner-our-water-heading {
    position: relative;
    bottom: 400px;
    left: 0px;
}


#sec-tectnology-01, #sec-tectnology-02, #sec-tectnology-03{
    margin: 0px;
    padding: 0px;
}


.sec-technology-01-container, .sec-technology-02-container, .sec-technology-03-container{
    margin: 0px;
    padding: 140px 0;
}

#sec-tectnology-01 .heading-title{
    height: 350px;
}

.sec-technology-01-container p{
    padding-left: 30px;
}



#sec-tectnology-02{
    background-color: #e0eef9 !important;
    display: block;
}

#sec-tectnology-03{
    background-color: #ffffff !important;
    display: block;
}

#sec-tectnology-04{
    background-color: #ffffff !important;
    display: block;
}

#sec-tectnology-07{
    background-color: #e0eef9 !important;
    display: block;
}


#sec-tectnology-01 .sec-technology-container,
#sec-tectnology-02 .sec-technology-container,
#sec-tectnology-03 .sec-technology-container
{
    margin: 0px;
    padding: 40px 0;
}


.heading-title{
	padding: 0;
    padding-left: 30px !important;
	min-height: 350px !important;
}

#sec-tectnology-01b .sec-technology-01b-container{
    background-color: #E1EDFA;
    padding: 80px 0px;
    height: 350px;
    margin-bottom: 80px;
}


#sec-tectnology-01b .heading-title{
	min-height: 200px !important;
}

#sec-tectnology-01b .product-image{
    max-height: 600px;
    width: auto !important;
    margin-top: -170px !important;
}



#technology-video{
    height: auto !important;
    width: 100% !important;
    padding: 40px 0;
}


.our-technology-heading{
    font-size: 48px;
    line-height: 52px;
    margin-bottom: 40px;
    
}

.technology-thumbs{
    position: relative;
    margin-bottom: 40px;
}


.technology-thumbs-Img{
	background-position: top;
    min-height: 250px !important;
    height: 100%;
    width: 100% !important;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 0px;
    height: auto !important;
}

#tech-thumb-01{	background-image: url(../images/technology/thumbs/tech-thumb-01.jpg);transition: 2s ease all;}
#tech-thumb-02{	background-image: url(../images/technology/thumbs/tech-thumb-02.jpg);transition: 2s ease all;}
#tech-thumb-03{	background-image: url(../images/technology/thumbs/tech-thumb-03.jpg);transition: 2s ease all;}
#tech-thumb-04{	background-image: url(../images/technology/thumbs/tech-thumb-04.jpg);transition: 2s ease all;}
#tech-thumb-05{	background-image: url(../images/technology/thumbs/tech-thumb-05.jpg);transition: 2s ease all;}
#tech-thumb-06{	background-image: url(../images/technology/thumbs/tech-thumb-06.jpg);transition: 2s ease all;}
#tech-thumb-07{	background-image: url(../images/technology/thumbs/tech-thumb-07.jpg);transition: 2s ease all;}
#tech-thumb-08{	background-image: url(../images/technology/thumbs/tech-thumb-08.jpg);transition: 2s ease all;}


#tech-thumb-01:hover{	background-image: url(../images/technology/thumbs/tech-thumb-01_Roll.jpg); ;}
#tech-thumb-02:hover{	background-image: url(../images/technology/thumbs/tech-thumb-02_Roll.jpg);}
#tech-thumb-03:hover{	background-image: url(../images/technology/thumbs/tech-thumb-03_Roll.jpg);}
#tech-thumb-04:hover{	background-image: url(../images/technology/thumbs/tech-thumb-04_Roll.jpg);}
#tech-thumb-05:hover{	background-image: url(../images/technology/thumbs/tech-thumb-05_Roll.jpg);}
#tech-thumb-06:hover{	background-image: url(../images/technology/thumbs/tech-thumb-06_Roll.jpg);}
#tech-thumb-07:hover{	background-image: url(../images/technology/thumbs/tech-thumb-07_Roll.jpg);}
#tech-thumb-08:hover{	background-image: url(../images/technology/thumbs/tech-thumb-08_Roll.jpg);}


#sec-technology-04{
	background-image: url(../images/technology/technology-sec-04-bg.jpg);
	background-position: right top;
    height: 100vh !important;
    width: auto !important;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 0px;
    background-size: 120%;
}



/*  ./ Our Technology P A G E   *************************************************************/

/*   Media P A G E   *************************************************************/

#hero-media-banner{
	background-image: url(../images/media/banner_media.jpg);
	background-position: right bottom;
    height: 100vh !important;
    width: auto !important;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 0px;
}

#banner-media-heading{
    position: absolute;
    bottom: 100px;
    left: 200px; 
}

#banner-media-heading span{
    font-size: 60px;
    line-height: 64px;
    color: #ffffff !important;
}


#sec-Media-01{
    margin: 0px;
    padding: 0px;
}

.sec-media-01-container{
    margin: 0px;
    padding: 0px;
    padding: 140px 0;
}


.media-container{
    padding: 0px;
    margin: 0px;
    background-color: #ffffff !important;
    display: flex;
    border-radius: 0 40px 40px 0;
}

.media-image{
    margin-left: -15px;
}
.media-photo-height{
    
}

.photo-description{
    bottom: 50px !important;
    background-color: #ffffff !important;
}

/*   ./Media P A G E   *************************************************************/


/*   Our Water P A G E   *************************************************************/
#banner-our-water-heading {

}

#banner-our-water-heading span{
    font-size: 60px;
    line-height: 64px;
    color: #ffffff !important;
}


.sec-our-water-01-container{
    margin: 0px;
    padding: 140px 0;
}

.container-inline-block{
    display: inline !important;
}

.sec-our-water-01-container .heading-title{
    margin: 0px;
    padding: 0px;
}

.sec-our-water-01-container span{
    padding-left: 20px;
}

#sec-our-water-02, #sec-our-water-03 {
    margin: 0px;
    padding: 0px;
    
    display: block;
}

#sec-our-water-02{background-color: #e0eef9 !important;}
#sec-our-water-03{background-color: #1e4dc1 !important;}

#sec-our-water-02 .sec-our-water-container{
    margin: 0px;
    padding: 80px 0;
}


#sec-our-water-02 .heading-title{
    font-size: 40px;
    line-height: 44px;
    padding-top: 80px !important;
}

#sec-our-water-02 p{
    font-size: 16px;
    line-height: 19px;
}

.btnAWG-group{
    background-color: #1E4CC1 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 40px 0 40px 0;
    min-width: 400px;
    min-height: 45px;
    line-height: 45px;
    font-family: "Roboto", sans-serif !important;
    font-size: 16px;
	font-weight: bold;
    width: 100%;
    text-align: left !important;
    padding: 0 60px 0 40px !important;
}

.AWG-btn-container {
    margin-top: 120px;
}

.AWG-btn-container .card-body{
    max-height: 300px;
    padding: 0 60px;
    
}


.panel-heading {
  padding: 0;
	border:0;
}

 .wrapper{
    width:100%;
    background: transparent;
    border: none;
} 

.panel{
    background: transparent !important;
    border: none !important;
}

.panel-body{
    background: #ffffff !important;
    max-height: 300px;
    scrollbar-width: thin;
}
.panel-title>a, .panel-title>a:active{
    color:#ffffff;
    font-size:16px;
    font-weight:bold;
    letter-spacing:1px;
    text-decoration:none;
}
.panel-heading  a:before {
   font-family: 'Glyphicons Halflings';
   content: "\e114";
   float: right;
   transition: all 0.5s;
   background-color: transparent;
}
.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 

.btnAWG-group .panel-title{
    color: #ffffff !important;
    font-weight: 600 !important;
}


.waterEssentialMinaral-body-text{
    max-height: 250px;
    scrollbar-width: thin;
}

.our-water-design-text{
    
}

.sign-ok{
    width: 50px;
    height: auto;
    margin-right: 10px;
    float: left;
}

.water-design-text{
    font-size: 30px;
    line-height: 36px;
    color: #1E4CC1;
}

.waterdesign-tab-Container{
    padding: 0px;
    margin: 0px;
    margin-top: 50px;
    font-family: "Roboto", sans-serif !important;
}

.btn-water-design-tab{
	color: #1E4CC1 !important;
	background-color: #ffffff !important;
	border: 1px solid #1E4CC1 !important;
    border-radius: 30px;
    padding: 4px 20px !important;
}

.btn-water-design-tab:hover, .btn-water-design-tab:active, .btn-water-design-tab:focus{
	color: #ffffff !important;
	background-color: #1E4CC1 !important;
	border: 1px solid #1E4CC1 !important;
}


.waterdesign-tab-Container .card-body{
    padding: 0px 20px;
    margin-bottom: 20px;
    max-height: 300px;
    scrollbar-width: thin;
}

.waterdesign-tab-Container .card-body strong{
    font-weight: 600;
    color: #1E4CC1 !important;
}


.waterdesign-tab-Container .card-body hr{
    border-top: 1px solid #1E4CC1;
    max-height: 400px;
    
}
.waterdesign-tab-Container .btn-text{
    font-family: "Roboto", sans-serif !important;
    font-size: 12px;
}

.waterdesign-tab-Container .btn-text .btn-text-big{
    font-family: "Roboto", sans-serif !important;
    font-size: 18px;
    font-weight: 800;
}


#sec-our-water-06{
	background-image: url(../images/our-water/our_water_sec-06.jpg);
	background-position: right bottom;
    height: 100vh !important;
    width: auto !important;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
    background-position: -200px;
}

#sec-our-water-06 .sec-our-water-container{
    margin-top: 40px;
}

.Functional-Water-thumb{
    width: 320px;
    height: 200px;
    border-radius: 30px;
    background: #deeaf4;
    padding: 20px;
    margin: 20px 20px 0 0px;
    float: left;
    
}

.Functional-Water-thumb .tab-text-head{
    font-size: 18px;
    font-weight: 600;
    color: #1E4CC1 !important;
    margin-bottom: 10px;
}

.Functional-Water-thumb .tab-text-body-text{
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 15px;
}


.Functional-Water-thumb .tab-text-more-btn{
    font-size: 16px;
    font-weight: 600;
    color: #1E4CC1 !important;
    margin-bottom: 15px;
}

.Functional-Water-thumb .tab-text-more-btn:hover{
    text-decoration: underline !important;
    cursor: pointer;
}

#sec-our-water-08, #sec-our-water-09,
#sec-our-water-tab-01, #sec-our-water-tab-02, #sec-our-water-tab-03, #sec-our-water-tab-04
{
    background-color: #e0eef9 !important;
}

.sec-water-comp-tab-container .product-tab-button .p_tab{
    padding: 4px 40px;
    margin-top: 80px;

}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

.modal-dialog {
	width: 100% !important;
	margin: 30px auto;
}

.modal-body p, .modal-body ol, .modal-body ul, table{
    color: #000000 !important;
}

.modal-body .modal-heading{
    font-size: 60px;
    line-height: 64px;
}


/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  /*max-width: 700px;*/
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  /*max-width: 700px;*/
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}


.modal-body-hydrogen{
	background-image: url(../images/our-water/hydrogen-water.jpg);
	background-position: left bottom;
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(105%);
}

.modal-body-vitamin{
	background-image: url(../images/our-water/water-vitamins.jpg);
	background-position: left bottom;
    background-repeat: no-repeat;
    background-size: cover;
}



#HydrogenWater-lightBox .cc_lightBox-modal{
  background-image: url(../images/our-water/hydrogen-water.jpg);
  background-position: left bottom;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#WaterSolubleVitamins-lightBox .cc_lightBox-modal{
  background-image: url(../images/our-water/water-vitamins.jpg);
  background-position: left bottom;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#BestFor-lightBox .cc_lightBox-modal{
  background-image: url(../images/our-water/best-for.jpg);
  background-position: left bottom;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.preference-btn-container {
    margin-top: 40px;
}

.preference-btn-container .card-body{
    max-height: 300px;
    padding: 0 60px;
    
}

#sec-our-water-07b{
    margin: 80px 0;
}

.watergen-list-text{margin-top: 20px;}

.watergen-list-text p{
    font-weight: 600 !important;
    color: #1E4CC1 !important;
    padding: 2px 0;
}

/*   ./Our Water P A G E   *************************************************************/



/*   Case Studies P A G E   *************************************************************/
#hero-case-stuides-banner{
	background-image: url(../images/case-stuides/banner-case-stuides.jpg);
	background-position: right bottom;
    height: 100vh !important;
    width: auto !important;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 0px;
}

#sec-case-studied-01{
    margin: 0px;
    padding: 0px;
}

.sec-case-studies-01-container{
    margin: 0px;
    padding: 0px;
    padding: 60px 0;
}

.case-studies-container{
    padding: 0px;
    margin: 0px;
    display: flex;
    border-radius: 0 40px 40px 0;
}

.case-studies-media-gallery{
    margin-left: 15px;
}

#my_CS_Carousel-01, #my_CS_Carousel-01 .carousel{

    margin: 0px !important;
}

#my_CS_Carousel-01 .carousel-inner .bg1  {
	background-image: url(../images/case-stuides/01/case-studies-01.jpg) !important;
	background-position: center top;
}

#my_CS_Carousel-01 .carousel-inner .bg2 {
	background-image: url(../images/case-stuides/01/case-studies-01.jpg) !important;
	background-position: center center;
}

#my_CS_Carousel-01 .carousel-inner .bg3{
	background-image: url(../images/case-stuides/01/case-studies-01.jpg) !important;
	background-position: center bottom;
}

.case-studies-container .photo-description {
    bottom: 50px !important;
    background-color: transparent !important;
}


/*   ./Case Studies P A G E   *************************************************************/


/*   PRODUCT  HOME   P A G E   *************************************************************/

#hero-product-home{
	background-image: url(../images/product/01-home/banner-p-home-office.jpg);
	background-position: right bottom;
    height: 100vh !important;
    width: auto !important;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 0px;
}

#banner-product-heading span{
    position: absolute;
    bottom: 100px !important;
    font-size: 60px;
    line-height: 64px;
    color: #ffffff !important;
    padding: 0px !important;
}


#product-commercial-tab-row{
    margin: 0px;
    padding: 0px;
}


#sec-product-01{
    margin: 0px;
    padding: 0px;
}


.sec-product-container{
    margin: 0px;
    padding: 40px 0 80px;
}


.sec-product-container .heading-title{
    margin: 0px; padding: 0px;
    padding-left: 30px;
}

.hr-product-sec{
    border-top: 2px solid #1E4CC1 !important;
}

.sec-product-container h3{
    font-size: 64px;
    line-height: 68px;
    color: #1E4CC1 !important;
    text-transform: uppercase !important;
}

.sec-product-container .text-blue-color{
    color: #1E4CC1 !important;
    font-weight: 400;
}

.sec-product-container .product-cta-btn-container{
    margin-top: 40px;
}



.sec-product-container .p_btn{
    margin: 0px;
    padding: 4px 30px;
    min-width: 180px;
    border: 1px solid #1E4CC1;
    border-radius: 20px;
    background-color: #ffffff;
    color: #1E4CC1 !important;
    text-align: center;
    margin: 20px 0;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase !important;
    max-width: 270px;
    float: left;
    margin-right: 30px;
  }

.sec-product-container .p_btn a{
    cursor: default;
}

.sec-product-container .p_btn:hover{
    background-color: #1E4CC1 !important;
    color: #ffffff !important;
}

.sec-product-container span{
    float: left;
    margin-right: 40px;
}

.product-gallery-title{
    font-size: 60px;
    line-height: 64px;
    color: #585858 !important;
    padding-bottom: 40px;
}


#my_Product_home_Carousel-01 .carousel-inner .home-p-bg1  {
	background-image: url(../images/product/01-home/p_gallery-01.jpg) !important;
	background-position: center top;
}

#my_Product_home_Carousel-01 .carousel-inner .home-p-bg2 {
	background-image: url(../images/product/01-home/p_gallery-02.jpg) !important;
	background-position: center center;
}

#my_Product_home_Carousel-01 .carousel-inner .home-p-bg3{
	background-image: url(../images/product/01-home/p_gallery-03.jpg) !important;
	background-position: center bottom;
}

/*   ./PRODUCT  HOME   P A G E   *************************************************************/



/*   PRODUCT  COMMERCIAL   P A G E   *************************************************************/

#hero-product-commercial{

    height: 100vh !important;
    width: auto !important;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 0px;
}



.bg-gen-M1{
	background-image: url(../images/product/02-commercial/banner-p-commercial-01.jpg);
	background-position: right bottom;
}

.bg-gen-M-pro{
    background-image: url(../images/product/02-commercial/banner-p-commercial-02.jpg);
    
}

.bg-gen-L{
    background-image: url(../images/product/02-commercial/banner-p-commercial-03.jpg);
    background-position: right bottom;
}



.product-image-container img{
    width: 100% !important;
    /*min-height: 250px !important;*/
    height: auto !important;
}

.sec-product-tab-container{
    display: block;
    position: relative;
    margin: 100px 0 40px 0 !important;
}



.product-tab-container{
    display: block;
    margin-top:0;
    margin-right:auto;
    margin-bottom:0;
    margin-left:auto;
    text-align: center !important;
    margin-bottom: 0px;
}

.product-tab-container span{
    float: left;
    margin-right: -30px;
    cursor: pointer !important;
}


.product-tab-button {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
}

.product-tab-button .p_tab{
    margin: 0px;
    padding: 4px 30px;
    min-width: 180px;
    border: 1px solid #1E4CC1;
    border-radius: 20px;
    background-color: #ffffff;
    color: #1E4CC1 !important;
    text-align: center;
    font-weight: 300;
    z-index: 5;
    text-transform: uppercase !important;
}

.product-tab-button .p_tab:hover{
    background-color: #e0eefa !important;
    color: #1E4CC1 !important;
}

.product-tab-button .active{
    z-index: 9;
    background-color: #1E4CC1 !important;
    color: #ffffff !important;
}




.product-tab-button .active:hover{
    z-index: 9;
    background-color: #1E4CC1 !important;
    color: #ffffff !important;
    cursor: default;
}


#my_Product_commercial_Carousel-01 .carousel-inner .commercial-p1-bg1{
	background-image: url(../images/product/02-commercial/comm-p1_gallery-01.jpg) !important;
	background-position: center top;
}

#my_Product_commercial_Carousel-01 .carousel-inner .commercial-p1-bg2{
	background-image: url(../images/product/02-commercial/comm-p1_gallery-02.jpg) !important;
	background-position: center center;
}

#my_Product_commercial_Carousel-01 .carousel-inner .commercial-p1-bg3{
	background-image: url(../images/product/02-commercial/comm-p1_gallery-03.jpg) !important;
	background-position: center bottom;
}


#my_Product_commercial_Carousel-02 .carousel-inner .commercial-p2-bg1{
	background-image: url(../images/product/02-commercial/comm-p2_gallery-01.jpg) !important;
	background-position: center top;
}

#my_Product_commercial_Carousel-02 .carousel-inner .commercial-p2-bg2{
	background-image: url(../images/product/02-commercial/comm-p2_gallery-02.jpg) !important;
	background-position: center center;
}

#my_Product_commercial_Carousel-02 .carousel-inner .commercial-p2-bg3{
	background-image: url(../images/product/02-commercial/comm-p2_gallery-03.jpg) !important;
	background-position: center bottom;
}

#my_Product_commercial_Carousel-03 .carousel-inner .commercial-p3-bg1{
	background-image: url(../images/product/02-commercial/comm-p3_gallery-01.jpg) !important;
	background-position: center top;
}

#my_Product_commercial_Carousel-03 .carousel-inner .commercial-p3-bg2{
	background-image: url(../images/product/02-commercial/comm-p3_gallery-02.jpg) !important;
	background-position: center center;
}

#my_Product_commercial_Carousel-03 .carousel-inner .commercial-p3-bg3{
	background-image: url(../images/product/02-commercial/comm-p3_gallery-03.jpg) !important;
	background-position: center bottom;
}


/*   ./PRODUCT  HOME   P A G E   *************************************************************/



/*   PRODUCT  Portable Mobile   P A G E   *************************************************************/
#hero-product-portable{
    height: 100vh !important;
    width: auto !important;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 0px;
}

.bg-portable-MobileBox{
	background-image: url(../images/product/03-portable/banner-p-portable-01.jpg);
	background-position: right bottom;
}

.bg-portable-OnBoard{
	background-image: url(../images/product/03-portable/banner-p-portable-02.jpg);
	background-position: center bottom;
}

.sec-product-tab-container{
    display: block;
    position: relative;
    margin: 100px 0 40px 0 !important;
}

.product-tab-container{
    display: block;
    margin-top:0;
    margin-right:auto;
    margin-bottom:0;
    margin-left:auto;
    text-align: center !important;
    margin-bottom: 0px;
}


#my_Product_portable_Carousel-01 .carousel-inner .portable-p1-bg1{
	background-image: url(../images/product/03-portable/portable-p1_gallery-01.jpg) !important;
	background-position: center top;
}

#my_Product_portable_Carousel-01 .carousel-inner .portable-p1-bg2{
	background-image: url(../images/product/03-portable/portable-p1_gallery-02.jpg) !important;
	background-position: center center;
}

#my_Product_portable_Carousel-01 .carousel-inner .portable-p1-bg3{
	background-image: url(../images/product/03-portable/portable-p1_gallery-03.jpg) !important;
	background-position: center bottom;
}


#my_Product_portable_Carousel-02 .carousel-inner .portable-p2-bg1{
	background-image: url(../images/product/03-portable/portable-p2_gallery-01.jpg) !important;
	background-position: center top;
}

#my_Product_portable_Carousel-02 .carousel-inner .portable-p2-bg2{
	background-image: url(../images/product/03-portable/portable-p2_gallery-02.jpg) !important;
	background-position: center center;
}

#my_Product_portable_Carousel-02 .carousel-inner .portable-p2-bg3{
	background-image: url(../images/product/03-portable/portable-p2_gallery-03.jpg) !important;
	background-position: center bottom;
}


/*   ./PRODUCT  Portable Mobile   P A G E   ***********************************************************/


/*   PRODUCT  Personal   P A G E   *************************************************************/

#hero-product-personal{
	background-image: url(../images/product/04-personal/banner-p-personal-01.jpg);
	background-position: right top;
    height: 100vh !important;
    width: auto !important;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 0px;
}

#my_Product_personal_Carousel-01 .carousel-inner .personal-p-bg1{
	background-image: url(../images/product/04-personal/personal-p_gallery-01.jpg) !important;
	background-position: center top;
}

#my_Product_personal_Carousel-01 .carousel-inner .personal-p-bg2{
	background-image: url(../images/product/04-personal/personal-p_gallery-02.jpg) !important;
	background-position: center center;
}

#my_Product_personal_Carousel-01 .carousel-inner .personal-p-bg3{
	background-image: url(../images/product/04-personal/personal-p_gallery-03.jpg) !important;
	background-position: center bottom;
}

/*   ./PRODUCT  Personal   P A G E   *************************************************************/



/*   SUSTAINABILITY   P A G E   *************************************************************/

#hero-sustainable{
	background-image: url(../images/sustainable/hero-banner-03.jpg);
	background-position: right bottom;
    height: 100vh !important;
    width: auto !important;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 0px;
}


#banner-sustainable-heading span{
    color: #707070 !important;
}


.sec-sustainable-02-container{
    padding-top: 140px;
}

.mySustainable-02-bg-img{
    background-image: url(../images/sustainable/sustanability-sec-02.jpg);
    background-color: #bdf3ff;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 0px;
}






#sec-sustainable-01a .heading-title,
#sec-sustainable-01b .heading-title,
#sec-sustainable-03 .heading-title,
#sec-sustainable-04 .heading-title{
    padding: 0px !important;
    margin: 0px !important;
}

#sec-sustainable-01a .heading-title,
#sec-sustainable-01b .heading-title,{
    height: 300px;
}


#sec-sustainable-03 .heading-title{
    height: 350px;
}

.sec-sustainable-02-container .about-text h3{
    font-size: 24px;
    line-height: 28px;
}


.sec-sustainable-02-container .about-text p{
    border-left: 1px solid #585858;
    height: 90px;
    font-size: 16px;
    line-height: 18px;
}

.img-hourglass{
    position: relative;
    transform: scale(0.55);
    
}

#sec-sustainable-02{
    background-color: #bdf3ff !important;
    display: block;
}



#sec-sustainable-04{
	background-image: url(../images/sustainable/sustanability-sec-04.jpg);
	background-position: right top;
    height: 100vh !important;
    width: auto !important;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 0px;
}

#sec-sustainable-04 h3{
    font-size: 48px;
    line-height: 52px;
}

#sec-sustainable-05{
    background-color: #ffffff !important;
    display: block;
}



/*   ./SUSTAINABILITY   P A G E   *************************************************************/



/*  News P A G E   *************************************************************/
#hero-news-banner{
	background-image: url("../images/news/banner-news.jpg");
	background-position: right bottom;
    height: 100vh !important;
    width: auto !important;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 0px;
}

.sec-news{
    margin: 0px;
    padding: 0px;
}
.news-image{
    margin-left: -15px;
    margin-right: -15px;
}

.sec-news-container{
    margin: 0px;
    padding: 0px;
    padding: 60px 0;
}

.news-container{
    padding: 0px;
    margin: 0px;
    display: inline-block;
    border-radius: 0 40px 40px 0;
}


.news-description {
    padding-top: 80px;
}

@media (min-width: 320px) and (max-width: 767px) {
    #hero-sustainable{
        background-position: left bottom;
    }
}

/*  News P A G E   *************************************************************/