@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900');

* {

  margin: 0;

  padding: 0;

  transition: .2s;

  font-family: 'Open Sans', sans-serif;

}



.navbar-default .navbar-nav > .active > a {

   background-color: #fff;

    color: #4f301c !important;

    border-radius: 15px;

}

.nav > li > a {

    padding: 0px;

    color: #fff !important;

    padding: 5px 18px;

    border-radius: 3px;

    font-weight: 700;

}

.navbar-collapse {

    margin: 0px !important;

    padding: 0px !important;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{

  background:transparent;

}

.navbar-default{

  background: transparent;

  border:transparent;

}

.navbar-brand{

  padding: 0px !important;

}

.navbar-nav{

  float: right;

  padding: 20px 0px 20px 0px;

}

.carousel-fade .carousel-inner .item {

  opacity: 0;

  transition-property: opacity;

  overflow: hidden;

}

.item.active img {

  transition: transform 5000ms linear 0s;

  transform: scale(1.05, 1.05);

}

.carousel-fade .carousel-inner .active {

  opacity: 1;

}

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

  left: 0;

  opacity: 0;

  z-index: 1;

}

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

  opacity: 1;

}

.carousel-fade .carousel-control {

  z-index: 2;

}

@media all and (transform-3d),

(-webkit-transform-3d) {

  .carousel-fade .carousel-inner>.item.next,

  .carousel-fade .carousel-inner>.item.active.right {

    opacity: 0;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

  .carousel-fade .carousel-inner>.item.prev,

  .carousel-fade .carousel-inner>.item.active.left {

    opacity: 0;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

  .carousel-fade .carousel-inner>.item.next.left,

  .carousel-fade .carousel-inner>.item.prev.right,

  .carousel-fade .carousel-inner>.item.active {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

#myCarousel .item img {

  width: 100%;

}

.icns-le {

  top: 80%;

  left: 0px;

  z-index: 9;

}

.icns-ri {

  top: 80%;

  transition: .5s;

  z-index: 9;

}

.smile {

  font-size: 26px !important;

}



.smile {

  background-color: #36404a;

  width: 50px;

  height: 45px;

  border-radius: 0%;

  text-align: center;

  line-height: 45px !important;

  color: #fff;

}

.smile-1 {

  background-color: #fb4949;

  width: 50px;

  height: 45px;

  border-radius: 0%;

  text-align: center;

  line-height: 45px !important;

  color: #fff;

  font-size: 25px !important;

}





/* ANIMATED UP ARROW */

.navbar-toggle.uarr.collapsed .icon-bar:nth-of-type(1) {

  transform: translate3d(0,0,0) rotate(0deg);

  width: 22px;

}



.navbar-toggle.uarr.collapsed .icon-bar:nth-of-type(2) {

  transform: translate3d(0,0,0) rotate(0deg);

}



.navbar-toggle.uarr.collapsed .icon-bar:nth-of-type(3) {

  transform: translate3d(0,0,0) rotate(0deg);

  width: 22px;

}



.navbar-toggle.uarr .icon-bar:nth-of-type(1) {

  transform: translate3d(1px,0,0) rotate(-45deg);

  transform-origin: center center;

  width: 11px;

}



.navbar-toggle.uarr .icon-bar:nth-of-type(2) {

  transform: rotate(-90deg);

  transform-origin: center center;

}



.navbar-toggle.uarr .icon-bar:nth-of-type(3) {

  transform: translate3d(0px,-14px,0) rotate(-135deg);

  transform-origin: right top;

  width: 11px;

}









.navbar-toggle {

  border: none;

  background: #f0f0f0 !important;

}

.navbar-toggle:hover {

  background: #f0f0f0 !important;

}

.navbar-toggle .icon-bar {

  width: 22px;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}

.soc-right ul li{

list-style: none;

float: left;

padding-left: 10px;

cursor: pointer;

}

.soc-right ul{

  margin: 0;

}

.soc-right{

  float: right;

  padding-right: 20px;

}

.fb{

color: #2662dc;

font-size: 18px !important;

}

.twi{

color: #00b5ff;

font-size: 18px !important;

}

.you{

color: #c92b18;

font-size: 18px !important;

}

.social-media{

  padding-top: 5px;

  padding-bottom: 5px;

  position: relative;

    z-index: 99;

    background-color: #fff;

}

.navbar{

margin-bottom: 0px !important;

}

.mnu{

  position: relative;

}

.top-fill{

  background-color: #4f301c;

}

.logo-portion{

      z-index: 9;

  position: absolute;

    top: 0;

    left: 0;

  padding: 7px 20px 25px 20px;

    background-color: #fff;

box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.19);

border-bottom: 2px solid #4f301c;

}

.navbar-nav{

  margin: 0px !important;

}

.arrws{

  width: 50px;

  height: 35px;

  text-align: center;

  line-height: 35px !important;

  background-color: #502f1c;

  color: #fff;

  font-size: 15px !important;

}



.lef{

  position: absolute;

  top: 48%;

  left: 0;

  font-size: 20px !important;

  z-index: 99;

}

.righ{

  position: absolute;

  top: 48%;

  right: 0;

  font-size: 20px !important;

  z-index: 99;

}

.ban-captions{

  position: absolute;

  z-index: 9;

  width: 100%;

  bottom: 40%;

}

.inr-capts h1{

 font-family: 'Raleway', sans-serif;

    margin: 0;

    background-color: rgba(79, 47, 28, 0.36);

    font-weight: 700;

    color: #f38c4c;

    padding: 15px;

    text-align: center;

    width: 90%;

}

.inr-capts h2{

  font-family: 'Raleway', sans-serif;

    margin: 0;

    background-color: rgba(79, 47, 28, 0.24);

    color: #fff;

    padding: 15px;

    font-weight: 700;

    width: 41%;

    text-align: center;

}

.banner-portion .item img{

  filter: brightness(85%);

}

.ml-id{

float: left;

    margin-left: 25%;

    background-color: #fff;

    padding: 5px;

    margin-top: 20px;

    border-radius: 15px;

    padding-left: 10px;

    padding-right: 10px;



}

.ml-id ul li{

 list-style: none;

 float: left;

    padding: 0px 6px 0px 7px;

}

.ml-top{

color: #bb8151;

}

.abt-hed h1{

 margin: 0;

    padding: 0;

    font-family: 'Raleway', sans-serif;

    color: #5d5c5b;

    font-weight: 700;

    font-size: 30px;

}

.about-portion{

  margin-top: 50px;

}

.abt-hed-im{

  padding-top: 5px;

}

.lef-abt-text p{

  font-size: 15px;

    line-height: 24px;

}

.abt-hed{

  padding-bottom: 10px;

}

.abt-im{

  /*background-color: #502f1c;*/

}

.abt-im img{

    margin-left: 20px;

      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.19);

      transition: .5s;

}

.abt-im{

  position: relative;

}



.brwn-back{

  background-color: #502f1c;

    position: absolute;

    top: 40px;

    bottom: -20px;

    left: 0;

    right: 30px;

    z-index: -9;

    transition: 1s;

}

.main-but{

  background-color: #502f1c;

  min-width: 120px;

  padding: 6px;

  color: #fff;

  border-radius: 10px;

  border:none;

      font-size: 13px;

      transition: 1s;

}

.abt-im:hover .brwn-back{

 background-color: #fff;

 transition: 1s;

 border:2px solid #502f1c;

}

.abt-im img:hover{

   filter: brightness(120%);

   transition: 1s;

}



.our-vision{

  margin-top: 50px;

      margin-bottom: 50px;

}   

.poin{

  position: relative;

      margin-bottom: 15px;

}

.squr{

  height: 12px;

  width: 12px;

  background-color: #7a7979;

  margin-top: 5px;

    position: absolute;

}

p{

  font-size: 15px;

}

.poin p{

     margin: 0px;

  margin-left: 30px;

    top: -5px;

    left: 30px;

}

.inr-visions{

  padding-top: 10px;

}

.in-points{

  position: relative;

}

.core h4{

  margin: 0;

  margin: 0;

    font-family: 'Raleway', sans-serif;

    font-weight: 600;

    font-size: 21px;



    padding-bottom: 10px;

}

.ri-line{

  border-right: 1px solid #5a5a5a;

}

.our-products{

  background-image: url(../images/back.png);

      background-attachment: fixed;

}

.product-in{

  position: relative;

  overflow: hidden;

}

.prod-hed h4{

    margin: 0;

    color: #fff;

    font-family: 'Raleway', sans-serif;

    font-weight: 700;

    font-size: 27px;

    border-bottom: 1px solid #fff;

    padding-bottom: 10px;

}

.prod-hed{

  margin-top: 40px;

  margin-bottom: 20px;

}

.prod-im img{

  width: 100%;

  overflow: hidden;

  transition: .5s;

}

.proheds{

  background-color: #fff;

}

.rh1{

  width: 40px;

  height: 40px;

  line-height: 40px !important;

  text-align: center;

  background-color: #502f1c;

  color: #fff;

  margin: 5px;

      font-size: 24px !important;

      transition: .5s;

      cursor: pointer;

}

.proheds ul li{

  list-style: none;

  float: left;

}

.proheds ul li p{

      text-transform: uppercase;

    font-size: 19px;

    font-weight: 400;

    padding-top: 13px;

        padding-left: 10px;

}





#owl-project .item{

    margin: 5px;

} 



