* {
  position: relative;
  box-sizing: border-box;
}

p, h1, h2 {
  text-align: center;
}

h1 {
  font-size: 50px;
  margin-bottom: 15px;
}

/* jumbotron start */

.jumbotron-container {
  background-size: cover;
  margin-top: 150px;
}

.col-md-12 {
  padding: 0;
}

.jumbotron-banner {
  max-width: 1200px;
  margin: 0 auto;
}

.jumbotron-banner img {
  width: 100%;
  height: auto;
}

.banner_a {
  display: inline-block;
  position: relative;
  top: 0;
  left: 50%;
  transform: translate(-50%, 5px);
  height: 850px;
  width: 1920px;
  background-image: url(../images/brand/brands_banner.jpg);
}


/* jumbotron end */
.product-section {
  position: relative;
  z-index: 1;
  vertical-align: top;
}
.product-section h2 {
  text-align: center;
  margin: 0 auto 5px;
  font-weight: 500;
}
.product-section p {
  /*margin: 0 auto 15px;*/
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 1.2px;
  color: #000;
}
.product-section:before,
.product-section:after {
  content: ' ';
  display: table
}
.product-section:after {
  clear: both
}

.product-section01 {
  /*margin: 35px 15px 10px;*/
  margin: auto;
  height: 300px;
  /*padding: 25px 0;*/
  text-align: center;
  background: #000000;
  border-top: 35px solid #232323;
  border-bottom: 35px solid #232323;
  
}
.product-section01 h2 {
  margin-top: 25px;
  font-size: 50px;
  color: #fff;
  font-weight: 300;
  /*color: #bba780;*/
  padding-bottom: 15px;
  display: inline-block;
  /*position: relative;*/
  /*content: "";*/
  border-bottom: 3px solid #f9c031;
}
.product-section01 p {
  color: #fff;
  font-size: 25px;
  line-height: 2;
}

.product-section07,
.product-section06,
.product-section05,
.product-section04,
.product-section03,
.product-section02 {
  display: inline-block;
  text-align: center;
  /* background: linear-gradient(to top, rgba(255, 145, 0, 0.103), #f9c031); */
  /*background-color: #ccc;*/
  margin: 20px auto 90px;
  padding: 0 0 15px 0;
  height: auto;

  background-position: center top;
    background-size: 100% auto;
}

.section-bg {
  position: relative;
  display: inline-block;

  
  color: white;
  max-height: 430px;
  height: 430px;
  width: 100%;

  margin: 0 auto 25px;
  overflow: hidden;
  padding: 0;

  background-color: rgb(161, 161, 161);
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  /*background-attachment: fixed;*/
/*  background-position: 15% 0;
  background-repeat: no-repeat;
*/  
  transition: all .7s 0s;
  box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
}
.section-bg:hover {
  box-shadow: none;
}
.section-bg .section-cont {
    width: 600px;
  position: absolute;
  bottom: -20px;
  /*width: 200px;*/
  overflow: hidden;
  background: linear-gradient(rgb(0, 0, 0), rgb(85, 85, 85));
  transition: all 0.3s 0s ease-in;
}

.section-bg:hover .section-cont {
  /* bottom: -20px; */
  box-shadow: 0px 25px 10px 10px rgba(0, 0, 0, 0.5);
}

.product-section06 .section-bg .section-cont,
.product-section04 .section-bg .section-cont {
  left: 0;
}
.product-section03 .section-bg .section-cont,
.product-section05 .section-bg .section-cont,
.product-section07 .section-bg .section-cont{
  right: 0;
}
.product-section02 .section-bg{background-image: url(../images/product/p_banner01.jpg);}
.product-section03 .section-bg{background-image: url(../images/product/p_banner02.jpg);}
.product-section04 .section-bg{background-image: url(../images/product/p_banner03.jpg);}
.product-section05 .section-bg{background-image: url(../images/product/p_banner04.jpg);}
.product-section06 .section-bg{background-image: url(../images/product/p_banner05.jpg);}
.product-section07 .section-bg{background-image: url(../images/product/p_banner06.jpg);}

.product-section02 .section-bg .section-cont {
    position: absolute;
    bottom: -50px;
    width: 600px;
}
.product-section02 .section-bg:hover .section-cont {
    bottom:-20px;
}




.section-cont h2 {
  font-size: 42px;
  color: #f9c031;
}
.section-cont p {
  line-height: 2;
  transition: all .3s .1s;
  opacity: 0;
}
.section-bg:hover .section-cont p {
  /*font-size: 42px;*/
  color: #c9caca;
  opacity: 1;
}