.products-slide{

  position: relative;

}

#owl-project .owl-buttons{

      position: absolute;

    top: 0;

    right: 0;

}

.products-slide .owl-carousel{

position: static !important;

}

.owl-theme .owl-controls .owl-buttons div{

  background:none !important;

  opacity: 1 !important;

  margin: 0px !important;

  padding: 0px !important;

}

.arrws-2{

  background-color: #fff;

  color: #f57c31;

  width: 40px;

  height: 30px;

  line-height: 30px !important;

  text-align: center;

  margin-left: 5px;

      font-size: 17px !important;

}

.our-products{

  padding-bottom: 40px;

}



.product-in:hover .rh1{

  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -o-transform: rotate(90deg);

  transform: rotate(90deg);



  transition: .5s;

}

.product-in:hover .prod-im img{

     cursor: pointer;

transition: .5s;

    transform: scale(1.2);

}



.prod-im{

  overflow: hidden;

  border: 5px solid #d4d2d2;

}

.call-portion{

  background-color: #5d5c5b;

   

    padding-top: 20px;

    padding-bottom: 20px;

    position: relative;

    width: 100%;

}

.lef-doubt h1{

 margin: 0;

    padding: 0;

    font-family: 'Raleway', sans-serif;

    color: #fff;

    font-weight: 600;

    font-size: 25px;

    text-align: center;

    position: relative;

    z-index: 9;

}