.product-section07 .section-cont,
.product-section06 .section-cont,
.product-section05 .section-cont,
.product-section04 .section-cont,
.product-section03 .section-cont,
.product-section02 .section-cont {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: orange;
  margin: 20px auto;
}

.product-section07 h2,
.product-section06 h2,
.product-section05 h2,
.product-section04 h2,
.product-section03 h2,
.product-section02 h2 {
  font-style: bold;
}

.product-section07 p,
.product-section06 p,
.product-section05 p,
.product-section04 p,
.product-section03 p,
.product-section02 p{
  color: #9a9a9a;

}

.rounded-circle01,.rounded-circle02,
.rounded-circle03,.rounded-circle04{
  height: 140px;
  width: 140px;
  background-color: rgb(117, 106, 106);
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 5px;
  background-position: center;
  background-repeat: no-repeat;

  transition: all 0.3s 0s;
}
.rounded-circle01:hover,.rounded-circle02:hover,
.rounded-circle03:hover,.rounded-circle04:hover{
  /*box-shadow: 5px 5px 5px rgba(0,0,0,0.3);*/
  box-shadow: 3px 3px 0px rgba(0,0,0,0.3);
}

.product-section02 .rounded-circle01{background-image: url(../images/product/p_icon01.png);}
.product-section02 .rounded-circle02{background-image: url(../images/product/p_icon02.png);}
.product-section02 .rounded-circle03{background-image: url(../images/product/p_icon03.png);}
.product-section03 .rounded-circle01{background-image: url(../images/product/p_icon04.png);}
.product-section03 .rounded-circle02{background-image: url(../images/product/p_icon05.png);}
.product-section03 .rounded-circle03{background-image: url(../images/product/p_icon06.png);}
.product-section03 .rounded-circle04{background-image: url(../images/product/p_icon07.png);}
.product-section04 .rounded-circle01{background-image: url(../images/product/p_icon08.png);}
.product-section04 .rounded-circle02{background-image: url(../images/product/p_icon09.png);}
.product-section04 .rounded-circle03{background-image: url(../images/product/p_icon10.png);}
.product-section04 .rounded-circle04{background-image: url(../images/product/p_icon11.png);}
.product-section05 .rounded-circle01{background-image: url(../images/product/p_icon12.png);}
.product-section05 .rounded-circle02{background-image: url(../images/product/p_icon13.png);}
.product-section05 .rounded-circle03{background-image: url(../images/product/p_icon14.png);}
.product-section06 .rounded-circle01{background-image: url(../images/product/p_icon15.png);}
.product-section06 .rounded-circle02{background-image: url(../images/product/p_icon16.png);}
.product-section06 .rounded-circle03{background-image: url(../images/product/p_icon17.png);}
.product-section07 .rounded-circle01{background-image: url(../images/product/p_icon18.png);}
.product-section07 .rounded-circle02{background-image: url(../images/product/p_icon19.png);}
.product-section07 .rounded-circle03{background-image: url(../images/product/p_icon20.png);}


/* Bootstrap start */
@media (max-width: 720px){
  .product-section02 .section-bg .section-cont {
    bottom: -100px;
    width: auto;
  }
}

@media (max-width:767px) {
  .product-section01{
    height: auto;
  }
  .jumbotron-container {
    margin-top: 102px;
  }
  .section-cont h2 {
    font-size: 30px;
  }
  .rounded-circle01,.rounded-circle02,
  .rounded-circle03,.rounded-circle04{
    text-align: center;
    margin-top: 10px;
  }
  .product-section>.col-xs-12 p {
    text-align: center;
  }
  .section-bg .section-cont {
    width: 100%;
  }
  .section-bg {
    max-height: 430px;
    /*height:400px;*/
    width: 100%;
  /*background-repeat: no-repeat;*/
  }
  .product-section02 .section-bg{background-image: url(../images/product/p_banner01_2.jpg);}
  .product-section03 .section-bg{background-image: url(../images/product/p_banner02_2.jpg);}
  .product-section04 .section-bg{background-image: url(../images/product/p_banner03_2.jpg);}
  .product-section05 .section-bg{background-image: url(../images/product/p_banner04_2.jpg);}
  .product-section06 .section-bg{background-image: url(../images/product/p_banner05_2.jpg);}
  .product-section07 .section-bg{background-image: url(../images/product/p_banner06_2.jpg);}


}

@media (min-width: 768px) {
  .jumbotron-container {
    margin-top: 141px;
  }
  .col-sm-4 {
    text-align: center;
    margin-bottom: 25px;
  }
  .col-sm-6 {
    text-align: center;
  }
  .col-sm-12 {
    text-align: center;
  }
}

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


/* Bootstrap end */