.no-side{

  padding-right: 0px !important;

    padding-left: 0px !important;

}

.bak-gre{

  position: absolute;

top: 0;

bottom: 0;

background-color: #502f1c;

width: 50%;



-webkit-transform: skewX(-25deg);

    transform: skewX(-25deg);

    left: -33px;

}

.right-number h1{

  margin: 0;

    padding: 0;

    font-family: 'Open Sans', sans-serif;

    color: #fff;

    font-weight: 600;

    font-size: 25px;

    text-align: center;

}

.cen-desg-ln{

  position: relative;

  top: 50%;

  width: 200px;

  height: 1px;

  background-color: #fff;

  margin: 0 auto;

}

.pst{

  position: absolute;

  width: 100%;

  top: 50%;

}

.rnd{

 width: 12px;

    height: 12px;

    border-radius: 50px;

    border: 1px solid #fff;

    position: absolute;

    right: -12px;

    bottom: -5px;

}.ln-strt{

  width: 100%;

  height: 1px;

  background-color: #bfbfbf;

  margin-top: 50px;

  margin-bottom: 30px;

}



.footer-portion{

  background-color: #909090;

      padding-bottom: 50px;

}

.foot-menu ul li{

  list-style: none;

  text-transform:uppercase;

  color: #fff;

      line-height: 27px;

      cursor: pointer;

      transition: .5s;

}

.foot-menu ul li:hover{

  color: #502f1c;

  transition: .5s;

}

.for p{

  color: #fff;

}

.con-frm{

  width: 100%;

  margin-bottom: 7px;

  padding: 7px;

  background-color: transparent;

  border:1px solid #fff;

  color: #fff;

}

::placeholder {

    color: #4a4a4a;

    opacity: 1; /* Firefox */

}



:-ms-input-placeholder { /* Internet Explorer 10-11 */

   color: #4a4a4a;

}



::-ms-input-placeholder { /* Microsoft Edge */

   color: #4a4a4a;

}



.footer-copy{



    background-color: #502f1c;

    padding: 15px;

}

.footer-copy p{

  color: #fff;

  margin: 0;

      font-weight: 100;



}





.abt-texts{

  padding-top: 20px;

}

/****************************************************media screen/*********************************/



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

   .ml-id{

    margin-left: 47%;

   }

   .logo-portion{

padding: 24px 24px 38px 25px;

   }

}



@media(min-width: 768px) and (max-width: 991px) { 

.ml-id{

  display: none;

}

.nav > li > a{

  padding: 5px 11px;

  }

.brwn-back{

  display: none;

}

.abt-im img{

  margin-left: 0px;

  margin-top: 20px;

}

}



@media(min-width: 0px) and (max-width: 767px) { 

.brwn-back{

  display: none;

}

.abt-im img{

  margin-left: 0px;

  margin-top: 20px;

  width: 300px;

}

.ri-line{

  display: none;

}

.ml-id{

  display: none;

}

.logo-portion{

    padding: 7px 23px 13px 20px;

}

.logo-portion img{

  width: 152px;

}



.navbar-nav {

     float: left;

    padding: 30px 0px 20px 0px;

}

.navbar-default .navbar-nav > .active > a{

  background-color: transparent !important;

      color: #ff9c5c !important;

}

.inr-capts{

  display: none;

}

}



@media(min-width: 0px) and (max-width: 991px) { 

.bak-gre{

  display: none;

  }

  .pst{

    display: none;

  }

  .lef-doubt{

    padding-bottom: 10px;

  }

}





/**************************************************about**************************/

.inner-page-banner img{

  width: 100%;

}

.inner-page-header h1{

 margin: 0;

  

    text-transform: uppercase;

    font-weight: 800;

    font-size: 25px;

    color: #fff;

    padding: 15px;

}

.inner-page-header{

  background-color: #4f301c;

}

.inner-contents{

  margin-top: 50px;

  margin-bottom: 50px;

}

.abt-texts h1{

  margin: 0;

    padding: 0;

    font-family: 'Raleway', sans-serif;

    color: #5d5c5b;

    font-weight: 700;

    font-size: 30px;

}

.abt-texts p{

  margin-top: 10px;

}



/***********************************products****************************/



.cards{

  background-repeat: no-repeat;

    width: 100%;

    height: 100%;

    min-height: 200px;

    background-position: top left;

	background-size:cover;

}

.galler{

  padding-bottom: 50px;

  margin-left:-1px;

  overflow: hidden;

}

.just-side{

    padding-right: 2px !important;

    padding-left: 2px !important;

}

.first-back{

  margin-bottom: 4px;

  overflow: hidden;

}

.cards{

  overflow: hidden !important;

  transition: .5s;

}

/*

.cards:hover{

opacity: .6;

transition: .5s;

}

.cards img{

  transform: scale(1.2);

      }



*/

.comm{

  background-color: #d6d6d6;

    padding: 10px;

    border:1px solid #d6d6d6;

    transition: .2s;

}



.first-back:hover .comm{

background-color: #4f301c;

transition: .2s;

color: #fff;

}

.lfsi-hd h4{

  margin: 0;

  font-weight: 600;

      padding: 10px;

      background-color: #e1e1e1;

}

.lfsi-hd{

  margin-bottom: 10px;

}

.points{

  margin-left: 20px;

  margin-bottom: 20px;

}

.points li{

  line-height: 28px;

}



.social-cont ul li{

  list-style: none;

  float: left;

  padding-right: 15px;

}

.det h2{

 color: #4f301c;

    font-weight: 600;

    font-size: 22px;

}



.con-frm-2{

  width: 100%;

    margin-bottom: 7px;

    padding: 7px;

    background-color: transparent;

    border: 1px solid #ddd;

    color: #ddd;

}